@m3e/web 2.1.1 → 2.1.2

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.",
@@ -367,6 +327,46 @@
       "description": "Letter spacing for large badge label.",
       "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-bottom-sheet-width",
       "description": "The width of the sheet.",
@@ -527,6 +527,86 @@
       "description": "Letter spacing (tracking) for the sheet header.",
       "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-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -2453,578 +2533,503 @@
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-card-padding",
+      "description": "Internal spacing for all slotted regions",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-card-shape",
+      "description": "Corner radius of the card container.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-filled-card-text-color",
+      "description": "Foreground color for text content in filled cards.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-filled-card-container-color",
+      "description": "Background color of the filled card container.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-filled-card-container-elevation",
+      "description": "Elevation level for filled card container.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-filled-card-disabled-text-color",
+      "description": "Text color when filled card is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-filled-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-filled-card-disabled-container-color",
+      "description": "Background color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-filled-card-disabled-container-elevation",
+      "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-filled-card-disabled-container-elevation-color",
+      "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
+      "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-filled-card-disabled-container-opacity",
+      "description": "Overall container opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-filled-card-hover-text-color",
+      "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-filled-card-hover-state-layer-color",
+      "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-filled-card-hover-state-layer-opacity",
+      "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-filled-card-hover-container-elevation",
+      "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
+      "name": "--m3e-filled-card-focus-text-color",
+      "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
+      "name": "--m3e-filled-card-focus-state-layer-color",
+      "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
+      "name": "--m3e-filled-card-focus-state-layer-opacity",
+      "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
+      "name": "--m3e-filled-card-focus-container-elevation",
+      "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
+      "name": "--m3e-filled-card-pressed-text-color",
+      "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
+      "name": "--m3e-filled-card-pressed-state-layer-color",
+      "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
+      "name": "--m3e-filled-card-pressed-state-layer-opacity",
+      "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
+      "name": "--m3e-filled-card-pressed-container-elevation",
+      "description": "Elevation level on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-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.",
+      "name": "--m3e-elevated-card-text-color",
+      "description": "Foreground color for text content in elevated cards.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-color",
-      "description": "Background color of the filled card container.",
+      "name": "--m3e-elevated-card-container-color",
+      "description": "Background color of the elevated card container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-elevation",
-      "description": "Elevation level for filled card container.",
+      "name": "--m3e-elevated-card-container-elevation",
+      "description": "Elevation level for elevated card container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-color",
-      "description": "Text color when filled card is disabled.",
+      "name": "--m3e-elevated-card-disabled-text-color",
+      "description": "Text color when elevated card is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-opacity",
+      "name": "--m3e-elevated-card-disabled-text-opacity",
       "description": "Opacity applied to text when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-color",
+      "name": "--m3e-elevated-card-disabled-container-color",
       "description": "Background color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation",
+      "name": "--m3e-elevated-card-disabled-container-elevation",
       "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-color",
+      "name": "--m3e-elevated-card-disabled-container-elevation-color",
       "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
+      "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
       "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-opacity",
+      "name": "--m3e-elevated-card-disabled-container-opacity",
       "description": "Overall container opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-text-color",
+      "name": "--m3e-elevated-card-hover-text-color",
       "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-state-layer-color",
+      "name": "--m3e-elevated-card-hover-state-layer-color",
       "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-state-layer-opacity",
+      "name": "--m3e-elevated-card-hover-state-layer-opacity",
       "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-container-elevation",
+      "name": "--m3e-elevated-card-hover-container-elevation",
       "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-text-color",
+      "name": "--m3e-elevated-card-focus-text-color",
       "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-color",
+      "name": "--m3e-elevated-card-focus-state-layer-color",
       "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-opacity",
+      "name": "--m3e-elevated-card-focus-state-layer-opacity",
       "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-container-elevation",
+      "name": "--m3e-elevated-card-focus-container-elevation",
       "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-text-color",
+      "name": "--m3e-elevated-card-pressed-text-color",
       "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-color",
+      "name": "--m3e-elevated-card-pressed-state-layer-color",
       "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-opacity",
+      "name": "--m3e-elevated-card-pressed-state-layer-opacity",
       "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-container-elevation",
+      "name": "--m3e-elevated-card-pressed-container-elevation",
       "description": "Elevation level on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-text-color",
