@maggioli-design-system/mds-input-tip 1.5.4 → 1.5.6

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.
@@ -19,15 +19,17 @@ export class Locale {
19
19
  };
20
20
  this.update = (doc) => {
21
21
  const context = doc !== null && doc !== void 0 ? doc : this.element.shadowRoot;
22
- context && context.querySelectorAll('*').forEach(el => {
23
- if (el.tagName.toLowerCase().startsWith('mds-')) {
24
- // eslint-disable-next-line no-restricted-syntax
25
- if (el && 'updateLang' in el) {
26
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
27
- el.updateLang();
22
+ if (context) {
23
+ context.querySelectorAll('*').forEach(el => {
24
+ if (el.tagName.toLowerCase().startsWith('mds-')) {
25
+ // eslint-disable-next-line no-restricted-syntax
26
+ if (el && 'updateLang' in el) {
27
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
28
+ el.updateLang();
29
+ }
28
30
  }
29
- }
30
- });
31
+ });
32
+ }
31
33
  };
32
34
  this.pluralize = (tag, context) => {
33
35
  const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
@@ -0,0 +1,5 @@
1
+ const randomNumber = (min, max, integer = false) => {
2
+ const num = Math.random() * (max - min) + min;
3
+ return integer ? Math.floor(num) : num;
4
+ };
5
+ export { randomNumber, };
@@ -25,4 +25,13 @@ const hasSlotted = (el, name) => {
25
25
  }
26
26
  return false;
27
27
  };
28
- export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
28
+ const hasSlottedContent = (el, name) => {
29
+ var _a;
30
+ const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
31
+ const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
32
+ if (!slot)
33
+ return false;
34
+ const assignedNodes = slot.assignedNodes({ flatten: true });
35
+ return assignedNodes.some(node => { var _a; return node.nodeType === Node.TEXT_NODE && ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== ''; });
36
+ };
37
+ export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };
@@ -7,6 +7,15 @@ const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
7
7
  }
8
8
  return defaultValue;
9
9
  };
10
+ const cssDurationToSeconds = (duration, defaultValue = 1000) => {
11
+ if (duration.includes('ms')) {
12
+ return Number(duration.replace('ms', '')) / 1000;
13
+ }
14
+ if (duration.includes('s')) {
15
+ return Number(duration.replace('s', ''));
16
+ }
17
+ return defaultValue;
18
+ };
10
19
  const cssSizeToNumber = (size, defaultValue = 0) => {
11
20
  if (size.includes('px')) {
12
21
  return Number(size.replace('px', ''));
@@ -19,4 +28,10 @@ const cssSizeToNumber = (size, defaultValue = 0) => {
19
28
  }
20
29
  return defaultValue;
21
30
  };
22
- export { cssDurationToMilliseconds, cssSizeToNumber, };
31
+ const cssRotationToNumber = (size, defaultValue = 0) => {
32
+ if (size.includes('deg')) {
33
+ return Number(size.replace('deg', ''));
34
+ }
35
+ return defaultValue;
36
+ };
37
+ export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };
@@ -14,5 +14,7 @@ export default {
14
14
  },
15
15
  },
16
16
  };
17
- const Template = args => h("mds-input-tip", Object.assign({}, args), h("mds-input-tip-item", { variant: "required" }), h("mds-input-tip-item", { variant: "disabled" }), h("mds-input-tip-item", { variant: "readonly" }));
18
- export const Default = Template.bind({});
17
+ const Template = args => (h("mds-input-tip", Object.assign({}, args), h("mds-input-tip-item", { variant: "required" }), h("mds-input-tip-item", { variant: "disabled" }), h("mds-input-tip-item", { variant: "readonly" })));
18
+ export const Default = {
19
+ render: Template,
20
+ };
@@ -11,12 +11,27 @@ const buttonVariantDictionary = [
11
11
  'success',
12
12
  'warning',
13
13
  ];
14
+ const buttonDropdownVariantDictionary = [
15
+ 'ai',
16
+ 'dark',
17
+ 'error',
18
+ 'info',
19
+ 'light',
20
+ 'primary',
21
+ 'secondary',
22
+ 'success',
23
+ 'warning',
24
+ ];
14
25
  const buttonToneVariantDictionary = [
15
26
  'strong',
16
27
  'weak',
17
28
  'ghost',
18
29
  'quiet',
19
30
  ];
