@m3e/web 2.0.0 → 2.0.2

package/dist/css-custom-data.json

@@ -257,116 +257,6 @@
       "description": "Maximum number of lines for the large app bar subtitle.",
       "values": []
     },
-    {
-      "name": "--m3e-avatar-size",
-      "description": "Size of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-shape",
-      "description": "Border radius of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-font-size",
-      "description": "Font size for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-font-weight",
-      "description": "Font weight for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-line-height",
-      "description": "Line height for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-tracking",
-      "description": "Letter spacing for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-color",
-      "description": "Background color of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-label-color",
-      "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.",
@@ -528,83 +418,188 @@
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-avatar-size",
+      "description": "Size of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-avatar-shape",
+      "description": "Border radius of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-avatar-font-size",
+      "description": "Font size for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-avatar-font-weight",
+      "description": "Font weight for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-avatar-line-height",
+      "description": "Line height for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-avatar-tracking",
+      "description": "Letter spacing for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-avatar-color",
+      "description": "Background color of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-avatar-label-color",
+      "description": "Text color of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "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.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-outline-thickness",
+      "description": "Thickness of the button outline, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-label-text-font-size",
+      "description": "Font size for the label text, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-label-text-font-weight",
+      "description": "Font weight for the label text, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-label-text-line-height",
+      "description": "Line height for the label text, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-label-text-tracking",
+      "description": "Letter tracking for the label text, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-icon-size",
+      "description": "Size of the icon, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-round",
+      "description": "Corner radius for round shape, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-square",
+      "description": "Corner radius for square shape, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-shape-round",
+      "description": "Corner radius when selected (round), for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-shape-square",
+      "description": "Corner radius when selected (square), for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-pressed-morph",
+      "description": "Corner radius when pressed, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-leading-space",
+      "description": "Space before icon or label, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-trailing-space",
+      "description": "Space after icon or label, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-icon-label-space",
+      "description": "Space between icon and label, for all size variants.",
       "values": []
     },
     {
@@ -893,93 +888,368 @@
       "values": []
     },
     {
-      "name": "--m3e-button-large-leading-space",
-      "description": "Space before icon or label, for the large size variant.",
+      "name": "--m3e-button-large-leading-space",
+      "description": "Space before icon or label, for the large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-large-trailing-space",
+      "description": "Space after icon or label, for the large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-large-icon-label-space",
+      "description": "Space between icon and label, for the large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-container-height",
+      "description": "Height of the button container, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-outline-thickness",
+      "description": "Thickness of the button outline, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-label-text-font-size",
+      "description": "Font size for the label text, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-label-text-font-weight",
+      "description": "Font weight for the label text, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-label-text-line-height",
+      "description": "Line height for the label text, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-label-text-tracking",
+      "description": "Letter tracking for the label text, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-icon-size",
+      "description": "Size of the icon, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-shape-round",
+      "description": "Corner radius for round shape, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-shape-square",
+      "description": "Corner radius for square shape, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-selected-shape-round",
+      "description": "Corner radius when selected (round), for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-selected-shape-square",
+      "description": "Corner radius when selected (square), for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-shape-pressed-morph",
+      "description": "Corner radius when pressed, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-leading-space",
+      "description": "Space before icon or label, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-trailing-space",
+      "description": "Space after icon or label, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-large-icon-label-space",
+      "description": "Space between icon and label, for the extra-large size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-outline-color",
+      "description": "Outline color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-outline-color",
+      "description": "Disabled outline color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-outline-color",
+      "description": "Hover outline color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-outline-color",
+      "description": "Focus outline color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-outline-color",
+      "description": "Pressed outline color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-container-color",
+      "description": "Container background color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-container-elevation",
+      "description": "Elevation, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-unselected-container-color",
+      "description": "Unselected container color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-container-color",
+      "description": "Selected container color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-container-elevation",
+      "description": "Disabled elevation, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-container-elevation",
+      "description": "Hover elevation, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-container-elevation",
+      "description": "Focus elevation, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-container-elevation",
+      "description": "Pressed elevation, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-label-text-color",
+      "description": "Label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-icon-color",
+      "description": "Icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-unselected-label-text-color",
+      "description": "Unselected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-unselected-icon-color",
+      "description": "Unselected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-label-text-color",
+      "description": "Selected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-icon-color",
+      "description": "Selected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-container-color",
+      "description": "Disabled container color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-container-opacity",
+      "description": "Disabled container opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-icon-color",
+      "description": "Disabled icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-icon-opacity",
+      "description": "Disabled icon opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-label-text-color",
+      "description": "Disabled label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-disabled-label-text-opacity",
+      "description": "Disabled label opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-icon-color",
+      "description": "Hover icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-label-text-color",
+      "description": "Hover label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-state-layer-color",
+      "description": "Hover state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-state-layer-opacity",
+      "description": "Hover state layer opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-unselected-icon-color",
+      "description": "Hover unselected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-unselected-label-text-color",
+      "description": "Hover unselected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-unselected-state-layer-color",
+      "description": "Hover unselected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-selected-icon-color",
+      "description": "Hover selected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-selected-label-text-color",
+      "description": "Hover selected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-hover-selected-state-layer-color",
+      "description": "Hover selected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-icon-color",
+      "description": "Focus icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-label-text-color",
+      "description": "Focus label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-state-layer-color",
+      "description": "Focus state layer color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-large-trailing-space",
-      "description": "Space after icon or label, for the large size variant.",
+      "name": "--m3e-button-focus-state-layer-opacity",
+      "description": "Focus state layer opacity, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-large-icon-label-space",
-      "description": "Space between icon and label, for the large size variant.",
+      "name": "--m3e-button-focus-unselected-icon-color",
+      "description": "Focus unselected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-container-height",
-      "description": "Height of the button container, for the extra-large size variant.",
+      "name": "--m3e-button-focus-unselected-label-text-color",
+      "description": "Focus unselected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-outline-thickness",
-      "description": "Thickness of the button outline, for the extra-large size variant.",
+      "name": "--m3e-button-focus-unselected-state-layer-color",
+      "description": "Focus unselected state layer color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-label-text-font-size",
-      "description": "Font size for the label text, for the extra-large size variant.",
+      "name": "--m3e-button-focus-selected-icon-color",
+      "description": "Focus selected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-label-text-font-weight",
-      "description": "Font weight for the label text, for the extra-large size variant.",
+      "name": "--m3e-button-focus-selected-label-text-color",
+      "description": "Focus selected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-label-text-line-height",
-      "description": "Line height for the label text, for the extra-large size variant.",
+      "name": "--m3e-button-focus-selected-state-layer-color",
+      "description": "Focus selected state layer color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-label-text-tracking",
-      "description": "Letter tracking for the label text, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-icon-color",
+      "description": "Pressed icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-icon-size",
-      "description": "Size of the icon, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-label-text-color",
+      "description": "Pressed label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-shape-round",
-      "description": "Corner radius for round shape, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-state-layer-color",
+      "description": "Pressed state layer color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-shape-square",
-      "description": "Corner radius for square shape, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-state-layer-opacity",
+      "description": "Pressed state layer opacity, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-selected-shape-round",
-      "description": "Corner radius when selected (round), for the extra-large size variant.",
+      "name": "--m3e-button-pressed-unselected-icon-color",
+      "description": "Pressed unselected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-selected-shape-square",
-      "description": "Corner radius when selected (square), for the extra-large size variant.",
+      "name": "--m3e-button-pressed-unselected-label-text-color",
+      "description": "Pressed unselected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-shape-pressed-morph",
-      "description": "Corner radius when pressed, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-unselected-state-layer-color",
+      "description": "Pressed unselected state layer color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-leading-space",
-      "description": "Space before icon or label, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-selected-icon-color",
+      "description": "Pressed selected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-trailing-space",
-      "description": "Space after icon or label, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-selected-label-text-color",
+      "description": "Pressed selected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-large-icon-label-space",
-      "description": "Space between icon and label, for the extra-large size variant.",
+      "name": "--m3e-button-pressed-selected-state-layer-color",
+      "description": "Pressed selected state layer color, for all variants.",
       "values": []
     },
     {
@@ -2182,6 +2452,86 @@
       "description": "Pressed selected state layer color, for the text variant.",
       "values": []
     },
