@m3e/web 2.5.4 → 2.5.6

package/dist/css-custom-data.json

@@ -257,6 +257,46 @@
       "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.",
@@ -327,46 +367,6 @@
       "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.",
@@ -528,223 +528,408 @@
       "values": []
     },
     {
-      "name": "--m3e-button-container-height",
-      "description": "Height of the button container, for all size variants.",
+      "name": "--m3e-breadcrumb-item-shape",
+      "description": "Shape of the internal breadcrumb item button.",
       "values": []
     },
     {
-      "name": "--m3e-button-outline-thickness",
-      "description": "Thickness of the button outline, for all size variants.",
+      "name": "--m3e-breadcrumb-item-container-height",
+      "description": "Height of the internal breadcrumb item button container.",
       "values": []
     },
     {
-      "name": "--m3e-button-label-text-font-size",
-      "description": "Font size for the label text, for all size variants.",
+      "name": "--m3e-breadcrumb-item-icon-color",
+      "description": "Color of breadcrumb item icon-only content.",
       "values": []
     },
     {
-      "name": "--m3e-button-label-text-font-weight",
-      "description": "Font weight for the label text, for all size variants.",
+      "name": "--m3e-breadcrumb-item-icon-padding-inline",
+      "description": "Horizontal padding for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-label-text-line-height",
-      "description": "Line height for the label text, for all size variants.",
+      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
+      "description": "Hover state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-label-text-tracking",
-      "description": "Letter tracking for the label text, for all size variants.",
+      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
+      "description": "Focus state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-icon-size",
-      "description": "Size of the icon, for all size variants.",
+      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
+      "description": "Pressed state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-shape-round",
-      "description": "Corner radius for round shape, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-color",
+      "description": "Color of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-button-shape-square",
-      "description": "Corner radius for square shape, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-font-size",
+      "description": "Font size of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-button-selected-shape-round",
-      "description": "Corner radius when selected (round), for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-font-weight",
+      "description": "Font weight of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-button-selected-shape-square",
-      "description": "Corner radius when selected (square), for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-line-height",
+      "description": "Line height of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-button-shape-pressed-morph",
-      "description": "Corner radius when pressed, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-tracking",
+      "description": "Letter spacing of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-button-leading-space",
-      "description": "Space before icon or label, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-padding-inline",
+      "description": "Horizontal padding for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-trailing-space",
-      "description": "Space after icon or label, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-hover-state-layer-color",
+      "description": "Hover state layer color for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-icon-label-space",
-      "description": "Space between icon and label, for all size variants.",
+      "name": "--m3e-breadcrumb-item-label-focus-state-layer-color",
+      "description": "Focus state layer color for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-container-height",
-      "description": "Height of the button container, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color",
+      "description": "Pressed state layer color for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-outline-thickness",
-      "description": "Thickness of the button outline, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-last-color",
+      "description": "Color used for the current breadcrumb item.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-label-text-font-size",
-      "description": "Font size for the label text, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-icon-label-space",
+      "description": "Space between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-label-text-font-weight",
-      "description": "Font weight for the label text, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-icon-size",
+      "description": "Size of the icon.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-label-text-line-height",
-      "description": "Line height for the label text, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-disabled-color",
+      "description": "Disabled color used by the breadcrumb item button.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-label-text-tracking",
-      "description": "Letter tracking for the label text, for the extra-small size variant.",
+      "name": "--m3e-breadcrumb-item-disabled-opacity",
+      "description": "Disabled opacity used by the breadcrumb item button.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-icon-size",
-      "description": "Size of the icon, for the extra-small size variant.",
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-shape-round",
-      "description": "Corner radius for round shape, for the extra-small size variant.",
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-shape-square",
-      "description": "Corner radius for square shape, for the extra-small size variant.",
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-selected-shape-round",
-      "description": "Corner radius when selected (round), for the extra-small size variant.",
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-selected-shape-square",
-      "description": "Corner radius when selected (square), for the extra-small size variant.",
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-shape-pressed-morph",
-      "description": "Corner radius when pressed, for the extra-small size variant.",
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-leading-space",
-      "description": "Space before icon or label, for the extra-small size variant.",
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-trailing-space",
-      "description": "Space after icon or label, for the extra-small size variant.",
+      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-extra-small-icon-label-space",
-      "description": "Space between icon and label, for the extra-small size variant.",
+      "name": "--m3e-connected-button-group-small-inner-shape",
+      "description": "Corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-container-height",
-      "description": "Height of the button container, for the small size variant.",
+      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-outline-thickness",
-      "description": "Thickness of the button outline, for the small size variant.",
+      "name": "--m3e-connected-button-group-medium-inner-shape",
+      "description": "Corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-label-text-font-size",
-      "description": "Font size for the label text, for the small size variant.",
+      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-label-text-font-weight",
-      "description": "Font weight for the label text, for the small size variant.",
+      "name": "--m3e-connected-button-group-large-inner-shape",
+      "description": "Corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-label-text-line-height",
-      "description": "Line height for the label text, for the small size variant.",
+      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-label-text-tracking",
-      "description": "Letter tracking for the label text, for the small size variant.",
+      "name": "--m3e-connected-button-group-extra-large-inner-shape",
+      "description": "Corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-icon-size",
-      "description": "Size of the icon, for the small size variant.",
+      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-shape-round",
-      "description": "Corner radius for round shape, for the small size variant.",
+      "name": "--m3e-button-container-height",
+      "description": "Height of the button container, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-shape-square",
-      "description": "Corner radius for square shape, for the small size variant.",
+      "name": "--m3e-button-outline-thickness",
+      "description": "Thickness of the button outline, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-selected-shape-round",
-      "description": "Corner radius when selected (round), for the small size variant.",
+      "name": "--m3e-button-label-text-font-size",
+      "description": "Font size for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-selected-shape-square",
-      "description": "Corner radius when selected (square), for the small size variant.",
+      "name": "--m3e-button-label-text-font-weight",
+      "description": "Font weight for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-shape-pressed-morph",
-      "description": "Corner radius when pressed, for the small size variant.",
+      "name": "--m3e-button-label-text-line-height",
+      "description": "Line height for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-leading-space",
-      "description": "Space before icon or label, for the small size variant.",
+      "name": "--m3e-button-label-text-tracking",
+      "description": "Letter tracking for the label text, for all size variants.",
       "values": []
     },
     {
-      "name": "--m3e-button-small-trailing-space",
-      "description": "Space after icon or label, for the small size variant.",
+      "name": "--m3e-button-icon-size",
+      "description": "Size of the icon, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-round",
+      "description": "Corner radius for round shape, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-square",
+      "description": "Corner radius for square shape, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-shape-round",
+      "description": "Corner radius when selected (round), for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-selected-shape-square",
+      "description": "Corner radius when selected (square), for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-shape-pressed-morph",
+      "description": "Corner radius when pressed, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-leading-space",
+      "description": "Space before icon or label, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-trailing-space",
+      "description": "Space after icon or label, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-icon-label-space",
+      "description": "Space between icon and label, for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-container-height",
+      "description": "Height of the button container, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-outline-thickness",
+      "description": "Thickness of the button outline, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-label-text-font-size",
+      "description": "Font size for the label text, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-label-text-font-weight",
+      "description": "Font weight for the label text, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-label-text-line-height",
+      "description": "Line height for the label text, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-label-text-tracking",
+      "description": "Letter tracking for the label text, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-icon-size",
+      "description": "Size of the icon, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-shape-round",
+      "description": "Corner radius for round shape, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-shape-square",
+      "description": "Corner radius for square shape, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-selected-shape-round",
+      "description": "Corner radius when selected (round), for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-selected-shape-square",
+      "description": "Corner radius when selected (square), for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-shape-pressed-morph",
+      "description": "Corner radius when pressed, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-leading-space",
+      "description": "Space before icon or label, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-trailing-space",
+      "description": "Space after icon or label, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-extra-small-icon-label-space",
+      "description": "Space between icon and label, for the extra-small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-container-height",
+      "description": "Height of the button container, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-outline-thickness",
+      "description": "Thickness of the button outline, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-label-text-font-size",
+      "description": "Font size for the label text, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-label-text-font-weight",
+      "description": "Font weight for the label text, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-label-text-line-height",
+      "description": "Line height for the label text, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-label-text-tracking",
+      "description": "Letter tracking for the label text, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-icon-size",
+      "description": "Size of the icon, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-shape-round",
+      "description": "Corner radius for round shape, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-shape-square",
+      "description": "Corner radius for square shape, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-selected-shape-round",
+      "description": "Corner radius when selected (round), for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-selected-shape-square",
+      "description": "Corner radius when selected (square), for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-shape-pressed-morph",
+      "description": "Corner radius when pressed, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-leading-space",
+      "description": "Space before icon or label, for the small size variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-button-small-trailing-space",
+      "description": "Space after icon or label, for the small size variant.",
       "values": []
     },
     {
@@ -2452,191 +2637,6 @@
       "description": "Pressed selected state layer color, for the text variant.",
       "values": []
     },
