barbican-reset 2.40.0 → 2.42.0

package/index.js

@@ -1,35 +1,28 @@
-import BrAlert from "./components/br_alert";
-import BrAnchor from "./components/br_anchor";
-import BrButton from "./components/br_button";
-import BrCard from "./components/br_card";
-import BrCardText from "./components/br_card_text";
-import BrCardTitle from "./components/br_card_title";
-import BrCardSubTitle from "./components/br_card_sub_title";
-import BrConfirmDone from "./components/br_confirm_done";
-import BrConfirmEmail from "./components/br_confirm_email";
-import BrContainer from "./components/br_container";
-import BrFooterLower from "./components/br_footer/lower";
-import BrFooterUpper from "./components/br_footer/upper";
-import BrFormBlock from "./components/br_form_block";
-import BrFormPassword from "./components/br_form_password";
-import BrFormRow from "./components/br_form_row";
-import BrFormUpdate from "./components/br_form_update";
-import BrLoader from "./components/br_loader";
-import BrSkiplink from "./components/br_skiplink";
-import BrWrap from "./components/br_wrap";
+import BrAlert from "./components/BrAlert";
+import BrAnchor from "./components/BrAnchor";
+import BrButton from "./components/BrButton";
+import BrCard from "./components/BrCard";
+import BrCardText from "./components/BrCardText";
+import BrCardTitle from "./components/BrCardTitle";
+import BrCardSubTitle from "./components/BrCardSubTitle";
+import BrConfirmDone from "./components/BrConfirmDone";
+import BrConfirmEmail from "./components/BrConfirmEmail";
+import BrContainer from "./components/BrContainer";
+import BrFooterLower from "./components/BrFooterLower";
+import BrFooterUpper from "./components/BrFooterUpper";
+import BrFormBlock from "./components/BrFormBlock";
+import BrFormPassword from "./components/BrFormPassword";
+import BrFormRow from "./components/BrFormRow";
+import BrFormUpdate from "./components/BrFormUpdate";
+import BrLoader from "./components/BrLoader";
+import BrSkiplink from "./components/BrSkiplink";
+import BrWrap from "./components/BrWrap";
 
-import AccountTitle from "./components/account_title";
-import EventSummary from "./components/event_summary";
-import FluidIframe from "./components/fluid_iframe";
-import HelpRow from "./components/help_row";
-import Placeholder from "./components/placeholder";
-import PaymentLogo from "./components/payment_logo";
-import RelatedCard from "./components/related_card";
-import RelatedTitle from "./components/related_title";
-import RelatedRow from "./components/related_row";
-import SeeInside from './components/see_inside'
-import TypeText from "./components/type_text";
-import VideoContent from "./components/video_content";
+import AccountTitle from "./components/AccountTitle";
+import EventSummary from "./components/EventSummary";
+import FluidIframe from "./components/FluidIframe";
+import SeeInside from "./components/SeeInside";
+import VideoContent from "./components/VideoContent";
 
 export {
   BrAlert,
@@ -54,13 +47,6 @@ export {
   AccountTitle,
   EventSummary,
   FluidIframe,
-  HelpRow,
-  Placeholder,
-  PaymentLogo,
-  RelatedCard,
-  RelatedTitle,
-  RelatedRow,
   SeeInside,
-  TypeText,
   VideoContent,
 };

package/package.json

@@ -99,5 +99,5 @@
     "build:patterns": "cd patterns && rm -rf html && pug views --out html"
   },
   "style": "dist/css/barbican-reset.css",
-  "version": "2.40.0"
+  "version": "2.42.0"
 }

package/scss/_br-wrap.scss

