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

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-19T19:22:34",
+  "timestamp": "2026-03-24T16:39:44",
   "compiler": {
     "name": "node",
     "version": "22.15.0"
@@ -88,19 +88,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-37d5e60f.js",
+          "./dist/cjs/index-1f95f3de.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input-range.cjs.entry.js",
           "./dist/cjs/mds-input-range.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-e9d1fa7e.js",
+          "./dist/esm-es5/index-a1c32812.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input-range.entry.js",
           "./dist/esm-es5/mds-input-range.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-e9d1fa7e.js",
+          "./dist/esm/index-a1c32812.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-range.entry.js",
@@ -110,25 +110,25 @@
           "./dist/mds-input-range/index.esm.js",
           "./dist/mds-input-range/mds-input-range.esm.js",
           "./dist/mds-input-range/mds-input-range.js",
-          "./dist/mds-input-range/p-155deafe.js",
+          "./dist/mds-input-range/p-032aeb78.system.js",
           "./dist/mds-input-range/p-50ea2036.system.js",
-          "./dist/mds-input-range/p-55273f42.entry.js",
           "./dist/mds-input-range/p-56ba5cbf.system.js",
-          "./dist/mds-input-range/p-7315ada7.system.js",
-          "./dist/mds-input-range/p-b3abfa80.system.entry.js",
-          "./dist/mds-input-range/p-b6d99f83.system.js",
+          "./dist/mds-input-range/p-805599e2.js",
+          "./dist/mds-input-range/p-ab2218cb.entry.js",
+          "./dist/mds-input-range/p-b15e7f8e.system.entry.js",
           "./dist/mds-input-range/p-e1255160.js",
+          "./dist/mds-input-range/p-e5970baa.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-range.esm.js",
           "./www/build/mds-input-range.js",
-          "./www/build/p-155deafe.js",
+          "./www/build/p-032aeb78.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-55273f42.entry.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-7315ada7.system.js",
-          "./www/build/p-b3abfa80.system.entry.js",
-          "./www/build/p-b6d99f83.system.js",
-          "./www/build/p-e1255160.js"
+          "./www/build/p-805599e2.js",
+          "./www/build/p-ab2218cb.entry.js",
+          "./www/build/p-b15e7f8e.system.entry.js",
+          "./www/build/p-e1255160.js",
+          "./www/build/p-e5970baa.system.js"
         ]
       },
       {
@@ -161,12 +161,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-55273f42",
-        "fileName": "p-55273f42.entry.js",
+        "bundleId": "p-ab2218cb",
+        "fileName": "p-ab2218cb.entry.js",
         "imports": [
-          "p-155deafe.js"
+          "p-805599e2.js"
         ],
-        "originalByteSize": 17502
+        "originalByteSize": 17667
       }
     ],
     "esm": [
@@ -178,9 +178,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-e9d1fa7e.js"
+          "index-a1c32812.js"
         ],
-        "originalByteSize": 17506
+        "originalByteSize": 17671
       }
     ],
     "es5": [
@@ -192,9 +192,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-e9d1fa7e.js"
+          "index-a1c32812.js"
         ],
-        "originalByteSize": 17506
+        "originalByteSize": 17671
       }
     ],
     "system": [
@@ -203,12 +203,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-b3abfa80.system",
-        "fileName": "p-b3abfa80.system.entry.js",
+        "bundleId": "p-b15e7f8e.system",
+        "fileName": "p-b15e7f8e.system.entry.js",
         "imports": [
-          "p-7315ada7.system.js"
+          "p-e5970baa.system.js"
         ],
-        "originalByteSize": 18404
+        "originalByteSize": 18575
       }
     ],
     "commonjs": [
@@ -220,9 +220,9 @@
         "bundleId": "mds-input-range.cjs",
         "fileName": "mds-input-range.cjs.entry.js",
         "imports": [
-          "index-37d5e60f.js"
+          "index-1f95f3de.js"
         ],
-        "originalByteSize": 17607
+        "originalByteSize": 17772
       }
     ]
   },
@@ -243,6 +243,10 @@
           {
             "name": "part",
             "text": "header - The element containing the labels displayed over the input element"
+          },
+          {
+            "name": "part",
+            "text": "track - The element containing the track of the input range"
           }
         ],
         "text": ""
@@ -295,6 +299,27 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "name",
+          "type": "string",
+          "attribute": "name",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Is needed to reference the form data after the form is submitted"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "max",
           "type": "number",
@@ -446,6 +471,27 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "name",
+              "type": "string",
+              "attribute": "name",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "string",
+                "resolved": "string | undefined",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Is needed to reference the form data after the form is submitted"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "max",
               "type": "number",
