design-system-next 2.22.0 → 2.23.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.
Files changed (28) hide show
  1. package/dist/design-system-next.es.d.ts +160 -186
  2. package/dist/design-system-next.es.js +7574 -7173
  3. package/dist/design-system-next.es.js.gz +0 -0
  4. package/dist/design-system-next.umd.js +13 -13
  5. package/dist/design-system-next.umd.js.gz +0 -0
  6. package/dist/main.css +1 -1
  7. package/dist/main.css.gz +0 -0
  8. package/package.json +1 -1
  9. package/src/assets/styles/tailwind.css +4 -0
  10. package/src/components/input/input-contact-number/input-contact-number.ts +16 -0
  11. package/src/components/input/input-contact-number/input-contact-number.vue +8 -0
  12. package/src/components/list/list-item/list-item.ts +60 -48
  13. package/src/components/list/list-item/list-item.vue +20 -9
  14. package/src/components/list/list-item/use-list-item.ts +37 -1
  15. package/src/components/list/list.ts +12 -0
  16. package/src/components/list/list.vue +6 -0
  17. package/src/components/progress-bar/progress-bar.ts +21 -0
  18. package/src/components/progress-bar/progress-bar.vue +26 -8
  19. package/src/components/progress-bar/use-progress-bar.ts +31 -2
  20. package/src/components/radio/radio.ts +1 -1
  21. package/src/components/radio/radio.vue +5 -2
  22. package/src/components/radio-grouped/radio-grouped.ts +65 -0
  23. package/src/components/radio-grouped/radio-grouped.vue +37 -0
  24. package/src/components/radio-grouped/use-radio-grouped.ts +62 -0
  25. package/src/components/sidepanel/sidepanel.ts +4 -0
  26. package/src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue +12 -3
  27. package/src/components/sidepanel/stacking-sidepanel/use-stacking-sidepanel.ts +2 -0
  28. package/src/components/sidepanel/use-sidepanel.ts +2 -1
package/src/components/sidepanel/stacking-sidepanel/use-stacking-sidepanel.ts CHANGED
@@ -11,6 +11,7 @@ export const useStackingSidepanel = (
11
11
  const activePanels = useVModel(props, 'stack', emits, { deep: true });
12
12
  const expandedPanel = ref('');
13
13
  const isTransitioning = ref(false);
14
+ const activePanel = computed(() => activePanels.value[activePanels.value.length -1] || null);
14
15
 
15
16
  // Ensure activePanels is an array
16
17
  watchDeep(activePanels, (newValue) => {
@@ -143,5 +144,6 @@ export const useStackingSidepanel = (
143
144
  activePanels,
144
145
  expandedPanel,
145
146
  handleExpandPanel,
147
+ activePanel
146
148
  };
147
149
  };
package/src/components/sidepanel/use-sidepanel.ts CHANGED
@@ -19,7 +19,7 @@ interface SidepanelClasses {
19
19
  }
20
20
 
21
21
  export const useSidepanel = (props: SidepanelPropTypes, emit: SetupContext<SidepanelEmitTypes>['emit']) => {
22
- const { size, position, isStacking, footerNoPadding, isExpanded } = toRefs(props);
22
+ const { size, position, isStacking, footerNoPadding, isExpanded, isActivePanel } = toRefs(props);
23
23
 
24
24
  const sidepanelClasses: ComputedRef<SidepanelClasses> = computed(() => {
25
25
  const sidepanelBaseClasses = classNames(
@@ -33,6 +33,7 @@ export const useSidepanel = (props: SidepanelPropTypes, emit: SetupContext<Sidep
33
33
  '[@media(max-width:420px)]:spr-w-[calc(100vw-35px)]': size.value === 'md' && !isExpanded.value && !isStacking.value,
34
34
  '[@media(max-width:480px)]:spr-w-[calc(100vw-35px)]': size.value === 'lg' && !isExpanded.value && !isStacking.value,
35
35
  'spr-w-[calc(100vw-50px)]': isExpanded.value,
36
+ 'spr-pointer-events-none': !isActivePanel.value && isStacking.value
36
37
  },
37
38
  );
38
39