@maggioli-design-system/mds-progress 3.2.3 → 3.3.0

package/dist/stats.json

@@ -1,19 +1,19 @@
 {
-  "timestamp": "2025-06-03T14:18:34",
+  "timestamp": "2026-02-13T10:25:24",
   "compiler": {
     "name": "node",
-    "version": "22.11.0"
+    "version": "22.15.0"
   },
   "app": {
     "namespace": "MdsProgress",
     "fsNamespace": "mds-progress",
     "components": 1,
     "entries": 1,
-    "bundles": 105,
+    "bundles": 106,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 57,
+        "files": 58,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/browser.js",
@@ -24,6 +24,7 @@
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/locale.js",
+          "./dist/collection/common/number.js",
           "./dist/collection/common/slot.js",
           "./dist/collection/common/string.js",
           "./dist/collection/common/unit.js",
@@ -111,25 +112,25 @@
           "./dist/mds-progress/index.esm.js",
           "./dist/mds-progress/mds-progress.esm.js",
           "./dist/mds-progress/mds-progress.js",
+          "./dist/mds-progress/p-1a4bce59.system.entry.js",
           "./dist/mds-progress/p-1d5b5b51.system.js",
           "./dist/mds-progress/p-50ea2036.system.js",
           "./dist/mds-progress/p-56ba5cbf.system.js",
-          "./dist/mds-progress/p-7a09a95a.entry.js",
+          "./dist/mds-progress/p-73f6f6b3.entry.js",
           "./dist/mds-progress/p-8c9db3a8.system.js",
           "./dist/mds-progress/p-e1255160.js",
           "./dist/mds-progress/p-e65c1ecc.js",
-          "./dist/mds-progress/p-eaa61e27.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
+          "./www/build/p-1a4bce59.system.entry.js",
           "./www/build/p-1d5b5b51.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-7a09a95a.entry.js",
+          "./www/build/p-73f6f6b3.entry.js",
           "./www/build/p-8c9db3a8.system.js",
           "./www/build/p-e1255160.js",
-          "./www/build/p-e65c1ecc.js",
-          "./www/build/p-eaa61e27.system.entry.js"
+          "./www/build/p-e65c1ecc.js"
         ]
       },
       {
@@ -162,12 +163,12 @@
         "components": [
           "mds-progress"
         ],
-        "bundleId": "p-7a09a95a",
-        "fileName": "p-7a09a95a.entry.js",
+        "bundleId": "p-73f6f6b3",
+        "fileName": "p-73f6f6b3.entry.js",
         "imports": [
           "p-e65c1ecc.js"
         ],
-        "originalByteSize": 13070
+        "originalByteSize": 13257
       }
     ],
     "esm": [
@@ -181,7 +182,7 @@
         "imports": [
           "index-bdcbc2fe.js"
         ],
-        "originalByteSize": 13074
+        "originalByteSize": 13261
       }
     ],
     "es5": [
@@ -195,7 +196,7 @@
         "imports": [
           "index-bdcbc2fe.js"
         ],
-        "originalByteSize": 13074
+        "originalByteSize": 13261
       }
     ],
     "system": [
@@ -204,12 +205,12 @@
         "components": [
           "mds-progress"
         ],
-        "bundleId": "p-eaa61e27.system",
-        "fileName": "p-eaa61e27.system.entry.js",
+        "bundleId": "p-1a4bce59.system",
+        "fileName": "p-1a4bce59.system.entry.js",
         "imports": [
           "p-8c9db3a8.system.js"
         ],
-        "originalByteSize": 14207
+        "originalByteSize": 14394
       }
     ],
     "commonjs": [
@@ -223,7 +224,7 @@
         "imports": [
           "index-e0686900.js"
         ],
-        "originalByteSize": 13139
+        "originalByteSize": 13320
       }
     ]
   },
@@ -240,7 +241,12 @@
       "directDependencies": [],
       "directDependents": [],
       "docs": {
-        "tags": [],
+        "tags": [
+          {
+            "name": "part",
+            "text": "progress - Selects the `div` element that contains the progress bar"
+          }
+        ],
         "text": ""
       },
       "encapsulation": "shadow",
@@ -544,7 +550,12 @@
             }
           ],
           "docs": {
-            "tags": [],
+            "tags": [
+              {
+                "name": "part",
+                "text": "progress - Selects the `div` element that contains the progress bar"
+              }
+            ],
             "text": ""
           },
           "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-progress/src/components/mds-progress/mds-progress.js",
@@ -603,12 +614,15 @@
             "aria-valuenow",
             "role",
             "class",
+            "part",
             "style"
           ],
           "htmlTagNames": [
             "div"
           ],
-          "htmlParts": [],
+          "htmlParts": [
+            "progress"
+          ],
           "isUpdateable": true,
           "potentialCmpRefs": [],
           "dependents": [],
