@m3e/web 2.0.4 → 2.0.5

package/dist/css-custom-data.json

@@ -297,6 +297,76 @@
       "description": "Text color of the avatar.",
       "values": []
     },
+    {
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
+      "values": []
+    },
     {
       "name": "--m3e-bottom-sheet-width",
       "description": "The width of the sheet.",
@@ -457,76 +527,6 @@
       "description": "Letter spacing (tracking) for the sheet header.",
       "values": []
     },
-    {
-      "name": "--m3e-badge-shape",
-      "description": "Corner radius of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
-      "values": []
-    },
     {
       "name": "--m3e-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -8637,6 +8637,16 @@
       "description": "Horizontal gap between elements.",
       "values": []
     },
+    {
+      "name": "--m3e-list-item-leading-space",
+      "description": "Horizontal padding for the leading side.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-space",
+      "description": "Horizontal padding for the trailing side.",
+      "values": []
+    },
     {
       "name": "--m3e-list-item-padding-inline",
       "description": "Horizontal padding for the list item.",
@@ -8648,8 +8658,33 @@
       "values": []
     },
     {
-      "name": "--m3e-list-item-height",
-      "description": "Minimum height of the list item.",
+      "name": "--m3e-list-item-one-line-top-space",
+      "description": "Top padding for one-line items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-one-line-bottom-space",
+      "description": "Bottom padding for one-line items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-two-line-top-space",
+      "description": "Top padding for two-line items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-two-line-bottom-space",
+      "description": "Bottom padding for two-line items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-three-line-top-space",
+      "description": "Top padding for three-line items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-three-line-bottom-space",
+      "description": "Bottom padding for three-line items.",
       "values": []
     },
     {
@@ -8813,102 +8848,302 @@
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-container-color",
-      "description": "Background color of the list item when disabled.",
+      "name": "--m3e-list-item-three-line-top-offset",
+      "description": "Top offset for media in three line items.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-label-text-color",
-      "description": "Color for the main content when disabled.",
+      "name": "--m3e-list-item-one-line-height",
+      "description": "Minimum height of a one line list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-label-text-opacity",
-      "description": "Opacity for the main content when disabled.",
+      "name": "--m3e-list-item-two-line-height",
+      "description": "Minimum height of a two line list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-overline-color",
-      "description": "Color for the overline slot when disabled.",
+      "name": "--m3e-list-item-three-line-height",
+      "description": "Minimum height of a three line list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-overline-opacity",
-      "description": "Opacity for the overline slot when disabled.",
+      "name": "--m3e-list-item-between-space",
+      "description": "Horizontal gap between elements.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-supporting-text-color",
-      "description": "Color for the supporting text slot when disabled.",
+      "name": "--m3e-list-item-padding-inline",
+      "description": "Horizontal padding for the list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-supporting-text-opacity",
-      "description": "Opacity for the supporting text slot when disabled.",
+      "name": "--m3e-list-item-padding-block",
+      "description": "Vertical padding for the list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-leading-color",
-      "description": "Color for the leading icon when disabled.",
+      "name": "--m3e-list-item-height",
+      "description": "Minimum height of the list item.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-leading-opacity",
-      "description": "Opacity for the leading icon when disabled.",
+      "name": "--m3e-list-item-font-size",
+      "description": "Font size for main content.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-trailing-color",
-      "description": "Color for the trailing icon when disabled.",
+      "name": "--m3e-list-item-font-weight",
+      "description": "Font weight for main content.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-disabled-trailing-opacity",
-      "description": "Opacity for the trailing icon when disabled.",
+      "name": "--m3e-list-item-line-height",
+      "description": "Line height for main content.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-hover-state-layer-color",
-      "description": "Color for the hover state layer.",
+      "name": "--m3e-list-item-tracking",
+      "description": "Letter spacing for main content.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-hover-state-layer-opacity",
-      "description": "Opacity for the hover state layer.",
+      "name": "--m3e-list-item-overline-font-size",
+      "description": "Font size for overline slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-focus-state-layer-color",
-      "description": "Color for the focus state layer.",
+      "name": "--m3e-list-item-overline-font-weight",
+      "description": "Font weight for overline slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-focus-state-layer-opacity",
-      "description": "Opacity for the focus state layer.",
+      "name": "--m3e-list-item-overline-line-height",
+      "description": "Line height for overline slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-pressed-state-layer-color",
-      "description": "Color for the pressed state layer.",
+      "name": "--m3e-list-item-overline-tracking",
+      "description": "Letter spacing for overline slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-pressed-state-layer-opacity",
-      "description": "Opacity for the pressed state layer.",
+      "name": "--m3e-list-item-supporting-text-font-size",
+      "description": "Font size for supporting text slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-selected-label-text-color",
-      "description": "Selected color for the main content.",
+      "name": "--m3e-list-item-supporting-text-font-weight",
+      "description": "Font weight for supporting text slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-selected-overline-color",
-      "description": "Selected color for the overline slot.",
+      "name": "--m3e-list-item-supporting-text-line-height",
+      "description": "Line height for supporting text slot.",
       "values": []
     },
     {
-      "name": "--m3e-list-item-selected-supporting-text-color",
+      "name": "--m3e-list-item-supporting-text-tracking",
+      "description": "Letter spacing for supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-text-font-size",
+      "description": "Font size for trailing supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-text-font-weight",
+      "description": "Font weight for trailing supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-text-line-height",
+      "description": "Line height for trailing supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-text-tracking",
+      "description": "Letter spacing for trailing supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-icon-size",
+      "description": "Size for leading/trailing icons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-label-text-color",
+      "description": "Color for the main content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-overline-color",
+      "description": "Color for the overline slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-supporting-text-color",
+      "description": "Color for the supporting text slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-leading-color",
+      "description": "Color for the leading content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-trailing-color",
+      "description": "Color for the trailing content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-container-color",
+      "description": "Background color of the list item.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-container-shape",
+      "description": "Border radius of the list item.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-hover-container-shape",
+      "description": "Border radius of the list item on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-focus-container-shape",
+      "description": "Border radius of the list item on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-video-width",
+      "description": "Width of the video slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-video-height",
+      "description": "Height of the video slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-video-shape",
+      "description": "Border radius of the video slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-image-width",
+      "description": "Width of the image slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-image-height",
+      "description": "Height of the image slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-image-shape",
+      "description": "Border radius of the image slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-container-color",
+      "description": "Background color of the list item when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-label-text-color",
+      "description": "Color for the main content when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-label-text-opacity",
+      "description": "Opacity for the main content when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-overline-color",
+      "description": "Color for the overline slot when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-overline-opacity",
+      "description": "Opacity for the overline slot when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-supporting-text-color",
+      "description": "Color for the supporting text slot when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-supporting-text-opacity",
+      "description": "Opacity for the supporting text slot when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-leading-color",
+      "description": "Color for the leading icon when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-leading-opacity",
+      "description": "Opacity for the leading icon when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-trailing-color",
+      "description": "Color for the trailing icon when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-disabled-trailing-opacity",
+      "description": "Opacity for the trailing icon when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-hover-state-layer-color",
+      "description": "Color for the hover state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-hover-state-layer-opacity",
+      "description": "Opacity for the hover state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-focus-state-layer-color",
+      "description": "Color for the focus state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-focus-state-layer-opacity",
+      "description": "Opacity for the focus state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-pressed-state-layer-color",
+      "description": "Color for the pressed state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-pressed-state-layer-opacity",
+      "description": "Opacity for the pressed state layer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-selected-label-text-color",
+      "description": "Selected color for the main content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-selected-overline-color",
+      "description": "Selected color for the overline slot.",
+      "values": []
+    },
+    {
+      "name": "--m3e-list-item-selected-supporting-text-color",
       "description": "Selected color for the supporting text slot.",
       "values": []
     },
