design-system-next 2.13.2 → 2.13.4

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.
@@ -2,7 +2,7 @@ import type { PropType, ExtractPropTypes } from 'vue';
2
2
 
3
3
  export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
4
4
 
5
- const MODAL_SIZE = ['sm', 'md', 'lg', 'xl'] as const;
5
+ const MODAL_SIZE = ['sm', 'md', 'lg', 'xl', 'xxl'] as const;
6
6
 
7
7
  export const modalPropTypes = {
8
8
  modelValue: {
@@ -32,6 +32,7 @@ export const useModal = (props: ModalPropTypes, emit: SetupContext<ModalEmitType
32
32
  'spr-w-[480px] spr-max-w-[720px]': size.value === 'md',
33
33
  'spr-w-[720px] spr-max-w-[960px]': size.value === 'lg',
34
34
  'spr-w-[900px] spr-max-w-[1200px]': size.value === 'xl',
35
+ 'spr-w-[1200px] spr-max-w-[1400px]': size.value === 'xxl',
35
36
  },
36
37
  { 'bounce-animation': staticBackdropClicked.value },
37
38
  );
@@ -65,7 +65,7 @@
65
65
  v-if="menuLink.menuHeading"
66
66
  :class="{
67
67
  'spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2': true,
68
- 'spr-mt-2': menuLinkIndex !== 0,
68
+ 'spr-pt-2': menuLinkIndex !== 0,
69
69
  }"
70
70
  >
71
71
  {{ menuLink.menuHeading }}
@@ -138,7 +138,7 @@
138
138
  v-if="submenuLink.subMenuHeading"
139
139
  :class="{
140
140
  'spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2': true,
141
- 'spr-mt-2': submenuLinkIndex !== 0,
141
+ 'spr-pt-2': submenuLinkIndex !== 0,
142
142
  }"
143
143
  >
144
144
  {{ submenuLink.subMenuHeading }}