@@ -622,6 +668,24 @@
           "internal": false,
           "assetsDirs": [],
           "styleDocs": [
+            {
+              "name": "--mds-input-range-thumb-background-disabled",
+              "docs": "Sets the thumb background color when the component is disabled",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--mds-input-range-thumb-background",
+              "docs": "Sets the thumb background color",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--mds-input-range-thumb-cursor",
+              "docs": "Sets the thumb cursor",
+              "annotation": "prop",
+              "mode": "$"
+            },
             {
               "name": "--mds-input-range-thumb-size",
               "docs": "Sets the thumb width and height of the component",
@@ -629,26 +693,32 @@
               "mode": "$"
             },
             {
-              "name": "--mds-input-range-thumb-background",
-              "docs": "",
+              "name": "--mds-input-range-track-background-disabled",
+              "docs": "Sets the track background color when the component is disabled",
               "annotation": "prop",
               "mode": "$"
             },
             {
               "name": "--mds-input-range-track-background",
-              "docs": "",
+              "docs": "Sets the track background color",
               "annotation": "prop",
               "mode": "$"
             },
             {
-              "name": "--mds-input-range-track-size",
-              "docs": "",
+              "name": "--mds-input-range-track-progress-background-disabled",
+              "docs": "Sets the track progress background color when the component is disabled",
               "annotation": "prop",
               "mode": "$"
             },
             {
               "name": "--mds-input-range-track-progress-background",
-              "docs": "",
+              "docs": "Sets the track progress background color",
+              "annotation": "prop",
+              "mode": "$"
+            },
+            {
+              "name": "--mds-input-range-track-size",
+              "docs": "Sets the track width and height",
               "annotation": "prop",
               "mode": "$"
             }
@@ -658,6 +728,10 @@
               {
                 "name": "part",
                 "text": "header - The element containing the labels displayed over the input element"
+              },
+              {
+                "name": "part",
+                "text": "track - The element containing the track of the input range"
               }
             ],
             "text": ""
@@ -692,7 +766,7 @@
           "hasProp": true,
           "hasPropNumber": true,
           "hasPropBoolean": true,
-          "hasPropString": false,
+          "hasPropString": true,
           "hasPropMutable": true,
           "hasReflect": true,
           "hasRenderFn": true,
@@ -725,7 +799,8 @@
             "onInput",
             "step",
             "type",
