@m3e/web 2.2.0 → 2.2.2

package/dist/css-custom-data.json

@@ -527,176 +527,6 @@
       "description": "Letter spacing for large badge label.",
       "values": []
     },
-    {
-      "name": "--m3e-calendar-container-color",
-      "description": "Background color of the container surface.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-container-elevation",
-      "description": "Elevation shadow applied to the container surface.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-container-shape",
-      "description": "Corner radius of the container surface.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-padding",
-      "description": "Padding applied to the calendar header and body.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-period-button-text-color",
-      "description": "Text color used for the period‑navigation buttons in the header.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-weekday-font-size",
-      "description": "Font size of weekday labels in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-weekday-font-weight",
-      "description": "Font weight of weekday labels in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-weekday-line-height",
-      "description": "Line height of weekday labels in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-weekday-tracking",
-      "description": "Letter spacing of weekday labels in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-date-font-size",
-      "description": "Font size of date cells in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-date-font-weight",
-      "description": "Font weight of date cells in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-date-line-height",
-      "description": "Line height of date cells in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-date-tracking",
-      "description": "Letter spacing of date cells in month view.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-font-size",
-      "description": "Font size of items in year and multi‑year views.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-font-weight",
-      "description": "Font weight of items in year and multi‑year views.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-line-height",
-      "description": "Line height of items in year and multi‑year views.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-tracking",
-      "description": "Letter spacing of items in year and multi‑year views.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-selected-color",
-      "description": "Text color for selected date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-selected-container-color",
-      "description": "Background color for selected date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-selected-ripple-color",
-      "description": "Ripple color used when interacting with selected date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-selected-hover-color",
-      "description": "Hover color used when interacting with selected date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-selected-focus-color",
-      "description": "Focus color used when interacting with selected date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-current-outline-thickness",
-      "description": "Outline thickness used to indicate the current date.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-current-outline-color",
-      "description": "Outline color used to indicate the current date.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-color",
-      "description": "Text color for dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-container-color",
-      "description": "Background color for dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-ripple-color",
-      "description": "Ripple color used when interacting with dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-hover-color",
-      "description": "Hover color used when interacting with dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-focus-color",
-      "description": "Focus color used when interacting with dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-range-container-color",
-      "description": "Background color applied to the selected date range.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-range-color",
-      "description": "Text color for dates within a selected range.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-disabled-color",
-      "description": "Color used for disabled date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-disabled-color-opacity",
-      "description": "Opacity applied to the disabled item color.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-slide-animation-duration",
-      "description": "Duration of slide transitions between calendar views.",
-      "values": []
-    },
     {
       "name": "--m3e-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -2703,118 +2533,298 @@
       "values": []
     },
     {
-      "name": "--m3e-card-padding",
-      "description": "Internal spacing for all slotted regions",
+      "name": "--m3e-calendar-container-color",
+      "description": "Background color of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-card-shape",
-      "description": "Corner radius of the card container.",
+      "name": "--m3e-calendar-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-text-color",
-      "description": "Foreground color for text content in filled cards.",
+      "name": "--m3e-calendar-container-shape",
+      "description": "Corner radius of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-color",
-      "description": "Background color of the filled card container.",
+      "name": "--m3e-calendar-padding",
+      "description": "Padding applied to the calendar header and body.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-elevation",
-      "description": "Elevation level for filled card container.",
+      "name": "--m3e-calendar-period-button-text-color",
+      "description": "Text color used for the period‑navigation buttons in the header.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-color",
-      "description": "Text color when filled card is disabled.",
+      "name": "--m3e-calendar-weekday-font-size",
+      "description": "Font size of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-calendar-weekday-font-weight",
+      "description": "Font weight of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-color",
-      "description": "Background color when disabled.",
+      "name": "--m3e-calendar-weekday-line-height",
+      "description": "Line height of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation",
-      "description": "Elevation level when disabled.",
+      "name": "--m3e-calendar-weekday-tracking",
+      "description": "Letter spacing of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-color",
-      "description": "Shadow color when disabled.",
+      "name": "--m3e-calendar-weekday-color",
+      "description": "Text color for weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
-      "description": "Shadow opacity when disabled.",
+      "name": "--m3e-calendar-date-font-size",
+      "description": "Font size of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-opacity",
-      "description": "Overall container opacity when disabled.",
+      "name": "--m3e-calendar-date-font-weight",
+      "description": "Font weight of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-text-color",
-      "description": "Text color on hover.",
+      "name": "--m3e-calendar-date-line-height",
+      "description": "Line height of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-state-layer-color",
-      "description": "State layer color on hover.",
+      "name": "--m3e-calendar-date-tracking",
+      "description": "Letter spacing of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-state-layer-opacity",
-      "description": "State layer opacity on hover.",
+      "name": "--m3e-calendar-item-font-size",
+      "description": "Font size of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-hover-container-elevation",
-      "description": "Elevation level on hover.",
+      "name": "--m3e-calendar-item-font-weight",
+      "description": "Font weight of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-text-color",
-      "description": "Text color on focus.",
+      "name": "--m3e-calendar-item-line-height",
+      "description": "Line height of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-color",
-      "description": "State layer color on focus.",
+      "name": "--m3e-calendar-item-tracking",
+      "description": "Letter spacing of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-state-layer-opacity",
-      "description": "State layer opacity on focus.",
+      "name": "--m3e-calendar-item-color",
+      "description": "Text color for date items.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-focus-container-elevation",
-      "description": "Elevation level on focus.",
+      "name": "--m3e-calendar-item-selected-color",
+      "description": "Text color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-text-color",
-      "description": "Text color on press.",
+      "name": "--m3e-calendar-item-selected-container-color",
+      "description": "Background color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-color",
-      "description": "State layer color on press.",
+      "name": "--m3e-calendar-item-selected-ripple-color",
+      "description": "Ripple color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-pressed-state-layer-opacity",
-      "description": "State layer opacity on press.",
+      "name": "--m3e-calendar-item-selected-hover-color",
+      "description": "Hover color used when interacting with selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-focus-color",
+      "description": "Focus color used when interacting with selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-current-outline-thickness",
+      "description": "Outline thickness used to indicate the current date.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-current-outline-color",
+      "description": "Outline color used to indicate the current date.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-color",
+      "description": "Text color for dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-container-color",
+      "description": "Background color for dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-ripple-color",
+      "description": "Ripple color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-hover-color",
+      "description": "Hover color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-focus-color",
+      "description": "Focus color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-range-container-color",
+      "description": "Background color applied to the selected date range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-range-color",
+      "description": "Text color for dates within a selected range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color",
+      "description": "Color used for disabled date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color-opacity",
+      "description": "Opacity applied to the disabled item color.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-slide-animation-duration",
+      "description": "Duration of slide transitions between calendar views.",
+      "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": []
+    },
+    {
+      "name": "--m3e-filled-card-hover-text-color",
+      "description": "Text color on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-hover-state-layer-color",
+      "description": "State layer color on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-hover-state-layer-opacity",
+      "description": "State layer opacity on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-hover-container-elevation",
+      "description": "Elevation level on hover.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-focus-text-color",
+      "description": "Text color on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-focus-state-layer-color",
+      "description": "State layer color on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-focus-state-layer-opacity",
+      "description": "State layer opacity on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-focus-container-elevation",
+      "description": "Elevation level on focus.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-pressed-text-color",
+      "description": "Text color on press.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-pressed-state-layer-color",
+      "description": "State layer color on press.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-pressed-state-layer-opacity",
+      "description": "State layer opacity on press.",
       "values": []
     },
     {
@@ -3067,141 +3077,6 @@
       "description": "Border color on press.",
       "values": []
     },