@@ -10403,148 +10638,148 @@
       "values": []
     },
     {
-      "name": "--m3e-radio-container-size",
-      "description": "Base size of the radio button container.",
+      "name": "--m3e-circular-flat-progress-indicator-diameter",
+      "description": "Diameter of the `flat` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-icon-size",
-      "description": "Size of the radio icon inside the wrapper.",
+      "name": "--m3e-circular-wavy-progress-indicator-diameter",
+      "description": "Diameter of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-hover-color",
-      "description": "Hover state layer color when radio is not selected.",
+      "name": "--m3e-circular-wavy-progress-indicator-amplitude",
+      "description": "Amplitude of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-focus-color",
-      "description": "Focus state layer color when radio is not selected.",
+      "name": "--m3e-circular-wavy-progress-indicator-wavelength",
+      "description": "Wavelength of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-ripple-color",
-      "description": "Ripple color when radio is not selected.",
+      "name": "--m3e-circular-progress-indicator-thickness",
+      "description": "Thickness of the progress indicator.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-icon-color",
-      "description": "Icon color when radio is not selected.",
+      "name": "--m3e-progress-indicator-track-color",
+      "description": "Track color of the progress indicator (background).",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-hover-color",
-      "description": "Hover state layer color when radio is selected.",
+      "name": "--m3e-progress-indicator-color",
+      "description": "Color of the progress indicator (foreground).",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-focus-color",
-      "description": "Focus state layer color when radio is selected.",
+      "name": "--m3e-linear-progress-indicator-thickness",
+      "description": "Thickness (height) of the progress bar.",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-ripple-color",
-      "description": "Ripple color when radio is selected.",
+      "name": "--m3e-linear-progress-indicator-shape",
+      "description": "Border radius of the progress bar.",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-icon-color",
-      "description": "Icon color when radio is selected.",
+      "name": "--m3e-progress-indicator-track-color",
+      "description": "Track color of the progress bar (background/buffer).",
       "values": []
     },
     {
-      "name": "--m3e-radio-disabled-icon-color",
-      "description": "Icon color when radio is disabled.",
+      "name": "--m3e-progress-indicator-color",
+      "description": "Color of the progress indicator (foreground).",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-hover-color",
-      "description": "Fallback hover color used when the radio is invalid and touched.",
+      "name": "--m3e-linear-wavy-progress-indicator-amplitude",
+      "description": "Amplitude of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-focus-color",
-      "description": "Fallback focus color used when the radio is invalid and touched.",
+      "name": "--m3e-linear-wavy-progress-indicator-wavelength",
+      "description": "Wavelength of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-ripple-color",
-      "description": "Fallback ripple color used when the radio is invalid and touched.",
-      "values": []
+      "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
+      "description": "Wavelength of the indeterminate/query `wavy` variant.",
+      "values": []
     },
     {
-      "name": "--m3e-radio-error-icon-color",
-      "description": "Fallback icon color used when the radio is invalid and touched.",
+      "name": "--m3e-radio-container-size",
+      "description": "Base size of the radio button container.",
       "values": []
     },
     {
-      "name": "--m3e-circular-flat-progress-indicator-diameter",
-      "description": "Diameter of the `flat` variant.",
+      "name": "--m3e-radio-icon-size",
+      "description": "Size of the radio icon inside the wrapper.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-diameter",
-      "description": "Diameter of the `wavy` variant.",
+      "name": "--m3e-radio-unselected-hover-color",
+      "description": "Hover state layer color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-amplitude",
-      "description": "Amplitude of the `wavy` variant.",
+      "name": "--m3e-radio-unselected-focus-color",
+      "description": "Focus state layer color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-wavelength",
-      "description": "Wavelength of the `wavy` variant.",
+      "name": "--m3e-radio-unselected-ripple-color",
+      "description": "Ripple color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-circular-progress-indicator-thickness",
-      "description": "Thickness of the progress indicator.",
+      "name": "--m3e-radio-unselected-icon-color",
+      "description": "Icon color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-track-color",
-      "description": "Track color of the progress indicator (background).",
+      "name": "--m3e-radio-selected-hover-color",
+      "description": "Hover state layer color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-color",
-      "description": "Color of the progress indicator (foreground).",
+      "name": "--m3e-radio-selected-focus-color",
+      "description": "Focus state layer color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-linear-progress-indicator-thickness",
-      "description": "Thickness (height) of the progress bar.",
+      "name": "--m3e-radio-selected-ripple-color",
+      "description": "Ripple color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-linear-progress-indicator-shape",
-      "description": "Border radius of the progress bar.",
+      "name": "--m3e-radio-selected-icon-color",
+      "description": "Icon color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-track-color",
-      "description": "Track color of the progress bar (background/buffer).",
+      "name": "--m3e-radio-disabled-icon-color",
+      "description": "Icon color when radio is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-color",
-      "description": "Color of the progress indicator (foreground).",
+      "name": "--m3e-radio-error-hover-color",
+      "description": "Fallback hover color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-progress-indicator-amplitude",
-      "description": "Amplitude of the `wavy` variant.",
+      "name": "--m3e-radio-error-focus-color",
+      "description": "Fallback focus color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-progress-indicator-wavelength",
-      "description": "Wavelength of the `wavy` variant.",
+      "name": "--m3e-radio-error-ripple-color",
+      "description": "Fallback ripple color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
-      "description": "Wavelength of the indeterminate/query `wavy` variant.",
+      "name": "--m3e-radio-error-icon-color",
+      "description": "Fallback icon color used when the radio is invalid and touched.",
       "values": []
     },
     {
@@ -11242,171 +11477,6 @@
       "description": "Spacing between leading and trailing buttons (extra-large).",
       "values": []
     },