-      "description": "Foreground color for text content in elevated cards.",
+      "name": "--m3e-outlined-card-text-color",
+      "description": "Foreground color for text content in outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-container-color",
-      "description": "Background color of the elevated card container.",
+      "name": "--m3e-outlined-card-container-color",
+      "description": "Background color of the outlined card container.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-container-elevation",
-      "description": "Elevation level for elevated card container.",
+      "name": "--m3e-outlined-card-container-elevation",
+      "description": "Elevation level for outlined card container.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-text-color",
-      "description": "Text color when elevated card is disabled.",
+      "name": "--m3e-outlined-card-outline-color",
+      "description": "Border color for outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-outlined-card-outline-thickness",
+      "description": "Border thickness for outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-color",
-      "description": "Background color when disabled.",
+      "name": "--m3e-outlined-card-disabled-text-color",
+      "description": "Text color when outlined card is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-elevation",
+      "name": "--m3e-outlined-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-card-disabled-container-elevation",
       "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-elevation-color",
+      "name": "--m3e-outlined-card-disabled-container-elevation-color",
       "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
+      "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
       "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-opacity",
-      "description": "Overall container opacity when disabled.",
+      "name": "--m3e-outlined-card-disabled-outline-color",
+      "description": "Border color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-text-color",
+      "name": "--m3e-outlined-card-disabled-outline-opacity",
+      "description": "Border opacity when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-card-hover-text-color",
       "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-state-layer-color",
+      "name": "--m3e-outlined-card-hover-state-layer-color",
       "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-state-layer-opacity",
+      "name": "--m3e-outlined-card-hover-state-layer-opacity",
       "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-container-elevation",
+      "name": "--m3e-outlined-card-hover-container-elevation",
       "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-text-color",
+      "name": "--m3e-outlined-card-hover-outline-color",
+      "description": "Border color on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-card-focus-text-color",
       "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-state-layer-color",
+      "name": "--m3e-outlined-card-focus-state-layer-color",
       "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-state-layer-opacity",
+      "name": "--m3e-outlined-card-focus-state-layer-opacity",
       "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-container-elevation",
+      "name": "--m3e-outlined-card-focus-container-elevation",
       "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-text-color",
+      "name": "--m3e-outlined-card-focus-outline-color",
+      "description": "Border color on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-card-pressed-text-color",
       "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-state-layer-color",
+      "name": "--m3e-outlined-card-pressed-state-layer-color",
       "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-state-layer-opacity",
+      "name": "--m3e-outlined-card-pressed-state-layer-opacity",
       "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-container-elevation",
+      "name": "--m3e-outlined-card-pressed-container-elevation",
       "description": "Elevation level on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-text-color",
-      "description": "Foreground color for text content in outlined cards.",
+      "name": "--m3e-outlined-card-pressed-outline-color",
+      "description": "Border color on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-container-elevation",
-      "description": "Elevation level for outlined card container.",
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-outline-color",
-      "description": "Border color for outlined cards.",
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-outline-thickness",
-      "description": "Border thickness for outlined cards.",
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-text-color",
-      "description": "Text color when outlined card is disabled.",
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-color",
+      "description": "Base color for disabled unselected outline.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation",
-      "description": "Elevation level when disabled.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation-color",
-      "description": "Shadow color when disabled.",
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
-      "description": "Shadow opacity when disabled.",
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-outline-color",
-      "description": "Border color when disabled.",
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-outline-opacity",
-      "description": "Border opacity when disabled.",
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-text-color",
-      "description": "Text color on hover.",
+      "name": "--m3e-checkbox-selected-disabled-container-opacity",
+      "description": "Opacity for disabled selected container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-state-layer-color",
-      "description": "State layer color on hover.",
+      "name": "--m3e-checkbox-selected-disabled-icon-color",
+      "description": "Base color for disabled selected icon.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-state-layer-opacity",
-      "description": "State layer opacity on hover.",
+      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
+      "description": "Opacity for disabled selected icon.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-container-elevation",
-      "description": "Elevation level on hover.",
+      "name": "--m3e-checkbox-unselected-hover-color",
+      "description": "Ripple hover color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-outline-color",
-      "description": "Border color on hover.",
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-text-color",
-      "description": "Text color on focus.",
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-state-layer-color",
-      "description": "State layer color on focus.",
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-state-layer-opacity",
-      "description": "State layer opacity on focus.",
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-container-elevation",
-      "description": "Elevation level on focus.",
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-outline-color",
-      "description": "Border color on focus.",
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-text-color",
-      "description": "Text color on press.",
+      "name": "--m3e-checkbox-unselected-error-focus-color",
+      "description": "Ripple focus color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-state-layer-color",
-      "description": "State layer color on press.",
+      "name": "--m3e-checkbox-unselected-error-ripple-color",
+      "description": "Ripple base color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-state-layer-opacity",
-      "description": "State layer opacity on press.",
+      "name": "--m3e-checkbox-selected-error-hover-color",
+      "description": "Ripple hover color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-container-elevation",
-      "description": "Elevation level on press.",
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-outline-color",
-      "description": "Border color on press.",
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
       "values": []
     },
     {
@@ -3922,234 +3927,69 @@
       "description": "Color of the divider line.",
       "values": []
     },