-            "value"
+            "value",
+            "name"
           ],
           "htmlTagNames": [
             "header",
@@ -735,7 +810,8 @@
             "input"
           ],
           "htmlParts": [
-            "header"
+            "header",
+            "track"
           ],
           "isUpdateable": true,
           "potentialCmpRefs": [
@@ -752,7 +828,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-range": [
-      "p-155deafe.js"
+      "p-805599e2.js"
     ]
   },
   "sourceGraph": {

package/dist/types/components/mds-input-range/mds-input-range.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @part header - The element containing the labels displayed over the input element
+ * @part track - The element containing the track of the input range
  */
 export declare class MdsInputRange {
     private progress;
@@ -13,6 +14,10 @@ export declare class MdsInputRange {
      * A function to custom how value is represented
      */
     readonly formatValue?: (value: number) => string;
+    /**
+     * Is needed to reference the form data after the form is submitted
+     */
+    readonly name?: string;
     /**
      * The greatest value in the range of permitted values
      */

package/dist/types/components.d.ts

@@ -23,6 +23,10 @@ export namespace Components {
           * The lowest value in the range of permitted values
          */
         "min": number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * 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.
          */
@@ -77,6 +81,10 @@ declare namespace LocalJSX {
           * The lowest value in the range of permitted values
          */
         "min"?: number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * Emits when the input range is changed
          */

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

@@ -1,4 +1,4 @@
-declare const iconsDictionary: string[];
+declare const iconsDictionary: any;
 declare const mggIconsDictionary: string[];
 declare const svgIconsDictionary: string[];
 export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

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

@@ -8,4 +8,5 @@ declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
 declare const typographyInputDictionary: string[];
-export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
+declare const typographyTechnicalDictionary: string[];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyTechnicalDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

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

@@ -8,3 +8,4 @@ export type TypographySmallerType = 'tip' | 'option';
 export type TypographyMonoType = 'snippet' | 'hack';
 export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
 export type TypographyInputType = 'snippet' | 'detail';
+export type TypographyTechnicalType = 'option' | 'label';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-19T16:41:28",
+  "timestamp": "2026-03-24T15:19:18",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -16,6 +16,10 @@
         {
           "name": "part",
           "text": "header - The element containing the labels displayed over the input element"
+        },
+        {
+          "name": "part",
+          "text": "track - The element containing the track of the input range"
         }
       ],
       "usage": {},
@@ -119,6 +123,32 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "Is needed to reference the form data after the form is submitted",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "step",
           "type": "number",
@@ -189,7 +219,17 @@
         {
           "name": "--mds-input-range-thumb-background",
           "annotation": "prop",
-          "docs": ""
+          "docs": "Sets the thumb background color"
+        },
+        {
+          "name": "--mds-input-range-thumb-background-disabled",
+          "annotation": "prop",
+          "docs": "Sets the thumb background color when the component is disabled"
+        },
+        {
+          "name": "--mds-input-range-thumb-cursor",
+          "annotation": "prop",
+          "docs": "Sets the thumb cursor"
         },
         {
           "name": "--mds-input-range-thumb-size",
@@ -199,17 +239,27 @@
         {
           "name": "--mds-input-range-track-background",
           "annotation": "prop",
-          "docs": ""
+          "docs": "Sets the track background color"
+        },
+        {
+          "name": "--mds-input-range-track-background-disabled",
+          "annotation": "prop",
+          "docs": "Sets the track background color when the component is disabled"
         },
         {
           "name": "--mds-input-range-track-progress-background",
           "annotation": "prop",
-          "docs": ""
+          "docs": "Sets the track progress background color"
+        },
+        {
+          "name": "--mds-input-range-track-progress-background-disabled",
+          "annotation": "prop",
+          "docs": "Sets the track progress background color when the component is disabled"
         },
         {
           "name": "--mds-input-range-track-size",
           "annotation": "prop",
-          "docs": ""
+          "docs": "Sets the track width and height"
         }
       ],
       "slots": [],
@@ -217,6 +267,10 @@
         {
           "name": "header",
           "docs": "The element containing the labels displayed over the input element"
+        },
+        {
+          "name": "track",
+          "docs": "The element containing the track of the input range"
         }
       ],
       "dependents": [],
@@ -626,6 +680,11 @@
       "docstring": "",
       "path": "src/components/mds-modal/meta/types.ts"
     },
+    "src/components/mds-modal/meta/types.ts::ModalInteractionType": {
+      "declaration": "export type ModalInteractionType =\n  | 'strict'\n  | 'relaxed'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
     "src/type/variant.ts::LabelVariantType": {
       "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
       "docstring": "",
@@ -692,10 +751,15 @@
       "path": "src/components/mds-price-table-features-cell/meta/types.ts"
     },
     "src/components/mds-progress/meta/types.ts::DirectionType": {
-      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'\n  | 'radial'",
       "docstring": "",
       "path": "src/components/mds-progress/meta/types.ts"
     },
+    "src/type/typography.ts::TypographyTechnicalType": {
+      "declaration": "export type TypographyTechnicalType =\n  | 'option'\n  | 'label'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
     "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
       "declaration": "export interface MdsPushNotificationEventDetail {\n  visible: boolean\n}",
       "docstring": "",
@@ -741,6 +805,11 @@
       "docstring": "",
       "path": "src/components/mds-status-bar/meta/types.ts"
     },
+    "src/components/mds-stepper-bar/meta/meta.ts::StepperBarNavigationType": {
+      "declaration": "export type StepperBarNavigationType =\n  | 'none'\n  | 'scrollbar'",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar/meta/meta.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-range",
-  "version": "2.5.4",
+  "version": "2.6.1",
   "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",

package/readme.md

@@ -15,6 +15,7 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `formatValue` | --         | A function to custom how value is represented                                                                                                    | `((value: number) => string) \| undefined` | `undefined` |
 | `max`         | `max`      | The greatest value in the range of permitted values                                                                                              | `number`                                   | `100`       |
 | `min`         | `min`      | The lowest value in the range of permitted values                                                                                                | `number`                                   | `0`         |
+| `name`        | `name`     | Is needed to reference the form data after the form is submitted                                                                                 | `string \| undefined`                      | `undefined` |
 | `step`        | `step`     | 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. | `number`                                   | `1`         |
 | `value`       | `value`    | The value attribute contains a number which contains a representation of the selected number.                                                    | `number`                                   | `undefined` |
 
@@ -31,17 +32,22 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | Part       | Description                                                        |
 | ---------- | ------------------------------------------------------------------ |
 | `"header"` | The element containing the labels displayed over the input element |
+| `"track"`  | The element containing the track of the input range                |
 
 
 ## CSS Custom Properties
 
-| Name                                          | Description                                      |
-| --------------------------------------------- | ------------------------------------------------ |
-| `--mds-input-range-thumb-background`          |                                                  |
-| `--mds-input-range-thumb-size`                | Sets the thumb width and height of the component |
-| `--mds-input-range-track-background`          |                                                  |
-| `--mds-input-range-track-progress-background` |                                                  |
-| `--mds-input-range-track-size`                |                                                  |
+| Name                                                   | Description                                                             |
+| ------------------------------------------------------ | ----------------------------------------------------------------------- |
+| `--mds-input-range-thumb-background`                   | Sets the thumb background color                                         |
+| `--mds-input-range-thumb-background-disabled`          | Sets the thumb background color when the component is disabled          |
+| `--mds-input-range-thumb-cursor`                       | Sets the thumb cursor                                                   |
+| `--mds-input-range-thumb-size`                         | Sets the thumb width and height of the component                        |
+| `--mds-input-range-track-background`                   | Sets the track background color                                         |
+| `--mds-input-range-track-background-disabled`          | Sets the track background color when the component is disabled          |
+| `--mds-input-range-track-progress-background`          | Sets the track progress background color                                |
+| `--mds-input-range-track-progress-background-disabled` | Sets the track progress background color when the component is disabled |
+| `--mds-input-range-track-size`                         | Sets the track width and height                                         |
 
 
 ## Dependencies