@m3e/web 2.0.0 → 2.0.1

package/dist/css-custom-data.json

@@ -257,46 +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.",
@@ -368,243 +328,198 @@
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-width",
-      "description": "The width of the sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-max-width",
-      "description": "The maximum width of the sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-container-color",
-      "description": "The background color of the sheet container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-elevation",
-      "description": "The elevation level when not modal.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-modal-elevation",
-      "description": "The elevation level when modal.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-full-elevation",
-      "description": "The elevation level when full height.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-z-index",
-      "description": "The z-index of the non-modal sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-minimized-container-shape",
-      "description": "The border radius when minimized.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-container-shape",
-      "description": "The border radius of the sheet container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-full-container-shape",
-      "description": "The border radius when full height.",
+      "name": "--m3e-avatar-size",
+      "description": "Size of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-color",
-      "description": "The color of the scrim overlay.",
+      "name": "--m3e-avatar-shape",
+      "description": "Border radius of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-opacity",
-      "description": "The opacity of the scrim overlay.",
+      "name": "--m3e-avatar-font-size",
+      "description": "Font size for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-peek-height",
-      "description": "The visible height when minimized.",
+      "name": "--m3e-avatar-font-weight",
+      "description": "Font weight for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-compact-top-space",
-      "description": "The top space in compact mode.",
+      "name": "--m3e-avatar-line-height",
+      "description": "Line height for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-top-space",
-      "description": "The top space in standard mode.",
+      "name": "--m3e-avatar-tracking",
+      "description": "Letter spacing for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-block",
-      "description": "The vertical padding.",
+      "name": "--m3e-avatar-color",
+      "description": "Background color of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-inline",
-      "description": "The horizontal padding.",
+      "name": "--m3e-avatar-label-color",
+      "description": "Text color of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-container-height",
-      "description": "The height of the drag handle container.",
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-width",
-      "description": "The width of the drag handle.",
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-height",
-      "description": "The height of the drag handle.",
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-shape",
-      "description": "The border radius of the handle.",
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-color",
-      "description": "The color of the drag handle.",
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
-      "description": "The offset of the focus ring around the handle.",
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-color",
-      "description": "The foreground (text) color of the sheet.",
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-font-size",
-      "description": "Font size for the sheet content.",
+      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-font-weight",
-      "description": "Font weight for the sheet content.",
+      "name": "--m3e-connected-button-group-small-inner-shape",
+      "description": "Corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-line-height",
-      "description": "Line height for the sheet content.",
+      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-tracking",
-      "description": "Letter spacing (tracking) for the sheet content.",
+      "name": "--m3e-connected-button-group-medium-inner-shape",
+      "description": "Corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-size",
-      "description": "Font size for the sheet header.",
+      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-weight",
-      "description": "Font weight for the sheet header.",
+      "name": "--m3e-connected-button-group-large-inner-shape",
+      "description": "Corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-line-height",
-      "description": "Line height for the sheet header.",
+      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-tracking",
-      "description": "Letter spacing (tracking) for the sheet header.",
+      "name": "--m3e-connected-button-group-extra-large-inner-shape",
+      "description": "Corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-button-container-height",
+      "description": "Height of the button container, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-button-outline-thickness",
+      "description": "Thickness of the button outline, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-button-label-text-font-size",
+      "description": "Font size for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-button-label-text-font-weight",
+      "description": "Font weight for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-button-label-text-line-height",
+      "description": "Line height for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-button-label-text-tracking",
+      "description": "Letter tracking for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-button-icon-size",
+      "description": "Size of the icon, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-button-shape-round",
+      "description": "Corner radius for round shape, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-button-shape-square",
+      "description": "Corner radius for square shape, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-button-selected-shape-round",
+      "description": "Corner radius when selected (round), for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-button-selected-shape-square",
+      "description": "Corner radius when selected (square), for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-button-shape-pressed-morph",
+      "description": "Corner radius when pressed, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-button-leading-space",
+      "description": "Space before icon or label, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-button-trailing-space",
+      "description": "Space after icon or label, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-button-icon-label-space",
+      "description": "Space between icon and label, for all size variants.",
       "values": []
     },
     {
@@ -983,117 +898,392 @@
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-label-text-color",
-      "description": "Label color, for the elevated variant.",
+      "name": "--m3e-button-outline-color",
+      "description": "Outline color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-icon-color",
-      "description": "Icon color, for the elevated variant.",
+      "name": "--m3e-button-disabled-outline-color",
+      "description": "Disabled outline color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-container-color",
-      "description": "Container background color, for the elevated variant.",
+      "name": "--m3e-button-hover-outline-color",
+      "description": "Hover outline color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-container-elevation",
-      "description": "Elevation, for the elevated variant.",
+      "name": "--m3e-button-focus-outline-color",
+      "description": "Focus outline color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-unselected-label-text-color",
-      "description": "Unselected label color, for the elevated variant.",
+      "name": "--m3e-button-pressed-outline-color",
+      "description": "Pressed outline color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-unselected-icon-color",
-      "description": "Unselected icon color, for the elevated variant.",
+      "name": "--m3e-button-container-color",
+      "description": "Container background color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-unselected-container-color",
-      "description": "Unselected container color, for the elevated variant.",
+      "name": "--m3e-button-container-elevation",
+      "description": "Elevation, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-selected-label-text-color",
-      "description": "Selected label color, for the elevated variant.",
+      "name": "--m3e-button-unselected-container-color",
+      "description": "Unselected container color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-selected-icon-color",
-      "description": "Selected icon color, for the elevated variant.",
+      "name": "--m3e-button-selected-container-color",
+      "description": "Selected container color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-selected-container-color",
-      "description": "Selected container color, for the elevated variant.",
+      "name": "--m3e-button-disabled-container-elevation",
+      "description": "Disabled elevation, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-container-color",
-      "description": "Disabled container color, for the elevated variant.",
+      "name": "--m3e-button-hover-container-elevation",
+      "description": "Hover elevation, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-container-opacity",
-      "description": "Disabled container opacity, for the elevated variant.",
+      "name": "--m3e-button-focus-container-elevation",
+      "description": "Focus elevation, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-icon-color",
-      "description": "Disabled icon color, for the elevated variant.",
+      "name": "--m3e-button-pressed-container-elevation",
+      "description": "Pressed elevation, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-icon-opacity",
-      "description": "Disabled icon opacity, for the elevated variant.",
+      "name": "--m3e-button-label-text-color",
+      "description": "Label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-label-text-color",
-      "description": "Disabled label color, for the elevated variant.",
+      "name": "--m3e-button-icon-color",
+      "description": "Icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-label-text-opacity",
-      "description": "Disabled label opacity, for the elevated variant.",
+      "name": "--m3e-button-unselected-label-text-color",
+      "description": "Unselected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-disabled-container-elevation",
-      "description": "Disabled elevation, for the elevated variant.",
+      "name": "--m3e-button-unselected-icon-color",
+      "description": "Unselected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-icon-color",
-      "description": "Hover icon color, for the elevated variant.",
+      "name": "--m3e-button-selected-label-text-color",
+      "description": "Selected label color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-label-text-color",
-      "description": "Hover label color, for the elevated variant.",
+      "name": "--m3e-button-selected-icon-color",
+      "description": "Selected icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-state-layer-color",
-      "description": "Hover state layer color, for the elevated variant.",
+      "name": "--m3e-button-disabled-container-color",
+      "description": "Disabled container color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-state-layer-opacity",
-      "description": "Hover state layer opacity, for the elevated variant.",
+      "name": "--m3e-button-disabled-container-opacity",
+      "description": "Disabled container opacity, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-container-elevation",
-      "description": "Hover elevation, for the elevated variant.",
+      "name": "--m3e-button-disabled-icon-color",
+      "description": "Disabled icon color, for all variants.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-button-hover-unselected-icon-color",
+      "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-focus-state-layer-opacity",
+      "description": "Focus state layer opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-unselected-icon-color",
+      "description": "Focus unselected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-unselected-label-text-color",
+      "description": "Focus unselected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-unselected-state-layer-color",
+      "description": "Focus unselected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-selected-icon-color",
+      "description": "Focus selected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-selected-label-text-color",
+      "description": "Focus selected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-focus-selected-state-layer-color",
+      "description": "Focus selected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-icon-color",
+      "description": "Pressed icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-label-text-color",
+      "description": "Pressed label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-state-layer-color",
+      "description": "Pressed state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-state-layer-opacity",
+      "description": "Pressed state layer opacity, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-unselected-icon-color",
+      "description": "Pressed unselected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-unselected-label-text-color",
+      "description": "Pressed unselected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-unselected-state-layer-color",
+      "description": "Pressed unselected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-selected-icon-color",
+      "description": "Pressed selected icon color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-selected-label-text-color",
+      "description": "Pressed selected label color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-pressed-selected-state-layer-color",
+      "description": "Pressed selected state layer color, for all variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-label-text-color",
+      "description": "Label color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-icon-color",
+      "description": "Icon color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-container-color",
+      "description": "Container background color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-container-elevation",
+      "description": "Elevation, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-unselected-label-text-color",
+      "description": "Unselected label color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-unselected-icon-color",
+      "description": "Unselected icon color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-unselected-container-color",
+      "description": "Unselected container color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-selected-label-text-color",
+      "description": "Selected label color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-selected-icon-color",
+      "description": "Selected icon color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-selected-container-color",
+      "description": "Selected container color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-container-color",
+      "description": "Disabled container color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-container-opacity",
+      "description": "Disabled container opacity, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-icon-color",
+      "description": "Disabled icon color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-icon-opacity",
+      "description": "Disabled icon opacity, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-label-text-color",
+      "description": "Disabled label color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-label-text-opacity",
+      "description": "Disabled label opacity, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-disabled-container-elevation",
+      "description": "Disabled elevation, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-icon-color",
+      "description": "Hover icon color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-label-text-color",
+      "description": "Hover label color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-state-layer-color",
+      "description": "Hover state layer color, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-state-layer-opacity",
+      "description": "Hover state layer opacity, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-container-elevation",
+      "description": "Hover elevation, for the elevated variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-elevated-button-hover-unselected-icon-color",
       "description": "Hover unselected icon color, for the elevated variant.",
       "values": []
     },