+    {
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-small-inner-shape",
+      "description": "Corner shape for connected variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-medium-inner-shape",
+      "description": "Corner shape for connected variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-large-inner-shape",
+      "description": "Corner shape for connected variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-large-inner-shape",
+      "description": "Corner shape for connected variant, extra-large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "values": []
+    },
     {
       "name": "--m3e-card-padding",
       "description": "Internal spacing for all slotted regions",
@@ -3612,6 +3962,56 @@
       "description": "The thickness of the divider line.",
       "values": []
     },
+    {
+      "name": "--m3e-fab-container-height",
+      "description": "Height of the FAB container for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-font-size",
+      "description": "Font size for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-font-weight",
+      "description": "Font weight for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-line-height",
+      "description": "Line height for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-tracking",
+      "description": "Letter spacing (tracking) for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-icon-size",
+      "description": "Icon size for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-shape",
+      "description": "Border radius for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-leading-space",
+      "description": "Leading space for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-trailing-space",
+      "description": "Trailing space for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-icon-label-space",
+      "description": "Space between icon and label for the FAB for all size variants.",
+      "values": []
+    },
     {
       "name": "--m3e-fab-small-container-height",
       "description": "Height of the small FAB container.",
@@ -3723,43 +4123,198 @@
       "values": []
     },
     {
-      "name": "--m3e-fab-large-label-text-font-weight",
-      "description": "Font weight for the large FAB label text.",
+      "name": "--m3e-fab-large-label-text-font-weight",
+      "description": "Font weight for the large FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-label-text-line-height",
+      "description": "Line height for the large FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-label-text-tracking",
+      "description": "Letter spacing (tracking) for the large FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-icon-size",
+      "description": "Icon size for the large FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-shape",
+      "description": "Border radius for the large FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-leading-space",
+      "description": "Leading space for the large FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-trailing-space",
+      "description": "Trailing space for the large FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-icon-label-space",
+      "description": "Space between icon and label for the large FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-color",
+      "description": "Default label text color for FAB (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-icon-color",
+      "description": "Default icon color for FAB (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-container-color",
+      "description": "Default container background color for FAB (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-container-elevation",
+      "description": "Resting elevation for FAB (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-lowered-container-elevation",
+      "description": "Lowered resting elevation for FAB (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-container-color",
+      "description": "Container background color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-container-opacity",
+      "description": "Opacity of container when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-icon-color",
+      "description": "Icon color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-icon-opacity",
+      "description": "Icon opacity when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-label-text-color",
+      "description": "Label text color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-label-text-opacity",
+      "description": "Label text opacity when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-disabled-container-elevation",
+      "description": "Elevation when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-lowered-disabled-container-elevation",
+      "description": "Lowered elevation when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-hover-icon-color",
+      "description": "Icon color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-hover-label-text-color",
+      "description": "Label text color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-hover-state-layer-color",
+      "description": "State layer color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-hover-state-layer-opacity",
+      "description": "State layer opacity on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-hover-container-elevation",
+      "description": "Elevation on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-lowered-hover-container-elevation",
+      "description": "Lowered elevation on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-focus-icon-color",
+      "description": "Icon color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-focus-label-text-color",
+      "description": "Label text color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-focus-state-layer-color",
+      "description": "State layer color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-focus-state-layer-opacity",
+      "description": "State layer opacity on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-focus-container-elevation",
+      "description": "Elevation on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-label-text-line-height",
-      "description": "Line height for the large FAB label text.",
+      "name": "--m3e-fab-lowered-focus-container-elevation",
+      "description": "Lowered elevation on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-label-text-tracking",
-      "description": "Letter spacing (tracking) for the large FAB label text.",
+      "name": "--m3e-fab-pressed-icon-color",
+      "description": "Icon color on pressed (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-icon-size",
-      "description": "Icon size for the large FAB.",
+      "name": "--m3e-fab-pressed-label-text-color",
+      "description": "Label text color on pressed (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-shape",
-      "description": "Border radius for the large FAB.",
+      "name": "--m3e-fab-pressed-state-layer-color",
+      "description": "State layer color on pressed (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-leading-space",
-      "description": "Leading space for the large FAB.",
+      "name": "--m3e-fab-pressed-state-layer-opacity",
+      "description": "State layer opacity on pressed (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-trailing-space",
-      "description": "Trailing space for the large FAB.",
+      "name": "--m3e-fab-pressed-container-elevation",
+      "description": "Elevation on pressed (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-icon-label-space",
-      "description": "Space between icon and label for the large FAB.",
+      "name": "--m3e-fab-lowered-pressed-container-elevation",
+      "description": "Lowered elevation on pressed (all variants).",
       "values": []
     },
     {
@@ -5767,6 +6322,76 @@
       "description": "Line height for emphasized Label Small text",
       "values": []
     },
