@maggioli-design-system/mds-modal 6.1.0 → 6.2.1
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.
- package/dist/collection/dictionary/button.js +3 -2
- package/dist/collection/dictionary/variant.js +14 -2
- package/dist/documentation.json +1 -1
- package/dist/stats.json +1 -1
- package/dist/types/type/button.d.ts +1 -1
- package/dist/types/type/input.d.ts +1 -1
- package/dist/types/type/variant.d.ts +2 -2
- package/documentation.json +29 -19
- package/package.json +3 -3
- package/src/dictionary/button.ts +3 -2
- package/src/dictionary/variant.ts +14 -2
- package/src/fixtures/icons.json +14 -0
- package/src/type/button.ts +6 -5
- package/src/type/input.ts +4 -0
- package/src/type/variant.ts +14 -2
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
const buttonVariantDictionary = [
|
|
2
|
+
'ai',
|
|
3
|
+
'apple',
|
|
2
4
|
'dark',
|
|
3
5
|
'error',
|
|
6
|
+
'google',
|
|
4
7
|
'info',
|
|
5
8
|
'light',
|
|
6
9
|
'primary',
|
|
7
10
|
'secondary',
|
|
8
11
|
'success',
|
|
9
12
|
'warning',
|
|
10
|
-
'google',
|
|
11
|
-
'apple',
|
|
12
13
|
];
|
|
13
14
|
const buttonToneVariantDictionary = [
|
|
14
15
|
'strong',
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const themeVariantDictionary = [
|
|
2
|
+
'ai',
|
|
2
3
|
'dark',
|
|
3
4
|
'error',
|
|
4
5
|
'info',
|
|
@@ -71,13 +72,24 @@ const toneVariantDictionary = [
|
|
|
71
72
|
'quiet',
|
|
72
73
|
];
|
|
73
74
|
const themeVariantChipDictionary = [
|
|
74
|
-
'
|
|
75
|
-
'
|
|
75
|
+
'ai',
|
|
76
|
+
'amaranth',
|
|
77
|
+
'aqua',
|
|
78
|
+
'blue',
|
|
76
79
|
'dark',
|
|
77
80
|
'error',
|
|
81
|
+
'green',
|
|
78
82
|
'info',
|
|
83
|
+
'lime',
|
|
84
|
+
'orange',
|
|
85
|
+
'orchid',
|
|
86
|
+
'primary',
|
|
87
|
+
'secondary',
|
|
88
|
+
'sky',
|
|
79
89
|
'success',
|
|
90
|
+
'violet',
|
|
80
91
|
'warning',
|
|
92
|
+
'yellow',
|
|
81
93
|
];
|
|
82
94
|
const toneActionVariantDictionary = [
|
|
83
95
|
'primary',
|
package/dist/documentation.json
CHANGED
package/dist/stats.json
CHANGED
|
@@ -2,4 +2,4 @@ export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
|
|
|
2
2
|
export type ButtonTargetType = 'self' | 'blank';
|
|
3
3
|
export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
|
|
4
4
|
export type ButtonIconPositionType = 'left' | 'right';
|
|
5
|
-
export type ButtonVariantType = '
|
|
5
|
+
export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export type InputControlsLayoutType = 'horizontal' | 'vertical';
|
|
2
2
|
export type InputControlsIconType = 'arrow' | 'arithmetic';
|
|
3
3
|
export type InputValueType = null | number | string | undefined;
|
|
4
|
-
export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
|
|
4
|
+
export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url' | 'cc' | 'cf' | 'isbn' | 'piva';
|
|
5
5
|
export interface MdsInputEventDetail {
|
|
6
6
|
value?: File | string | FormData | null;
|
|
7
7
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
|
|
2
|
-
export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
|
|
2
|
+
export type ThemeVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
|
|
3
3
|
export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
|
|
4
4
|
export type ThemeFullVariantAvatarType = 'amaranth' | 'aqua' | 'blue' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
|
|
5
5
|
export type ThemeLuminanceVariantType = 'dark' | 'light';
|
|
6
6
|
export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
|
|
7
7
|
export type ActionVariantType = 'primary' | 'dark' | 'light';
|
|
8
|
-
export type ChipVariantType = '
|
|
8
|
+
export type ChipVariantType = 'ai' | 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'secondary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
|
|
9
9
|
export type StateVariantType = 'disabled' | 'focused' | 'readonly';
|
|
10
10
|
export type ToneActionVariantType = 'primary' | 'secondary' | 'strong' | 'weak' | 'ghost' | 'quiet';
|
|
11
11
|
export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
|
package/documentation.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-
|
|
2
|
+
"timestamp": "2025-05-14T12:14:14",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.27.2",
|
|
@@ -460,6 +460,11 @@
|
|
|
460
460
|
"docstring": "",
|
|
461
461
|
"path": "src/type/variant.ts"
|
|
462
462
|
},
|
|
463
|
+
"src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType": {
|
|
464
|
+
"declaration": "export type AvatarSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
|
|
465
|
+
"docstring": "",
|
|
466
|
+
"path": "src/components/mds-avatar-stack/meta/types.ts"
|
|
467
|
+
},
|
|
463
468
|
"src/type/variant.ts::ThemeFullVariantType": {
|
|
464
469
|
"declaration": "export type ThemeFullVariantType =\n | 'amaranth'\n | 'aqua'\n | 'blue'\n | 'dark'\n | 'error'\n | 'green'\n | 'info'\n | 'light'\n | 'lime'\n | 'orange'\n | 'orchid'\n | 'sky'\n | 'success'\n | 'violet'\n | 'warning'\n | 'yellow'",
|
|
465
470
|
"docstring": "",
|
|
@@ -486,7 +491,7 @@
|
|
|
486
491
|
"path": "src/type/typography.ts"
|
|
487
492
|
},
|
|
488
493
|
"src/type/variant.ts::ThemeVariantType": {
|
|
489
|
-
"declaration": "export type ThemeVariantType =\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
|
|
494
|
+
"declaration": "export type ThemeVariantType =\n | 'ai'\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
|
|
490
495
|
"docstring": "",
|
|
491
496
|
"path": "src/type/variant.ts"
|
|
492
497
|
},
|
|
@@ -531,7 +536,7 @@
|
|
|
531
536
|
"path": "src/type/button.ts"
|
|
532
537
|
},
|
|
533
538
|
"src/type/button.ts::ButtonVariantType": {
|
|
534
|
-
"declaration": "export type ButtonVariantType =\n | '
|
|
539
|
+
"declaration": "export type ButtonVariantType =\n | 'ai'\n | 'apple'\n | 'dark'\n | 'error'\n | 'google'\n | 'info'\n | 'light'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'warning'",
|
|
535
540
|
"docstring": "",
|
|
536
541
|
"path": "src/type/button.ts"
|
|
537
542
|
},
|
|
@@ -566,7 +571,7 @@
|
|
|
566
571
|
"path": "src/components/mds-calendar-cell/meta/types.ts"
|
|
567
572
|
},
|
|
568
573
|
"src/type/variant.ts::ChipVariantType": {
|
|
569
|
-
"declaration": "export type ChipVariantType =\n | '
|
|
574
|
+
"declaration": "export type ChipVariantType =\n | 'ai'\n | 'amaranth'\n | 'aqua'\n | 'blue'\n | 'dark'\n | 'error'\n | 'green'\n | 'info'\n | 'lime'\n | 'orange'\n | 'orchid'\n | 'primary'\n | 'secondary'\n | 'sky'\n | 'success'\n | 'violet'\n | 'warning'\n | 'yellow'",
|
|
570
575
|
"docstring": "",
|
|
571
576
|
"path": "src/type/variant.ts"
|
|
572
577
|
},
|
|
@@ -696,7 +701,7 @@
|
|
|
696
701
|
"path": "src/type/variant.ts"
|
|
697
702
|
},
|
|
698
703
|
"src/type/input.ts::InputTextType": {
|
|
699
|
-
"declaration": "export type InputTextType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'",
|
|
704
|
+
"declaration": "export type InputTextType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'\n | 'cc'\n | 'cf'\n | 'isbn'\n | 'piva'",
|
|
700
705
|
"docstring": "",
|
|
701
706
|
"path": "src/type/input.ts"
|
|
702
707
|
},
|
|
@@ -710,20 +715,15 @@
|
|
|
710
715
|
"docstring": "",
|
|
711
716
|
"path": "src/type/input.ts"
|
|
712
717
|
},
|
|
713
|
-
"src/components/mds-input
|
|
714
|
-
"declaration": "export type InputFieldType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'\n | 'cc'\n | 'cf'\n | 'isbn'\n | 'piva'",
|
|
715
|
-
"docstring": "",
|
|
716
|
-
"path": "src/components/mds-input-field/meta/types.ts"
|
|
717
|
-
},
|
|
718
|
-
"src/components/mds-input-field/meta/validators.ts::MdsValidatorFn": {
|
|
718
|
+
"src/components/mds-input/meta/validators.ts::MdsValidatorFn": {
|
|
719
719
|
"declaration": "(input: string) => null | MdsValidationErrors",
|
|
720
720
|
"docstring": "",
|
|
721
|
-
"path": "src/components/mds-input
|
|
721
|
+
"path": "src/components/mds-input/meta/validators.ts"
|
|
722
722
|
},
|
|
723
|
-
"src/components/mds-input
|
|
723
|
+
"src/components/mds-input/meta/validators.ts::MdsValidationErrors": {
|
|
724
724
|
"declaration": "export interface MdsValidationErrors {\n [key: string]: string\n}",
|
|
725
725
|
"docstring": "",
|
|
726
|
-
"path": "src/components/mds-input
|
|
726
|
+
"path": "src/components/mds-input/meta/validators.ts"
|
|
727
727
|
},
|
|
728
728
|
"src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
|
|
729
729
|
"declaration": "export type InputSwitchSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
|
|
@@ -815,6 +815,11 @@
|
|
|
815
815
|
"docstring": "",
|
|
816
816
|
"path": "src/components/mds-paginator/meta/event-detail.ts"
|
|
817
817
|
},
|
|
818
|
+
"src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant": {
|
|
819
|
+
"declaration": "export type PolicyAiVariant =\n | 'icon'\n | 'chip'\n | 'card'\n | 'banner'",
|
|
820
|
+
"docstring": "",
|
|
821
|
+
"path": "src/components/mds-policy-ai/meta/types.ts"
|
|
822
|
+
},
|
|
818
823
|
"src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
|
|
819
824
|
"declaration": "export type AnimationModeType =\n | 'reduce'\n | 'no-preference'\n | 'system'",
|
|
820
825
|
"docstring": "",
|
|
@@ -885,6 +890,16 @@
|
|
|
885
890
|
"docstring": "",
|
|
886
891
|
"path": "src/type/text.ts"
|
|
887
892
|
},
|
|
893
|
+
"src/components/mds-radial-menu/meta/types.ts::Direction": {
|
|
894
|
+
"declaration": "export type Direction =\n | 'clockwise'\n | 'counterclockwise'",
|
|
895
|
+
"docstring": "",
|
|
896
|
+
"path": "src/components/mds-radial-menu/meta/types.ts"
|
|
897
|
+
},
|
|
898
|
+
"src/components/mds-radial-menu/meta/types.ts::Interaction": {
|
|
899
|
+
"declaration": "export type Interaction =\n | 'click'\n | 'rightclick'",
|
|
900
|
+
"docstring": "",
|
|
901
|
+
"path": "src/components/mds-radial-menu/meta/types.ts"
|
|
902
|
+
},
|
|
888
903
|
"src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
|
|
889
904
|
"declaration": "export interface MdsStepperBarEventDetail {\n step: number\n value: string\n}",
|
|
890
905
|
"docstring": "",
|
|
@@ -945,11 +960,6 @@
|
|
|
945
960
|
"docstring": "",
|
|
946
961
|
"path": "src/type/text.ts"
|
|
947
962
|
},
|
|
948
|
-
"src/type/variant.ts::ThemeLuminanceVariantType": {
|
|
949
|
-
"declaration": "export type ThemeLuminanceVariantType =\n | 'dark'\n | 'light'",
|
|
950
|
-
"docstring": "",
|
|
951
|
-
"path": "src/type/variant.ts"
|
|
952
|
-
},
|
|
953
963
|
"src/components/mds-toast/meta/types.ts::ToastPosition": {
|
|
954
964
|
"declaration": "export type ToastPosition =\n | 'top-left'\n | 'top-center'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-center'\n | 'bottom-right'",
|
|
955
965
|
"docstring": "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-modal",
|
|
3
|
-
"version": "6.1
|
|
3
|
+
"version": "6.2.1",
|
|
4
4
|
"description": "mds-modal is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"test": "stencil test --spec --e2e"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@maggioli-design-system/mds-button": "6.
|
|
28
|
-
"@maggioli-design-system/styles": "15.
|
|
27
|
+
"@maggioli-design-system/mds-button": "6.7.1",
|
|
28
|
+
"@maggioli-design-system/styles": "15.10.0",
|
|
29
29
|
"@stencil/core": "4.27.2",
|
|
30
30
|
"clsx": "2.1.0"
|
|
31
31
|
},
|
package/src/dictionary/button.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const themeVariantDictionary = [
|
|
2
|
+
'ai',
|
|
2
3
|
'dark',
|
|
3
4
|
'error',
|
|
4
5
|
'info',
|
|
@@ -78,13 +79,24 @@ const toneVariantDictionary = [
|
|
|
78
79
|
]
|
|
79
80
|
|
|
80
81
|
const themeVariantChipDictionary = [
|
|
81
|
-
'
|
|
82
|
-
'
|
|
82
|
+
'ai',
|
|
83
|
+
'amaranth',
|
|
84
|
+
'aqua',
|
|
85
|
+
'blue',
|
|
83
86
|
'dark',
|
|
84
87
|
'error',
|
|
88
|
+
'green',
|
|
85
89
|
'info',
|
|
90
|
+
'lime',
|
|
91
|
+
'orange',
|
|
92
|
+
'orchid',
|
|
93
|
+
'primary',
|
|
94
|
+
'secondary',
|
|
95
|
+
'sky',
|
|
86
96
|
'success',
|
|
97
|
+
'violet',
|
|
87
98
|
'warning',
|
|
99
|
+
'yellow',
|
|
88
100
|
]
|
|
89
101
|
|
|
90
102
|
const toneActionVariantDictionary = [
|
package/src/fixtures/icons.json
CHANGED
|
@@ -19,6 +19,14 @@
|
|
|
19
19
|
"mdi/license",
|
|
20
20
|
"mdi/map-marker",
|
|
21
21
|
"mdi/npm",
|
|
22
|
+
"mdi/numeric-1",
|
|
23
|
+
"mdi/numeric-2",
|
|
24
|
+
"mdi/numeric-3",
|
|
25
|
+
"mdi/numeric-4",
|
|
26
|
+
"mdi/numeric-5",
|
|
27
|
+
"mdi/numeric-6",
|
|
28
|
+
"mdi/numeric-7",
|
|
29
|
+
"mdi/numeric-8",
|
|
22
30
|
"mdi/replay",
|
|
23
31
|
"mdi/vector-curve",
|
|
24
32
|
"mgg/abitazione-principale",
|
|
@@ -367,6 +375,7 @@
|
|
|
367
375
|
"mi/baseline/downhill-skiing",
|
|
368
376
|
"mi/baseline/draw",
|
|
369
377
|
"mi/baseline/eco",
|
|
378
|
+
"mi/baseline/edit",
|
|
370
379
|
"mi/baseline/email",
|
|
371
380
|
"mi/baseline/error",
|
|
372
381
|
"mi/baseline/expand-more",
|
|
@@ -380,6 +389,7 @@
|
|
|
380
389
|
"mi/baseline/indeterminate-check-box",
|
|
381
390
|
"mi/baseline/info",
|
|
382
391
|
"mi/baseline/insert-drive-file",
|
|
392
|
+
"mi/baseline/ios-share",
|
|
383
393
|
"mi/baseline/keyboard",
|
|
384
394
|
"mi/baseline/keyboard-arrow-down",
|
|
385
395
|
"mi/baseline/keyboard-arrow-left",
|
|
@@ -391,6 +401,7 @@
|
|
|
391
401
|
"mi/baseline/keyboard-return",
|
|
392
402
|
"mi/baseline/keyboard-tab",
|
|
393
403
|
"mi/baseline/light-mode",
|
|
404
|
+
"mi/baseline/list-alt",
|
|
394
405
|
"mi/baseline/local-activity",
|
|
395
406
|
"mi/baseline/location-city",
|
|
396
407
|
"mi/baseline/lock-open",
|
|
@@ -403,6 +414,8 @@
|
|
|
403
414
|
"mi/baseline/panorama",
|
|
404
415
|
"mi/baseline/person",
|
|
405
416
|
"mi/baseline/pets",
|
|
417
|
+
"mi/baseline/print",
|
|
418
|
+
"mi/baseline/privacy-tip",
|
|
406
419
|
"mi/baseline/radio-button-checked",
|
|
407
420
|
"mi/baseline/radio-button-unchecked",
|
|
408
421
|
"mi/baseline/remove",
|
|
@@ -435,6 +448,7 @@
|
|
|
435
448
|
"mi/outline/circle",
|
|
436
449
|
"mi/outline/dark-mode",
|
|
437
450
|
"mi/outline/help-outline",
|
|
451
|
+
"mi/outline/policy",
|
|
438
452
|
"mi/outline/schedule",
|
|
439
453
|
"mi/round/arrow-circle-down",
|
|
440
454
|
"mi/round/email",
|
package/src/type/button.ts
CHANGED
|
@@ -19,13 +19,14 @@ export type ButtonIconPositionType =
|
|
|
19
19
|
| 'right'
|
|
20
20
|
|
|
21
21
|
export type ButtonVariantType =
|
|
22
|
-
| '
|
|
23
|
-
| '
|
|
22
|
+
| 'ai'
|
|
23
|
+
| 'apple'
|
|
24
24
|
| 'dark'
|
|
25
|
-
| 'light'
|
|
26
25
|
| 'error'
|
|
26
|
+
| 'google'
|
|
27
27
|
| 'info'
|
|
28
|
+
| 'light'
|
|
29
|
+
| 'primary'
|
|
30
|
+
| 'secondary'
|
|
28
31
|
| 'success'
|
|
29
32
|
| 'warning'
|
|
30
|
-
| 'google'
|
|
31
|
-
| 'apple'
|
package/src/type/input.ts
CHANGED
package/src/type/variant.ts
CHANGED
|
@@ -5,6 +5,7 @@ export type ThemeStatusVariantType =
|
|
|
5
5
|
| 'warning'
|
|
6
6
|
|
|
7
7
|
export type ThemeVariantType =
|
|
8
|
+
| 'ai'
|
|
8
9
|
| 'dark'
|
|
9
10
|
| 'error'
|
|
10
11
|
| 'info'
|
|
@@ -70,13 +71,24 @@ export type ActionVariantType =
|
|
|
70
71
|
| 'light'
|
|
71
72
|
|
|
72
73
|
export type ChipVariantType =
|
|
73
|
-
| '
|
|
74
|
-
| '
|
|
74
|
+
| 'ai'
|
|
75
|
+
| 'amaranth'
|
|
76
|
+
| 'aqua'
|
|
77
|
+
| 'blue'
|
|
75
78
|
| 'dark'
|
|
76
79
|
| 'error'
|
|
80
|
+
| 'green'
|
|
77
81
|
| 'info'
|
|
82
|
+
| 'lime'
|
|
83
|
+
| 'orange'
|
|
84
|
+
| 'orchid'
|
|
85
|
+
| 'primary'
|
|
86
|
+
| 'secondary'
|
|
87
|
+
| 'sky'
|
|
78
88
|
| 'success'
|
|
89
|
+
| 'violet'
|
|
79
90
|
| 'warning'
|
|
91
|
+
| 'yellow'
|
|
80
92
|
|
|
81
93
|
export type StateVariantType =
|
|
82
94
|
| 'disabled'
|