@@ -638,6 +652,7 @@
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/locale.ts": [],
+    "./src/common/number.ts": [],
     "./src/common/slot.ts": [],
     "./src/common/string.ts": [],
     "./src/common/unit.ts": [],
@@ -670,8 +685,7 @@
     "./src/dictionary/file-extensions.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json",
-      "./src/fixtures/iconsauce.json"
+      "./src/fixtures/icons.json"
     ],
     "./src/dictionary/input.ts": [],
     "./src/dictionary/keyboard.ts": [],

package/dist/types/common/number.d.ts

@@ -0,0 +1,2 @@
+declare const randomNumber: (min: number, max: number, integer?: boolean) => number;
+export { randomNumber, };

package/dist/types/common/slot.d.ts

@@ -1,4 +1,5 @@
 declare const hasSlottedElements: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlottedNodes: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlotted: (el: HTMLElement, name?: string) => boolean;
-export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
+declare const hasSlottedContent: (el: HTMLElement, name?: string) => boolean;
+export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };

package/dist/types/common/unit.d.ts

@@ -1,3 +1,5 @@
 declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
+declare const cssDurationToSeconds: (duration: string, defaultValue?: number) => number;
 declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
-export { cssDurationToMilliseconds, cssSizeToNumber, };
+declare const cssRotationToNumber: (size: string, defaultValue?: number) => number;
+export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };

package/dist/types/components/mds-progress/mds-progress.d.ts

@@ -1,5 +1,8 @@
 import { DirectionType } from './meta/types';
 import { ThemeVariantType } from "../../type/variant";
+/**
+ * @part progress - Selects the `div` element that contains the progress bar
+ */
 export declare class MdsProgress {
     private element;
     currentStep: string;

package/dist/types/components/mds-progress/test/mds-progress.stories.d.ts

@@ -39,4 +39,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    render: (args: any) => any;
+    args: {
+        progress: number;
+    };
+};

package/dist/types/dictionary/button.d.ts

@@ -1,7 +1,10 @@
 declare const buttonVariantDictionary: string[];
+declare const buttonDropdownVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonToneMinimalVariantDictionary: string[];
 declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
+declare const tabSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
 declare const buttonTypeDictionary: string[];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };

package/dist/types/type/button.d.ts

@@ -1,5 +1,7 @@
 export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
 export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
+export type TabSizeType = 'sm' | 'md';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
+export type ButtonDropdownVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-03T08:10:23",
+  "timestamp": "2026-02-13T10:05:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -12,7 +12,12 @@
       "tag": "mds-progress",
       "readme": "# mds-progress\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.\n",
       "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "progress - Selects the `div` element that contains the progress bar"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -192,7 +197,12 @@
         }
       ],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "progress",
+          "docs": "Selects the `div` element that contains the progress bar"
+        }
+      ],
       "dependents": [
         "mds-accordion-timer-item",
         "mds-benchmark-bar",
@@ -352,6 +362,11 @@
       "docstring": "",
       "path": "src/type/text.ts"
     },
+    "src/type/button.ts::ButtonDropdownVariantType": {
+      "declaration": "export type ButtonDropdownVariantType =\n  | 'ai'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
     "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType": {
       "declaration": "export type CalendarCellType =\n  | 'other'\n  | 'current'\n  | 'weekend'",
       "docstring": "",
@@ -373,7 +388,7 @@
       "path": "src/type/variant.ts"
     },
     "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
-      "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
+      "declaration": "interface MdsChipEvent {\n  event: Event\n  selected?: boolean\n  element: HTMLMdsChipElement\n}",
       "docstring": "",
       "path": "src/components/mds-chip/meta/interface.ts"
     },
@@ -582,6 +597,11 @@
       "docstring": "",
       "path": "src/type/typography.ts"
     },
+    "src/components/mds-mention/meta/type.ts::MentionSize": {
+      "declaration": "export type MentionSize =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-mention/meta/type.ts"
+    },
     "src/components/mds-modal/meta/types.ts::ModalPositionType": {
       "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'",
       "docstring": "",
@@ -622,6 +642,11 @@
       "docstring": "",
       "path": "src/components/mds-policy-ai/meta/types.ts"
     },
+    "src/type/button.ts::TabSizeType": {
+      "declaration": "export type TabSizeType =\n  | 'sm'\n  | 'md'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
     "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
       "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
       "docstring": "",
@@ -702,6 +727,16 @@
       "docstring": "",
       "path": "src/components/mds-radial-menu/meta/types.ts"
     },
+    "src/components.d.ts::ModalOverflowType": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/components.d.ts"
+    },
+    "src/components/mds-status-bar/meta/types.ts::StatusBarPositionType": {
+      "declaration": "export type StatusBarPositionType =\n  | 'bottom'\n  | 'bottom-left'\n  | 'bottom-right'",
+      "docstring": "",
+      "path": "src/components/mds-status-bar/meta/types.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -712,6 +747,11 @@
       "docstring": "",
       "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
     },