@@ -1,15 +1,14 @@
-
-.br_wrap {
+.br-wrap {
   max-width: $layout-width-lg;
   margin-right: auto;
   margin-left: auto;
 
   &.title {
-    max-width: $layout-width-title;    
+    max-width: $layout-width-title;
   }
 
   &.videos {
-    max-width: $layout-width-md;    
+    max-width: $layout-width-md;
   }
 
   &.thin {

package/scss/index.scss

@@ -1,7 +1,3 @@
-@import "node_modules/bootstrap/scss/functions";
-@import "node_modules/bootstrap/scss/variables";
-@import "node_modules/bootstrap/scss/mixins";
-
 @import "helpers/index";
 
 @include font-face;

package/components/br_anchor.vue

@@ -1,35 +0,0 @@
-<template>
-
-  <a v-on:click="loading = true" :href="href" :class="variant ? `btn btn-${variant}` : ``">
-
-    <slot v-if="!loading" />
-
-    <dot-typing v-else />
-
-  </a>
-
-</template>
-
-<script>
-import { DotTyping } from './br_button/components'
-
-export default {
-  name: "BrAnchor",
-  data() {
-    return {
-      loading: false
-    }
-  },
-  props: {
-    variant: {
-      type: String
-    },
-    href: {
-      type: String
-    }
-  },
-  components: {
-    DotTyping
-  }
-}
-</script>

package/components/br_button/dot_typing.vue

@@ -1,43 +0,0 @@
-<template>
-  
-  <!-- https://codepen.io/nzbin/pen/GGrXbp -->
-
-  <div>
-
-    <svg ref="a" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-      <path d="M12,7c0,2.8-2.2,5-5,5S2,9.8,2,7s2.2-5,5-5S12,4.2,12,7z"/>
-    </svg>
-
-    <svg ref="b" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-      <path d="M12,7c0,2.8-2.2,5-5,5S2,9.8,2,7s2.2-5,5-5S12,4.2,12,7z"/>
-    </svg>
-
-    <svg ref="c" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-      <path d="M12,7c0,2.8-2.2,5-5,5S2,9.8,2,7s2.2-5,5-5S12,4.2,12,7z"/>
-    </svg>
-
-  </div>
-
-</template>
-
-<script>
-import { gsap } from 'gsap'
-export default {
-  name: 'DotTyping',
-  mounted() {
-    const tl = gsap.timeline({ repeat: 9 });
-    const a = this.$refs.a;
-    const b = this.$refs.b;
-    const c = this.$refs.c;
-    const dots = [a,b,c];
-    const speed = 0.3;
-
-    tl.to(dots,{
-      stagger: speed, 
-      keyframes: [
-      { y: -8, duration: speed },
-      { y: 0, duration: speed }
-    ]});
-  }
-}
-</script>

package/components/br_form_password.vue

@@ -1,69 +0,0 @@
-<template>
-  <div class="br-form-password">
-    <input
-      @input="$emit('input', $event.target.value)"
-      :autocomplete="autocomplete"
-      :data-test="testData"
-      name="password"
-      :value="value"
-      :type="type"
-      required
-      :id="id"
-    />
-    <br-button class="padding-0" @click="showPassword = !showPassword" data-test="show-password">
-      <span class="sr-only"><template v-if="showPassword">Hide</template><template v-else>Show</template> password</span>
-      <show-password-icon v-if="showPassword" />
-      <hide-password-icon v-else />
-    </br-button>
-  </div>
-</template>
-
-<script>
-import { BrButton } from 'barbican-reset'
-import {
-  HidePasswordIcon,
-  ShowPasswordIcon
-} from 'barbican-reset/icons/password'
-
-export default {
-  name: 'PasswordField',
-  data() {
-    return {
-      password: '',
-      showPassword: false
-    }
-  },
-  components: {
-    HidePasswordIcon,
-    ShowPasswordIcon,
-    BrButton
-  },
-  props: {
-    value: {
-      type: String
-    },
-    id: {
-      type: String,
-      default: 'password'
-    },
-    testData: {
-      type: String,
-      default: 'password-field'
-    }
-  },
-  computed: {
-    type() {
-      return this.showPassword ? 'text' : 'password'
-    },
-    autocomplete() {
-      return this.showPassword ? 'off' : 'current-password'
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.button {
-  padding: 0;
-}
-</style>

package/components/br_form_update.vue

@@ -1,12 +0,0 @@
-<template>
-  <div class="br-form-update">
-    <div class="br-form-update--input" data-test="email"><slot /></div>
-    <b-button @click.prevent="$emit('update')" data-test="update">update</b-button>
-  </div>
-</template>
-
-<script type="text/javascript">
-  export default {
-    name: 'BrFormUpdate',
-  }
-</script>