barbican-reset 3.1.0 → 3.3.0

package/animations/index.js

@@ -1,4 +1,4 @@
-import { animateEmail, animateDone } from './confirm'
+import { animateEmail, animateDone } from "#animations/confirm.js";
 
 export default {
   methods: {

package/components/AccountTitle.vue

@@ -21,7 +21,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 @mixin title {
   margin-bottom: 1.25rem;

package/components/BrAlert.vue

@@ -18,8 +18,8 @@
 </template>
 
 <script>
-import CloseIcon from "../icons/stream/close.vue";
-import BrButton from "./BrButton.vue";
+import CloseIcon from "#icons/stream/close.vue";
+import BrButton from "#components/BrButton.vue";
 
 export default {
   components: {

package/components/BrAnchor.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { DotTyping } from "./BrButton/components";
+import DotTyping from "#components/BrButton/dot_typing.vue";
 
 export default {
   data() {

package/components/BrButton.vue

@@ -53,7 +53,8 @@
 </template>
 
 <script>
-import { RemoveTicket, DotTyping } from "./BrButton/components";
+import RemoveTicket from "#components/BrButton/remove_ticket.vue";
+import DotTyping from "#components/BrButton/dot_typing.vue";
 
 export default {
   emits: ["click"],

package/components/BrCard.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import BrCardBody from "./BrCardBody.vue";
+import BrCardBody from "#components/BrCardBody.vue";
 
 export default {
   components: { BrCardBody },

package/components/BrCollapse/Button.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import BrButton from "../BrButton.vue";
+import BrButton from "#components/BrButton.vue";
 
 export default {
   components: {

package/components/BrConfirmDone.vue

@@ -9,12 +9,12 @@
 </template>
 
 <script>
-import BrCard from "./BrCard.vue";
-import BrCardTitle from "./BrCardTitle.vue";
-import BrCardText from "./BrCardText.vue";
+import BrCard from "#components/BrCard.vue";
+import BrCardTitle from "#components/BrCardTitle.vue";
+import BrCardText from "#components/BrCardText.vue";
 
-import Animations from "barbican-reset/animations";
-import DoneIcon from "../icons/confirm/done.vue";
+import Animations from "#animations/index.js";
+import DoneIcon from "#icons/confirm/done.vue";
 
 export default {
   mixins: [Animations],

package/components/BrConfirmEmail.vue

@@ -11,12 +11,12 @@
 </template>
 
 <script>
-import BrCard from "./BrCard.vue";
-import BrCardTitle from "./BrCardTitle.vue";
-import BrCardText from "./BrCardText.vue";
+import BrCard from "#components/BrCard.vue";
+import BrCardTitle from "#components/BrCardTitle.vue";
+import BrCardText from "#components/BrCardText.vue";
 
-import Animations from "barbican-reset/animations";
-import EmailIcon from "../icons/confirm/email.vue";
+import Animations from "#animations/index.js";
+import EmailIcon from "#icons/confirm/email.vue";
 
 export default {
   mixins: [Animations],

package/components/BrContainer.vue

@@ -64,7 +64,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 .outer {
   padding-right: 5%;

package/components/BrFormBlock.vue

@@ -5,7 +5,7 @@
 </template>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 .container {
   padding: 0.875rem 0.75rem 0.625rem 0.75rem;

package/components/BrFormCheckbox/Component.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import mixins from "../../mixins/inputs";
+import mixins from "#mixins/inputs.js";
 
 export default {
   inheritAttrs: false, // Allow us to put attributes on the input.

package/components/BrFormCheckboxGroup/Component.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import BrFormCheckbox from "../BrFormCheckbox/Component.vue";
+import BrFormCheckbox from "#components/BrFormCheckbox/Component.vue";
 
 export default {
   props: ["modelValue", "options", "name", "id"],

package/components/BrFormGroup/Component.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import mixins from "../../mixins/inputs";
+import mixins from "#mixins/inputs.js";
 
 export default {
   props: ["label", "id"],

package/components/BrFormInput/Component.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import mixins from "../../mixins/inputs";
+import mixins from "#mixins/inputs.js";
 
 export default {
   inheritAttrs: false, // Allow us to put attributes on the input.

package/components/BrFormPassword.vue

@@ -26,9 +26,9 @@
 </template>
 
 <script>
-import BrButton from "./BrButton.vue";
-import HidePasswordIcon from "../icons/password/hide.vue";
-import ShowPasswordIcon from "../icons/password/show.vue";
+import BrButton from "#components/BrButton.vue";
+import HidePasswordIcon from "#icons/password/hide.vue";
+import ShowPasswordIcon from "#icons/password/show.vue";
 
 export default {
   inheritAttrs: false, // Allow us to put attributes on the input.

package/components/BrFormRow.vue

@@ -15,8 +15,8 @@
 </template>
 
 <script>
-import BrButton from "./BrButton.vue";
-import EditIcon from "../icons/account/edit.vue";
+import BrButton from "#components/BrButton.vue";
+import EditIcon from "#icons/account/edit.vue";
 
 export default {
   components: {

package/components/BrFormUpdate.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import BrButton from "./BrButton.vue";
+import BrButton from "#components/BrButton.vue";
 
 export default {
   components: {

package/components/BrLoader.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import BrCard from "./BrCard.vue";
+import BrCard from "#components/BrCard.vue";
 
 export default {
   components: {

package/components/EventSummary.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import SeeInside from "./SeeInside.vue";
+import SeeInside from "#components/SeeInside.vue";
 
 export default {
   components: { SeeInside },
@@ -61,7 +61,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 @mixin title {
   letter-spacing: $headings-letter-spacing;

package/components/FluidIframe.vue

@@ -23,7 +23,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@import "../scss/helpers";
+@use "#styles/helpers" as *;
 
 .component {
   border-radius: $br-border-radius-lg;

package/components/SeeInside.vue

@@ -46,8 +46,8 @@
 </template>
 
 <script>
-import BrButton from "./BrButton.vue";
-import CloseIcon from "../icons/stream/close.vue";
+import BrButton from "#components/BrButton.vue";
+import CloseIcon from "#icons/stream/close.vue";
 
 export default {
   components: {
@@ -74,7 +74,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 .SeeInside_content {
   padding: 1rem;

package/components/VideoContent.vue

@@ -32,8 +32,8 @@
 </template>
 
 <script>
-import FluidIframe from "./FluidIframe.vue";
-import BrAlert from "./BrAlert.vue";
+import FluidIframe from "#components/FluidIframe.vue";
+import BrAlert from "#components/BrAlert.vue";
 import { DateTime } from "luxon";
 
 export default {
@@ -64,7 +64,7 @@ export default {
 </script>
 
 <style lang="scss" module>
-@use "../scss/helpers/index.scss" as *;
+@use "#styles/helpers" as *;
 
 .brightcove {
   border-radius: $br-border-radius-lg;