npm - @m3e/web - Versions diffs - 2.1.0 → 2.1.1 - Mend

@m3e/web 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/all.js +31 -3
package/dist/all.js.map +1 -1
package/dist/all.min.js +42 -42
package/dist/all.min.js.map +1 -1
package/dist/core.js +31 -3
package/dist/core.js.map +1 -1
package/dist/core.min.js +1 -1
package/dist/core.min.js.map +1 -1
package/dist/css-custom-data.json +381 -381
package/dist/custom-elements.json +4273 -3627
package/dist/html-custom-data.json +122 -122
package/dist/src/core/shared/mixins/AttachInternals.d.ts.map +1 -1
package/package.json +1 -1

package/dist/css-custom-data.json CHANGED Viewed

@@ -297,6 +297,76 @@
       "description": "Text color of the avatar.",
       "values": []
     },
+    {
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
+      "values": []
+    },
     {
       "name": "--m3e-bottom-sheet-width",
       "description": "The width of the sheet.",
@@ -457,76 +527,6 @@
       "description": "Letter spacing (tracking) for the sheet header.",
       "values": []
     },
-    {
-      "name": "--m3e-badge-shape",
-      "description": "Corner radius of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
-      "values": []
-    },
     {
       "name": "--m3e-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -2533,498 +2533,498 @@
       "values": []
     },
     {
-      "name": "--m3e-card-padding",
-      "description": "Internal spacing for all slotted regions",
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
       "values": []
     },
     {
-      "name": "--m3e-card-shape",
-      "description": "Corner radius of the card container.",
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-text-color",
-      "description": "Foreground color for text content in filled cards.",
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-color",
-      "description": "Background color of the filled card container.",
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-elevation",
-      "description": "Elevation level for filled card container.",
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-color",
-      "description": "Text color when filled card is disabled.",
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-filled-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-filled-card-disabled-container-color",
-      "description": "Background color when disabled.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation",
-      "description": "Elevation level when disabled.",
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-color",
-      "description": "Shadow color when disabled.",
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
-      "description": "Shadow opacity when disabled.",
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-opacity",
-      "description": "Overall container opacity when disabled.",
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
       "values": []
     },
     {
-      "name": "--m3e-filled-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-filled-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-filled-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-filled-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-filled-card-focus-text-color",
-      "description": "Text color on focus.",
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-color",
-      "description": "State layer color on focus.",
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-opacity",
-      "description": "State layer opacity on focus.",
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-container-elevation",
-      "description": "Elevation level on focus.",
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-text-color",
-      "description": "Text color on press.",
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-color",
-      "description": "State layer color on press.",
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-opacity",
-      "description": "State layer opacity on press.",
+      "name": "--m3e-checkbox-unselected-error-focus-color",
+      "description": "Ripple focus color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-container-elevation",
-      "description": "Elevation level on press.",
+      "name": "--m3e-checkbox-unselected-error-ripple-color",
+      "description": "Ripple base color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-text-color",
-      "description": "Foreground color for text content in elevated cards.",
+      "name": "--m3e-checkbox-selected-error-hover-color",
+      "description": "Ripple hover color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-container-color",
-      "description": "Background color of the elevated card container.",
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-container-elevation",
-      "description": "Elevation level for elevated card container.",
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-text-color",
-      "description": "Text color when elevated card is disabled.",
+      "name": "--m3e-card-padding",
+      "description": "Internal spacing for all slotted regions",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-card-shape",
+      "description": "Corner radius of the card container.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-color",
+      "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-elevated-card-disabled-container-elevation",
+      "name": "--m3e-filled-card-disabled-container-elevation",
       "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-elevation-color",
+      "name": "--m3e-filled-card-disabled-container-elevation-color",
       "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
+      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
       "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-disabled-container-opacity",
+      "name": "--m3e-filled-card-disabled-container-opacity",
       "description": "Overall container opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-text-color",
+      "name": "--m3e-filled-card-hover-text-color",
       "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-state-layer-color",
+      "name": "--m3e-filled-card-hover-state-layer-color",
       "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-state-layer-opacity",
+      "name": "--m3e-filled-card-hover-state-layer-opacity",
       "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-hover-container-elevation",
+      "name": "--m3e-filled-card-hover-container-elevation",
       "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-text-color",
+      "name": "--m3e-filled-card-focus-text-color",
       "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-state-layer-color",
+      "name": "--m3e-filled-card-focus-state-layer-color",
       "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-state-layer-opacity",
+      "name": "--m3e-filled-card-focus-state-layer-opacity",
       "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-focus-container-elevation",
+      "name": "--m3e-filled-card-focus-container-elevation",
       "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-text-color",
+      "name": "--m3e-filled-card-pressed-text-color",
       "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-state-layer-color",
+      "name": "--m3e-filled-card-pressed-state-layer-color",
       "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-state-layer-opacity",
+      "name": "--m3e-filled-card-pressed-state-layer-opacity",
       "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-elevated-card-pressed-container-elevation",
+      "name": "--m3e-filled-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-elevated-card-text-color",
+      "description": "Foreground color for text content in elevated cards.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-container-elevation",
-      "description": "Elevation level for outlined card container.",
+      "name": "--m3e-elevated-card-container-color",
+      "description": "Background color of the elevated card container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-outline-color",
-      "description": "Border color for outlined cards.",
+      "name": "--m3e-elevated-card-container-elevation",
+      "description": "Elevation level for elevated card container.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-outline-thickness",
-      "description": "Border thickness for outlined cards.",
+      "name": "--m3e-elevated-card-disabled-text-color",
+      "description": "Text color when elevated card is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-text-color",
-      "description": "Text color when outlined card is disabled.",
+      "name": "--m3e-elevated-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-elevated-card-disabled-container-color",
+      "description": "Background color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation",
+      "name": "--m3e-elevated-card-disabled-container-elevation",
       "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation-color",
+      "name": "--m3e-elevated-card-disabled-container-elevation-color",
       "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
+      "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
       "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-disabled-outline-color",
-      "description": "Border color when disabled.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-card-disabled-outline-opacity",
-      "description": "Border opacity when disabled.",
+      "name": "--m3e-elevated-card-disabled-container-opacity",
+      "description": "Overall container opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-text-color",
+      "name": "--m3e-elevated-card-hover-text-color",
       "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-state-layer-color",
+      "name": "--m3e-elevated-card-hover-state-layer-color",
       "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-state-layer-opacity",
+      "name": "--m3e-elevated-card-hover-state-layer-opacity",
       "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-container-elevation",
+      "name": "--m3e-elevated-card-hover-container-elevation",
       "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-hover-outline-color",
-      "description": "Border color on hover.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-card-focus-text-color",
+      "name": "--m3e-elevated-card-focus-text-color",
       "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-state-layer-color",
+      "name": "--m3e-elevated-card-focus-state-layer-color",
       "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-state-layer-opacity",
+      "name": "--m3e-elevated-card-focus-state-layer-opacity",
       "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-container-elevation",
+      "name": "--m3e-elevated-card-focus-container-elevation",
       "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-focus-outline-color",
-      "description": "Border color on focus.",
-      "values": []
-    },
-    {
-      "name": "--m3e-outlined-card-pressed-text-color",
+      "name": "--m3e-elevated-card-pressed-text-color",
       "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-state-layer-color",
+      "name": "--m3e-elevated-card-pressed-state-layer-color",
       "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-state-layer-opacity",
+      "name": "--m3e-elevated-card-pressed-state-layer-opacity",
       "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-container-elevation",
+      "name": "--m3e-elevated-card-pressed-container-elevation",
       "description": "Elevation level on press.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-card-pressed-outline-color",
-      "description": "Border color on press.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
+      "name": "--m3e-outlined-card-text-color",
+      "description": "Foreground color for text content in outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
+      "name": "--m3e-outlined-card-container-elevation",
+      "description": "Elevation level for outlined card container.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
+      "name": "--m3e-outlined-card-outline-color",
+      "description": "Border color for outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
+      "name": "--m3e-outlined-card-outline-thickness",
+      "description": "Border thickness for outlined cards.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
+      "name": "--m3e-outlined-card-disabled-text-color",
+      "description": "Text color when outlined card is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
+      "name": "--m3e-outlined-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
+      "name": "--m3e-outlined-card-disabled-container-elevation",
+      "description": "Elevation level when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
+      "name": "--m3e-outlined-card-disabled-container-elevation-color",
+      "description": "Shadow color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
+      "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
+      "description": "Shadow opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
+      "name": "--m3e-outlined-card-disabled-outline-color",
+      "description": "Border color when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
+      "name": "--m3e-outlined-card-disabled-outline-opacity",
+      "description": "Border opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
+      "name": "--m3e-outlined-card-hover-text-color",
+      "description": "Text color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
+      "name": "--m3e-outlined-card-hover-state-layer-color",
+      "description": "State layer color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
+      "name": "--m3e-outlined-card-hover-state-layer-opacity",
+      "description": "State layer opacity on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
+      "name": "--m3e-outlined-card-hover-container-elevation",
+      "description": "Elevation level on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
+      "name": "--m3e-outlined-card-hover-outline-color",
+      "description": "Border color on hover.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
+      "name": "--m3e-outlined-card-focus-text-color",
+      "description": "Text color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
+      "name": "--m3e-outlined-card-focus-state-layer-color",
+      "description": "State layer color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
+      "name": "--m3e-outlined-card-focus-state-layer-opacity",
+      "description": "State layer opacity on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
+      "name": "--m3e-outlined-card-focus-container-elevation",
+      "description": "Elevation level on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
+      "name": "--m3e-outlined-card-focus-outline-color",
+      "description": "Border color on focus.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
+      "name": "--m3e-outlined-card-pressed-text-color",
+      "description": "Text color on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
+      "name": "--m3e-outlined-card-pressed-state-layer-color",
+      "description": "State layer color on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
+      "name": "--m3e-outlined-card-pressed-state-layer-opacity",
+      "description": "State layer opacity on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
+      "name": "--m3e-outlined-card-pressed-container-elevation",
+      "description": "Elevation level on press.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
+      "name": "--m3e-outlined-card-pressed-outline-color",
+      "description": "Border color on press.",
       "values": []
     },
     {
@@ -11682,136 +11682,6 @@
       "description": "Inset offset for divider alignment within step layout.",
       "values": []
     },