-    {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
-      "values": []
-    },
     {
       "name": "--m3e-chip-container-shape",
       "description": "Border radius of the chip container.",
@@ -3983,18 +3858,153 @@
       "values": []
     },
     {
-      "name": "--m3e-outlined-chip-outline-color",
-      "description": "Outline color for outlined variant.",
+      "name": "--m3e-outlined-chip-outline-color",
+      "description": "Outline color for outlined variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-chip-disabled-outline-color",
+      "description": "Outline color for disabled outlined variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-outlined-chip-disabled-outline-opacity",
+      "description": "Opacity applied to disabled outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-disabled-outline-color",
+      "description": "Base color for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-opacity",
+      "description": "Opacity for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-color",
+      "description": "Base color for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
+      "description": "Opacity for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-hover-color",
+      "description": "Ripple hover color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
+      "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-outlined-chip-disabled-outline-color",
-      "description": "Outline color for disabled outlined variant.",
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-outlined-chip-disabled-outline-opacity",
-      "description": "Opacity applied to disabled outline.",
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
       "values": []
     },
     {
@@ -4017,6 +4027,11 @@
       "description": "Elevation shadow applied to the container surface.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-modal-headline-color",
+      "description": "Color used for the modal headline text.",
+      "values": []
+    },
     {
       "name": "--m3e-datepicker-modal-headline-font-size",
       "description": "Font size used for the modal headline text.",
@@ -4037,6 +4052,11 @@
       "description": "Letter spacing used for the modal headline text.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-color",
+      "description": "Color used for supporting text in modal mode.",
+      "values": []
+    },
     {
       "name": "--m3e-datepicker-modal-supporting-text-font-size",
       "description": "Font size used for supporting text in modal mode.",
@@ -4239,12 +4259,12 @@
     },
     {
       "name": "--m3e-modal-drawer-start-shape",
-      "description": "The shape of the drawer’s start edge (typically left in LTR).",
+      "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).",
+      "description": "The shape of the drawer's end edge (typically right in LTR).",
       "values": []
     },
     {
@@ -10412,66 +10432,6 @@
       "description": "Margin for the active indicator in vertical orientation.",
       "values": []
     },