31
+ const buttonToneMinimalVariantDictionary = [
32
+ 'strong',
33
+ 'weak',
34
+ ];
20
35
  const buttonTargetDictionary = [
21
36
  'blank',
22
37
  'self',
@@ -27,6 +42,10 @@ const buttonSizeDictionary = [
27
42
  'lg',
28
43
  'xl',
29
44
  ];
45
+ const tabSizeDictionary = [
46
+ 'sm',
47
+ 'md',
48
+ ];
30
49
  const buttonIconPositionDictionary = [
31
50
  'left',
32
51
  'right',
@@ -36,4 +55,4 @@ const buttonTypeDictionary = [
36
55
  'submit',
37
56
  'reset',
38
57
  ];
39
- export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
58
+ export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };
@@ -1,5 +1,5 @@
1
1
  import jsonIconsDictionary from "../fixtures/icons.json";
2
- import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
2
+ import jsonMggIconsDictionary from "@maggioli-design-system/svg-icons/dist/iconsauce.json";
3
3
  const iconsDictionary = jsonIconsDictionary;
4
4
  const mggIconsDictionary = jsonMggIconsDictionary;
5
5
  const svgIconsDictionary = [
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-06-03T14:51:44",
2
+ "timestamp": "2026-02-20T09:09:27",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
package/dist/stats.json CHANGED
@@ -1,19 +1,19 @@
1
1
  {
2
- "timestamp": "2025-06-03T14:51:44",
2
+ "timestamp": "2026-02-20T09:09:28",
3
3
  "compiler": {
4
4
  "name": "node",
5
- "version": "22.11.0"
5
+ "version": "22.15.0"
6
6
  },
7
7
  "app": {
8
8
  "namespace": "MdsInputTip",
9
9
  "fsNamespace": "mds-input-tip",
10
10
  "components": 1,
11
11
  "entries": 1,
12
- "bundles": 105,
12
+ "bundles": 106,
13
13
  "outputs": [
14
14
  {
15
15
  "name": "dist-collection",
16
- "files": 57,
16
+ "files": 58,
17
17
  "generatedFiles": [
18
18
  "./dist/collection/common/aria.js",
19
19
  "./dist/collection/common/browser.js",
@@ -24,6 +24,7 @@
24
24
  "./dist/collection/common/icon.js",
25
25
  "./dist/collection/common/keyboard-manager.js",
26
26
  "./dist/collection/common/locale.js",
27
+ "./dist/collection/common/number.js",
27
28
  "./dist/collection/common/slot.js",
28
29
  "./dist/collection/common/string.js",
29
30
  "./dist/collection/common/unit.js",
@@ -491,6 +492,7 @@
491
492
  "./src/common/icon.ts": [],
492
493
  "./src/common/keyboard-manager.ts": [],
493
494
  "./src/common/locale.ts": [],
495
+ "./src/common/number.ts": [],
494
496
  "./src/common/slot.ts": [],
495
497
  "./src/common/string.ts": [],
496
498
  "./src/common/unit.ts": [],
@@ -523,8 +525,7 @@
523
525
  "./src/dictionary/file-extensions.ts": [],
524
526
  "./src/dictionary/floating-ui.ts": [],
525
527
  "./src/dictionary/icon.ts": [
526
- "./src/fixtures/icons.json",
527
- "./src/fixtures/iconsauce.json"
528
+ "./src/fixtures/icons.json"
528
529
  ],
529
530
  "./src/dictionary/input.ts": [],
530
531
  "./src/dictionary/keyboard.ts": [],
@@ -0,0 +1,2 @@
1
+ declare const randomNumber: (min: number, max: number, integer?: boolean) => number;
2
+ export { randomNumber, };
@@ -1,4 +1,5 @@
1
1
  declare const hasSlottedElements: (el: HTMLElement, name?: string) => boolean;
2
2
  declare const hasSlottedNodes: (el: HTMLElement, name?: string) => boolean;
3
3
  declare const hasSlotted: (el: HTMLElement, name?: string) => boolean;
4
- export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
4
+ declare const hasSlottedContent: (el: HTMLElement, name?: string) => boolean;
5
+ export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };
@@ -1,3 +1,5 @@
1
1
  declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
2
+ declare const cssDurationToSeconds: (duration: string, defaultValue?: number) => number;
2
3
  declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
3
- export { cssDurationToMilliseconds, cssSizeToNumber, };
4
+ declare const cssRotationToNumber: (size: string, defaultValue?: number) => number;
5
+ export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };
@@ -17,4 +17,6 @@ declare const _default: {
17
17
  };
18
18
  };
19
19
  export default _default;
20
- export declare const Default: any;
20
+ export declare const Default: {
21
+ render: (args: any) => any;
22
+ };
@@ -1,7 +1,10 @@
1
1
  declare const buttonVariantDictionary: string[];
2
+ declare const buttonDropdownVariantDictionary: string[];
2
3
  declare const buttonToneVariantDictionary: string[];
4
+ declare const buttonToneMinimalVariantDictionary: string[];
3
5
  declare const buttonTargetDictionary: string[];
4
6
  declare const buttonSizeDictionary: string[];
7
+ declare const tabSizeDictionary: string[];
5
8
  declare const buttonIconPositionDictionary: string[];
6
9
  declare const buttonTypeDictionary: string[];
7
- export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
10
+ export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };
@@ -1,5 +1,7 @@
1
1
  export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
2
2
  export type ButtonTargetType = 'self' | 'blank';
3
3
  export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
4
+ export type TabSizeType = 'sm' | 'md';
4
5
  export type ButtonIconPositionType = 'left' | 'right';
5
6
  export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
7
+ export type ButtonDropdownVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-06-03T08:10:23",
2
+ "timestamp": "2026-02-19T16:41:28",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.27.2",
@@ -95,6 +95,7 @@
95
95
  "parts": [],
96
96
  "dependents": [
97
97
  "mds-input",
98
+ "mds-input-date",
98
99
  "mds-input-select"
99
100
  ],
100
101
  "dependencies": [],
@@ -102,6 +103,9 @@
102
103
  "mds-input": [
103
104
  "mds-input-tip"
104
105
  ],
106
+ "mds-input-date": [
107
+ "mds-input-tip"
108
+ ],
105
109
  "mds-input-select": [
106
110
  "mds-input-tip"
107
111
  ]
@@ -244,6 +248,11 @@
244
248
  "docstring": "",
245
249
  "path": "src/type/text.ts"
246
250
  },
251
+ "src/type/button.ts::ButtonDropdownVariantType": {
252
+ "declaration": "export type ButtonDropdownVariantType =\n | 'ai'\n | 'dark'\n | 'error'\n | 'info'\n | 'light'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'warning'",
253
+ "docstring": "",
254
+ "path": "src/type/button.ts"
255
+ },
247
256
  "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
248
257
  "declaration": "export type CalendarCellType =\n | 'other'\n | 'current'\n | 'weekend'",
249
258
  "docstring": "",
@@ -265,7 +274,7 @@
265
274
  "path": "src/type/variant.ts"
266
275
  },
267
276
  "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
268
- "declaration": "interface MdsChipEvent {\n event: Event\n element: HTMLMdsChipElement\n}",
277
+ "declaration": "interface MdsChipEvent {\n event: Event\n selected?: boolean\n element: HTMLMdsChipElement\n}",
269
278
  "docstring": "",
270
279
  "path": "src/components/mds-chip/meta/interface.ts"
271
280
  },