-    {
-      "name": "--m3e-tab-font-size",
-      "description": "Font size for tab label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-font-weight",
-      "description": "Font weight for tab label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-line-height",
-      "description": "Line height for tab label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-tracking",
-      "description": "Letter spacing for tab label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-padding-start",
-      "description": "Padding on the inline start of the tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-padding-end",
-      "description": "Padding on the inline end of the tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-focus-ring-shape",
-      "description": "Border radius for the focus ring.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-selected-color",
-      "description": "Text color for selected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-selected-container-hover-color",
-      "description": "Hover state-layer color for selected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-selected-container-focus-color",
-      "description": "Focus state-layer color for selected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-selected-ripple-color",
-      "description": "Ripple color for selected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-unselected-color",
-      "description": "Text color for unselected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-unselected-container-hover-color",
-      "description": "Hover state-layer color for unselected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-unselected-container-focus-color",
-      "description": "Focus state-layer color for unselected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-unselected-ripple-color",
-      "description": "Ripple color for unselected tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-disabled-color",
-      "description": "Text color for disabled tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-disabled-opacity",
-      "description": "Text opacity for disabled tab.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-spacing",
-      "description": "Column gap between icon and label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tab-icon-size",
-      "description": "Font size for slotted icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-paginator-button-icon-size",
-      "description": "Overrides the icon size for paginator buttons.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-active-indicator-color",
-      "description": "Color of the active tab indicator.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-primary-before-active-indicator-shape",
-      "description": "Border radius for active indicator when header is before and variant is primary.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-primary-after-active-indicator-shape",
-      "description": "Border radius for active indicator when header is after and variant is primary.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-primary-active-indicator-inset",
-      "description": "Inset for primary variant's active indicator.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-primary-active-indicator-thickness",
-      "description": "Thickness for primary variant's active indicator.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tabs-secondary-active-indicator-thickness",
-      "description": "Thickness for secondary variant's active indicator.",
-      "values": []
-    },
     {
       "name": "--m3e-switch-selected-icon-color",
       "description": "Color of the icon when the switch is selected.",
@@ -12157,6 +12027,136 @@
       "description": "Handle color when unselected and pressed.",
       "values": []
     },