-    {
-      "name": "--m3e-step-shape",
-      "description": "Border radius of the step container, defining its visual shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-padding",
-      "description": "Internal padding of the step container, used for layout spacing.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-shape",
-      "description": "Border radius of the icon container, controlling its geometric form.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-size",
-      "description": "Width and height of the icon container and icon glyph.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-selected-icon-container-color",
-      "description": "Background color of the icon when the step is selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-selected-icon-color",
-      "description": "Foreground color of the icon when the step is selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-completed-icon-container-color",
-      "description": "Background color of the icon when the step is completed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-completed-icon-color",
-      "description": "Foreground color of the icon when the step is completed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-unselected-icon-container-color",
-      "description": "Background color of the icon when the step is inactive.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-unselected-icon-color",
-      "description": "Foreground color of the icon when the step is inactive.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-error-color",
-      "description": "Foreground color of the icon when the step is invalid.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-icon-container-color",
-      "description": "Base color used to mix the disabled icon background.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-icon-color",
-      "description": "Base color used to mix the disabled icon foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-label-color",
-      "description": "Text color of the step label in its default state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-label-error-color",
-      "description": "Text color of the step label when the step is invalid.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-label-color",
-      "description": "Base color used to mix the disabled label foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-font-size",
-      "description": "Font size of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-font-weight",
-      "description": "Font weight of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-line-height",
-      "description": "Line height of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-tracking",
-      "description": "Letter spacing of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-label-space",
-      "description": "Gap between icon and label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-font-size",
-      "description": "Font size of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-font-weight",
-      "description": "Font weight of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-line-height",
-      "description": "Line height of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-tracking",
-      "description": "Letter spacing of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-color",
-      "description": "Text color of hint messages in valid state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-hint-color",
-      "description": "Base color used to mix the disabled hint foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-padding",
-      "description": "Padding inside the step panel container, defining internal spacing around content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-spacing",
-      "description": "Vertical gap between stacked elements within the step panel.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-actions-height",
-      "description": "Minimum height of the slotted actions container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-thickness",
-      "description": "Thickness of the divider line between steps.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-color",
-      "description": "Color of the divider line between steps.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-inset",
-      "description": "Inset offset for divider alignment within step layout.",
-      "values": []
-    },
     {
       "name": "--m3e-switch-selected-icon-color",
       "description": "Color of the icon when the switch is selected.",
@@ -11752,6 +11822,171 @@
       "description": "Handle color when unselected and pressed.",
       "values": []
     },
