@davincihealthcare/elty-design-system-vue 1.40.0 → 1.41.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.
@@ -1,17 +1,18 @@
1
+ import { ResponsiveProps } from './responsiveProps';
1
2
  import { default as ElIcon } from './ElIcon.vue';
2
3
  import { default as ElButton } from './ElButton.vue';
3
4
 
4
5
  export interface ElModalProps {
5
- size?: ElModalSize;
6
+ size?: ResponsiveProps<ElModalSize>;
6
7
  color?: ElModalColor;
7
- headerIcon: InstanceType<typeof ElIcon>['$props'];
8
+ headerIcon?: InstanceType<typeof ElIcon>['$props'];
8
9
  title: string;
9
10
  description?: string;
10
- primaryAction: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
11
+ primaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
11
12
  secondaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
12
13
  tertiaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
13
14
  }
14
- export declare const elModalSizes: readonly ["xs", "m", "l", "xl"];
15
+ export declare const elModalSizes: readonly ["xs", "m", "l", "xl", "fullScreen"];
15
16
  export type ElModalSize = (typeof elModalSizes)[number];
16
17
  export declare const elModalColors: readonly ["primary", "secondary", "error"];
17
18
  export type ElModalColor = (typeof elModalColors)[number];
@@ -30,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
30
31
  default: string;
31
32
  };
32
33
  size: {
33
- type: import('vue').PropType<"xs" | "xl" | "l" | "m">;
34
+ type: import('vue').PropType<ResponsiveProps<"xs" | "xl" | "l" | "m" | "fullScreen">>;
34
35
  default: string;
35
36
  };
36
37
  description: {
@@ -54,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
54
55
  type: import('vue').PropType<boolean>;
55
56
  };
56
57
  }>>, never>>;
57
- required: true;
58
+ default: undefined;
58
59
  };
59
60
  primaryAction: {
60
61
  type: import('vue').PropType<Omit<Partial<{
@@ -132,7 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
132
133
  default: boolean;
133
134
  };
134
135
  }>>, "disabled" | "type" | "onClick" | "label" | "size" | "dark" | "loading" | "icon" | "error" | "variant" | "loadOnClick">, "size" | "error" | "variant">>;
135
- required: true;
136
+ default: undefined;
136
137
  };
137
138
  secondaryAction: {
138
139
  type: import('vue').PropType<Omit<Partial<{
@@ -305,7 +306,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
305
306
  default: string;
306
307
  };
307
308
  size: {
308
- type: import('vue').PropType<"xs" | "xl" | "l" | "m">;
309
+ type: import('vue').PropType<ResponsiveProps<"xs" | "xl" | "l" | "m" | "fullScreen">>;
309
310
  default: string;
310
311
  };
311
312
  description: {
@@ -329,7 +330,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
329
330
  type: import('vue').PropType<boolean>;
330
331
  };
331
332
  }>>, never>>;
332
- required: true;
333
+ default: undefined;
333
334
  };
334
335
  primaryAction: {
335
336
  type: import('vue').PropType<Omit<Partial<{
@@ -407,7 +408,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
407
408
  default: boolean;
408
409
  };
409
410
  }>>, "disabled" | "type" | "onClick" | "label" | "size" | "dark" | "loading" | "icon" | "error" | "variant" | "loadOnClick">, "size" | "error" | "variant">>;
410
- required: true;
411
+ default: undefined;
411
412
  };
412
413
  secondaryAction: {
413
414
  type: import('vue').PropType<Omit<Partial<{
@@ -568,8 +569,99 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
568
569
  }>>, {
569
570
  title: string;
570
571
  color: "primary" | "secondary" | "error";
571
- size: "xs" | "xl" | "l" | "m";
572
+ size: ResponsiveProps<"xs" | "xl" | "l" | "m" | "fullScreen">;
572
573
  description: string;
574
+ headerIcon: Omit<{
575
+ readonly name: import('./ElIcon.vue').IconNames;
576
+ readonly solid?: boolean | undefined;
577
+ readonly disabled?: boolean | undefined;
578
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
579
+ name: {
580
+ type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
581
+ required: true;
582
+ };
583
+ solid: {
584
+ type: import('vue').PropType<boolean>;
585
+ };
586
+ disabled: {
587
+ type: import('vue').PropType<boolean>;
588
+ };
589
+ }>>, never>;
590
+ primaryAction: Omit<Partial<{
591
+ disabled: boolean;
592
+ type: "button" | "submit" | "reset";
593
+ onClick: (() => unknown) | (() => Promise<unknown>);
594
+ label: string;
595
+ size: "base" | "xs" | "sm" | "xl" | "l";
596
+ dark: boolean;
597
+ loading: boolean;
598
+ icon: import('./ElIcon.vue').ElIconProps;
599
+ error: boolean;
600
+ variant: "primary" | "secondary" | "tertiary";
601
+ loadOnClick: boolean;
602
+ }> & Omit<{
603
+ readonly disabled: boolean;
604
+ readonly type: "button" | "submit" | "reset";
605
+ readonly label: string;
606
+ readonly size: "base" | "xs" | "sm" | "xl" | "l";
607
+ readonly dark: boolean;
608
+ readonly loading: boolean;
609
+ readonly error: boolean;
610
+ readonly variant: "primary" | "secondary" | "tertiary";
611
+ readonly loadOnClick: boolean;
612
+ readonly onClick?: (() => unknown) | (() => Promise<unknown>) | undefined;
613
+ readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
614
+ readonly iconRight?: boolean | undefined;
615
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
616
+ disabled: {
617
+ type: import('vue').PropType<boolean>;
618
+ default: boolean;
619
+ };
620
+ type: {
621
+ type: import('vue').PropType<"button" | "submit" | "reset">;
622
+ default: string;
623
+ };
624
+ onClick: {
625
+ type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
626
+ default: undefined;
627
+ };
628
+ label: {
629
+ type: import('vue').PropType<string>;
630
+ required: true;
631
+ default: string;
632
+ };
633
+ size: {
634
+ type: import('vue').PropType<"base" | "xs" | "sm" | "xl" | "l">;
635
+ default: string;
636
+ };
637
+ dark: {
638
+ type: import('vue').PropType<boolean>;
639
+ default: boolean;
640
+ };
641
+ loading: {
642
+ type: import('vue').PropType<boolean>;
643
+ default: boolean;
644
+ };
645
+ icon: {
646
+ type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
647
+ default: undefined;
648
+ };
649
+ iconRight: {
650
+ type: import('vue').PropType<boolean>;
651
+ };
652
+ error: {
653
+ type: import('vue').PropType<boolean>;
654
+ default: boolean;
655
+ };
656
+ variant: {
657
+ type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
658
+ default: string;
659
+ };
660
+ loadOnClick: {
661
+ type: import('vue').PropType<boolean>;
662
+ default: boolean;
663
+ };
664
+ }>>, "disabled" | "type" | "onClick" | "label" | "size" | "dark" | "loading" | "icon" | "error" | "variant" | "loadOnClick">, "size" | "error" | "variant">;
573
665
  secondaryAction: Omit<Partial<{
574
666
  disabled: boolean;
575
667
  type: "button" | "submit" | "reset";