+    {
+      "name": "--m3e-tab-font-size",
+      "description": "Font size for tab label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-font-weight",
+      "description": "Font weight for tab label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-line-height",
+      "description": "Line height for tab label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-tracking",
+      "description": "Letter spacing for tab label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-padding-start",
+      "description": "Padding on the inline start of the tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-padding-end",
+      "description": "Padding on the inline end of the tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-focus-ring-shape",
+      "description": "Border radius for the focus ring.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-selected-color",
+      "description": "Text color for selected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-selected-container-hover-color",
+      "description": "Hover state-layer color for selected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-selected-container-focus-color",
+      "description": "Focus state-layer color for selected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-selected-ripple-color",
+      "description": "Ripple color for selected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-unselected-color",
+      "description": "Text color for unselected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-unselected-container-hover-color",
+      "description": "Hover state-layer color for unselected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-unselected-container-focus-color",
+      "description": "Focus state-layer color for unselected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-unselected-ripple-color",
+      "description": "Ripple color for unselected tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-disabled-color",
+      "description": "Text color for disabled tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-disabled-opacity",
+      "description": "Text opacity for disabled tab.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-spacing",
+      "description": "Column gap between icon and label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tab-icon-size",
+      "description": "Font size for slotted icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-paginator-button-icon-size",
+      "description": "Overrides the icon size for paginator buttons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-active-indicator-color",
+      "description": "Color of the active tab indicator.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-primary-before-active-indicator-shape",
+      "description": "Border radius for active indicator when header is before and variant is primary.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-primary-after-active-indicator-shape",
+      "description": "Border radius for active indicator when header is after and variant is primary.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-primary-active-indicator-inset",
+      "description": "Inset for primary variant's active indicator.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-primary-active-indicator-thickness",
+      "description": "Thickness for primary variant's active indicator.",
+      "values": []
+    },
+    {
+      "name": "--m3e-tabs-secondary-active-indicator-thickness",
+      "description": "Thickness for secondary variant's active indicator.",
+      "values": []
+    },
     {
       "name": "--m3e-toc-width",
       "description": "Width of the table of contents.",