@@ -474,6 +483,11 @@
474
483
  "docstring": "",
475
484
  "path": "src/type/typography.ts"
476
485
  },
486
+ "src/components/mds-mention/meta/type.ts::MentionSize": {
487
+ "declaration": "export type MentionSize =\n | 'sm'\n | 'md'\n | 'lg'",
488
+ "docstring": "",
489
+ "path": "src/components/mds-mention/meta/type.ts"
490
+ },
477
491
  "src/components/mds-modal/meta/types.ts::ModalPositionType": {
478
492
  "declaration": "export type ModalPositionType =\n | 'bottom'\n | 'bottom-left'\n | 'bottom-right'\n | 'center'\n | 'left'\n | 'right'\n | 'top'\n | 'top-left'\n | 'top-right'",
479
493
  "docstring": "",
@@ -514,6 +528,11 @@
514
528
  "docstring": "",
515
529
  "path": "src/components/mds-policy-ai/meta/types.ts"
516
530
  },
531
+ "src/type/button.ts::TabSizeType": {
532
+ "declaration": "export type TabSizeType =\n | 'sm'\n | 'md'",
533
+ "docstring": "",
534
+ "path": "src/type/button.ts"
535
+ },
517
536
  "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
518
537
  "declaration": "export type AnimationModeType =\n | 'reduce'\n | 'no-preference'\n | 'system'",
519
538
  "docstring": "",
@@ -594,6 +613,16 @@
594
613
  "docstring": "",
595
614
  "path": "src/components/mds-radial-menu/meta/types.ts"
596
615
  },
616
+ "src/components.d.ts::ModalOverflowType": {
617
+ "declaration": "any",
618
+ "docstring": "",
619
+ "path": "src/components.d.ts"
620
+ },
621
+ "src/components/mds-status-bar/meta/types.ts::StatusBarPositionType": {
622
+ "declaration": "export type StatusBarPositionType =\n | 'bottom'\n | 'bottom-left'\n | 'bottom-right'",
623
+ "docstring": "",
624
+ "path": "src/components/mds-status-bar/meta/types.ts"
625
+ },
597
626
  "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
598
627
  "declaration": "export interface MdsStepperBarEventDetail {\n step: number\n value: string\n}",
599
628
  "docstring": "",
@@ -604,6 +633,11 @@
604
633
  "docstring": "",
605
634
  "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
606
635
  },
636
+ "src/components/mds-tab/meta/type.ts::DirectionType": {
637
+ "declaration": "export type DirectionType =\n | 'horizontal'\n | 'vertical'",
638
+ "docstring": "",
639
+ "path": "src/components/mds-tab/meta/type.ts"
640
+ },
607
641
  "src/type/animation.ts::HorizontalActionsAnimationType": {
608
642
  "declaration": "export type HorizontalActionsAnimationType =\n | 'fade'\n | 'slide'",
609
643
  "docstring": "",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-input-tip",
3
- "version": "1.5.4",
3
+ "version": "1.5.6",
4
4
  "description": "mds-input-tip 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-input-tip-item": "1.5.3",
27
+ "@maggioli-design-system/mds-input-tip-item": "1.5.5",
28
28
  "@maggioli-design-system/styles": "15.11.0",
29
29
  "@stencil/core": "4.27.2"
30
30
  },
