@maggioli-design-system/mds-input-range 2.5.2 → 2.5.4

package/dist/collection/common/locale.js

@@ -19,15 +19,17 @@ export class Locale {
         };
         this.update = (doc) => {
             const context = doc !== null && doc !== void 0 ? 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.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.updateLang();
+                        }
                     }
-                }
-            });
+                });
+            }
         };
         this.pluralize = (tag, context) => {
             const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];

package/dist/collection/common/number.js

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

package/dist/collection/common/slot.js

@@ -25,4 +25,13 @@ const hasSlotted = (el, name) => {
     }
     return false;
 };
-export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
+const hasSlottedContent = (el, name) => {
+    var _a;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (!slot)
+        return false;
+    const assignedNodes = slot.assignedNodes({ flatten: true });
+    return assignedNodes.some(node => { var _a; return node.nodeType === Node.TEXT_NODE && ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== ''; });
+};
+export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };

package/dist/collection/common/unit.js

@@ -7,6 +7,15 @@ const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
     }
     return defaultValue;
 };
+const cssDurationToSeconds = (duration, defaultValue = 1000) => {
+    if (duration.includes('ms')) {
+        return Number(duration.replace('ms', '')) / 1000;
+    }
+    if (duration.includes('s')) {
+        return Number(duration.replace('s', ''));
+    }
+    return defaultValue;
+};
 const cssSizeToNumber = (size, defaultValue = 0) => {
     if (size.includes('px')) {
         return Number(size.replace('px', ''));
@@ -19,4 +28,10 @@ const cssSizeToNumber = (size, defaultValue = 0) => {
     }
     return defaultValue;
 };
-export { cssDurationToMilliseconds, cssSizeToNumber, };
+const cssRotationToNumber = (size, defaultValue = 0) => {
+    if (size.includes('deg')) {
+        return Number(size.replace('deg', ''));
+    }
+    return defaultValue;
+};
+export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };

package/dist/collection/components/mds-input-range/test/mds-input-range.stories.js

@@ -25,7 +25,7 @@ export default {
         },
     },
 };
