barbican-reset 3.28.0 → 3.30.0

package/icons/barbican.vue

@@ -1,19 +1,11 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    :class="$style.logo"
+    class="br-icon wordmark"
     viewBox="0 0 333 65"
-    width="333"
-    height="65">
+    height="31.23"
+    width="160">
     <path
-      d="M0 0H14.7V24.2C18.2 21.1 21.4 19.9 26.3 19.9C38.7 19.9 47.6 29.5 47.6 42.8C47.6 49.3 45.2 55.3 41.2 59.4C37.6 63.1 32.7 64.9 26.8 64.9C20.8 64.9 17.3 63.4 14.1 59.8V63.3H0V0ZM13.7 42.4C13.7 48.7 17.5 52.9 23.1 52.9C28.7 52.9 32.2 49.1 32.2 42.8C32.2 36.4 28.7 32.4 22.9 32.4C17.4 32.5 13.7 36.5 13.7 42.4V42.4ZM83.1 60.5C79.3 64 76.6 65 70.8 65C64.2 65 59.4 63.2 55.7 59.3C51.7 55.1 49.6 49.3 49.6 42.6C49.6 29.4 58.3 20.2 70.6 20.2C76 20.2 79 21.4 83 25.2V21.6H97.1V63.6H83.1V60.5V60.5ZM64.9 43C64.9 49.3 68.4 53 74.2 53C79.8 53 83.5 48.9 83.5 42.6C83.5 36.6 79.9 32.5 74.4 32.5C68.9 32.5 64.9 36.9 64.9 43ZM101.2 21.5H115.3V26.8C118.4 22 121.5 20.3 126.6 20.3C127.6 20.3 128.2 20.4 131.7 20.8V34.1C130 33.6 129.1 33.6 127.9 33.6C120.1 33.6 116 37.8 116 45.8V63.5H101.3L101.2 21.5V21.5ZM134.2 0H148.9V24.2C152.4 21.1 155.6 19.9 160.5 19.9C172.9 19.9 181.8 29.5 181.8 42.8C181.8 49.3 179.4 55.3 175.4 59.4C171.8 63.1 167 64.9 161 64.9C155 64.9 151.5 63.4 148.3 59.8V63.3H134.2V0ZM147.9 42.4C147.9 48.7 151.7 52.9 157.3 52.9C162.9 52.9 166.4 49.1 166.4 42.8C166.4 36.4 162.9 32.4 157.1 32.4C151.6 32.5 147.9 36.5 147.9 42.4ZM200.2 9.3C200.2 13.8 196.6 17.5 192 17.5C187.5 17.5 183.9 13.9 183.9 9.3C183.9 4.8 187.5 1.2 192 1.2C196.6 1.2 200.2 4.8 200.2 9.3ZM184.7 21.5H199.4V63.5H184.7V21.5V21.5ZM236 61.6C229.9 64.6 227.7 65.1 222.6 65.1C216.8 65.1 212.2 63.6 209.1 60.4C204.9 56.4 202.6 50.1 202.6 43C202.6 29.2 211 19.7 223.3 19.7C228 19.7 231.2 20.6 236 23.5V38.2C232.5 34.1 230.4 32.8 226.8 32.8C221.4 32.8 218.2 36.4 218.2 42.3C218.2 48.1 221.5 51.7 226.7 51.7C230.1 51.7 232.5 50.4 236 47V61.6V61.6ZM271 60.5C267.2 64 264.5 65 258.7 65C252.1 65 247.3 63.2 243.6 59.3C239.6 55.1 237.5 49.3 237.5 42.6C237.5 29.4 246.2 20.2 258.5 20.2C263.9 20.2 266.9 21.4 270.9 25.2V21.6H285V63.6H270.9V60.5H271V60.5ZM252.8 43C252.8 49.3 256.3 53 262.1 53C267.7 53 271.4 48.9 271.4 42.6C271.4 36.6 267.8 32.5 262.3 32.5C256.8 32.5 252.8 36.9 252.8 43ZM289.1 21.5H303.6V26.3C307.3 21.5 310.6 19.9 316.6 19.9C323.1 19.9 328.6 22.5 331 26.9C332.3 29.2 332.9 31.8 332.9 35.1V63.4H318.2V40.3C318.2 34.7 316.1 32 311.7 32C307 32 303.8 35.3 303.8 40.3V63.4H289.1V21.5Z"
-      fill="white" />
+      d="M0 0H14.7V24.2C18.2 21.1 21.4 19.9 26.3 19.9C38.7 19.9 47.6 29.5 47.6 42.8C47.6 49.3 45.2 55.3 41.2 59.4C37.6 63.1 32.7 64.9 26.8 64.9C20.8 64.9 17.3 63.4 14.1 59.8V63.3H0V0ZM13.7 42.4C13.7 48.7 17.5 52.9 23.1 52.9C28.7 52.9 32.2 49.1 32.2 42.8C32.2 36.4 28.7 32.4 22.9 32.4C17.4 32.5 13.7 36.5 13.7 42.4V42.4ZM83.1 60.5C79.3 64 76.6 65 70.8 65C64.2 65 59.4 63.2 55.7 59.3C51.7 55.1 49.6 49.3 49.6 42.6C49.6 29.4 58.3 20.2 70.6 20.2C76 20.2 79 21.4 83 25.2V21.6H97.1V63.6H83.1V60.5V60.5ZM64.9 43C64.9 49.3 68.4 53 74.2 53C79.8 53 83.5 48.9 83.5 42.6C83.5 36.6 79.9 32.5 74.4 32.5C68.9 32.5 64.9 36.9 64.9 43ZM101.2 21.5H115.3V26.8C118.4 22 121.5 20.3 126.6 20.3C127.6 20.3 128.2 20.4 131.7 20.8V34.1C130 33.6 129.1 33.6 127.9 33.6C120.1 33.6 116 37.8 116 45.8V63.5H101.3L101.2 21.5V21.5ZM134.2 0H148.9V24.2C152.4 21.1 155.6 19.9 160.5 19.9C172.9 19.9 181.8 29.5 181.8 42.8C181.8 49.3 179.4 55.3 175.4 59.4C171.8 63.1 167 64.9 161 64.9C155 64.9 151.5 63.4 148.3 59.8V63.3H134.2V0ZM147.9 42.4C147.9 48.7 151.7 52.9 157.3 52.9C162.9 52.9 166.4 49.1 166.4 42.8C166.4 36.4 162.9 32.4 157.1 32.4C151.6 32.5 147.9 36.5 147.9 42.4ZM200.2 9.3C200.2 13.8 196.6 17.5 192 17.5C187.5 17.5 183.9 13.9 183.9 9.3C183.9 4.8 187.5 1.2 192 1.2C196.6 1.2 200.2 4.8 200.2 9.3ZM184.7 21.5H199.4V63.5H184.7V21.5V21.5ZM236 61.6C229.9 64.6 227.7 65.1 222.6 65.1C216.8 65.1 212.2 63.6 209.1 60.4C204.9 56.4 202.6 50.1 202.6 43C202.6 29.2 211 19.7 223.3 19.7C228 19.7 231.2 20.6 236 23.5V38.2C232.5 34.1 230.4 32.8 226.8 32.8C221.4 32.8 218.2 36.4 218.2 42.3C218.2 48.1 221.5 51.7 226.7 51.7C230.1 51.7 232.5 50.4 236 47V61.6V61.6ZM271 60.5C267.2 64 264.5 65 258.7 65C252.1 65 247.3 63.2 243.6 59.3C239.6 55.1 237.5 49.3 237.5 42.6C237.5 29.4 246.2 20.2 258.5 20.2C263.9 20.2 266.9 21.4 270.9 25.2V21.6H285V63.6H270.9V60.5H271V60.5ZM252.8 43C252.8 49.3 256.3 53 262.1 53C267.7 53 271.4 48.9 271.4 42.6C271.4 36.6 267.8 32.5 262.3 32.5C256.8 32.5 252.8 36.9 252.8 43ZM289.1 21.5H303.6V26.3C307.3 21.5 310.6 19.9 316.6 19.9C323.1 19.9 328.6 22.5 331 26.9C332.3 29.2 332.9 31.8 332.9 35.1V63.4H318.2V40.3C318.2 34.7 316.1 32 311.7 32C307 32 303.8 35.3 303.8 40.3V63.4H289.1V21.5Z" />
   </svg>
 </template>