@@ -2183,63 +2373,223 @@
       "values": []
     },
     {
-      "name": "--m3e-card-padding",
-      "description": "Internal spacing for all slotted regions",
+      "name": "--m3e-bottom-sheet-width",
+      "description": "The width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-card-shape",
-      "description": "Corner radius of the card container.",
+      "name": "--m3e-bottom-sheet-max-width",
+      "description": "The maximum width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-text-color",
-      "description": "Foreground color for text content in filled cards.",
+      "name": "--m3e-bottom-sheet-container-color",
+      "description": "The background color of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-color",
-      "description": "Background color of the filled card container.",
+      "name": "--m3e-bottom-sheet-elevation",
+      "description": "The elevation level when not modal.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-elevation",
-      "description": "Elevation level for filled card container.",
+      "name": "--m3e-bottom-sheet-modal-elevation",
+      "description": "The elevation level when modal.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-color",
-      "description": "Text color when filled card is disabled.",
+      "name": "--m3e-bottom-sheet-full-elevation",
+      "description": "The elevation level when full height.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-bottom-sheet-z-index",
+      "description": "The z-index of the non-modal sheet.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-color",
-      "description": "Background color when disabled.",
+      "name": "--m3e-bottom-sheet-minimized-container-shape",
+      "description": "The border radius when minimized.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation",
-      "description": "Elevation level when disabled.",
+      "name": "--m3e-bottom-sheet-container-shape",
+      "description": "The border radius of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-color",
-      "description": "Shadow color when disabled.",
+      "name": "--m3e-bottom-sheet-full-container-shape",
+      "description": "The border radius when full height.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
-      "description": "Shadow opacity when disabled.",
+      "name": "--m3e-bottom-sheet-scrim-color",
+      "description": "The color of the scrim overlay.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-opacity",
-      "description": "Overall container opacity when disabled.",
+      "name": "--m3e-bottom-sheet-scrim-opacity",
+      "description": "The opacity of the scrim overlay.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-peek-height",
+      "description": "The visible height when minimized.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-compact-top-space",
+      "description": "The top space in compact mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-top-space",
+      "description": "The top space in standard mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-padding-block",
+      "description": "The vertical padding.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-padding-inline",
+      "description": "The horizontal padding.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-container-height",
+      "description": "The height of the drag handle container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-width",
+      "description": "The width of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-height",
+      "description": "The height of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-shape",
+      "description": "The border radius of the handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-color",
+      "description": "The color of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
+      "description": "The offset of the focus ring around the handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-color",
+      "description": "The foreground (text) color of the sheet.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-font-size",
+      "description": "Font size for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-font-weight",
+      "description": "Font weight for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-line-height",
+      "description": "Line height for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-tracking",
+      "description": "Letter spacing (tracking) for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-font-size",
+      "description": "Font size for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-font-weight",
+      "description": "Font weight for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-line-height",
+      "description": "Line height for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-tracking",
+      "description": "Letter spacing (tracking) for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-card-padding",
+      "description": "Internal spacing for all slotted regions",
+      "values": []
+    },
+    {
+      "name": "--m3e-card-shape",
+      "description": "Corner radius of the card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-text-color",
+      "description": "Foreground color for text content in filled cards.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-container-color",
+      "description": "Background color of the filled card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-container-elevation",
+      "description": "Elevation level for filled card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-text-color",
+      "description": "Text color when filled card is disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-color",
+      "description": "Background color when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-elevation",
+      "description": "Elevation level when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-elevation-color",
+      "description": "Shadow color when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
+      "description": "Shadow opacity when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-opacity",
+      "description": "Overall container opacity when disabled.",
       "values": []
     },
     {
@@ -3573,193 +3923,563 @@
       "values": []
     },
     {
-      "name": "--m3e-drawer-container-width",
-      "description": "The width of the drawer container.",
+      "name": "--m3e-drawer-container-width",
+      "description": "The width of the drawer container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-drawer-container-scrim-opacity",
+      "description": "The opacity of the scrim behind the drawer.",
+      "values": []
+    },
+    {
+      "name": "--m3e-modal-drawer-start-shape",
+      "description": "The shape of the drawer’s start edge (typically left in LTR).",
+      "values": []
+    },
+    {
+      "name": "--m3e-modal-drawer-end-shape",
+      "description": "The shape of the drawer’s end edge (typically right in LTR).",
+      "values": []
+    },
+    {
+      "name": "--m3e-modal-drawer-container-color",
+      "description": "The background color of the modal drawer container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-modal-drawer-elevation",
+      "description": "The elevation level of the modal drawer container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-drawer-divider-color",
+      "description": "The color of the divider between drawer sections.",
+      "values": []
+    },
+    {
+      "name": "--m3e-drawer-divider-thickness",
+      "description": "The thickness of the divider line.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-collapsed-height",
+      "description": "Height of the header when the panel is collapsed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-expanded-height",
+      "description": "Height of the header when the panel is expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-padding-left",
+      "description": "Left padding inside the header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-padding-right",
+      "description": "Right padding inside the header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-spacing",
+      "description": "Spacing between header elements.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-toggle-icon-size",
+      "description": "Size of the toggle icon (e.g. chevron).",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-font-size",
+      "description": "The font size of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-font-weight",
+      "description": "The font weight of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-line-height",
+      "description": "The line height of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-tracking",
+      "description": "Letter spacing (tracking) of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-collapsed-height",
+      "description": "Height of the header when the panel is collapsed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-expanded-height",
+      "description": "Height of the header when the panel is expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-padding-left",
+      "description": "Left padding inside the header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-padding-right",
+      "description": "Right padding inside the header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-spacing",
+      "description": "Spacing between header elements.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-toggle-icon-size",
+      "description": "Size of the toggle icon (e.g. chevron).",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-font-size",
+      "description": "The font size of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-font-weight",
+      "description": "The font weight of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-line-height",
+      "description": "The line height of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-header-tracking",
+      "description": "Letter spacing (tracking) of the header text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-text-color",
+      "description": "Color of the panel's text content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-disabled-text-color",
+      "description": "Color of the panel's text content, when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-disabled-text-opacity",
+      "description": "Opacity of the panel's text content, when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-container-color",
+      "description": "Background color of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-elevation",
+      "description": "Elevation level when the panel is collapsed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-shape",
+      "description": "Shape (e.g. border radius) of the panel when collapsed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-open-elevation",
+      "description": "Elevation level when the panel is expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-open-shape",
+      "description": "Shape (e.g. border radius) of the panel when expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-content-padding",
+      "description": "Padding around the panel's content area.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-spacing",
+      "description": "Spacing between action buttons or elements.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-padding",
+      "description": "Padding around the actions section.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-divider-thickness",
+      "description": "Thickness of the divider above actions.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-divider-color",
+      "description": "Color of the divider above actions.",
+      "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.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-font-size",
+      "description": "Font size for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-font-weight",
+      "description": "Font weight for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-line-height",
+      "description": "Line height for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-tracking",
+      "description": "Letter spacing (tracking) for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-icon-size",
+      "description": "Icon size for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-shape",
+      "description": "Border radius for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-leading-space",
+      "description": "Leading space for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-trailing-space",
+      "description": "Trailing space for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-icon-label-space",
+      "description": "Space between icon and label for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-container-height",
+      "description": "Height of the medium FAB container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-font-size",
+      "description": "Font size for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-font-weight",
+      "description": "Font weight for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-line-height",
+      "description": "Line height for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-tracking",
+      "description": "Letter spacing (tracking) for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-icon-size",
+      "description": "Icon size for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-shape",
+      "description": "Border radius for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-leading-space",
+      "description": "Leading space for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-trailing-space",
+      "description": "Trailing space for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-icon-label-space",
+      "description": "Space between icon and label for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-container-height",
+      "description": "Height of the large FAB container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-large-label-text-font-size",
+      "description": "Font size for the large FAB label text.",
+      "values": []
+    },
+    {
+      "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-drawer-container-scrim-opacity",
-      "description": "The opacity of the scrim behind the drawer.",
+      "name": "--m3e-fab-large-label-text-tracking",
+      "description": "Letter spacing (tracking) for the large FAB label text.",
       "values": []
     },
     {
-      "name": "--m3e-modal-drawer-start-shape",
-      "description": "The shape of the drawer’s start edge (typically left in LTR).",
+      "name": "--m3e-fab-large-icon-size",
+      "description": "Icon size for the large FAB.",
       "values": []
     },
     {
-      "name": "--m3e-modal-drawer-end-shape",
-      "description": "The shape of the drawer’s end edge (typically right in LTR).",
+      "name": "--m3e-fab-large-shape",
+      "description": "Border radius for the large FAB.",
       "values": []
     },
     {
-      "name": "--m3e-modal-drawer-container-color",
-      "description": "The background color of the modal drawer container.",
+      "name": "--m3e-fab-large-leading-space",
+      "description": "Leading space for the large FAB.",
       "values": []
     },
     {
-      "name": "--m3e-modal-drawer-elevation",
-      "description": "The elevation level of the modal drawer container.",
+      "name": "--m3e-fab-large-trailing-space",
+      "description": "Trailing space for the large FAB.",
       "values": []
     },
     {
-      "name": "--m3e-drawer-divider-color",
-      "description": "The color of the divider between drawer sections.",
+      "name": "--m3e-fab-large-icon-label-space",
+      "description": "Space between icon and label for the large FAB.",
       "values": []
     },
     {
-      "name": "--m3e-drawer-divider-thickness",
-      "description": "The thickness of the divider line.",
+      "name": "--m3e-fab-label-text-color",
+      "description": "Default label text color for FAB (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-container-height",
-      "description": "Height of the small FAB container.",
+      "name": "--m3e-fab-icon-color",
+      "description": "Default icon color for FAB (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-font-size",
-      "description": "Font size for the small FAB label text.",
+      "name": "--m3e-fab-container-color",
+      "description": "Default container background color for FAB (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-font-weight",
-      "description": "Font weight for the small FAB label text.",
+      "name": "--m3e-fab-container-elevation",
+      "description": "Resting elevation for FAB (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-line-height",
-      "description": "Line height for the small FAB label text.",
+      "name": "--m3e-fab-lowered-container-elevation",
+      "description": "Lowered resting elevation for FAB (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-tracking",
-      "description": "Letter spacing (tracking) for the small FAB label text.",
+      "name": "--m3e-fab-disabled-container-color",
+      "description": "Container background color when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-icon-size",
-      "description": "Icon size for the small FAB.",
+      "name": "--m3e-fab-disabled-container-opacity",
+      "description": "Opacity of container when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-shape",
-      "description": "Border radius for the small FAB.",
+      "name": "--m3e-fab-disabled-icon-color",
+      "description": "Icon color when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-leading-space",
-      "description": "Leading space for the small FAB.",
+      "name": "--m3e-fab-disabled-icon-opacity",
+      "description": "Icon opacity when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-trailing-space",
-      "description": "Trailing space for the small FAB.",
+      "name": "--m3e-fab-disabled-label-text-color",
+      "description": "Label text color when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-icon-label-space",
-      "description": "Space between icon and label for the small FAB.",
+      "name": "--m3e-fab-disabled-label-text-opacity",
+      "description": "Label text opacity when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-container-height",
-      "description": "Height of the medium FAB container.",
+      "name": "--m3e-fab-disabled-container-elevation",
+      "description": "Elevation when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-font-size",
-      "description": "Font size for the medium FAB label text.",
+      "name": "--m3e-fab-lowered-disabled-container-elevation",
+      "description": "Lowered elevation when disabled (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-font-weight",
-      "description": "Font weight for the medium FAB label text.",
+      "name": "--m3e-fab-hover-icon-color",
+      "description": "Icon color on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-line-height",
-      "description": "Line height for the medium FAB label text.",
+      "name": "--m3e-fab-hover-label-text-color",
+      "description": "Label text color on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-tracking",
-      "description": "Letter spacing (tracking) for the medium FAB label text.",
+      "name": "--m3e-fab-hover-state-layer-color",
+      "description": "State layer color on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-icon-size",
-      "description": "Icon size for the medium FAB.",
+      "name": "--m3e-fab-hover-state-layer-opacity",
+      "description": "State layer opacity on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-shape",
-      "description": "Border radius for the medium FAB.",
+      "name": "--m3e-fab-hover-container-elevation",
+      "description": "Elevation on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-leading-space",
-      "description": "Leading space for the medium FAB.",
+      "name": "--m3e-fab-lowered-hover-container-elevation",
+      "description": "Lowered elevation on hover (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-trailing-space",
-      "description": "Trailing space for the medium FAB.",
+      "name": "--m3e-fab-focus-icon-color",
+      "description": "Icon color on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-icon-label-space",
-      "description": "Space between icon and label for the medium FAB.",
+      "name": "--m3e-fab-focus-label-text-color",
+      "description": "Label text color on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-container-height",
-      "description": "Height of the large FAB container.",
+      "name": "--m3e-fab-focus-state-layer-color",
+      "description": "State layer color on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-label-text-font-size",
-      "description": "Font size for the large FAB label text.",
+      "name": "--m3e-fab-focus-state-layer-opacity",
+      "description": "State layer opacity on focus (all variants).",
       "values": []
     },
     {
-      "name": "--m3e-fab-large-label-text-font-weight",
-      "description": "Font weight for the large FAB label text.",
+      "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": []
     },
     {
@@ -4758,263 +5478,98 @@
       "values": []
     },
     {
-      "name": "--m3e-surface-fab-lowered-disabled-container-elevation",
-      "description": "Lowered elevation when disabled (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-hover-icon-color",
-      "description": "Icon color on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-hover-label-text-color",
-      "description": "Label text color on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-hover-state-layer-color",
-      "description": "State layer color on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-hover-state-layer-opacity",
-      "description": "State layer opacity on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-hover-container-elevation",
-      "description": "Elevation on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-lowered-hover-container-elevation",
-      "description": "Lowered elevation on hover (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-focus-icon-color",
-      "description": "Icon color on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-focus-label-text-color",
-      "description": "Label text color on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-focus-state-layer-color",
-      "description": "State layer color on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-focus-state-layer-opacity",
-      "description": "State layer opacity on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-focus-container-elevation",
-      "description": "Elevation on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-lowered-focus-container-elevation",
-      "description": "Lowered elevation on focus (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-pressed-icon-color",
-      "description": "Icon color on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-pressed-label-text-color",
-      "description": "Label text color on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-pressed-state-layer-color",
-      "description": "State layer color on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-pressed-state-layer-opacity",
-      "description": "State layer opacity on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-pressed-container-elevation",
-      "description": "Elevation on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-surface-fab-lowered-pressed-container-elevation",
-      "description": "Lowered elevation on pressed (surface).",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-collapsed-height",
-      "description": "Height of the header when the panel is collapsed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-expanded-height",
-      "description": "Height of the header when the panel is expanded.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-padding-left",
-      "description": "Left padding inside the header.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-padding-right",
-      "description": "Right padding inside the header.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-spacing",
-      "description": "Spacing between header elements.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-toggle-icon-size",
-      "description": "Size of the toggle icon (e.g. chevron).",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-font-size",
-      "description": "The font size of the header text.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-font-weight",
-      "description": "The font weight of the header text.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-line-height",
-      "description": "The line height of the header text.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-tracking",
-      "description": "Letter spacing (tracking) of the header text.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-collapsed-height",
-      "description": "Height of the header when the panel is collapsed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-expanded-height",
-      "description": "Height of the header when the panel is expanded.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-padding-left",
-      "description": "Left padding inside the header.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-padding-right",
-      "description": "Right padding inside the header.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-header-spacing",
-      "description": "Spacing between header elements.",
+      "name": "--m3e-surface-fab-lowered-disabled-container-elevation",
+      "description": "Lowered elevation when disabled (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-toggle-icon-size",
-      "description": "Size of the toggle icon (e.g. chevron).",
+      "name": "--m3e-surface-fab-hover-icon-color",
+      "description": "Icon color on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-size",
-      "description": "The font size of the header text.",
+      "name": "--m3e-surface-fab-hover-label-text-color",
+      "description": "Label text color on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-weight",
-      "description": "The font weight of the header text.",
+      "name": "--m3e-surface-fab-hover-state-layer-color",
+      "description": "State layer color on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-line-height",
-      "description": "The line height of the header text.",
+      "name": "--m3e-surface-fab-hover-state-layer-opacity",
+      "description": "State layer opacity on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-tracking",
-      "description": "Letter spacing (tracking) of the header text.",
+      "name": "--m3e-surface-fab-hover-container-elevation",
+      "description": "Elevation on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-text-color",
-      "description": "Color of the panel's text content.",
+      "name": "--m3e-surface-fab-lowered-hover-container-elevation",
+      "description": "Lowered elevation on hover (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-disabled-text-color",
-      "description": "Color of the panel's text content, when disabled.",
+      "name": "--m3e-surface-fab-focus-icon-color",
+      "description": "Icon color on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-disabled-text-opacity",
-      "description": "Opacity of the panel's text content, when disabled.",
+      "name": "--m3e-surface-fab-focus-label-text-color",
+      "description": "Label text color on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-container-color",
-      "description": "Background color of the panel container.",
+      "name": "--m3e-surface-fab-focus-state-layer-color",
+      "description": "State layer color on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-elevation",
-      "description": "Elevation level when the panel is collapsed.",
+      "name": "--m3e-surface-fab-focus-state-layer-opacity",
+      "description": "State layer opacity on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-shape",
-      "description": "Shape (e.g. border radius) of the panel when collapsed.",
+      "name": "--m3e-surface-fab-focus-container-elevation",
+      "description": "Elevation on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-open-elevation",
-      "description": "Elevation level when the panel is expanded.",
+      "name": "--m3e-surface-fab-lowered-focus-container-elevation",
+      "description": "Lowered elevation on focus (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-open-shape",
-      "description": "Shape (e.g. border radius) of the panel when expanded.",
+      "name": "--m3e-surface-fab-pressed-icon-color",
+      "description": "Icon color on pressed (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-content-padding",
-      "description": "Padding around the panel's content area.",
+      "name": "--m3e-surface-fab-pressed-label-text-color",
+      "description": "Label text color on pressed (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-spacing",
-      "description": "Spacing between action buttons or elements.",
+      "name": "--m3e-surface-fab-pressed-state-layer-color",
+      "description": "State layer color on pressed (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-padding",
-      "description": "Padding around the actions section.",
+      "name": "--m3e-surface-fab-pressed-state-layer-opacity",
+      "description": "State layer opacity on pressed (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-divider-thickness",
-      "description": "Thickness of the divider above actions.",
+      "name": "--m3e-surface-fab-pressed-container-elevation",
+      "description": "Elevation on pressed (surface).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-divider-color",
-      "description": "Color of the divider above actions.",
+      "name": "--m3e-surface-fab-lowered-pressed-container-elevation",
+      "description": "Lowered elevation on pressed (surface).",
       "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.",
@@ -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.",