-const Template = args => h("mds-input-range", Object.assign({}, args), "Range label");
+const Template = args => (h("mds-input-range", Object.assign({}, args), "Range label"));
 const TemplateFormatLabel = args => {
     useEffect(() => {
         document.querySelector('#custom-labeled').formatValue = formatValue;
@@ -42,34 +42,50 @@ const TemplateFormatLabel = args => {
         const value = parseFloat((bytes / Math.pow(k, i)).toFixed(decimals));
         return `${value} ${sizes[i]}`;
     };
-    return h("div", null, h("mds-input-range", Object.assign({ id: "custom-labeled" }, args, { step: "1048576", min: "0", max: "1073741824" }), "File size"));
+    return (h("div", null, h("mds-input-range", Object.assign({ id: "custom-labeled" }, args, { step: "1048576", min: "0", max: "1073741824" }), "File size")));
 };
 const hideHeaderCss = `
   mds-input-range::part(header) {
     display: none;
   }
 `;
-const HideHeaderTemplate = args => h("div", null, h("style", null, hideHeaderCss), h("mds-input-range", Object.assign({}, args), "This shouldn't be visible"));
-export const Default = Template.bind({});
-export const Disabled = Template.bind({});
-Disabled.args = {
-    disabled: true,
+const HideHeaderTemplate = args => (h("div", null, h("style", null, hideHeaderCss), h("mds-input-range", Object.assign({}, args), "This shouldn't be visible")));
+export const Default = {
+    render: Template,
 };
-export const Min = Template.bind({});
-Min.args = {
-    min: -100,
+export const Disabled = {
+    render: Template,
+    args: {
+        disabled: true,
+    },
+};
+export const Min = {
+    render: Template,
+    args: {
+        min: -100,
+    },
+};
+export const Max = {
+    render: Template,
+    args: {
+        max: 200,
+    },
+};
+export const Step = {
+    render: Template,
+    args: {
+        step: 10,
+    },
 };
-export const Max = Template.bind({});
-Max.args = {
-    max: 200,
+export const Value = {
+    render: Template,
+    args: {
+        value: 90,
+    },
 };
-export const Step = Template.bind({});
-Step.args = {
-    step: 10,
+export const FormatLabel = {
+    render: TemplateFormatLabel,
 };
-export const Value = Template.bind({});
-Value.args = {
-    value: 90,
+export const HideHeader = {
+    render: HideHeaderTemplate,
 };
-export const FormatLabel = TemplateFormatLabel.bind({});
-export const HideHeader = HideHeaderTemplate.bind({});

package/dist/collection/dictionary/button.js

@@ -11,12 +11,27 @@ const buttonVariantDictionary = [
     'success',
     'warning',
 ];
+const buttonDropdownVariantDictionary = [
+    'ai',
+    'dark',
+    'error',
+    'info',
+    'light',
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+];
 const buttonToneVariantDictionary = [
     'strong',
     'weak',
     'ghost',
     'quiet',
 ];
+const buttonToneMinimalVariantDictionary = [
+    'strong',
+    'weak',
+];
 const buttonTargetDictionary = [
     'blank',
     'self',
@@ -27,6 +42,10 @@ const buttonSizeDictionary = [
     'lg',
     'xl',
 ];
+const tabSizeDictionary = [
+    'sm',
+    'md',
+];
 const buttonIconPositionDictionary = [
     'left',
     'right',
@@ -36,4 +55,4 @@ const buttonTypeDictionary = [
     'submit',
     'reset',
 ];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };

package/dist/collection/dictionary/icon.js

@@ -1,5 +1,5 @@
 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 = [

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-03T13:05:00",
+  "timestamp": "2026-02-19T19:22:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/stats.json

@@ -1,19 +1,19 @@
 {
-  "timestamp": "2025-06-03T13:05:01",
+  "timestamp": "2026-02-19T19:22:34",
   "compiler": {
     "name": "node",
-    "version": "22.11.0"
+    "version": "22.15.0"
   },
   "app": {
     "namespace": "MdsInputRange",
     "fsNamespace": "mds-input-range",
     "components": 1,
     "entries": 1,
-    "bundles": 103,
+    "bundles": 104,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 55,
+        "files": 56,
         "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",
@@ -767,6 +768,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": [],
@@ -795,8 +797,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-input-range/test/mds-input-range.stories.d.ts

@@ -34,11 +34,42 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Disabled: any;
-export declare const Min: any;
-export declare const Max: any;
-export declare const Step: any;
-export declare const Value: any;
-export declare const FormatLabel: any;
-export declare const HideHeader: any;
+export declare const Default: {
+    render: (args: any) => any;
+};
+export declare const Disabled: {
+    render: (args: any) => any;
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const Min: {
+    render: (args: any) => any;
+    args: {
+        min: number;
+    };
+};
+export declare const Max: {
+    render: (args: any) => any;
+    args: {
+        max: number;
+    };
+};
+export declare const Step: {
+    render: (args: any) => any;
+    args: {
+        step: number;
+    };
+};
+export declare const Value: {
+    render: (args: any) => any;
+    args: {
+        value: number;
+    };
+};
+export declare const FormatLabel: {
+    render: (args: any) => any;
+};
+export declare const HideHeader: {
+    render: (args: any) => any;
+};

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-19T16:41:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -366,6 +366,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": "",
@@ -387,7 +392,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"
     },
@@ -596,6 +601,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": "",
@@ -636,6 +646,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": "",
@@ -716,6 +731,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": "",
@@ -726,6 +751,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-input-range",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "description": "mds-input-range 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",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@maggioli-design-system/styles": "15.11.0",
-    "@maggioli-design-system/mds-text": "4.7.4",
+    "@maggioli-design-system/mds-text": "4.7.6",
     "@stencil/core": "4.27.2"
   },
   "license": "MIT",

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-input-range/test/mds-input-range.stories.tsx

@@ -18,23 +18,26 @@ export default {
     },
     step: {
       type: { name: 'number' },
-      description: 'The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below',
+      description:
+        'The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below',
     },
     value: {
       type: { name: 'number' },
-      description: 'The value attribute contains a number which contains a representation of the selected number',
+      description:
+        'The value attribute contains a number which contains a representation of the selected number',
     },
   },
 }
 
-const Template = args =>
-  <mds-input-range {...args}>
-    Range label
-  </mds-input-range>
+const Template = args => (
+  <mds-input-range {...args}>Range label</mds-input-range>
+)
 
 const TemplateFormatLabel = args => {
   useEffect(() => {
-    (document.querySelector('#custom-labeled') as HTMLMdsInputRangeElement).formatValue = formatValue
+    (
+      document.querySelector('#custom-labeled') as HTMLMdsInputRangeElement
+    ).formatValue = formatValue
   }, [])
   function formatValue (v: number) {
     return formatBytes(v)
@@ -51,11 +54,19 @@ const TemplateFormatLabel = args => {
     return `${value} ${sizes[i]}`
   }
 
-  return <div>
-    <mds-input-range id="custom-labeled" {...args} step="1048576" min="0" max="1073741824">
-      File size
-    </mds-input-range>
-  </div>
+  return (
+    <div>
+      <mds-input-range
+        id="custom-labeled"
+        {...args}
+        step="1048576"
+        min="0"
+        max="1073741824"
+      >
+        File size
+      </mds-input-range>
+    </div>
+  )
 }
 
 const hideHeaderCss = `
@@ -64,42 +75,61 @@ const hideHeaderCss = `
   }
 `
 
-const HideHeaderTemplate = args =>
+const HideHeaderTemplate = args => (
   <div>
     <style>{hideHeaderCss}</style>
-    <mds-input-range {...args}>
-      This shouldn't be visible
-    </mds-input-range>
+    <mds-input-range {...args}>This shouldn't be visible</mds-input-range>
   </div>
+)
 
+export const Default = {
+  render: Template,
+}
 
-export const Default = Template.bind({})
+export const Disabled = {
+  render: Template,
 
-export const Disabled = Template.bind({})
-Disabled.args = {
-  disabled: true,
+  args: {
+    disabled: true,
+  },
 }
 
-export const Min = Template.bind({})
-Min.args = {
-  min: -100,
+export const Min = {
+  render: Template,
+
+  args: {
+    min: -100,
+  },
 }
 
-export const Max = Template.bind({})
-Max.args = {
-  max: 200,
+export const Max = {
+  render: Template,
+
+  args: {
+    max: 200,
+  },
 }
 
-export const Step = Template.bind({})
-Step.args = {
-  step: 10,
+export const Step = {
+  render: Template,
+
+  args: {
+    step: 10,
+  },
 }
 
-export const Value = Template.bind({})
-Value.args = {
-  value: 90,
+export const Value = {
+  render: Template,
+
+  args: {
+    value: 90,
+  },
 }
 
-export const FormatLabel = TemplateFormatLabel.bind({})
+export const FormatLabel = {
+  render: TemplateFormatLabel,
+}
 
-export const HideHeader = HideHeaderTemplate.bind({})
+export const HideHeader = {
+  render: HideHeaderTemplate,
+}

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 = [

package/src/fixtures/icons.json

@@ -6,7 +6,6 @@
     "mdi/baseball",
     "mdi/crown",
     "mdi/delete",
-    "mdi/dots-vertical",
     "mdi/email",
     "mdi/eye-off-outline",
     "mdi/file-document-remove-outline",
@@ -343,6 +342,7 @@
     "mi/baseline/add-circle",
     "mi/baseline/adobe",
     "mi/baseline/agriculture",
+    "mi/baseline/alternate-email",
     "mi/baseline/animation",
     "mi/baseline/arrow-back",
     "mi/baseline/arrow-back-ios-new",
@@ -376,6 +376,7 @@
     "mi/baseline/directions-run",
     "mi/baseline/directions-walk",
     "mi/baseline/done",
+    "mi/baseline/done-all",
     "mi/baseline/downhill-skiing",
     "mi/baseline/draw",
     "mi/baseline/eco",
@@ -426,6 +427,7 @@
     "mi/baseline/remove-circle",
     "mi/baseline/remove-red-eye",
     "mi/baseline/route",
+    "mi/baseline/search",
     "mi/baseline/send",
     "mi/baseline/settings",
     "mi/baseline/south",
@@ -433,6 +435,8 @@
     "mi/baseline/sports-soccer",
     "mi/baseline/stadium",
     "mi/baseline/terminal",
+    "mi/baseline/text-format",
+    "mi/baseline/text-rotate-up",
     "mi/baseline/timer",
     "mi/baseline/tv",
     "mi/baseline/undo",
@@ -446,16 +450,20 @@
     "mi/baseline/warning",
     "mi/baseline/warning-amber",
     "mi/baseline/web",
+    "mi/baseline/wrap-text",
     "mi/baseline/wysiwyg",
     "mi/outline/auto-awesome",
     "mi/outline/backspace",
     "mi/outline/circle",
     "mi/outline/dark-mode",
     "mi/outline/help-outline",
+    "mi/outline/ios-share",
     "mi/outline/mic",
     "mi/outline/mic-off",
     "mi/outline/policy",
     "mi/outline/schedule",
+    "mi/outline/thumb-down",
+    "mi/outline/thumb-up",
     "mi/round/arrow-circle-down",
     "mi/round/email",
     "mi/round/menu",

package/src/tailwind/components.css

@@ -21,7 +21,7 @@
     pointer-events: none;
     position: absolute;
     transition-behavior: allow-discrete;
-    transition-property: display opacity;
+    transition-property: display, opacity;
   }
 
   .contrast-area-50 {

package/src/type/button.ts

@@ -14,6 +14,10 @@ export type ButtonSizeType =
   | 'lg'
   | 'xl'
 
+export type TabSizeType =
+  | 'sm'
+  | 'md'
+
 export type ButtonIconPositionType =
   | 'left'
   | 'right'
@@ -30,3 +34,14 @@ export type ButtonVariantType =
   | 'secondary'
   | 'success'
   | 'warning'
+
+export type ButtonDropdownVariantType =
+  | 'ai'
+  | 'dark'
+  | 'error'
+  | 'info'
+  | 'light'
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'warning'

package/src/fixtures/iconsauce.json

@@ -1,310 +0,0 @@
-[
-    "mgg/abitazione-principale",
-    "mgg/action-email-overlay-progress-10",
-    "mgg/action-email-overlay-progress-90",
-    "mgg/action-email-send-wait",
-    "mgg/action-email-send-warning",
-    "mgg/action-hide-down-side",
-    "mgg/action-hide-left-side",
-    "mgg/action-hide-right-side",
-    "mgg/action-hide-sidebar-left",
-    "mgg/action-hide-sidebar-right",
-    "mgg/action-show-down-side",
-    "mgg/action-show-left-side",
-    "mgg/action-show-right-side",
-    "mgg/action-show-sidebar-left",
-    "mgg/action-show-sidebar-right",
-    "mgg/activation-key",
-    "mgg/activity-list",
-    "mgg/add-document-settings",
-    "mgg/additional-contents",
-    "mgg/address-book-off",
-    "mgg/address-book-on",
-    "mgg/adv-denied",
-    "mgg/ai-brain-outline",
-    "mgg/ai-brain",
-    "mgg/ai-chatbot-outline",
-    "mgg/ai-chatbot",
-    "mgg/ai-human",
-    "mgg/ai-message",
-    "mgg/ai-outline",
-    "mgg/ai-status-completed",
-    "mgg/ai-status-error",
-    "mgg/ai-status-processing",
-    "mgg/ai-status-suspended",
-    "mgg/alerts-pagopa",
-    "mgg/anagrafe-nazionale",
-    "mgg/anist",
-    "mgg/anpr",
-    "mgg/ansc",
-    "mgg/area-edificabile",
-    "mgg/area-weather",
-    "mgg/assignments-accept-rejection",
-    "mgg/assignments-acceptance-accepted",
-    "mgg/assignments-assignment",
-    "mgg/assignments-competence",
-    "mgg/assignments-completed",
-    "mgg/assignments-rejected",
-    "mgg/assignments-sorted",
-    "mgg/auto-awesome-motion",
-    "mgg/back-to-document",
-    "mgg/balance",
-    "mgg/bill",
-    "mgg/box-multiple",
-    "mgg/breadcrumb",
-    "mgg/bus-stops",
-    "mgg/calendar-euro",
-    "mgg/calendar-multiple",
-    "mgg/calendar-schedule",
-    "mgg/cancelled-sheet",
-    "mgg/car-license",
-    "mgg/card-stamping",
-    "mgg/cash-register-settings",
-    "mgg/check-small",
-    "mgg/checklist-settings",
-    "mgg/checklist",
-    "mgg/citizenship",
-    "mgg/city-bin",
-    "mgg/classic-permission",
-    "mgg/consumption-high",
-    "mgg/consumption-low",
-    "mgg/consumption-medium",
-    "mgg/copy-paste",
-    "mgg/d-instrumental-buildings",
-    "mgg/data-analytics-alt",
-    "mgg/data-analytics-search",
-    "mgg/data-analytics-time",
-    "mgg/data-category-alt",
-    "mgg/data-civil-union",
-    "mgg/data-cleaning",
-    "mgg/data-death-civil-union",
-    "mgg/data-death-marriage",
-    "mgg/data-end-civil-union",
-    "mgg/data-end-marriage",
-    "mgg/dataset",
-    "mgg/delivered-to-the-recipient",
-    "mgg/document-euro",
-    "mgg/document-less",
-    "mgg/document-magic",
-    "mgg/document-rename",
-    "mgg/download-csv",
-    "mgg/download-html",
-    "mgg/download-json",
-    "mgg/edit-article",
-    "mgg/electronic-document",
-    "mgg/email-assigned",
-    "mgg/email-open-blocked",
-    "mgg/email-open-check",
-    "mgg/email-open-lock",
-    "mgg/email-open-off",
-    "mgg/email-open-play",
-    "mgg/email-open-stop",
-    "mgg/email-open-user",
-    "mgg/email-open-view",
-    "mgg/email-to-assign",
-    "mgg/face-to-face-meeting",
-    "mgg/factory",
-    "mgg/farmer",
-    "mgg/field",
-    "mgg/file-certificate",
-    "mgg/file-clock",
-    "mgg/file-download",
-    "mgg/file-folder-tree-open",
-    "mgg/file-folder-tree",
-    "mgg/file-html",
-    "mgg/file-import",
-    "mgg/file-odt",
-    "mgg/file-rtf",
-    "mgg/file-settings-alt",
-    "mgg/file-stack-alt",
-    "mgg/file-stack",
-    "mgg/file-sub",
-    "mgg/file-type-document-attachment",
-    "mgg/file-type-document-multiple-attachment",
-    "mgg/file-type-document-rubber-stamp",
-    "mgg/file-type-home",
-    "mgg/file-type-pdf",
-    "mgg/file-type-success",
-    "mgg/file-type-warning",
-    "mgg/file-xml",
-    "mgg/finance-euro-cashback",
-    "mgg/fit-horizontal",
-    "mgg/fit-vertical",
-    "mgg/fontawesome-torii-gate",
-    "mgg/forwarded-with-a-single-sending",
-    "mgg/fullscreen-on-alt",
-    "mgg/google-book-closed-outline",
-    "mgg/google-book-closed",
-    "mgg/google-book-large-outline",
-    "mgg/google-book-large",
-    "mgg/google-book-opening-outline",
-    "mgg/google-book-opening",
-    "mgg/google-check-small",
-    "mgg/google-drag-pan",
-    "mgg/google-experiment",
-    "mgg/google-face-retouching-off",
-    "mgg/google-hub",
-    "mgg/google-keyboard-double-arrow-down",
-    "mgg/google-keyboard-double-arrow-up",
-    "mgg/google-newsstand",
-    "mgg/google-place-item",
-    "mgg/group-assigned-automatically-system",
-    "mgg/group-ceased",
-    "mgg/group-inherited",
-    "mgg/heart-outline",
-    "mgg/heart",
-    "mgg/historic-building-unusable",
-    "mgg/historic-building",
-    "mgg/home-hammer",
-    "mgg/home-link",
-    "mgg/home-number",
-    "mgg/inad",
-    "mgg/inagibile",
-    "mgg/inps",
-    "mgg/input-calendar-costs",
-    "mgg/input-calendar-period",
-    "mgg/input-calendar-time",
-    "mgg/instrumental-buildings",
-    "mgg/internationalization-add",
-    "mgg/internationalization-check",
-    "mgg/internationalization-delete",
-    "mgg/isbn",
-    "mgg/judge-hammer",
-    "mgg/land-registry",
-    "mgg/layers",
-    "mgg/liquidated-document",
-    "mgg/list-dot",
-    "mgg/logo-girasole-camuno",
-    "mgg/logo-gpl",
-    "mgg/logo-ilibro",
-    "mgg/map-marker-settings",
-    "mgg/masks-office",
-    "mgg/mdi-binoculars",
-    "mgg/mdi-graph-outline",
-    "mgg/mdi-microscope",
-    "mgg/mdi-telescope",
-    "mgg/military-draft",
-    "mgg/money-bag-settings",
-    "mgg/money-on-hand",
-    "mgg/money-paid",
-    "mgg/move-down",
-    "mgg/move-left",
-    "mgg/move-right",
-    "mgg/move-row-down",
-    "mgg/move-row-up",
-    "mgg/move-up",
-    "mgg/multiple-payments",
-    "mgg/national-document-off",
-    "mgg/national-document",
-    "mgg/not-instrumental-d-buildings",
-    "mgg/not-sent-yet",
-    "mgg/office-off",
-    "mgg/order-return-down-left-to-right",
-    "mgg/order-return-down-left-to-up",
-    "mgg/order-return-down-right-to-left",
-    "mgg/order-return-down-right-to-up",
-    "mgg/order-return-up-left-to-down",
-    "mgg/order-return-up-left-to-right",
-    "mgg/order-return-up-right-to-down",
-    "mgg/order-return-up-right-to-left",
-    "mgg/order-zigzag-down-left-to-right",
-    "mgg/order-zigzag-down-left-to-up",
-    "mgg/order-zigzag-down-right-to-left",
-    "mgg/order-zigzag-down-right-to-up",
-    "mgg/order-zigzag-up-left-to-down",
-    "mgg/order-zigzag-up-left-to-right",
-    "mgg/order-zigzag-up-right-to-down",
-    "mgg/order-zigzag-up-right-to-left",
-    "mgg/other-properties-off",
-    "mgg/other-properties",
-    "mgg/other-residential-buildings",
-    "mgg/pagopa",
-    "mgg/partial-wall",
-    "mgg/payment-settings",
-    "mgg/pec-handshake",
-    "mgg/pec-ok",
-    "mgg/pec-sent-to-the-not-pec-recipient",
-    "mgg/places-green-doc",
-    "mgg/places-green-history",
-    "mgg/places-green-info",
-    "mgg/places-green",
-    "mgg/places-holiday-beach",
-    "mgg/places-market",
-    "mgg/places-park-alt",
-    "mgg/places-park",
-    "mgg/places-store-access-denied",
-    "mgg/pos",
-    "mgg/property-owner",
-    "mgg/registro-imprese",
-    "mgg/relevance",
-    "mgg/reporting-abuse",
-    "mgg/residency-permit",
-    "mgg/robot",
-    "mgg/roles-permission",
-    "mgg/rubber-stamp",
-    "mgg/rurale",
-    "mgg/search-maggioli",
-    "mgg/send-progress",
-    "mgg/sending-error",
-    "mgg/session",
-    "mgg/settings-attachment",
-    "mgg/sign-shop",
-    "mgg/square-viewfinder",
-    "mgg/stacked-documents",
-    "mgg/stamp",
-    "mgg/status-progress-a-quarter",
-    "mgg/status-progress-complete",
-    "mgg/status-progress-half",
-    "mgg/status-progress-three-quarter",
-    "mgg/stuck-codes",
-    "mgg/subtractive-permission",
-    "mgg/tea-light",
-    "mgg/terminal",
-    "mgg/tie",
-    "mgg/to-single-document",
-    "mgg/to-stacked-documents",
-    "mgg/todo-action-businessman-view",
-    "mgg/todo-action-certificate",
-    "mgg/todo-action-contract",
-    "mgg/todo-action-currency-euro",
-    "mgg/todo-action-graduate",
-    "mgg/todo-action-graduation-hat",
-    "mgg/todo-action-judge",
-    "mgg/todo-action-money",
-    "mgg/todo-action-protocol",
-    "mgg/todo-action-upload",
-    "mgg/todo-action-wkf-document-checked",
-    "mgg/todo-action-wkf-people-checked",
-    "mgg/todo-action-wkf-set-pub-date",
-    "mgg/todo-completed-re-executable",
-    "mgg/todo-completed",
-    "mgg/todo-in-charge-by-me",
-    "mgg/todo-in-charge-by-others",
-    "mgg/todo-in-evaluation-by-others",
-    "mgg/todo-in-evaluation",
-    "mgg/todo-incoming-in-charge",
-    "mgg/todo-incoming-rejected",
-    "mgg/todo-pause",
-    "mgg/todo-running-completed",
-    "mgg/todo-suspended",
-    "mgg/todo",
-    "mgg/touchpoint-laptop-info",
-    "mgg/touchpoint-laptop-search",
-    "mgg/traffic-cone",
-    "mgg/trending-down",
-    "mgg/tribute",
-    "mgg/tributes",
-    "mgg/urban-city",
-    "mgg/user-dead",
-    "mgg/user-family",
-    "mgg/user-location-off",
-    "mgg/user-location",
-    "mgg/user-signed-out",
-    "mgg/user-substitution",
-    "mgg/view-chart-gantt",
-    "mgg/view-side-by-side",
-    "mgg/vote",
-    "mgg/warning-superscript",
-    "mgg/web-app-ansc",
-    "mgg/work-book"
-]