package/readme.md CHANGED
@@ -25,12 +25,14 @@
25
25
  ### Used by
26
26
 
27
27
  - [mds-input](../mds-input)
28
+ - [mds-input-date](../mds-input-date)
28
29
  - [mds-input-select](../mds-input-select)
29
30
 
30
31
  ### Graph
31
32
  ```mermaid
32
33
  graph TD;
33
34
  mds-input --> mds-input-tip
35
+ mds-input-date --> mds-input-tip
34
36
  mds-input-select --> mds-input-tip
35
37
  style mds-input-tip fill:#f9f,stroke:#333,stroke-width:4px
36
38
  ```
@@ -41,15 +41,17 @@ export class Locale {
41
41
 
42
42
  update = (doc?: Document | ShadowRoot): void => {
43
43
  const context = doc ?? this.element.shadowRoot
44
- context && context.querySelectorAll('*').forEach(el => {
45
- if (el.tagName.toLowerCase().startsWith('mds-')) {
46
- // eslint-disable-next-line no-restricted-syntax
47
- if (el && 'updateLang' in el) {
48
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
49
- (el as any).updateLang()
44
+ if (context) {
45
+ context.querySelectorAll('*').forEach(el => {
46
+ if (el.tagName.toLowerCase().startsWith('mds-')) {
47
+ // eslint-disable-next-line no-restricted-syntax
48
+ if (el && 'updateLang' in el) {
49
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
50
+ (el as any).updateLang()
51
+ }
50
52
  }
51
- }
52
- })
53
+ })
54
+ }
53
55
  }
54
56
 
55
57
  private pluralize = (tag: string | string[], context: Record<string, string | number | boolean>): string => {
@@ -0,0 +1,8 @@
1
+ const randomNumber = (min: number, max: number, integer: boolean = false): number => {
2
+ const num = Math.random() * (max - min) + min
3
+ return integer ? Math.floor(num) : num
4
+ }
5
+
6
+ export {
7
+ randomNumber,
8
+ }
@@ -28,8 +28,20 @@ const hasSlotted = (el: HTMLElement, name?: string): boolean => {
28
28
  return false
29
29
  }
30
30
 
31
+ const hasSlottedContent = (el: HTMLElement, name?: string): boolean => {
32
+ const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
33
+ const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
34
+ if (!slot) return false
35
+
36
+ const assignedNodes = slot.assignedNodes({ flatten: true })
37
+ return assignedNodes.some(node =>
38
+ node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '',
39
+ )
40
+ }
41
+
31
42
  export {
32
43
  hasSlottedElements,
33
44
  hasSlottedNodes,
45
+ hasSlottedContent,
34
46
  hasSlotted,
35
47
  }
@@ -11,6 +11,19 @@ const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): numbe
11
11
  return defaultValue
12
12
  }
13
13
 
14
+ const cssDurationToSeconds = (duration: string, defaultValue = 1000): number => {
15
+
16
+ if (duration.includes('ms')) {
17
+ return Number(duration.replace('ms', '')) / 1000
18
+ }
19
+
20
+ if (duration.includes('s')) {
21
+ return Number(duration.replace('s', ''))
22
+ }
23
+
24
+ return defaultValue
25
+ }
26
+
14
27
  const cssSizeToNumber = (size: string, defaultValue = 0): number => {
15
28
  if (size.includes('px')) {
16
29
  return Number(size.replace('px', ''))
@@ -27,7 +40,17 @@ const cssSizeToNumber = (size: string, defaultValue = 0): number => {
27
40
  return defaultValue
28
41
  }
29
42
 
43
+ const cssRotationToNumber = (size: string, defaultValue = 0): number => {
44
+ if (size.includes('deg')) {
45
+ return Number(size.replace('deg', ''))
46
+ }
47
+
48
+ return defaultValue
49
+ }
50
+
30
51
  export {
31
52
  cssDurationToMilliseconds,
53
+ cssDurationToSeconds,
54
+ cssRotationToNumber,
32
55
  cssSizeToNumber,
33
56
  }
@@ -6,21 +6,26 @@ export default {
6
6
  argTypes: {
7
7
  active: {
8
8
  type: { name: 'boolean' },
9
- description: 'Specifies if the component is active and shows expanded children or not',
9
+ description:
10
+ 'Specifies if the component is active and shows expanded children or not',
10
11
  },
11
12
  position: {
12
- description: 'Specifies the position of the element relative to its container',
13
+ description:
14
+ 'Specifies the position of the element relative to its container',
13
15
  options: inputTipPositionDictionary,
14
16
  control: { type: 'select' },
15
17
  },
16
18
  },
17
19
  }
18
20
 
19
- const Template = args =>
21
+ const Template = args => (
20
22
  <mds-input-tip {...args}>
21
23
  <mds-input-tip-item variant="required"></mds-input-tip-item>
22
24
  <mds-input-tip-item variant="disabled"></mds-input-tip-item>
23
25
  <mds-input-tip-item variant="readonly"></mds-input-tip-item>
24
26
  </mds-input-tip>
27
+ )
25
28
 
26
- export const Default = Template.bind({})
29
+ export const Default = {
30
+ render: Template,
31
+ }
@@ -12,6 +12,18 @@ const buttonVariantDictionary = [
12
12
  'warning',
13
13
  ]
14
14
 
15
+ const buttonDropdownVariantDictionary = [
16
+ 'ai',
17
+ 'dark',
18
+ 'error',
19
+ 'info',
20
+ 'light',
21
+ 'primary',
22
+ 'secondary',
23
+ 'success',
24
+ 'warning',
25
+ ]
26
+
15
27
  const buttonToneVariantDictionary = [
16
28
  'strong',
17
29
  'weak',
@@ -19,6 +31,11 @@ const buttonToneVariantDictionary = [
19
31
  'quiet',
20
32
  ]
21
33
 
34
+ const buttonToneMinimalVariantDictionary = [
35
+ 'strong',
36
+ 'weak',
37
+ ]
38
+
22
39
  const buttonTargetDictionary = [
23
40
  'blank',
24
41
  'self',
@@ -31,6 +48,11 @@ const buttonSizeDictionary = [
31
48
  'xl',
32
49
  ]
33
50
 
51
+ const tabSizeDictionary = [
52
+ 'sm',
53
+ 'md',
54
+ ]
55
+
34
56
  const buttonIconPositionDictionary = [
35
57
  'left',
36
58
  'right',
@@ -43,10 +65,13 @@ const buttonTypeDictionary = [
43
65
  ]
44
66
 
45
67
  export {
68
+ buttonDropdownVariantDictionary,
46
69
  buttonIconPositionDictionary,
47
70
  buttonSizeDictionary,
48
71
  buttonTargetDictionary,
72
+ buttonToneMinimalVariantDictionary,
49
73
  buttonToneVariantDictionary,
50
74
  buttonTypeDictionary,
51
75
  buttonVariantDictionary,
76
+ tabSizeDictionary,
52
77
  }
@@ -1,5 +1,6 @@
1
1
  import jsonIconsDictionary from '../fixtures/icons.json'
2
- import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
2
+ import jsonMggIconsDictionary from '@maggioli-design-system/svg-icons/dist/iconsauce.json'
3
+
3
4
  const iconsDictionary = jsonIconsDictionary
4
5
  const mggIconsDictionary = jsonMggIconsDictionary
5
6
  const svgIconsDictionary = [
@@ -6,7 +6,6 @@
6
6
  "mdi/baseball",
7
7
  "mdi/crown",
8
8
  "mdi/delete",
9
- "mdi/dots-vertical",
10
9
  "mdi/email",
11
10
  "mdi/eye-off-outline",
12
11
  "mdi/file-document-remove-outline",
@@ -343,6 +342,7 @@
343
342
  "mi/baseline/add-circle",
344
343
  "mi/baseline/adobe",
345
344
  "mi/baseline/agriculture",
345
+ "mi/baseline/alternate-email",
346
346
  "mi/baseline/animation",
347
347
  "mi/baseline/arrow-back",
348
348
  "mi/baseline/arrow-back-ios-new",
@@ -376,6 +376,7 @@
376
376
  "mi/baseline/directions-run",
377
377
  "mi/baseline/directions-walk",
378
378
  "mi/baseline/done",
379
+ "mi/baseline/done-all",
379
380
  "mi/baseline/downhill-skiing",
380
381
  "mi/baseline/draw",
381
382
  "mi/baseline/eco",
@@ -426,6 +427,7 @@
426
427
  "mi/baseline/remove-circle",
427
428
  "mi/baseline/remove-red-eye",
428
429
  "mi/baseline/route",
430
+ "mi/baseline/search",
429
431
  "mi/baseline/send",
430
432
  "mi/baseline/settings",
431
433
  "mi/baseline/south",
@@ -433,6 +435,8 @@
433
435
  "mi/baseline/sports-soccer",
434
436
  "mi/baseline/stadium",
435
437
  "mi/baseline/terminal",
438
+ "mi/baseline/text-format",
439
+ "mi/baseline/text-rotate-up",
436
440
  "mi/baseline/timer",
437
441
  "mi/baseline/tv",
438
442
  "mi/baseline/undo",
@@ -446,16 +450,20 @@
446
450
  "mi/baseline/warning",
447
451
  "mi/baseline/warning-amber",
448
452
  "mi/baseline/web",
453
+ "mi/baseline/wrap-text",
449
454
  "mi/baseline/wysiwyg",
450
455
  "mi/outline/auto-awesome",
451
456
  "mi/outline/backspace",
452
457
  "mi/outline/circle",
453
458
  "mi/outline/dark-mode",
454
459
  "mi/outline/help-outline",
460
+ "mi/outline/ios-share",
455
461
  "mi/outline/mic",
456
462
  "mi/outline/mic-off",
457
463
  "mi/outline/policy",
458
464
  "mi/outline/schedule",
465
+ "mi/outline/thumb-down",
466
+ "mi/outline/thumb-up",
459
467
  "mi/round/arrow-circle-down",
460
468
  "mi/round/email",
461
469
  "mi/round/menu",
@@ -21,7 +21,7 @@
21
21
  pointer-events: none;
22
22
  position: absolute;
23
23
  transition-behavior: allow-discrete;
24
- transition-property: display opacity;
24
+ transition-property: display, opacity;
25
25
  }
26
26
 
27
27
  .contrast-area-50 {
@@ -14,6 +14,10 @@ export type ButtonSizeType =
14
14
  | 'lg'
15
15
  | 'xl'
16
16
 
17
+ export type TabSizeType =
18
+ | 'sm'
19
+ | 'md'
20
+
17
21
  export type ButtonIconPositionType =
18
22
  | 'left'
19
23
  | 'right'
@@ -30,3 +34,14 @@ export type ButtonVariantType =
30
34
  | 'secondary'
31
35
  | 'success'
32
36
  | 'warning'
37
+
38
+ export type ButtonDropdownVariantType =
39
+ | 'ai'
40
+ | 'dark'
41
+ | 'error'
42
+ | 'info'
43
+ | 'light'
44
+ | 'primary'
45
+ | 'secondary'
46
+ | 'success'
47
+ | 'warning'
@@ -1,310 +0,0 @@
1
- [
2
- "mgg/abitazione-principale",
3
- "mgg/action-email-overlay-progress-10",
4
- "mgg/action-email-overlay-progress-90",
5
- "mgg/action-email-send-wait",
6
- "mgg/action-email-send-warning",
7
- "mgg/action-hide-down-side",
8
- "mgg/action-hide-left-side",
9
- "mgg/action-hide-right-side",
10
- "mgg/action-hide-sidebar-left",
11
- "mgg/action-hide-sidebar-right",
12
- "mgg/action-show-down-side",
13
- "mgg/action-show-left-side",
14
- "mgg/action-show-right-side",
15
- "mgg/action-show-sidebar-left",
16
- "mgg/action-show-sidebar-right",
17
- "mgg/activation-key",
18
- "mgg/activity-list",
19
- "mgg/add-document-settings",
20
- "mgg/additional-contents",
21
- "mgg/address-book-off",
22
- "mgg/address-book-on",
23
- "mgg/adv-denied",
24
- "mgg/ai-brain-outline",
25
- "mgg/ai-brain",
26
- "mgg/ai-chatbot-outline",
27
- "mgg/ai-chatbot",
28
- "mgg/ai-human",
29
- "mgg/ai-message",
30
- "mgg/ai-outline",
31
- "mgg/ai-status-completed",
32
- "mgg/ai-status-error",
33
- "mgg/ai-status-processing",
34
- "mgg/ai-status-suspended",
35
- "mgg/alerts-pagopa",
36
- "mgg/anagrafe-nazionale",
37
- "mgg/anist",
38
- "mgg/anpr",
39
- "mgg/ansc",
40
- "mgg/area-edificabile",
41
- "mgg/area-weather",
42
- "mgg/assignments-accept-rejection",
43
- "mgg/assignments-acceptance-accepted",
44
- "mgg/assignments-assignment",
45
- "mgg/assignments-competence",
46
- "mgg/assignments-completed",
47
- "mgg/assignments-rejected",
48
- "mgg/assignments-sorted",
49
- "mgg/auto-awesome-motion",
50
- "mgg/back-to-document",
51
- "mgg/balance",
52
- "mgg/bill",
53
- "mgg/box-multiple",
54
- "mgg/breadcrumb",
55
- "mgg/bus-stops",
56
- "mgg/calendar-euro",
57
- "mgg/calendar-multiple",
58
- "mgg/calendar-schedule",
59
- "mgg/cancelled-sheet",
60
- "mgg/car-license",
61
- "mgg/card-stamping",
62
- "mgg/cash-register-settings",
63
- "mgg/check-small",
64
- "mgg/checklist-settings",
65
- "mgg/checklist",
66
- "mgg/citizenship",
67
- "mgg/city-bin",
68
- "mgg/classic-permission",
69
- "mgg/consumption-high",
70
- "mgg/consumption-low",
71
- "mgg/consumption-medium",
72
- "mgg/copy-paste",
73
- "mgg/d-instrumental-buildings",
74
- "mgg/data-analytics-alt",
75
- "mgg/data-analytics-search",
76
- "mgg/data-analytics-time",
77
- "mgg/data-category-alt",
78
- "mgg/data-civil-union",
79
- "mgg/data-cleaning",
80
- "mgg/data-death-civil-union",
81
- "mgg/data-death-marriage",
82
- "mgg/data-end-civil-union",
83
- "mgg/data-end-marriage",
84
- "mgg/dataset",
85
- "mgg/delivered-to-the-recipient",
86
- "mgg/document-euro",
87
- "mgg/document-less",
88
- "mgg/document-magic",
89
- "mgg/document-rename",
90
- "mgg/download-csv",
91
- "mgg/download-html",
92
- "mgg/download-json",
93
- "mgg/edit-article",
94
- "mgg/electronic-document",
95
- "mgg/email-assigned",
96
- "mgg/email-open-blocked",
97
- "mgg/email-open-check",
98
- "mgg/email-open-lock",
99
- "mgg/email-open-off",
100
- "mgg/email-open-play",
101
- "mgg/email-open-stop",
102
- "mgg/email-open-user",
103
- "mgg/email-open-view",
104
- "mgg/email-to-assign",
105
- "mgg/face-to-face-meeting",
106
- "mgg/factory",
107
- "mgg/farmer",
108
- "mgg/field",
109
- "mgg/file-certificate",
110
- "mgg/file-clock",
111
- "mgg/file-download",
112
- "mgg/file-folder-tree-open",
113
- "mgg/file-folder-tree",
114
- "mgg/file-html",
115
- "mgg/file-import",
116
- "mgg/file-odt",
117
- "mgg/file-rtf",
118
- "mgg/file-settings-alt",
119
- "mgg/file-stack-alt",
120
- "mgg/file-stack",
121
- "mgg/file-sub",
122
- "mgg/file-type-document-attachment",
123
- "mgg/file-type-document-multiple-attachment",
124
- "mgg/file-type-document-rubber-stamp",
125
- "mgg/file-type-home",
126
- "mgg/file-type-pdf",
127
- "mgg/file-type-success",
128
- "mgg/file-type-warning",
129
- "mgg/file-xml",
130
- "mgg/finance-euro-cashback",
131
- "mgg/fit-horizontal",
132
- "mgg/fit-vertical",
133
- "mgg/fontawesome-torii-gate",
134
- "mgg/forwarded-with-a-single-sending",
135
- "mgg/fullscreen-on-alt",
136
- "mgg/google-book-closed-outline",
137
- "mgg/google-book-closed",
138
- "mgg/google-book-large-outline",
139
- "mgg/google-book-large",
140
- "mgg/google-book-opening-outline",
141
- "mgg/google-book-opening",
142
- "mgg/google-check-small",
143
- "mgg/google-drag-pan",
144
- "mgg/google-experiment",
145
- "mgg/google-face-retouching-off",
146
- "mgg/google-hub",
147
- "mgg/google-keyboard-double-arrow-down",
148
- "mgg/google-keyboard-double-arrow-up",
149
- "mgg/google-newsstand",
150
- "mgg/google-place-item",
151
- "mgg/group-assigned-automatically-system",
152
- "mgg/group-ceased",
153
- "mgg/group-inherited",
154
- "mgg/heart-outline",
155
- "mgg/heart",
156
- "mgg/historic-building-unusable",
157
- "mgg/historic-building",
158
- "mgg/home-hammer",
159
- "mgg/home-link",
160
- "mgg/home-number",
161
- "mgg/inad",
162
- "mgg/inagibile",
163
- "mgg/inps",
164
- "mgg/input-calendar-costs",
165
- "mgg/input-calendar-period",
166
- "mgg/input-calendar-time",
167
- "mgg/instrumental-buildings",
168
- "mgg/internationalization-add",
169
- "mgg/internationalization-check",
170
- "mgg/internationalization-delete",
171
- "mgg/isbn",
172
- "mgg/judge-hammer",
173
- "mgg/land-registry",
174
- "mgg/layers",
175
- "mgg/liquidated-document",
176
- "mgg/list-dot",
177
- "mgg/logo-girasole-camuno",
178
- "mgg/logo-gpl",
179
- "mgg/logo-ilibro",
180
- "mgg/map-marker-settings",
181
- "mgg/masks-office",
182
- "mgg/mdi-binoculars",
183
- "mgg/mdi-graph-outline",
184
- "mgg/mdi-microscope",
185
- "mgg/mdi-telescope",
186
- "mgg/military-draft",
187
- "mgg/money-bag-settings",
188
- "mgg/money-on-hand",
189
- "mgg/money-paid",
190
- "mgg/move-down",
191
- "mgg/move-left",
192
- "mgg/move-right",
193
- "mgg/move-row-down",
194
- "mgg/move-row-up",
195
- "mgg/move-up",
196
- "mgg/multiple-payments",
197
- "mgg/national-document-off",
198
- "mgg/national-document",
199
- "mgg/not-instrumental-d-buildings",
200
- "mgg/not-sent-yet",
201
- "mgg/office-off",
202
- "mgg/order-return-down-left-to-right",
203
- "mgg/order-return-down-left-to-up",
204
- "mgg/order-return-down-right-to-left",
205
- "mgg/order-return-down-right-to-up",
206
- "mgg/order-return-up-left-to-down",
207
- "mgg/order-return-up-left-to-right",
208
- "mgg/order-return-up-right-to-down",
209
- "mgg/order-return-up-right-to-left",
210
- "mgg/order-zigzag-down-left-to-right",
211
- "mgg/order-zigzag-down-left-to-up",
212
- "mgg/order-zigzag-down-right-to-left",
213
- "mgg/order-zigzag-down-right-to-up",
214
- "mgg/order-zigzag-up-left-to-down",
215
- "mgg/order-zigzag-up-left-to-right",
216
- "mgg/order-zigzag-up-right-to-down",
217
- "mgg/order-zigzag-up-right-to-left",
218
- "mgg/other-properties-off",
219
- "mgg/other-properties",
220
- "mgg/other-residential-buildings",
221
- "mgg/pagopa",
222
- "mgg/partial-wall",
223
- "mgg/payment-settings",
224
- "mgg/pec-handshake",
225
- "mgg/pec-ok",
226
- "mgg/pec-sent-to-the-not-pec-recipient",
227
- "mgg/places-green-doc",
228
- "mgg/places-green-history",
229
- "mgg/places-green-info",
230
- "mgg/places-green",
231
- "mgg/places-holiday-beach",
232
- "mgg/places-market",
233
- "mgg/places-park-alt",
234
- "mgg/places-park",
235
- "mgg/places-store-access-denied",
236
- "mgg/pos",
237
- "mgg/property-owner",
238
- "mgg/registro-imprese",
239
- "mgg/relevance",
240
- "mgg/reporting-abuse",
241
- "mgg/residency-permit",
242
- "mgg/robot",
243
- "mgg/roles-permission",
244
- "mgg/rubber-stamp",
245
- "mgg/rurale",
246
- "mgg/search-maggioli",
247
- "mgg/send-progress",
248
- "mgg/sending-error",
249
- "mgg/session",
250
- "mgg/settings-attachment",
251
- "mgg/sign-shop",
252
- "mgg/square-viewfinder",
253
- "mgg/stacked-documents",
254
- "mgg/stamp",
255
- "mgg/status-progress-a-quarter",
256
- "mgg/status-progress-complete",
257
- "mgg/status-progress-half",
258
- "mgg/status-progress-three-quarter",
259
- "mgg/stuck-codes",
260
- "mgg/subtractive-permission",
261
- "mgg/tea-light",
262
- "mgg/terminal",
263
- "mgg/tie",
264
- "mgg/to-single-document",
265
- "mgg/to-stacked-documents",
266
- "mgg/todo-action-businessman-view",
267
- "mgg/todo-action-certificate",
268
- "mgg/todo-action-contract",
269
- "mgg/todo-action-currency-euro",
270
- "mgg/todo-action-graduate",
271
- "mgg/todo-action-graduation-hat",
272
- "mgg/todo-action-judge",
273
- "mgg/todo-action-money",
274
- "mgg/todo-action-protocol",
275
- "mgg/todo-action-upload",
276
- "mgg/todo-action-wkf-document-checked",
277
- "mgg/todo-action-wkf-people-checked",
278
- "mgg/todo-action-wkf-set-pub-date",
279
- "mgg/todo-completed-re-executable",
280
- "mgg/todo-completed",
281
- "mgg/todo-in-charge-by-me",
282
- "mgg/todo-in-charge-by-others",
283
- "mgg/todo-in-evaluation-by-others",
284
- "mgg/todo-in-evaluation",
285
- "mgg/todo-incoming-in-charge",
286
- "mgg/todo-incoming-rejected",
287
- "mgg/todo-pause",
288
- "mgg/todo-running-completed",
289
- "mgg/todo-suspended",
290
- "mgg/todo",
291
- "mgg/touchpoint-laptop-info",
292
- "mgg/touchpoint-laptop-search",
293
- "mgg/traffic-cone",
294
- "mgg/trending-down",
295
- "mgg/tribute",
296
- "mgg/tributes",
297
- "mgg/urban-city",
298
- "mgg/user-dead",
299
- "mgg/user-family",
300
- "mgg/user-location-off",
301
- "mgg/user-location",
302
- "mgg/user-signed-out",
303
- "mgg/user-substitution",
304
- "mgg/view-chart-gantt",
305
- "mgg/view-side-by-side",
306
- "mgg/vote",
307
- "mgg/warning-superscript",
308
- "mgg/web-app-ansc",
309
- "mgg/work-book"
310
- ]