barbican-reset 3.39.0 → 3.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,8 +19,8 @@
19
19
 
20
20
  `
21
21
  <script>
22
- import CloseIcon from "#icons/close.vue";
23
- import BrButton from "#components/BrButton.vue";
22
+ import CloseIcon from '../icons/Close.vue';
23
+ import BrButton from './BrButton.vue';
24
24
 
25
25
  export default {
26
26
  components: {
@@ -26,7 +26,7 @@
26
26
 
27
27
  <script setup>
28
28
  import { computed, useTemplateRef } from 'vue'
29
- import DotsAnimation from '#icons/Dots.vue'
29
+ import DotsAnimation from '../icons/Dots.vue'
30
30
 
31
31
  const emits = defineEmits(['click'])
32
32
 
@@ -16,7 +16,7 @@
16
16
 
17
17
  <script setup>
18
18
  import { computed } from 'vue'
19
- import BrCardBody from '#components/BrCardBody.vue'
19
+ import BrCardBody from './BrCardBody.vue'
20
20
 
21
21
  const generateClassnames = computed(() => {
22
22
  let classnames = ['br-card']
@@ -7,5 +7,5 @@
7
7
  </template>
8
8
 
9
9
  <script setup>
10
- import BrCardBody from '#components/BrCardBody.vue'
10
+ import BrCardBody from './BrCardBody.vue'
11
11
  </script>
@@ -10,7 +10,7 @@
10
10
  </template>
11
11
 
12
12
  <script>
13
- import BrButton from "#components/BrButton.vue";
13
+ import BrButton from "../BrButton.vue";
14
14
 
15
15
  export default {
16
16
  components: {
@@ -10,12 +10,12 @@
10
10
 
11
11
  <script setup>
12
12
  import { onMounted } from 'vue'
13
- import { animateDone } from '#animations/confirm'
13
+ import { animateDone } from '../animations/confirm'
14
14
 
15
- import BrCard from '#components/BrCard.vue'
16
- import BrCardTitle from '#components/BrCardTitle.vue'
17
- import BrCardText from '#components/BrCardText.vue'
18
- import BrDoneIcon from '#icons/Confirm/Done.vue'
15
+ import BrCard from './BrCard.vue'
16
+ import BrCardTitle from './BrCardTitle.vue'
17
+ import BrCardText from './BrCardText.vue'
18
+ import BrDoneIcon from '../icons/Confirm/Done.vue'
19
19
 
20
20
  onMounted(() => animateDone())
21
21
  </script>
@@ -12,12 +12,12 @@
12
12
 
13
13
  <script setup>
14
14
  import { onMounted } from 'vue'
15
- import { animateEmail } from '#animations/confirm'
15
+ import { animateEmail } from '../animations/confirm'
16
16
 
17
- import BrCard from '#components/BrCard.vue'
18
- import BrCardTitle from '#components/BrCardTitle.vue'
19
- import BrCardText from '#components/BrCardText.vue'
20
- import BrEmailIcon from '#icons/Confirm/Email.vue'
17
+ import BrCard from './BrCard.vue'
18
+ import BrCardTitle from './BrCardTitle.vue'
19
+ import BrCardText from './BrCardText.vue'
20
+ import BrEmailIcon from '../icons/Confirm/Email.vue'
21
21
 
22
22
  onMounted(() => animateEmail())
23
23
  </script>
@@ -28,9 +28,9 @@
28
28
 
29
29
  <script setup>
30
30
  import { computed, useAttrs } from 'vue'
31
- import formatKebabCase from '#utils/formatKebabCase'
32
- import BrFormLabel from '#components/BrFormLabel.vue'
33
- import BrFormInput from '#components/BrFormInput.vue'
31
+ import formatKebabCase from '../utils/formatKebabCase'
32
+ import BrFormLabel from './BrFormLabel.vue'
33
+ import BrFormInput from './BrFormInput.vue'
34
34
 
35
35
  /** All fallthrough attributes from the parent. */
36
36
  const attrs = useAttrs()
@@ -18,7 +18,7 @@
18
18
  </template>
19
19
 
20
20
  <script setup>
21
- import BrFormCheckbox from '#components/BrFormCheckbox.vue'
21
+ import BrFormCheckbox from './BrFormCheckbox.vue'
22
22
 
23
23
  const model = defineModel()
24
24
 
@@ -3,7 +3,7 @@
3
3
  </template>
4
4
 
5
5
  <script setup>
6
- import BrFormInput from '#components/BrFormInput.vue'
6
+ import BrFormInput from './BrFormInput.vue'
7
7
 
8
8
  defineOptions({
9
9
  inheritAttrs: false,
@@ -12,8 +12,8 @@
12
12
  </template>
13
13
 
14
14
  <script>
15
- import BrButton from '#components/BrButton.vue'
16
- import EditIcon from '#icons/AccountEdit.vue'
15
+ import BrButton from './BrButton.vue'
16
+ import EditIcon from '../icons/AccountEdit.vue'
17
17
 
18
18
  export default {
19
19
  props: {
@@ -3,5 +3,5 @@
3
3
  </template>
4
4
 
5
5
  <script setup>
6
- import BrFormInput from '#components/BrFormInput.vue'
6
+ import BrFormInput from './BrFormInput.vue'
7
7
  </script>
@@ -12,7 +12,7 @@
12
12
 
13
13
  <script setup>
14
14
  import { computed } from 'vue'
15
- import formatKebabCase from '#utils/formatKebabCase'
15
+ import formatKebabCase from '../utils/formatKebabCase'
16
16
 
17
17
  const model = defineModel()
18
18
 
@@ -12,8 +12,8 @@
12
12
 
13
13
  <script setup>
14
14
  import { ref, computed } from 'vue'
15
- import BrFormInput from '#components/BrFormInput.vue'
16
- import BrFormVisible from '#components/BrFormVisible.vue'
15
+ import BrFormInput from './BrFormInput.vue'
16
+ import BrFormVisible from './BrFormVisible.vue'
17
17
 
18
18
  const props = defineProps({
19
19
  toggle: Boolean,
@@ -20,10 +20,10 @@
20
20
 
21
21
  <script setup>
22
22
  import { computed } from 'vue'
23
- import formatKebabCase from '#utils/formatKebabCase'
23
+ import formatKebabCase from '../utils/formatKebabCase'
24
24
 
25
- import BrFormLabel from '#components/BrFormLabel.vue'
26
- import BrFormInput from '#components/BrFormInput.vue'
25
+ import BrFormLabel from './BrFormLabel.vue'
26
+ import BrFormInput from './BrFormInput.vue'
27
27
 
28
28
  const generateClassnames = computed(() => {
29
29
  let classnames = ['br-form-radio']
@@ -17,8 +17,8 @@
17
17
  </template>
18
18
 
19
19
  <script setup>
20
- import BrFormRadio from '#components/BrFormRadio.vue'
21
- import BrWrap from '#components/BrWrap.vue'
20
+ import BrFormRadio from './BrFormRadio.vue'
21
+ import BrWrap from './BrWrap.vue'
22
22
 
23
23
  const model = defineModel()
24
24
 
@@ -16,8 +16,8 @@
16
16
 
17
17
  <script setup>
18
18
  import { computed } from 'vue'
19
- import formatKebabCase from '#utils/formatKebabCase'
20
- import BrFormLabel from '#components/BrFormLabel.vue'
19
+ import formatKebabCase from '../utils/formatKebabCase'
20
+ import BrFormLabel from './BrFormLabel.vue'
21
21
 
22
22
  const props = defineProps({
23
23
  label: String,
@@ -19,8 +19,8 @@
19
19
  </template>
20
20
 
21
21
  <script setup>
22
- import BrDropdownIcon from '#icons/Dropdown.vue'
23
- import constrainTabbing from '#utils/constrainTabbing'
22
+ import BrDropdownIcon from '../icons/Dropdown.vue'
23
+ import constrainTabbing from '../utils/constrainTabbing'
24
24
 
25
25
  let listenConstrainTabbing = null
26
26
 
@@ -3,5 +3,5 @@
3
3
  </template>
4
4
 
5
5
  <script setup>
6
- import BrFormInput from '#components/BrFormInput.vue'
6
+ import BrFormInput from './BrFormInput.vue'
7
7
  </script>
@@ -8,7 +8,7 @@
8
8
 
9
9
  <script setup>
10
10
  import { computed } from 'vue'
11
- import formatKebabCase from '#utils/formatKebabCase'
11
+ import formatKebabCase from '../utils/formatKebabCase'
12
12
 
13
13
  const value = defineModel()
14
14
 
@@ -6,7 +6,7 @@
6
6
 
7
7
  <script setup>
8
8
  import { computed } from 'vue'
9
- import BrFormInput from '#components/BrFormInput.vue'
9
+ import BrFormInput from './BrFormInput.vue'
10
10
 
11
11
  defineOptions({
12
12
  inheritAttrs: false,
@@ -9,7 +9,7 @@
9
9
 
10
10
  <script setup>
11
11
  import { computed } from 'vue'
12
- import BrButton from '#components/BrButton.vue'
12
+ import BrButton from './BrButton.vue'
13
13
 
14
14
  const props = defineProps({
15
15
  active: Boolean,
@@ -13,9 +13,9 @@
13
13
  </template>
14
14
 
15
15
  <script setup>
16
- import BrButton from '#components/BrButton.vue'
17
- import HidePasswordIcon from '#icons/Password/hide.vue'
18
- import ShowPasswordIcon from '#icons/Password/show.vue'
16
+ import BrButton from './BrButton.vue'
17
+ import HidePasswordIcon from '../icons/Password/Hide.vue'
18
+ import ShowPasswordIcon from '../icons/Password/Show.vue'
19
19
 
20
20
  const props = defineProps({
21
21
  visible: Boolean,
@@ -16,7 +16,7 @@
16
16
  <script setup>
17
17
  // https://vueschool.io/lessons/extending-router-link-for-external-urls
18
18
 
19
- import DotsAnimation from '#icons/Dots.vue'
19
+ import DotsAnimation from '../icons/Dots.vue'
20
20
 
21
21
  import { computed, ref } from 'vue'
22
22
 
@@ -12,7 +12,7 @@
12
12
  </template>
13
13
 
14
14
  <script>
15
- import BrCard from "#components/BrCard.vue";
15
+ import BrCard from "./BrCard.vue";
16
16
 
17
17
  export default {
18
18
  components: {
@@ -36,9 +36,9 @@ const props = defineProps({
36
36
  /** Controls overlay visibility. */
37
37
  show: Boolean
38
38
  })
39
- import constrainTabbing from '#utils/constrainTabbing'
40
- import BrButton from '#components/BrButton.vue'
41
- import CloseIcon from '#icons/close.vue'
39
+ import constrainTabbing from '../utils/constrainTabbing'
40
+ import BrButton from './BrButton.vue'
41
+ import CloseIcon from '../icons/Close.vue'
42
42
 
43
43
  const emit = defineEmits(['closeOverlay'])
44
44
 
@@ -4,7 +4,7 @@
4
4
 
5
5
  <script setup>
6
6
  import { ref, watchEffect } from 'vue'
7
- import qrcode from 'qrcode'
7
+ import * as qrcode from 'qrcode'
8
8
 
9
9
  const props = defineProps({
10
10
  code: {
@@ -12,5 +12,5 @@
12
12
  </template>
13
13
 
14
14
  <script setup>
15
- import CityOfLondon from '#icons/CityOfLondon.vue'
15
+ import CityOfLondon from './CityOfLondon.vue'
16
16
  </script>
package/icons/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import BrBackArrow from '#icons/BackArrow.vue'
2
- import BrBarbicanLogo from '#icons/Barbican.vue'
3
- import BrCartIcon from '#icons/Cart.vue'
4
- import BrCityOfLondonLockup from '#icons/CityOfLondonLockup.vue'
5
- import BrCloseIcon from '#icons/Close.vue'
6
- import BrInfoIcon from '#icons/Info.vue'
7
- import BrRenewIcon from '#icons/Renew.vue'
8
- import BrDropdownIcon from '#icons/Dropdown.vue'
1
+ import BrBackArrow from './BackArrow.vue'
2
+ import BrBarbicanLogo from './Barbican.vue'
3
+ import BrCartIcon from './Cart.vue'
4
+ import BrCityOfLondonLockup from './CityOfLondonLockup.vue'
5
+ import BrCloseIcon from './Close.vue'
6
+ import BrInfoIcon from './Info.vue'
7
+ import BrRenewIcon from './Renew.vue'
8
+ import BrDropdownIcon from './Dropdown.vue'
9
9
 
10
- import BrAccountContactIcon from '#icons/AccountContact.vue'
11
- import BrAccountDetailsIcon from '#icons/AccountPerson.vue'
12
- import BrAccountEditIcon from '#icons/AccountEdit.vue'
13
- import BrAccountMembershipIcon from '#icons/AccountMembership.vue'
14
- import BrAccountOrdersIcon from '#icons/AccountOrders.vue'
15
- import BrAccountPaymentIcon from '#icons/AccountPayment.vue'
16
- import BrAccountTicketIcon from '#icons/AccountTicket.vue'
17
- import BrAccountPersonalIcon from '#icons/AccountPersonal.vue'
10
+ import BrAccountContactIcon from './AccountContact.vue'
11
+ import BrAccountDetailsIcon from './AccountPerson.vue'
12
+ import BrAccountEditIcon from './AccountEdit.vue'
13
+ import BrAccountMembershipIcon from './AccountMembership.vue'
14
+ import BrAccountOrdersIcon from './AccountOrders.vue'
15
+ import BrAccountPaymentIcon from './AccountPayment.vue'
16
+ import BrAccountTicketIcon from './AccountTicket.vue'
17
+ import BrAccountPersonalIcon from './AccountPersonal.vue'
18
18
 
19
19
  export { BrAccountContactIcon, BrAccountDetailsIcon, BrAccountEditIcon, BrAccountMembershipIcon, BrAccountOrdersIcon, BrAccountPaymentIcon, BrAccountTicketIcon, BrAccountPersonalIcon, BrBackArrow, BrBarbicanLogo, BrCartIcon, BrCityOfLondonLockup, BrCloseIcon, BrDropdownIcon, BrInfoIcon, BrRenewIcon }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "barbican-reset",
3
- "version": "3.39.0",
3
+ "version": "3.40.0",
4
4
  "description": "Shared design system for Barbican projects, providing SCSS utilities, animations, icons, Vue components, and JS helpers for consistent styling and behaviour.",
5
5
  "main": "index.js",
6
6
  "exports": {