-    {
-      "name": "--m3e-nav-rail-top-space",
-      "description": "Top block padding for the nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-bottom-space",
-      "description": "Bottom block padding for the nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-compact-width",
-      "description": "Width of the nav rail in compact mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-inline-padding",
-      "description": "Inline padding for expanded nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-min-width",
-      "description": "Minimum width of the nav rail in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-max-width",
-      "description": "Maximum width of the nav rail in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-item-height",
-      "description": "Height of nav items in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-button-item-space",
-      "description": "Space below icon buttons and FABs.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-icon-button-inset",
-      "description": "Inset for icon buttons in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-height",
-      "description": "Height of the navigation bar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-container-color",
-      "description": "Background color of the navigation bar container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-vertical-item-width",
-      "description": "Minimum width of vertical nav items.",
-      "values": []
-    },
     {
       "name": "--m3e-nav-menu-padding-top",
       "description": "Top padding for the menu.",
@@ -10672,6 +10632,66 @@
       "description": "Vertical spacing around the group's label.",
       "values": []
     },
+    {
+      "name": "--m3e-nav-rail-top-space",
+      "description": "Top block padding for the nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-bottom-space",
+      "description": "Bottom block padding for the nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-compact-width",
+      "description": "Width of the nav rail in compact mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-inline-padding",
+      "description": "Inline padding for expanded nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-min-width",
+      "description": "Minimum width of the nav rail in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-max-width",
+      "description": "Maximum width of the nav rail in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-item-height",
+      "description": "Height of nav items in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-button-item-space",
+      "description": "Space below icon buttons and FABs.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-icon-button-inset",
+      "description": "Inset for icon buttons in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-height",
+      "description": "Height of the navigation bar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-container-color",
+      "description": "Background color of the navigation bar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-vertical-item-width",
+      "description": "Minimum width of vertical nav items.",
+      "values": []
+    },
     {
       "name": "--m3e-option-height",
       "description": "The height of the group label container.",
@@ -10958,148 +10978,148 @@
       "values": []
     },
     {
-      "name": "--m3e-circular-flat-progress-indicator-diameter",
-      "description": "Diameter of the `flat` variant.",
+      "name": "--m3e-radio-container-size",
+      "description": "Base size of the radio button container.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-diameter",
-      "description": "Diameter of the `wavy` variant.",
+      "name": "--m3e-radio-icon-size",
+      "description": "Size of the radio icon inside the wrapper.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-amplitude",
-      "description": "Amplitude of the `wavy` variant.",
+      "name": "--m3e-radio-unselected-hover-color",
+      "description": "Hover state layer color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-circular-wavy-progress-indicator-wavelength",
-      "description": "Wavelength of the `wavy` variant.",
+      "name": "--m3e-radio-unselected-focus-color",
+      "description": "Focus state layer color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-circular-progress-indicator-thickness",
-      "description": "Thickness of the progress indicator.",
+      "name": "--m3e-radio-unselected-ripple-color",
+      "description": "Ripple color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-track-color",
-      "description": "Track color of the progress indicator (background).",
+      "name": "--m3e-radio-unselected-icon-color",
+      "description": "Icon color when radio is not selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-color",
-      "description": "Color of the progress indicator (foreground).",
+      "name": "--m3e-radio-selected-hover-color",
+      "description": "Hover state layer color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-linear-progress-indicator-thickness",
-      "description": "Thickness (height) of the progress bar.",
+      "name": "--m3e-radio-selected-focus-color",
+      "description": "Focus state layer color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-linear-progress-indicator-shape",
-      "description": "Border radius of the progress bar.",
+      "name": "--m3e-radio-selected-ripple-color",
+      "description": "Ripple color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-track-color",
-      "description": "Track color of the progress bar (background/buffer).",
+      "name": "--m3e-radio-selected-icon-color",
+      "description": "Icon color when radio is selected.",
       "values": []
     },
     {
-      "name": "--m3e-progress-indicator-color",
-      "description": "Color of the progress indicator (foreground).",
+      "name": "--m3e-radio-disabled-icon-color",
+      "description": "Icon color when radio is disabled.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-progress-indicator-amplitude",
-      "description": "Amplitude of the `wavy` variant.",
+      "name": "--m3e-radio-error-hover-color",
+      "description": "Fallback hover color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-progress-indicator-wavelength",
-      "description": "Wavelength of the `wavy` variant.",
+      "name": "--m3e-radio-error-focus-color",
+      "description": "Fallback focus color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
-      "description": "Wavelength of the indeterminate/query `wavy` variant.",
+      "name": "--m3e-radio-error-ripple-color",
+      "description": "Fallback ripple color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-radio-container-size",
-      "description": "Base size of the radio button container.",
+      "name": "--m3e-radio-error-icon-color",
+      "description": "Fallback icon color used when the radio is invalid and touched.",
       "values": []
     },
     {
-      "name": "--m3e-radio-icon-size",
-      "description": "Size of the radio icon inside the wrapper.",
+      "name": "--m3e-circular-flat-progress-indicator-diameter",
+      "description": "Diameter of the `flat` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-hover-color",
-      "description": "Hover state layer color when radio is not selected.",
+      "name": "--m3e-circular-wavy-progress-indicator-diameter",
+      "description": "Diameter of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-focus-color",
-      "description": "Focus state layer color when radio is not selected.",
+      "name": "--m3e-circular-wavy-progress-indicator-amplitude",
+      "description": "Amplitude of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-ripple-color",
-      "description": "Ripple color when radio is not selected.",
+      "name": "--m3e-circular-wavy-progress-indicator-wavelength",
+      "description": "Wavelength of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-unselected-icon-color",
-      "description": "Icon color when radio is not selected.",
+      "name": "--m3e-circular-progress-indicator-thickness",
+      "description": "Thickness of the progress indicator.",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-hover-color",
-      "description": "Hover state layer color when radio is selected.",
+      "name": "--m3e-progress-indicator-track-color",
+      "description": "Track color of the progress indicator (background).",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-focus-color",
-      "description": "Focus state layer color when radio is selected.",
+      "name": "--m3e-progress-indicator-color",
+      "description": "Color of the progress indicator (foreground).",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-ripple-color",
-      "description": "Ripple color when radio is selected.",
+      "name": "--m3e-linear-progress-indicator-thickness",
+      "description": "Thickness (height) of the progress bar.",
       "values": []
     },
     {
-      "name": "--m3e-radio-selected-icon-color",
-      "description": "Icon color when radio is selected.",
+      "name": "--m3e-linear-progress-indicator-shape",
+      "description": "Border radius of the progress bar.",
       "values": []
     },
     {
-      "name": "--m3e-radio-disabled-icon-color",
-      "description": "Icon color when radio is disabled.",
+      "name": "--m3e-progress-indicator-track-color",
+      "description": "Track color of the progress bar (background/buffer).",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-hover-color",
-      "description": "Fallback hover color used when the radio is invalid and touched.",
+      "name": "--m3e-progress-indicator-color",
+      "description": "Color of the progress indicator (foreground).",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-focus-color",
-      "description": "Fallback focus color used when the radio is invalid and touched.",
+      "name": "--m3e-linear-wavy-progress-indicator-amplitude",
+      "description": "Amplitude of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-ripple-color",
-      "description": "Fallback ripple color used when the radio is invalid and touched.",
+      "name": "--m3e-linear-wavy-progress-indicator-wavelength",
+      "description": "Wavelength of the `wavy` variant.",
       "values": []
     },
     {
-      "name": "--m3e-radio-error-icon-color",
-      "description": "Fallback icon color used when the radio is invalid and touched.",
+      "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
+      "description": "Wavelength of the indeterminate/query `wavy` variant.",
       "values": []
     },
     {
@@ -11334,12 +11354,12 @@
     },
     {
       "name": "--m3e-segmented-button-outline-thickness",
-      "description": "Thickness of the button’s border.",
+      "description": "Thickness of the button's border.",
       "values": []
     },
     {
       "name": "--m3e-segmented-button-outline-color",
-      "description": "Color of the button’s border.",
+      "description": "Color of the button's border.",
       "values": []
     },
     {
@@ -12219,12 +12239,12 @@
     },
     {
       "name": "--m3e-switch-track-outline-color",
-      "description": "Color of the track’s outline.",
+      "description": "Color of the track's outline.",
       "values": []
     },
     {
       "name": "--m3e-switch-track-outline-width",
-      "description": "Thickness of the track’s outline.",
+      "description": "Thickness of the track's outline.",
       "values": []
     },
     {