@maggioli-design-system/mds-push-notification 5.0.0 → 5.1.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,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
- 'primary',
75
- 'secondary',
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',
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-04-02T09:56:42",
2
+ "timestamp": "2025-04-22T07:52:14",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-04-02T09:56:42",
2
+ "timestamp": "2025-04-22T07:52:15",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "22.11.0"
@@ -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 = 'primary' | 'secondary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning' | 'google' | 'apple';
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 = 'primary' | 'secondary' | 'dark' | 'error' | 'info' | 'success' | 'warning';
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';
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-04-02T08:30:40",
2
+ "timestamp": "2025-04-18T19:49:27",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
@@ -264,6 +264,11 @@
264
264
  }
265
265
  ],
266
266
  "typeLibrary": {
267
+ "src/components/mds-input-date-range/mds-input-date-range.tsx::EventDate": {
268
+ "declaration": "export interface EventDate {\n caller: HTMLMdsInputDateRangePreselectionElement\n start: string,\n end?: string\n}",
269
+ "docstring": "",
270
+ "path": "src/components/mds-input-date-range/mds-input-date-range.tsx"
271
+ },
267
272
  "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
268
273
  "declaration": "export interface MdsAccordionEventDetail {\n children: NodeListOf<HTMLMdsAccordionItemElement>\n selected: string\n}",
269
274
  "docstring": "",
@@ -299,6 +304,11 @@
299
304
  "docstring": "",
300
305
  "path": "src/type/variant.ts"
301
306
  },
307
+ "src/components/mds-avatar-stack/meta/types.ts::AvatarSizeType": {
308
+ "declaration": "export type AvatarSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
309
+ "docstring": "",
310
+ "path": "src/components/mds-avatar-stack/meta/types.ts"
311
+ },
302
312
  "src/type/variant.ts::ThemeFullVariantType": {
303
313
  "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'",
304
314
  "docstring": "",
@@ -325,7 +335,7 @@
325
335
  "path": "src/type/typography.ts"
326
336
  },
327
337
  "src/type/variant.ts::ThemeVariantType": {
328
- "declaration": "export type ThemeVariantType =\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
338
+ "declaration": "export type ThemeVariantType =\n | 'ai'\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'success'\n | 'warning'",
329
339
  "docstring": "",
330
340
  "path": "src/type/variant.ts"
331
341
  },
@@ -370,7 +380,7 @@
370
380
  "path": "src/type/button.ts"
371
381
  },
372
382
  "src/type/button.ts::ButtonVariantType": {
373
- "declaration": "export type ButtonVariantType =\n | 'primary'\n | 'secondary'\n | 'dark'\n | 'light'\n | 'error'\n | 'info'\n | 'success'\n | 'warning'\n | 'google'\n | 'apple'",
383
+ "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'",
374
384
  "docstring": "",
375
385
  "path": "src/type/button.ts"
376
386
  },
@@ -389,8 +399,23 @@
389
399
  "docstring": "",
390
400
  "path": "src/type/text.ts"
391
401
  },
402
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
403
+ "declaration": "export type CalendarCellType =\n | 'other'\n | 'current'\n | 'weekend'",
404
+ "docstring": "",
405
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
406
+ },
407
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionOrieintationType": {
408
+ "declaration": "export type CalendarCellSelectionOrieintationType =\n | 'both'\n | 'horizontal'\n | 'vertical'",
409
+ "docstring": "",
410
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
411
+ },
412
+ "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionPositionType": {
413
+ "declaration": "export type CalendarCellSelectionPositionType =\n | 'end'\n | 'middle'\n | 'none'\n | 'start'\n | 'single'",
414
+ "docstring": "",
415
+ "path": "src/components/mds-calendar-cell/meta/types.ts"
416
+ },
392
417
  "src/type/variant.ts::ChipVariantType": {
393
- "declaration": "export type ChipVariantType =\n | 'primary'\n | 'secondary'\n | 'dark'\n | 'error'\n | 'info'\n | 'success'\n | 'warning'",
418
+ "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'",
394
419
  "docstring": "",
395
420
  "path": "src/type/variant.ts"
396
421
  },
@@ -520,7 +545,7 @@
520
545
  "path": "src/type/variant.ts"
521
546
  },
522
547
  "src/type/input.ts::InputTextType": {
523
- "declaration": "export type InputTextType =\n | 'date'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'textarea'\n | 'time'\n | 'url'",
548
+ "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'",
524
549
  "docstring": "",
525
550
  "path": "src/type/input.ts"
526
551
  },
@@ -534,20 +559,15 @@
534
559
  "docstring": "",
535
560
  "path": "src/type/input.ts"
536
561
  },