-    {
-      "name": "--m3e-breadcrumb-item-shape",
-      "description": "Shape of the internal breadcrumb item button.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-container-height",
-      "description": "Height of the internal breadcrumb item button container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-color",
-      "description": "Color of breadcrumb item icon-only content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-padding-inline",
-      "description": "Horizontal padding for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
-      "description": "Hover state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
-      "description": "Focus state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
-      "description": "Pressed state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-color",
-      "description": "Color of breadcrumb item label content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-font-size",
-      "description": "Font size of breadcrumb item label content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-font-weight",
-      "description": "Font weight of breadcrumb item label content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-line-height",
-      "description": "Line height of breadcrumb item label content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-tracking",
-      "description": "Letter spacing of breadcrumb item label content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-padding-inline",
-      "description": "Horizontal padding for label breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-hover-state-layer-color",
-      "description": "Hover state layer color for label breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-focus-state-layer-color",
-      "description": "Focus state layer color for label breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color",
-      "description": "Pressed state layer color for label breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-last-color",
-      "description": "Color used for the current breadcrumb item.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-label-space",
-      "description": "Space between icon and label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-size",
-      "description": "Size of the icon.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-disabled-color",
-      "description": "Disabled color used by the breadcrumb item button.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-disabled-opacity",
-      "description": "Disabled opacity used by the breadcrumb item button.",
-      "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-calendar-container-color",
       "description": "Background color of the container surface.",
@@ -2693,263 +2693,128 @@
       "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-color",
-      "description": "Text color for date items.",
-      "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-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.",
+      "name": "--m3e-calendar-date-font-weight",
+      "description": "Font weight of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
+      "name": "--m3e-calendar-date-line-height",
+      "description": "Line height of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
+      "name": "--m3e-calendar-date-tracking",
+      "description": "Letter spacing of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
+      "name": "--m3e-calendar-item-font-size",
+      "description": "Font size of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
+      "name": "--m3e-calendar-item-font-weight",
+      "description": "Font weight of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
+      "name": "--m3e-calendar-item-line-height",
+      "description": "Line height of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
+      "name": "--m3e-calendar-item-tracking",
+      "description": "Letter spacing of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
+      "name": "--m3e-calendar-item-color",
+      "description": "Text color for date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
+      "name": "--m3e-calendar-item-selected-color",
+      "description": "Text color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
+      "name": "--m3e-calendar-item-selected-container-color",
+      "description": "Background color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
+      "name": "--m3e-calendar-item-selected-ripple-color",
+      "description": "Ripple color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
+      "name": "--m3e-calendar-item-selected-hover-color",
+      "description": "Hover color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
+      "name": "--m3e-calendar-item-selected-focus-color",
+      "description": "Focus color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
+      "name": "--m3e-calendar-item-current-outline-thickness",
+      "description": "Outline thickness used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
+      "name": "--m3e-calendar-item-current-outline-color",
+      "description": "Outline color used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
+      "name": "--m3e-calendar-item-special-color",
+      "description": "Text color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
+      "name": "--m3e-calendar-item-special-container-color",
+      "description": "Background color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
+      "name": "--m3e-calendar-item-special-ripple-color",
+      "description": "Ripple color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
+      "name": "--m3e-calendar-item-special-hover-color",
+      "description": "Hover color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
+      "name": "--m3e-calendar-item-special-focus-color",
+      "description": "Focus color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
+      "name": "--m3e-calendar-range-container-color",
+      "description": "Background color applied to the selected date range.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
+      "name": "--m3e-calendar-range-color",
+      "description": "Text color for dates within a selected range.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
+      "name": "--m3e-calendar-item-disabled-color",
+      "description": "Color used for disabled date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
+      "name": "--m3e-calendar-item-disabled-color-opacity",
+      "description": "Opacity applied to the disabled item color.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
+      "name": "--m3e-calendar-slide-animation-duration",
+      "description": "Duration of slide transitions between calendar views.",
       "values": []
     },
     {
@@ -3317,6 +3182,141 @@
       "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.",
@@ -10768,18 +10768,13 @@
       "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.",
+      "name": "--m3e-nav-rail-inline-padding",
+      "description": "Inline padding for nav rail.",
       "values": []
     },
     {
-      "name": "--m3e-nav-rail-expanded-max-width",
-      "description": "Maximum width of the nav rail in expanded mode.",
+      "name": "--m3e-nav-rail-expanded-width",
+      "description": "Width of the nav rail in expanded mode.",
       "values": []
     },
     {
@@ -10792,9 +10787,29 @@
       "description": "Space below icon buttons and FABs.",
       "values": []
     },
+    {
+      "name": "--m3e-nav-rail-icon-button-inset",
+      "description": "Inset for icon buttons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-inline-padding",
+      "description": "Deprecated, use `--m3e-nav-rail-inline-padding`.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-min-width",
+      "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-max-width",
+      "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
+      "values": []
+    },
     {
       "name": "--m3e-nav-rail-expanded-icon-button-inset",
-      "description": "Inset for icon buttons in expanded mode.",
+      "description": "Deprecated, use `--m3e-nav-rail-icon-button-inset`.",
       "values": []
     },
     {