+    {
+      "name": "--m3e-icon-button-container-height",
+      "description": "Height of the container for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-outline-thickness",
+      "description": "Outline thickness for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-icon-size",
+      "description": "Icon size for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-shape-round",
+      "description": "Corner radius for all round size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-shape-square",
+      "description": "Corner radius for all square size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-shape-round",
+      "description": "Corner radius for all selected round size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-shape-square",
+      "description": "Corner radius for all selected square size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-shape-pressed-morph",
+      "description": "Corner radius for all pressed size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-narrow-leading-space",
+      "description": "Leading space for all size variants (narrow).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-narrow-trailing-space",
+      "description": "Trailing space for all size variants (narrow).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-default-leading-space",
+      "description": "Leading space for all size variants (default).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-default-trailing-space",
+      "description": "Trailing space for all size variants (default).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-wide-leading-space",
+      "description": "Leading space for all size variants (wide).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-wide-trailing-space",
+      "description": "Trailing space for all size variants (wide).",
+      "values": []
+    },
     {
       "name": "--m3e-icon-button-extra-small-container-height",
       "description": "Height of the extra-small container.",
@@ -6117,6 +6742,216 @@
       "description": "Trailing space for extra-large (wide).",
       "values": []
     },
+    {
+      "name": "--m3e-icon-button-outline-color",
+      "description": "Default outline color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-disabled-outline-color",
+      "description": "Outline color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-outline-color",
+      "description": "Outline color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-outline-color",
+      "description": "Outline color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-outline-color",
+      "description": "Outline color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-container-color",
+      "description": "Default container background color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-unselected-container-color",
+      "description": "Unselected container background color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-container-color",
+      "description": "Selected container background color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-icon-color",
+      "description": "Default icon color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-container-color",
+      "description": "Default container background color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-unselected-icon-color",
+      "description": "Unselected icon color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-unselected-container-color",
+      "description": "Unselected container background color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-icon-color",
+      "description": "Selected icon color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-container-color",
+      "description": "Selected container background color for tonal variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-icon-color",
+      "description": "Default icon color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-unselected-icon-color",
+      "description": "Unselected icon color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-selected-icon-color",
+      "description": "Selected icon color for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-disabled-container-color",
+      "description": "Container background color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-disabled-container-opacity",
+      "description": "Opacity of container when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-disabled-icon-color",
+      "description": "Icon color when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-disabled-icon-opacity",
+      "description": "Icon opacity when disabled (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-icon-color",
+      "description": "Icon color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-state-layer-color",
+      "description": "State layer color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-state-layer-opacity",
+      "description": "State layer opacity on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-unselected-icon-color",
+      "description": "Unselected icon color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-unselected-state-layer-color",
+      "description": "Unselected state layer color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-selected-icon-color",
+      "description": "Selected icon color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-hover-selected-state-layer-color",
+      "description": "Selected state layer color on hover (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-icon-color",
+      "description": "Icon color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-state-layer-color",
+      "description": "State layer color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-state-layer-opacity",
+      "description": "State layer opacity on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-unselected-icon-color",
+      "description": "Unselected icon color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-unselected-state-layer-color",
+      "description": "Unselected state layer color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-selected-icon-color",
+      "description": "Selected icon color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-focus-selected-state-layer-color",
+      "description": "Selected state layer color on focus (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-icon-color",
+      "description": "Icon color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-state-layer-color",
+      "description": "State layer color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-state-layer-opacity",
+      "description": "State layer opacity on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-unselected-icon-color",
+      "description": "Unselected icon color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-unselected-state-layer-color",
+      "description": "Unselected state layer color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-selected-icon-color",
+      "description": "Selected icon color on pressed (all variants).",
+      "values": []
+    },
+    {
+      "name": "--m3e-icon-button-pressed-selected-state-layer-color",
+      "description": "Selected state layer color on pressed (all variants).",
+      "values": []
+    },
     {
       "name": "--m3e-outlined-icon-button-icon-color",
       "description": "Default icon color for outlined variant.",
@@ -10387,36 +11222,6 @@
       "description": "Letter spacing of the label text.",
       "values": []
     },
