barbican-reset 1.8.9 → 1.9.2

package/components/payment_logo.vue

@@ -22,6 +22,7 @@ export default {
 <style lang="scss" module>
 
   .label {
+    @include sr-only;
     text-transform: uppercase;
     height: 0;
     width: 0;

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

@@ -21,7 +21,7 @@
   }
 }
 
-@mixin button-display($display:'ib',$gap:1em) {
+@mixin button-display($display:'ib',$gap:1) {
   @if $display == 'ib' {
     vertical-align: middle;
     display: inline-block;
@@ -34,7 +34,7 @@
   @else if $display == 'flex' {
     display: inline-flex;
     align-items: center;
-    gap: $gap;
+    gap: #{$gap}rem;
   }
 }
 
@@ -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

@@ -4,8 +4,8 @@
   border-radius: $border-radius-lg;
   background-color: white;
 
-  &:not(:first-child) {
-    margin-top: 1.25rem;
+  + .card {
+    margin-top: 1rem;
   }
 }
 
@@ -24,7 +24,6 @@
 
 @mixin card-body {
   padding: 1.75rem 1.75rem 1.5rem;
-  // padding: 1.5rem;
 }
 
 @mixin card-footer {
@@ -44,10 +43,8 @@
 @mixin form-card {
   .card-header {
     @include card-header;
-    // padding: 1.5rem 1.75rem 1.25rem;
   }
   .card-body {
     @include card-body;
-    // padding: 1.75rem 1.75rem 1.5rem;
   }
 }

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/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/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/package.json

@@ -1,31 +1,56 @@
 {
-  "name": "barbican-reset",
-  "version": "1.8.9",
-  "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.2",
+      "/Users/pheading/Sites/eticketing-vue"
+    ]
+  ],
+  "_from": "barbican-reset@1.9.2",
+  "_id": "barbican-reset@1.9.2",
+  "_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.2",
+    "name": "barbican-reset",
+    "escapedName": "barbican-reset",
+    "rawSpec": "1.9.2",
+    "saveSpec": null,
+    "fetchSpec": "1.9.2"
   },
-  "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.2.tgz",
+  "_spec": "1.9.2",
+  "_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.2"
 }

package/scss/_atomic.scss

@@ -77,4 +77,8 @@ $paddings05: "padding-top", "padding-bottom", "padding-right", "padding-left";
 
 .background-color-alt {
   background-color: $c-brand-generic-tint-98;
+}
+
+.min-width-3 {
+  min-width: 3rem;
 }

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/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;
 }