@m3e/web 2.2.2 → 2.3.0

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.",
@@ -3077,6 +3077,141 @@
       "description": "Border color on press.",
       "values": []
     },
+    {
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-disabled-outline-color",
+      "description": "Base color for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-opacity",
+      "description": "Opacity for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-color",
+      "description": "Base color for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
+      "description": "Opacity for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-hover-color",
+      "description": "Ripple hover color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-focus-color",
+      "description": "Ripple focus color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-ripple-color",
+      "description": "Ripple base color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-hover-color",
+      "description": "Ripple hover color for invalid selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
+      "values": []
+    },
     {
       "name": "--m3e-chip-container-shape",
       "description": "Border radius of the chip container.",
@@ -3843,168 +3978,33 @@
       "values": []
     },
     {
-      "name": "--m3e-elevated-chip-disabled-container-opacity",
-      "description": "Opacity applied to disabled elevated background.",
-      "values": []
-    },
-    {
-      "name": "--m3e-elevated-chip-disabled-elevation",
-      "description": "Elevation level for disabled elevated variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-chip-outline-thickness",
-      "description": "Outline thickness for outlined variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-chip-outline-color",
-      "description": "Outline color for outlined variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-chip-disabled-outline-color",
-      "description": "Outline color for disabled outlined variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-chip-disabled-outline-opacity",
-      "description": "Opacity applied to disabled outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
+      "name": "--m3e-elevated-chip-disabled-container-opacity",
+      "description": "Opacity applied to disabled elevated background.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
+      "name": "--m3e-elevated-chip-disabled-elevation",
+      "description": "Elevation level for disabled elevated variant.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
+      "name": "--m3e-outlined-chip-outline-thickness",
+      "description": "Outline thickness for outlined variant.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
+      "name": "--m3e-outlined-chip-outline-color",
+      "description": "Outline color for outlined variant.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
+      "name": "--m3e-outlined-chip-disabled-outline-color",
+      "description": "Outline color for disabled outlined variant.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
+      "name": "--m3e-outlined-chip-disabled-outline-opacity",
+      "description": "Opacity applied to disabled outline.",
       "values": []
     },
     {
@@ -4212,31 +4212,6 @@
       "description": "Letter spacing for the dialog content.",
       "values": []
     },
-    {
-      "name": "--m3e-divider-thickness",
-      "description": "Thickness of the divider line.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-color",
-      "description": "Color of the divider line.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-size",
-      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-start-size",
-      "description": "When inset, leading inset size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-end-size",
-      "description": "When inset, trailing inset size.",
-      "values": []
-    },
     {
       "name": "--m3e-drawer-container-color",
       "description": "The background color of the drawer container.",
@@ -4287,6 +4262,31 @@
       "description": "The thickness of the divider line.",
       "values": []
     },
+    {
+      "name": "--m3e-divider-thickness",
+      "description": "Thickness of the divider line.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-color",
+      "description": "Color of the divider line.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-size",
+      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-start-size",
+      "description": "When inset, leading inset size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-end-size",
+      "description": "When inset, trailing inset size.",
+      "values": []
+    },
     {
       "name": "--m3e-expansion-header-collapsed-height",
       "description": "Height of the header when the panel is collapsed.",
@@ -10978,148 +10978,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.",
+      "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": []
     },
     {
@@ -11557,6 +11557,51 @@
       "description": "Transition used to morph between shapes.",
       "values": []
     },
+    {
+      "name": "--m3e-skeleton-color",
+      "description": "Base fill color for the skeleton surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-tint-color",
+      "description": "Tint fill color for the skeleton surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-tint-opacity",
+      "description": "Tint Opacity applied when the skeleton animation is not pulsating.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-accent-color",
+      "description": "Accent color used in wave animation.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-accent-opacity",
+      "description": "Opacity of the accent effect in animations.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-rounded-shape",
+      "description": "Corner radius for the rounded skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-circular-shape",
+      "description": "Corner radius for the circular skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-square-shape",
+      "description": "Corner radius for the square skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-shape",
+      "description": "Corner radius for the skeleton shape.",
+      "values": []
+    },
     {
       "name": "--m3e-slide-group-button-icon-size",
       "description": "Sets icon size for scroll buttons; overrides default small icon size.",
@@ -12042,6 +12087,71 @@
       "description": "Spacing between leading and trailing buttons (extra-large).",
       "values": []
     },
+    {
+      "name": "--m3e-split-pane-drag-handle-hover-color",
+      "description": "Color used for the drag handle hover state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-hover-opacity",
+      "description": "Opacity used for the drag handle hover state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-focus-color",
+      "description": "Color used for the drag handle focus state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-focus-opacity",
+      "description": "Opacity used for the drag handle focus state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-color",
+      "description": "Background color of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-shape",
+      "description": "Corner shape of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-color",
+      "description": "Background color of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-shape",
+      "description": "Corner shape of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-container-width",
+      "description": "Width of the drag handle container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-width",
+      "description": "Thickness of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-height",
+      "description": "Length of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-width",
+      "description": "Thickness of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-height",
+      "description": "Length of the drag handle when pressed.",
+      "values": []
+    },
     {
       "name": "--m3e-step-shape",
       "description": "Border radius of the step container, defining its visual shape.",