-    {
-      "name": "--m3e-snackbar-margin",
-      "description": "Vertical offset from the bottom of the viewport.",
-      "values": []
-    },
-    {
-      "name": "--m3e-snackbar-container-shape",
-      "description": "Border radius of the snackbar container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-snackbar-container-color",
-      "description": "Background color of the snackbar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-snackbar-padding",
-      "description": "Internal spacing of the snackbar container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-snackbar-min-width",
-      "description": "Minimum width of the snackbar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-snackbar-max-width",
-      "description": "Maximum width of the snackbar.",
-      "values": []
-    },
     {
       "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
       "description": "Leading space for the trailing button (extra-small, unselected).",
@@ -10617,6 +11422,36 @@
       "description": "Spacing between leading and trailing buttons (extra-large).",
       "values": []
     },
+    {
+      "name": "--m3e-snackbar-margin",
+      "description": "Vertical offset from the bottom of the viewport.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-container-shape",
+      "description": "Border radius of the snackbar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-container-color",
+      "description": "Background color of the snackbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-padding",
+      "description": "Internal spacing of the snackbar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-min-width",
+      "description": "Minimum width of the snackbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-max-width",
+      "description": "Maximum width of the snackbar.",
+      "values": []
+    },
     {
       "name": "--m3e-step-shape",
       "description": "Border radius of the step container, defining its visual shape.",
@@ -11692,6 +12527,16 @@
       "description": "The visibility of the focus ring.",
       "values": []
     },
+    {
+      "name": "--m3e-focus-ring-outward-offset",
+      "description": "Offset of an outward focus ring.",
+      "values": []
+    },
+    {
+      "name": "--m3e-focus-ring-inward-offset",
+      "description": "Offset of an inward focus ring.",
+      "values": []
+    },
     {
       "name": "--m3e-checkbox-icon-size",
       "description": "Size of the checkbox icon.",