barbican-reset 1.9.2 → 1.9.5

package/components/br_confirm_done.vue

@@ -14,14 +14,7 @@ import { DoneIcon } from 'barbican-reset/icons/confirm'
 
 export default {
   mixins: [Animations],
-  components: {
-    DoneIcon,
-  },
-  props: {
-    type: {
-      type: String
-    },
-  },
+  components: { DoneIcon },
   mounted() {
     this.animateDone();
   },

package/helpers/mixins/_buttons.scss

@@ -323,6 +323,25 @@
   }
 }
 
+@mixin btn-menu {
+  @include button-display(flex, 0.75);
+  @include button-outline(
+    $color: $white,
+    $background: $c-brand-generic,
+    $padding: 0 0.75rem,
+    $line-height: 2.375rem);
+
+  @include focus {
+    color: $c-brand-generic-s100-l38;
+    background-color: $white;
+    outline: none;
+
+    svg {
+      fill: $c-brand-generic-s100-l38;
+    }
+  }
+}
+
 @mixin btn-invisible {
   color: inherit;
   padding: 0;

package/helpers/mixins/_table.scss

@@ -13,6 +13,7 @@
 
 @mixin table-label($mq:md) {
   font-size: $font-size-lg;
+  margin-bottom: 0.25rem;
 
   @include media-breakpoint-up($mq) {
     @include sr-only;
@@ -33,15 +34,6 @@
   }
 }
 
-$columns-orders: 10rem 8rem auto 8rem;
-$columns-details--header: auto 10rem 8rem;
-$columns-details--checkbox: 2.75rem auto 10rem 8rem;
-$columns-etickets: 8rem auto 8rem;
-$columns-gifts: 3fr 5fr 5fr 2fr 2fr;
-$columns-membership: auto 10rem 10rem 8rem;
-$columns-preferences: auto repeat(2, 5rem);
-$columns-tickets: 2fr 5fr 5fr 2fr;
-
 @import "table/basket";
 @import "table/details";
 @import "table/etickets";
@@ -53,5 +45,4 @@ $columns-tickets: 2fr 5fr 5fr 2fr;
 @import "table/section";
 @import "table/tickets";
 
-
-
+@import "table/row/disabled";

package/helpers/mixins/table/_details.scss

@@ -40,6 +40,12 @@
   th, td {
     padding: 0.75rem;
 
+    &[empty=true] {
+      @include media-breakpoint-down($mq) {
+        padding: 0;
+      }      
+    }
+
     @include media-breakpoint-up($mq) {
       &:not(:last-of-type) {
         border-right: 1px solid $c-grey-l87;

package/helpers/mixins/table/row/_disabled.scss

@@ -0,0 +1,21 @@
+
+@mixin disabled-row {
+  background-color: $c-grey-l96;
+  pointer-events: none;
+  color: $c-grey-l44;
+  user-select: none;
+  
+  strike {
+    color: $c-grey-l44;
+  }
+
+  button {
+    background-color: transparent;
+    border-color: $c-grey-l44;
+    color: $c-grey-l44;
+  }
+
+  a {
+    color: $c-grey-l44;
+  }
+}

package/helpers/variables/_columns.scss

@@ -0,0 +1,9 @@
+
+$columns-orders: 10rem 8rem auto 8rem;
+$columns-details--header: auto 10rem 8rem;
+$columns-details--checkbox: 2.75rem auto 10rem 8rem;
+$columns-etickets: 8rem auto 8rem;
+$columns-gifts: 3fr 5fr 5fr 2fr 2fr;
+$columns-membership: auto 10rem 10rem 8rem;
+$columns-preferences: auto repeat(2, 5rem);
+$columns-tickets: 2fr 5fr 5fr 2fr;

package/helpers/variables/index.scss

@@ -3,4 +3,5 @@
 @import "alerts";
 @import "layout";
 @import "breakpoints";
-@import "typography";
+@import "typography";
+@import "columns";

package/package.json

@@ -1,12 +1,12 @@
 {
   "_args": [
     [
-      "barbican-reset@1.9.2",
+      "barbican-reset@1.9.5",
       "/Users/pheading/Sites/eticketing-vue"
     ]
   ],
-  "_from": "barbican-reset@1.9.2",
-  "_id": "barbican-reset@1.9.2",
+  "_from": "barbican-reset@1.9.5",
+  "_id": "barbican-reset@1.9.5",
   "_inBundle": false,
   "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
   "_location": "/barbican-reset",
@@ -35,18 +35,18 @@
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "barbican-reset@1.9.2",
+    "raw": "barbican-reset@1.9.5",
     "name": "barbican-reset",
     "escapedName": "barbican-reset",
-    "rawSpec": "1.9.2",
+    "rawSpec": "1.9.5",
     "saveSpec": null,
-    "fetchSpec": "1.9.2"
+    "fetchSpec": "1.9.5"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.2.tgz",
-  "_spec": "1.9.2",
+  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.5.tgz",
+  "_spec": "1.9.5",
   "_where": "/Users/pheading/Sites/eticketing-vue",
   "author": {
     "name": "Paul Heading"
@@ -96,5 +96,5 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "style": "dist/css/barbican-reset.css",
-  "version": "1.9.2"
+  "version": "1.9.5"
 }

package/scss/_btn.scss

@@ -105,6 +105,10 @@
     }
   }
 
+  &.btn-menu {
+    @include btn-menu;
+  }
+
   // modifyers
   &.expand {
     @include btn-expand;

package/scss/_custom-checkbox.scss

@@ -3,14 +3,28 @@
 
   input[table][type="checkbox"] {
     @include inset;
-    margin-top: 0.625rem;
+    margin-top: 0.25rem;
     position: relative;
     display: block;
     z-index: 1;
 
+    @include media-breakpoint-up(md) {
+      margin-top: 0.625rem;  
+    }
+
     + label {
       @include sr-only;
     }
+
+    @include focus {
+      outline: 1px solid $c-grey-l65;
+      outline-offset: 0.125rem;
+
+      ~ label {
+        box-shadow: none;
+        border: none;
+      }
+    }
   }
 
   &:not(:last-of-type) {

package/scss/_table.scss

@@ -19,6 +19,12 @@ table.orders {
   @include default-table-style;
 }
 
+tr {
+  &[disabled=disabled] {
+    @include disabled-row;
+  }
+}
+
 td {
   padding: 0;
 }