537
- "src/components/mds-input-field/meta/types.ts::InputFieldType": {
538
- "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'",
539
- "docstring": "",
540
- "path": "src/components/mds-input-field/meta/types.ts"
541
- },
542
- "src/components/mds-input-field/meta/validators.ts::MdsValidatorFn": {
562
+ "src/components/mds-input/meta/validators.ts::MdsValidatorFn": {
543
563
  "declaration": "(input: string) => null | MdsValidationErrors",
544
564
  "docstring": "",
545
- "path": "src/components/mds-input-field/meta/validators.ts"
565
+ "path": "src/components/mds-input/meta/validators.ts"
546
566
  },
547
- "src/components/mds-input-field/meta/validators.ts::MdsValidationErrors": {
567
+ "src/components/mds-input/meta/validators.ts::MdsValidationErrors": {
548
568
  "declaration": "export interface MdsValidationErrors {\n [key: string]: string\n}",
549
569
  "docstring": "",
550
- "path": "src/components/mds-input-field/meta/validators.ts"
570
+ "path": "src/components/mds-input/meta/validators.ts"
551
571
  },
552
572
  "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
553
573
  "declaration": "export type InputSwitchSizeType =\n | 'sm'\n | 'md'\n | 'lg'",
@@ -639,6 +659,11 @@
639
659
  "docstring": "",
640
660
  "path": "src/components/mds-paginator/meta/event-detail.ts"
641
661
  },
662
+ "src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant": {
663
+ "declaration": "export type PolicyAiVariant =\n | 'icon'\n | 'chip'\n | 'card'\n | 'banner'",
664
+ "docstring": "",
665
+ "path": "src/components/mds-policy-ai/meta/types.ts"
666
+ },
642
667
  "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
643
668
  "declaration": "export type AnimationModeType =\n | 'reduce'\n | 'no-preference'\n | 'system'",
644
669
  "docstring": "",
@@ -769,11 +794,6 @@
769
794
  "docstring": "",
770
795
  "path": "src/type/text.ts"
771
796
  },
772
- "src/type/variant.ts::ThemeLuminanceVariantType": {
773
- "declaration": "export type ThemeLuminanceVariantType =\n | 'dark'\n | 'light'",
774
- "docstring": "",
775
- "path": "src/type/variant.ts"
776
- },
777
797
  "src/components/mds-toast/meta/types.ts::ToastPosition": {
778
798
  "declaration": "export type ToastPosition =\n | 'top-left'\n | 'top-center'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-center'\n | 'bottom-right'",
779
799
  "docstring": "",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-push-notification",
3
- "version": "5.0.0",
3
+ "version": "5.1.0",
4
4
  "description": "mds-push-notification 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,7 +24,7 @@
24
24
  "test": "stencil test --spec --e2e"
25
25
  },
26
26
  "dependencies": {
27
- "@maggioli-design-system/mds-push-notification-item": "1.0.0",
27
+ "@maggioli-design-system/mds-push-notification-item": "1.1.0",
28
28
  "@maggioli-design-system/styles": "15.9.1",
29
29
  "@stencil/core": "4.27.2",
30
30
  "clsx": "2.1.0"
@@ -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
 
14
15
  const buttonToneVariantDictionary = [
@@ -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
- 'primary',
82
- 'secondary',
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 = [
@@ -333,7 +333,9 @@
333
333
  "mi/baseline/agriculture",
334
334
  "mi/baseline/animation",
335
335
  "mi/baseline/arrow-back",
336
+ "mi/baseline/arrow-back-ios-new",
336
337
  "mi/baseline/arrow-forward",
338
+ "mi/baseline/arrow-forward-ios",
337
339
  "mi/baseline/attach-file",
338
340
  "mi/baseline/attachment",
339
341
  "mi/baseline/audiotrack",
@@ -343,6 +345,7 @@
343
345
  "mi/baseline/book",
344
346
  "mi/baseline/border-all",
345
347
  "mi/baseline/broken-image",
348
+ "mi/baseline/calendar-today",
346
349
  "mi/baseline/call",
347
350
  "mi/baseline/cancel",
348
351
  "mi/baseline/category",
@@ -400,6 +403,7 @@
400
403
  "mi/baseline/panorama",
401
404
  "mi/baseline/person",
402
405
  "mi/baseline/pets",
406
+ "mi/baseline/privacy-tip",
403
407
  "mi/baseline/radio-button-checked",
404
408
  "mi/baseline/radio-button-unchecked",
405
409
  "mi/baseline/remove",
@@ -432,6 +436,7 @@
432
436
  "mi/outline/circle",
433
437
  "mi/outline/dark-mode",
434
438
  "mi/outline/help-outline",
439
+ "mi/outline/policy",
435
440
  "mi/outline/schedule",
436
441
  "mi/round/arrow-circle-down",
437
442
  "mi/round/email",
@@ -19,13 +19,14 @@ export type ButtonIconPositionType =
19
19
  | 'right'
20
20
 
21
21
  export type ButtonVariantType =
22
- | 'primary'
23
- | 'secondary'
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
@@ -23,6 +23,10 @@ export type InputTextType =
23
23
  | 'textarea'
24
24
  | 'time'
25
25
  | 'url'
26
+ | 'cc'
27
+ | 'cf'
28
+ | 'isbn'
29
+ | 'piva'
26
30
 
27
31
  export interface MdsInputEventDetail {
28
32
  value?: File | string | FormData | null
@@ -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
- | 'primary'
74
- | 'secondary'
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'