-    {
-      "name": "--m3e-divider-inset-size",
-      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-start-size",
-      "description": "When inset, leading inset size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-end-size",
-      "description": "When inset, trailing inset size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-drawer-container-color",
-      "description": "The background color of the drawer container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-drawer-container-elevation",
-      "description": "The elevation level of the drawer container.",
-      "values": []
-    },
-    {
-      "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.",
+    {
+      "name": "--m3e-divider-inset-size",
+      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-disabled-text-color",
-      "description": "Color of the panel's text content, when disabled.",
+      "name": "--m3e-divider-inset-start-size",
+      "description": "When inset, leading inset size.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-disabled-text-opacity",
-      "description": "Opacity of the panel's text content, when disabled.",
+      "name": "--m3e-divider-inset-end-size",
+      "description": "When inset, trailing inset size.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-container-color",
-      "description": "Background color of the panel container.",
+      "name": "--m3e-drawer-container-color",
+      "description": "The background color of the drawer container.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-elevation",
-      "description": "Elevation level when the panel is collapsed.",
+      "name": "--m3e-drawer-container-elevation",
+      "description": "The elevation level of the drawer container.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-shape",
-      "description": "Shape (e.g. border radius) of the panel when collapsed.",
+      "name": "--m3e-drawer-container-width",
+      "description": "The width of the drawer container.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-open-elevation",
-      "description": "Elevation level when the panel is expanded.",
+      "name": "--m3e-drawer-container-scrim-opacity",
+      "description": "The opacity of the scrim behind the drawer.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-open-shape",
-      "description": "Shape (e.g. border radius) of the panel when expanded.",
+      "name": "--m3e-modal-drawer-start-shape",
+      "description": "The shape of the drawer’s start edge (typically left in LTR).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-content-padding",
-      "description": "Padding around the panel's content area.",
+      "name": "--m3e-modal-drawer-end-shape",
+      "description": "The shape of the drawer’s end edge (typically right in LTR).",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-spacing",
-      "description": "Spacing between action buttons or elements.",
+      "name": "--m3e-modal-drawer-container-color",
+      "description": "The background color of the modal drawer container.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-padding",
-      "description": "Padding around the actions section.",
+      "name": "--m3e-modal-drawer-elevation",
+      "description": "The elevation level of the modal drawer container.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-divider-thickness",
-      "description": "Thickness of the divider above actions.",
+      "name": "--m3e-drawer-divider-color",
+      "description": "The color of the divider between drawer sections.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-actions-divider-color",
-      "description": "Color of the divider above actions.",
+      "name": "--m3e-drawer-divider-thickness",
+      "description": "The thickness of the divider line.",
       "values": []
     },
     {
@@ -5597,6 +5437,171 @@
       "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.",
+      "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-menu-spacing",
       "description": "Vertical gap between menu items.",
@@ -11032,26 +11037,6 @@
       "description": "Transition used to morph between shapes.",
       "values": []
     },
-    {
-      "name": "--m3e-slide-group-button-icon-size",
-      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-button-size",
-      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-top",
-      "description": "Adds top border to content container for visual separation.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-bottom",
-      "description": "Adds bottom border to content container for visual separation.",
-      "values": []
-    },
     {
       "name": "--m3e-slider-min-width",
       "description": "Minimum inline size of the slider host.",
@@ -11287,6 +11272,26 @@
       "description": "Letter spacing of the label text.",
       "values": []
     },
+    {
+      "name": "--m3e-slide-group-button-icon-size",
+      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-button-size",
+      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-top",
+      "description": "Adds top border to content container for visual separation.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-bottom",
+      "description": "Adds bottom border to content container for visual separation.",
+      "values": []
+    },
     {
       "name": "--m3e-snackbar-margin",
       "description": "Vertical offset from the bottom of the viewport.",