Merge pull request #202 from hashicorp/chore-logo

chore: 🤖 drop in new branding

addons/rose/addon/styles/rose/components/header/_brand.scss

@@ -11,8 +11,7 @@
   margin: 10px;
 
   svg {
-    // 28px... header sizes do not follow the sizing system
-    $logoSize: sizing.rems(l) + sizing.rems(xxs);
+    $logoSize: sizing.rems(xl) * 3;
     display: block;
     width: $logoSize;
   }

ui/core/app/templates/application.hbs

@@ -5,7 +5,7 @@
 
   <layout.header>
     <Rose::Header as |header|>
-      <header.brand @logo="logo-hashi" @text={{app-name}} />
+      <header.brand @logo="logo-boundary" @text={{app-name}} />
 
       {{#if this.session.isAuthenticated}}
         <header.utilities as |utilities|>

ui/core/public/logo-boundary.svg

@@ -0,0 +1,69 @@
+<svg
+  height="30"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 310 67">
+  <defs><style>.cls-1{fill:#fff;}.cls-2{fill:#f04e54;}</style></defs>
+
+  <g id="LOGOS">
+    <path
+      class="cls-1"
+      d="M104.58,32.17c3.08-1.33,4.48-3.21,4.48-6.54V21.45c0-5.44-3.09-8.59-10.72-8.59H82.5v40.3H99.44c7.32,0,11-3.57,11-9.26V39.61C110.45,35.67,108.27,33,104.58,32.17Zm-14.46-13h7.32c2.78,0,4,1,4,3.27V26c0,2.36-1.08,3.76-4.05,3.76H90.12Zm12.71,23.78c0,3-1.46,3.94-4.91,3.94h-7.8v-11h8.47c3,0,4.24,1.33,4.24,4Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M126.48,23.09c-10.1,0-12.82,5.56-12.82,11.62v7.44c0,6.05,2.72,11.61,12.82,11.61s12.83-5.56,12.83-11.61V34.71C139.31,28.65,136.58,23.09,126.48,23.09Zm5.45,19.3c0,3.33-1.51,5.08-5.45,5.08S121,45.72,121,42.39V34.47c0-3.34,1.51-5.09,5.44-5.09s5.45,1.75,5.45,5.09Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M161.46,23.69V44.15c-2.67,1.39-5.88,2.48-7.69,2.48s-2.36-.79-2.36-2.37V23.69H144V45.05c0,5.27,1.75,8.71,6.65,8.71a29.59,29.59,0,0,0,11.8-3.08l.73,2.48h5.63V23.69Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M193.34,23.09a29.59,29.59,0,0,0-11.8,3.08l-.72-2.48h-5.63V53.16h7.38V32.71c2.66-1.39,5.87-2.48,7.68-2.48s2.36.79,2.36,2.36V53.16H200V31.8C200,26.54,198.24,23.09,193.34,23.09Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M222.44,11.66V23.94a41,41,0,0,0-7.87-.85c-6.83,0-9.73,3.87-9.73,10.41v10c0,6.72,3.14,10.22,9.07,10.22a15.48,15.48,0,0,0,9.32-3.08l.72,2.48h5.87V10.63Zm0,33.15a10.43,10.43,0,0,1-6.59,2.66c-2.73,0-3.63-1.33-3.63-3.75V33.32c0-2.67,1-3.94,3.69-3.94a33,33,0,0,1,6.53.79Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M245.74,23.09a38.76,38.76,0,0,0-10.11,1.39l.91,5.63a40.74,40.74,0,0,1,8.17-.91c4.71,0,5.62,1.15,5.62,4.42V36.7h-7.07c-6,0-8.6,2.3-8.6,8.29,0,5.09,2.3,8.77,7.69,8.77a16.06,16.06,0,0,0,8.77-2.6l.54,2h6.06V33.74C257.72,26.35,255,23.09,245.74,23.09Zm4.59,23.29a11.57,11.57,0,0,1-5.56,1.51c-2.3,0-3-.9-3-3,0-2.24.67-2.9,3.09-2.9h5.44Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M277.92,23.09A33,33,0,0,0,270.18,27l-.48-3.27h-6.24V53.16h7.39v-19a56,56,0,0,1,7.8-4.29Z">
+    </path>
+
+    <path
+      class="cls-1"
+      d="M300.61,23.69l-6.77,22.39-6.72-22.39h-7.56l9.32,29.47h2.59l-3.68,11.92h7l3.93-11.92,9.44-29.47Z">
+    </path>
+
+    <polygon
+      class="cls-2"
+      points="9.89 64.1 9.89 59.28 19.9 59.28 19.9 56.3 15.05 56.3 15.05 51.45 37.97 51.45 27.32 33.01 37.97 14.57 14.47 14.57 14.47 40.15 1.82 40.15 1.82 1.92 45.34 1.92 52.61 14.5 41.92 33.01 52.83 51.9 45.78 64.1 9.89 64.1">
+    </polygon>
+
+    <rect
+      class="cls-2"
+      x="6.98"
+      y="51.45"
+      width="4.85"
+      height="4.85">
+    </rect>
+
+    <rect
+      class="cls-2"
+      x="1.82"
+      y="59.25"
+      width="4.85"
+      height="4.85">
+    </rect>
+  </g>
+</svg>