-
-<style lang="scss" module>
-.logo {
-  height: auto;
-  width: var(--width-icon);
-}
-</style>

package/index.js

@@ -6,7 +6,7 @@ import BrCard from '#components/BrCard.vue'
 import BrCardBody from '#components/BrCardBody.vue'
 import BrCardText from '#components/BrCardText.vue'
 import BrCardTitle from '#components/BrCardTitle.vue'
-import BrCardSubTitle from '#components/BrCardSubTitle.vue'
+import BrCardSubtitle from '#components/BrCardSubtitle.vue'
 import BrCardTearoff from '#components/BrCardTearoff.vue'
 
 import BrCollapseButton from '#components/BrCollapse/Button.vue'
@@ -53,7 +53,7 @@ export {
   BrButton,
   BrCard,
   BrCardBody,
-  BrCardSubTitle,
+  BrCardSubtitle,
   BrCardText,
   BrCardTitle,
   BrCardTearoff,

package/package.json

@@ -137,5 +137,5 @@
     "style:patterns": "cd patterns && gulp build:css",
     "build:patterns": "cd patterns && rm -rf html && pug views --out html"
   },
-  "version": "3.28.0"
+  "version": "3.30.0"
 }

package/scss/_br-icon.scss

@@ -0,0 +1,23 @@
+.br-icon.wordmark {
+  display: block;
+}
+
+.br-link.wordmark {
+  display: block;
+  fill: white;
+}
+
+.br-link.wordmark:focus,
+.br-link.wordmark:hover {
+  fill: var(--color-brand-generic);
+  background-color: white;
+  outline-color: white;
+  outline-style: solid;
+  outline-width: 4px;
+
+  .br-icon.wordmark {
+    outline-color: white;
+    outline-style: solid;
+    outline-width: 1px;
+  }
+}

