barbican-reset 2.41.0 → 2.43.0

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>