barbican-reset 1.9.0 → 1.9.3

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/_br-alert.scss

@@ -10,6 +10,10 @@
   background-color: $fade;
   border-color: $light;
   color: $main;
+
+  svg {
+    fill: $main; 
+  }
 }
 
 @mixin br-alert-wrap--toggle {

package/helpers/mixins/_buttons.scss

@@ -116,16 +116,17 @@
 @mixin button-link(
   $color: inherit,
   $background: transparent,
-  $padding: false,
+  $padding: 0,
   $line-height: false) {
   background-color: $background;
   text-decoration: underline;
   font-weight: inherit;
+  padding: $padding;
   border-radius: 0;
+  text-align: left;
   color: $color;
   
   @if $line-height { line-height: $line-height; }
-  @if $padding { padding: $padding; }
 }
 
 @mixin btn-primary {
@@ -212,7 +213,7 @@
 }
 
 @mixin btn-link {
-  @include button-link;
+  @include button-link($line-height: 1.3);
   @include focus {
     @include single-box($c-grey-l21);
     background-color: $c-grey-l21;
@@ -225,7 +226,6 @@
     $padding: 1.25em,
     $background: $c-grey-l96);
   font-weight: 700;
-  text-align: left;
   width: 100%;
 
   @include focus {

package/helpers/mixins/_card.scss

@@ -3,6 +3,10 @@
   border: 1px solid $c-grey-l87;
   border-radius: $border-radius-lg;
   background-color: white;
+
+  + .card {
+    margin-top: 1rem;
+  }
 }
 
 @mixin card-header {

package/helpers/mixins/_focus.scss

@@ -39,6 +39,12 @@
   background-color: $c-grey-l96;
 }
 
+@mixin default-label-focus {
+  @include single-box($c-grey-l44, 0.0625rem);
+  border: 1px solid $c-grey-l44;
+  background-color: $c-grey-l96;
+}
+
 @mixin neutral-status-colors {
   background-color: $c-status-neutral-fade;
   border: 1px solid $c-status-neutral;

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/input/_generic.scss

@@ -24,9 +24,7 @@
       outline: none;
 
       ~ label {
-        @include single-box($c-grey-l44, 0.0625rem);
-        border: 1px solid $c-grey-l44;
-        background-color: $c-grey-l96;
+        @include default-label-focus;
       }
 
       &:checked ~ label {

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/_layout.scss

@@ -22,4 +22,6 @@ $height-dashboard-banner: 25rem;
 $width-power-related: 66rem;
 $gap-accordion: 2rem;
 
-$select-arrow: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e";
+$select-arrow: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e";
+
+$box-shadow-card: 0 0 0.5rem rgba($black, 0.1);

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,31 +1,56 @@
 {
-  "name": "barbican-reset",
-  "version": "1.9.0",
-  "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+  "_args": [
+    [
+      "barbican-reset@1.9.3",
+      "/Users/pheading/Sites/eticketing-vue"
+    ]
+  ],
+  "_from": "barbican-reset@1.9.3",
+  "_id": "barbican-reset@1.9.3",
+  "_inBundle": false,
+  "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
+  "_location": "/barbican-reset",
+  "_phantomChildren": {
+    "array-flatten": "1.1.1",
+    "content-type": "1.0.4",
+    "cookie-signature": "1.0.6",
+    "ee-first": "1.1.1",
+    "encodeurl": "1.0.2",
+    "escape-html": "1.0.3",
+    "etag": "1.8.1",
+    "fresh": "0.5.2",
+    "iconv-lite": "0.4.24",
+    "inherits": "2.0.4",
+    "merge-descriptors": "1.0.1",
+    "methods": "1.1.2",
+    "parseurl": "1.3.3",
+    "path-to-regexp": "0.1.7",
+    "range-parser": "1.2.1",
+    "side-channel": "1.0.4",
+    "type-is": "1.6.18",
+    "unpipe": "1.0.0",
+    "utils-merge": "1.0.1",
+    "vary": "1.1.2"
   },
-  "style": "dist/css/barbican-reset.css",
-  "sass": "scss/index.scss",
-  "repository": {
-    "type": "git",
-    "url": "https://bitbucket.org/barbicandev/barbican-reset/"
+  "_requested": {
+    "type": "version",
+    "registry": true,
+    "raw": "barbican-reset@1.9.3",
+    "name": "barbican-reset",
+    "escapedName": "barbican-reset",
+    "rawSpec": "1.9.3",
+    "saveSpec": null,
+    "fetchSpec": "1.9.3"
   },
-  "files": [
-    "animations/**/*",
-    "components/**/*",
-    "dist/**/*",
-    "fonts/*.{woff,woff2}",
-    "helpers/**/*",
-    "icons/**/*",
-    "library/**/*",
-    "logos/*",
-    "scss/**/*",
-    "focus-visible.min.js"
+  "_requiredBy": [
+    "/"
   ],
-  "author": "Paul Heading",
-  "license": "MIT",
+  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.3.tgz",
+  "_spec": "1.9.3",
+  "_where": "/Users/pheading/Sites/eticketing-vue",
+  "author": {
+    "name": "Paul Heading"
+  },
   "dependencies": {
     "bootstrap": "^5.1.3",
     "bootstrap-vue": "^2.21.2",
@@ -44,5 +69,32 @@
     "sass": "^1.41.0",
     "vue-moment": "^4.1.0",
     "vue-slick-carousel": "^1.0.6"
-  }
+  },
+  "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
+  "files": [
+    "animations/**/*",
+    "components/**/*",
+    "dist/**/*",
+    "fonts/*.{woff,woff2}",
+    "helpers/**/*",
+    "icons/**/*",
+    "library/**/*",
+    "logos/*",
+    "scss/**/*",
+    "focus-visible.min.js"
+  ],
+  "homepage": "https://bitbucket.org/barbicandev/barbican-reset#readme",
+  "license": "MIT",
+  "main": "index.js",
+  "name": "barbican-reset",
+  "repository": {
+    "type": "git",
+    "url": "git+https://bitbucket.org/barbicandev/barbican-reset.git"
+  },
+  "sass": "scss/index.scss",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "style": "dist/css/barbican-reset.css",
+  "version": "1.9.3"
 }

package/scss/_btn.scss

@@ -94,6 +94,17 @@
     @include btn-resale;
   }
 
+  &.btn-radio {
+    border: 1px solid hsl(0deg, 0%, 65%);
+    padding: 0.75rem 0.75rem 0.625rem;
+    font-weight: normal;
+    margin: 0.25rem;
+
+    @include focus {
+      @include default-label-focus;
+    }
+  }
+
   // 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;
 }

package/scss/card/_block.scss

@@ -1,5 +1,5 @@
 
 .card[block] {
-  box-shadow: 0 0 0.625rem rgba($black, 0.1);
+  box-shadow: $box-shadow-card;
   border: none;
 }