barbican-reset 2.3.2 → 2.3.4

package/components/video_content.vue

@@ -39,7 +39,8 @@
 </template>
 
 <script>
-import { FluidIframe, BrAlert } from 'barbican-reset'
+import { FluidIframe } from 'barbican-reset'
+import BrAlert from './br_alert'
 import { DateTime } from 'luxon';
 
 export default {

package/helpers/mixins/_buttons.scss

@@ -248,14 +248,6 @@
   @include solid-button($c-brand-cinema);
 }
 
-@mixin btn-power {
-  @include solid-button($c-power-blue);
-}
-
-@mixin btn-power-login {
-  @include solid-button($background: white, $color: $c-power-blue);
-}
-
 @mixin btn-info {
   @include solid-button($c-status-neutral);
 }

package/helpers/mixins/_content.scss

@@ -35,6 +35,5 @@
 @mixin card-container {
   border-radius: $border-radius-lg;
   background-color: $white;
-  padding: $gap-power;
   overflow: hidden;
 }

package/helpers/variables/_layout.scss

@@ -16,12 +16,6 @@ $gap-instance: 1.5rem;
 // Account Area
 $gap-account: 2rem;
 
-// Power Festival
-$gap-power: 1.25rem;
-$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";
 
 $box-shadow-card: 0 0 0.5rem rgba($black, 0.1);

package/package.json

@@ -1,12 +1,12 @@
 {
   "_args": [
     [
-      "barbican-reset@2.3.2",
+      "barbican-reset@2.3.4",
       "/Users/pheading/Sites/eticketing-vue"
     ]
   ],
-  "_from": "barbican-reset@2.3.2",
-  "_id": "barbican-reset@2.3.2",
+  "_from": "barbican-reset@2.3.4",
+  "_id": "barbican-reset@2.3.4",
   "_inBundle": false,
   "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
   "_location": "/barbican-reset",
@@ -35,18 +35,18 @@
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "barbican-reset@2.3.2",
+    "raw": "barbican-reset@2.3.4",
     "name": "barbican-reset",
     "escapedName": "barbican-reset",
-    "rawSpec": "2.3.2",
+    "rawSpec": "2.3.4",
     "saveSpec": null,
-    "fetchSpec": "2.3.2"
+    "fetchSpec": "2.3.4"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.3.2.tgz",
-  "_spec": "2.3.2",
+  "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.3.4.tgz",
+  "_spec": "2.3.4",
   "_where": "/Users/pheading/Sites/eticketing-vue",
   "author": {
     "name": "Paul Heading"
@@ -100,5 +100,5 @@
     "watch:patterns": "cd patterns && gulp watch"
   },
   "style": "dist/css/barbican-reset.css",
-  "version": "2.3.2"
+  "version": "2.3.4"
 }

package/patterns/scss/colors/index.scss

@@ -3,5 +3,4 @@
 @import 'docs';
 @import 'status';
 @import 'wgp';
-@import 'power';
 @import 'llf';

package/scss/_app.scss

@@ -6,26 +6,15 @@
 }
 
 #app { 
-  &.powerSplash {
-    background-position: center -15rem;
-    background-color: $c-power-blue;
-    background-repeat: no-repeat;
-  
-    @include media-breakpoint-up(lg) {
-      background-image: url("/img/power/bg.jpg");
-      background-size: 36rem;
-    }
-  
-    @include media-breakpoint-up(xxl) {    
-      background-size: 40rem;
-    }
-  }
-  
   &.videoSplash,  
   &.cinemaSplash,
   &.concertSplash,
   &.theatreSplash {
-    background-image: url("/img/videos/splash-bg.jpg");
+    // @TODO:
+    // This image/path is specific to the ticketing app, which means it may break
+    // when used in another project or if that path changes. These styles should be moved
+    // to the ticketing app as they're not relevant to other projects.
+    background-image: url("../public/img/videos/splash-bg.jpg");
     // background-color: $c-splash-videos;
     background-position: center -4rem;
     background-repeat: no-repeat;

package/scss/_btn.scss

@@ -73,10 +73,6 @@
     @include btn-video-login;
   }
 
-  &.btn-power-login {
-    @include btn-power-login;
-  }
-
   &.btn-cta {
     @include btn-cta;
   }

package/scss/_header.scss

@@ -3,7 +3,7 @@ header {
   background-color: $c-brand-generic;
   color: white;
 
-  &.videoSplash, &.powerSplash, &.cinemaSplash, &.concertSplash, &.theatreSplash {
+  &.videoSplash, &.cinemaSplash, &.concertSplash, &.theatreSplash {
     display: none;
   }
 }

package/scss/_main.scss

@@ -1,5 +1,5 @@
 main {
-  &.videoSplash, &.powerSplash, &.cinemaSplash, &.concertSplash, &.theatreSplash {
+  &.videoSplash, &.cinemaSplash, &.concertSplash, &.theatreSplash {
     padding-top: 2rem;
     color: $white;
     

package/patterns/scss/colors/_power.scss

@@ -1,9 +0,0 @@
-// can we talk about power festival
-$c-power-blue: #3E5BA7;
-$c-power-blue-dark: darken($c-power-blue, 7%);
-
-$c-power-green: #5EB57E;
-$c-power-green-dark: darken($c-power-green, 7%);
-
-$c-power-red: #EF1D26;
-$c-power-red-dark: darken($c-power-red, 7%);