package/scss/_variables.scss

@@ -192,7 +192,5 @@
   --width-layout-sm: 50rem;
   --width-layout-md: 60rem;
   --width-layout-lg: 75rem;
-  --width-qrcode: 9.5rem;
-}
-
-/// @deprecated $br-input-border-color => var(--color-black-25-lighten);
+  --width-qrcode: 7rem;
+}

package/scss/br-link/_navcard.scss

@@ -1,12 +1,8 @@
-@use "../mixins/br-card" as *;
-@use "../mixins/br-link/navlink" as *;
-@use "../mixins/breakpoints" as *;
+@use "../mixins/br-link/navcard" as *;
 @use "../mixins/buttons/slim" as *;
-@use "../mixins/br-link/navlink" as *;
 
 .br-link.navcard {
-  @include br-card--setup;
-  @include br-card--body;
+  @include br-link-navcard--setup;
 }
 
 .br-link.navcard.slim {
@@ -14,48 +10,9 @@
 }
 
 .br-link.navcard.active {
-  @include navlink--focus;
-  @include navlink--outline;
-
-  & {
-    outline-color: var(--color-brand-generic);
-  }
-}
-
-.br-link.navcard.active:hover,
-.br-link.navcard.active:focus {
-  @include navlink--disabled;
-
-  & {
-    outline-color: var(--color-brand-generic);
-  }
+  @include br-link-navcard--active;
 }
 
-.br-link.navcard:hover,
-.br-link.navcard:focus {
-  @include navlink--focus;
-  @include navlink--outline;
-
-  & {
-    outline-color: currentColor;
-  }
-}
-
-@include small-down {
-  .br-link.navcard.external {
-    background-color: transparent;
-    justify-self: start;
-    border-width: 0;
-    padding: 0;
-  }
-
-  .br-link.navcard.external:hover,
-  .br-link.navcard.external:focus {
-    background-color: var(--color-black-80-lighten);
-    outline-color: var(--color-black-80-lighten);
-    outline-width: var(--border-width-xl);
-    outline-offset: 0;
-    border-radius: 0;
-    color: white;
-  }
+.br-link.navcard.external {
+  @include br-link-navcard--external;
 }

package/scss/index.scss

@@ -15,6 +15,7 @@
 @use "br-form-toggle";
 @use "br-form-update";
 @use "br-form-visible";
+@use "br-icon";
 @use "br-link";
 @use "br-loader";
 @use "br-overlay";

package/scss/mixins/br-link/_navcard.scss

@@ -0,0 +1,55 @@
+@use "../../mixins/br-card" as *;
+@use "../../mixins/br-link/navlink" as *;
+@use "../../mixins/breakpoints" as *;
+
+@mixin br-link-navcard--setup {
+  @include br-card--setup;
+  @include br-card--body;
+
+  &:hover,
+  &:focus {
+    @include navlink--focus;
+    @include navlink--outline;
+
+    & {
+      outline-color: currentColor;
+    }
+  }
+}
+
+@mixin br-link-navcard--active {
+  @include navlink--focus;
+  @include navlink--outline;
+
+  & {
+    outline-color: var(--color-brand-generic);
+  }
+
+  &:hover,
+  &:focus {
+    @include navlink--disabled;
+
+    & {
+      outline-color: var(--color-brand-generic);
+    }
+  }
+}
+
+@mixin br-link-navcard--external {
+  @include small-down {
+    background-color: transparent;
+    justify-self: start;
+    border-width: 0;
+    padding: 0;
+
+    &:hover,
+    &:focus {
+      background-color: var(--color-black-80-lighten);
+      outline-color: var(--color-black-80-lighten);
+      outline-width: var(--border-width-xl);
+      outline-offset: 0;
+      border-radius: 0;
+      color: white;
+    }
+  }
+}

package/scss/mixins/buttons/custom/_manage-order.scss

@@ -1,6 +1,12 @@
+@use "../slim" as *;
+
 @mixin btn-manage-order {
-  border-width: var(--border-width-sm);
-  background-color: transparent;
+  @include btn-slim;
+
+  & {
+    border-width: var(--border-width-sm);
+    background-color: transparent;
+  }
 
   &:hover,
   &:focus {