+    {
+      "name": "--m3e-step-shape",
+      "description": "Border radius of the step container, defining its visual shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-padding",
+      "description": "Internal padding of the step container, used for layout spacing.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-shape",
+      "description": "Border radius of the icon container, controlling its geometric form.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-size",
+      "description": "Width and height of the icon container and icon glyph.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-selected-icon-container-color",
+      "description": "Background color of the icon when the step is selected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-selected-icon-color",
+      "description": "Foreground color of the icon when the step is selected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-completed-icon-container-color",
+      "description": "Background color of the icon when the step is completed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-completed-icon-color",
+      "description": "Foreground color of the icon when the step is completed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-unselected-icon-container-color",
+      "description": "Background color of the icon when the step is inactive.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-unselected-icon-color",
+      "description": "Foreground color of the icon when the step is inactive.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-error-color",
+      "description": "Foreground color of the icon when the step is invalid.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-disabled-icon-container-color",
+      "description": "Base color used to mix the disabled icon background.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-disabled-icon-color",
+      "description": "Base color used to mix the disabled icon foreground.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-label-color",
+      "description": "Text color of the step label in its default state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-label-error-color",
+      "description": "Text color of the step label when the step is invalid.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-disabled-label-color",
+      "description": "Base color used to mix the disabled label foreground.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-font-size",
+      "description": "Font size of the step label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-font-weight",
+      "description": "Font weight of the step label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-line-height",
+      "description": "Line height of the step label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-tracking",
+      "description": "Letter spacing of the step label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-label-space",
+      "description": "Gap between icon and label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-hint-font-size",
+      "description": "Font size of hint and error messages.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-hint-font-weight",
+      "description": "Font weight of hint and error messages.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-hint-line-height",
+      "description": "Line height of hint and error messages.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-hint-tracking",
+      "description": "Letter spacing of hint and error messages.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-hint-color",
+      "description": "Text color of hint messages in valid state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-disabled-hint-color",
+      "description": "Base color used to mix the disabled hint foreground.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-panel-padding",
+      "description": "Padding inside the step panel container, defining internal spacing around content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-panel-spacing",
+      "description": "Vertical gap between stacked elements within the step panel.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-panel-actions-height",
+      "description": "Minimum height of the slotted actions container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-divider-thickness",
+      "description": "Thickness of the divider line between steps.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-divider-color",
+      "description": "Color of the divider line between steps.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-divider-inset",
+      "description": "Inset offset for divider alignment within step layout.",
+      "values": []
+    },
     {
       "name": "--m3e-tab-font-size",
       "description": "Font size for tab label.",
@@ -12037,6 +12272,51 @@
       "description": "Text color for selected items.",
       "values": []
     },