+    "src/components/mds-tab/meta/type.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-tab/meta/type.ts"
+    },
     "src/type/animation.ts::HorizontalActionsAnimationType": {
       "declaration": "export type HorizontalActionsAnimationType =\n  | 'fade'\n  | 'slide'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "3.2.3",
+  "version": "3.3.0",
   "description": "mds-progress 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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -17,6 +17,13 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `variant`   | `variant`   | Sets the theme variant colors                                          | `"ai" \| "dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'primary'`                               |
 
 
+## Shadow Parts
+
+| Part         | Description                                              |
+| ------------ | -------------------------------------------------------- |
+| `"progress"` | Selects the `div` element that contains the progress bar |
+
+
 ## CSS Custom Properties
 
 | Name                        | Description                                     |

package/src/common/locale.ts

@@ -41,15 +41,17 @@ export class Locale {
 
   update = (doc?: Document | ShadowRoot): void => {
     const context = doc ?? this.element.shadowRoot
-    context && context.querySelectorAll('*').forEach(el => {
-      if (el.tagName.toLowerCase().startsWith('mds-')) {
-        // eslint-disable-next-line no-restricted-syntax
-        if (el && 'updateLang' in el) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (el as any).updateLang()
+    if (context) {
+      context.querySelectorAll('*').forEach(el => {
+        if (el.tagName.toLowerCase().startsWith('mds-')) {
+          // eslint-disable-next-line no-restricted-syntax
+          if (el && 'updateLang' in el) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (el as any).updateLang()
+          }
         }
-      }
-    })
+      })
+    }
   }
 
   private pluralize = (tag: string | string[], context: Record<string, string | number | boolean>): string => {

package/src/common/number.ts

@@ -0,0 +1,8 @@
+const randomNumber = (min: number, max: number, integer: boolean = false): number => {
+  const num = Math.random() * (max - min) + min
+  return integer ? Math.floor(num) : num
+}
+
+export {
+  randomNumber,
+}

package/src/common/slot.ts

@@ -28,8 +28,20 @@ const hasSlotted = (el: HTMLElement, name?: string): boolean => {
   return false
 }
 
+const hasSlottedContent = (el: HTMLElement, name?: string): boolean => {
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+  const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
+  if (!slot) return false
+
+  const assignedNodes = slot.assignedNodes({ flatten: true })
+  return assignedNodes.some(node =>
+    node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '',
+  )
+}
+
 export {
   hasSlottedElements,
   hasSlottedNodes,
+  hasSlottedContent,
   hasSlotted,
 }

package/src/common/unit.ts

@@ -11,6 +11,19 @@ const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): numbe
   return defaultValue
 }
 
+const cssDurationToSeconds = (duration: string, defaultValue = 1000): number => {
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('ms', '')) / 1000
+  }
+
+  if (duration.includes('s')) {
+    return Number(duration.replace('s', ''))
+  }
+
+  return defaultValue
+}
+
 const cssSizeToNumber = (size: string, defaultValue = 0): number => {
   if (size.includes('px')) {
     return Number(size.replace('px', ''))
@@ -27,7 +40,17 @@ const cssSizeToNumber = (size: string, defaultValue = 0): number => {
   return defaultValue
 }
 
+const cssRotationToNumber = (size: string, defaultValue = 0): number => {
+  if (size.includes('deg')) {
+    return Number(size.replace('deg', ''))
+  }
+
+  return defaultValue
+}
+
 export {
   cssDurationToMilliseconds,
+  cssDurationToSeconds,
+  cssRotationToNumber,
   cssSizeToNumber,
 }

package/src/components/mds-progress/css/mds-progress-pref-theme.css

@@ -1,9 +1,13 @@
-:host-context(.pref-theme-dark),
 :host-context(.pref-theme-dark):host([variant="primary"]) {
   --mds-progress-color: theme('colors.variant-primary-05');
   --mds-progress-background: theme('colors.tone-neutral-07');
 }
 
+:host-context(.pref-theme-dark):host([variant="dark"]) {
+  --mds-progress-color: theme('colors.tone-neutral-04');
+  --mds-progress-background: theme('colors.tone-neutral-08');
+}
+
 :host-context(.pref-theme-dark):host([variant="error"]) {
   --mds-progress-color: theme('colors.status-error-04');
   --mds-progress-background: theme('colors.status-error-07');
@@ -26,12 +30,16 @@
 
 
 @media (prefers-color-scheme: dark) {
-  :host-context(.pref-theme-system),
   :host-context(.pref-theme-system):host([variant="primary"]) {
     --mds-progress-color: theme('colors.variant-primary-05');
     --mds-progress-background: theme('colors.tone-neutral-07');
   }
 
+  :host-context(.pref-theme-system):host([variant="dark"]) {
+    --mds-progress-color: theme('colors.tone-neutral-04');
+    --mds-progress-background: theme('colors.tone-neutral-08');
+  }
+
   :host-context(.pref-theme-system):host([variant="error"]) {
     --mds-progress-color: theme('colors.status-error-04');
     --mds-progress-background: theme('colors.status-error-07');

package/src/components/mds-progress/mds-progress.tsx

@@ -3,6 +3,10 @@ import { DirectionType } from './meta/types'
 import { ThemeVariantType } from '@type/variant'
 import { removeAttributesIf, ifAttribute } from '@common/aria'
 
+/**
+ * @part progress - Selects the `div` element that contains the progress bar
+ */
+
 @Component({
   tag: 'mds-progress',
   styleUrl: 'mds-progress.css',
@@ -64,8 +68,7 @@ export class MdsProgress {
   render () {
     return (
       <Host aria-valuemax="100" aria-valuemin="0" aria-valuenow={ !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100) } role="progressbar">
-        <div class="contrast-area"></div>
-        <div class="progress" style={
+        <div class="progress" part="progress" style={
           this.direction === 'horizontal'
             ? { flexGrow: `${this.progress}` }
             : { flexGrow: `${this.progress}`, width: '100%' }

package/src/components/mds-progress/readme.md

@@ -15,6 +15,13 @@
 | `variant`   | `variant`   | Sets the theme variant colors                                          | `"ai" \| "dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'primary'`                               |
 
 
+## Shadow Parts
+
+| Part         | Description                                              |
+| ------------ | -------------------------------------------------------- |
+| `"progress"` | Selects the `div` element that contains the progress bar |
+
+
 ## CSS Custom Properties
 
 | Name                        | Description                                     |

package/src/components/mds-progress/test/mds-progress.stories.tsx

@@ -8,13 +8,15 @@ export default {
     direction: {
       type: { name: 'string', required: false },
       control: { type: 'select' },
-      description: 'Specifies the direction of the progress bar, if horizonatl or vertical',
+      description:
+        'Specifies the direction of the progress bar, if horizonatl or vertical',
       options: directionDictionary,
     },
     progress: {
       control: { type: 'range', step: 0.01, min: 0, max: 1 },
       type: { name: 'number', required: false },
-      description: 'A value between 0 and 1 that rapresents the status progress',
+      description:
+        'A value between 0 and 1 that rapresents the status progress',
     },
     variant: {
       type: { name: 'string', required: false },
@@ -25,10 +27,14 @@ export default {
   },
 }
 
-const Template = args =>
-  <mds-progress aria-label="Progress bar title" {...args}/>
+const Template = args => (
+  <mds-progress aria-label="Progress bar title" {...args} />
+)
 
-export const Default = Template.bind({})
-Default.args = {
-  progress: 0.35,
+export const Default = {
+  render: Template,
+
+  args: {
+    progress: 0.35,
+  },
 }

package/src/dictionary/button.ts

@@ -12,6 +12,18 @@ const buttonVariantDictionary = [
   'warning',
 ]
 
+const buttonDropdownVariantDictionary = [
+  'ai',
+  'dark',
+  'error',
+  'info',
+  'light',
+  'primary',
+  'secondary',
+  'success',
+  'warning',
+]
+
 const buttonToneVariantDictionary = [
   'strong',
   'weak',
@@ -19,6 +31,11 @@ const buttonToneVariantDictionary = [
   'quiet',
 ]
 
+const buttonToneMinimalVariantDictionary = [
+  'strong',
+  'weak',
+]
+
 const buttonTargetDictionary = [
   'blank',
   'self',
@@ -31,6 +48,11 @@ const buttonSizeDictionary = [
   'xl',
 ]
 
+const tabSizeDictionary = [
+  'sm',
+  'md',
+]
+
 const buttonIconPositionDictionary = [
   'left',
   'right',
@@ -43,10 +65,13 @@ const buttonTypeDictionary = [
 ]
 
 export {
+  buttonDropdownVariantDictionary,
   buttonIconPositionDictionary,
   buttonSizeDictionary,
   buttonTargetDictionary,
+  buttonToneMinimalVariantDictionary,
   buttonToneVariantDictionary,
   buttonTypeDictionary,
   buttonVariantDictionary,
+  tabSizeDictionary,
 }

package/src/dictionary/icon.ts

@@ -1,5 +1,6 @@
 import jsonIconsDictionary from '../fixtures/icons.json'
-import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
+import jsonMggIconsDictionary from '@maggioli-design-system/svg-icons/dist/iconsauce.json'
+
 const iconsDictionary = jsonIconsDictionary
 const mggIconsDictionary = jsonMggIconsDictionary
 const svgIconsDictionary = [