+    {
+      "name": "--m3e-toolbar-size",
+      "description": "The size (height or width) of the toolbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-spacing",
+      "description": "The gap between toolbar items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-shape",
+      "description": "Border radius for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-padding",
+      "description": "Padding for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-square-padding",
+      "description": "Padding for square shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-container-color",
+      "description": "Container color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-color",
+      "description": "Foreground color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-container-color",
+      "description": "Container color for the vibrant variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-color",
+      "description": "Foreground color for the vibrant variant.",
+      "values": []
+    },
     {
       "name": "--m3e-rich-tooltip-padding-top",
       "description": "Top padding of the tooltip container.",
@@ -12197,51 +12477,6 @@
       "description": "Letter spacing of supporting text.",
       "values": []
     },
-    {
-      "name": "--m3e-toolbar-size",
-      "description": "The size (height or width) of the toolbar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-spacing",
-      "description": "The gap between toolbar items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-shape",
-      "description": "Border radius for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-padding",
-      "description": "Padding for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-square-padding",
-      "description": "Padding for square shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-container-color",
-      "description": "Container color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-color",
-      "description": "Foreground color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-container-color",
-      "description": "Container color for the vibrant variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-color",
-      "description": "Foreground color for the vibrant variant.",
-      "values": []
-    },
     {
       "name": "--m3e-collapsible-animation-duration",
       "description": "The duration of the expand / collapse animation.",