@m3e/web 2.4.1 → 2.5.0

package/dist/css-custom-data.json

@@ -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.",
@@ -458,73 +528,108 @@
       "values": []
     },
     {
-      "name": "--m3e-badge-shape",
-      "description": "Corner radius of the badge.",
+      "name": "--m3e-breadcrumb-item-shape",
+      "description": "Shape of the internal breadcrumb item button.",
       "values": []
     },
     {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
+      "name": "--m3e-breadcrumb-item-container-height",
+      "description": "Height of the internal breadcrumb item button container.",
       "values": []
     },
     {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
+      "name": "--m3e-breadcrumb-item-icon-color",
+      "description": "Color of breadcrumb item icon-only content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "name": "--m3e-breadcrumb-item-icon-padding-inline",
+      "description": "Horizontal padding for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
+      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
+      "description": "Hover state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
+      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
+      "description": "Focus state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
+      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
+      "description": "Pressed state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
+      "name": "--m3e-breadcrumb-item-label-color",
+      "description": "Color of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
+      "name": "--m3e-breadcrumb-item-label-font-size",
+      "description": "Font size of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
+      "name": "--m3e-breadcrumb-item-label-font-weight",
+      "description": "Font weight of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-line-height",
+      "description": "Line height of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-tracking",
+      "description": "Letter spacing of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-padding-inline",
+      "description": "Horizontal padding for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
+      "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": []
     },
     {
@@ -2452,6 +2557,86 @@
       "description": "Pressed selected state layer color, for the text variant.",
       "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.",
@@ -2632,86 +2817,6 @@
       "description": "Duration of slide transitions between calendar views.",
       "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-card-padding",
       "description": "Internal spacing for all slotted regions",
@@ -4007,6 +4112,21 @@
       "description": "Opacity applied to disabled outline.",
       "values": []
     },
+    {
+      "name": "--m3e-content-pane-container-shape",
+      "description": "Corner radius applied to the pane’s outer surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-content-pane-container-color",
+      "description": "Background color of the pane’s surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-content-pane-container-padding",
+      "description": "Internal padding applied to all sides of the scrollable content.",
+      "values": []
+    },
     {
       "name": "--m3e-datepicker-container-padding-block",
       "description": "Block‑axis padding of the date picker container.",
@@ -11557,26 +11677,6 @@
       "description": "Transition used to morph between shapes.",
       "values": []
     },
-    {
-      "name": "--m3e-slide-group-button-icon-size",
-      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-button-size",
-      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-top",
-      "description": "Adds top border to content container for visual separation.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-bottom",
-      "description": "Adds bottom border to content container for visual separation.",
-      "values": []
-    },
     {
       "name": "--m3e-skeleton-color",
       "description": "Base fill color for the skeleton surface.",
@@ -11622,6 +11722,26 @@
       "description": "Corner radius for the skeleton shape.",
       "values": []
     },
+    {
+      "name": "--m3e-slide-group-button-icon-size",
+      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-button-size",
+      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-top",
+      "description": "Adds top border to content container for visual separation.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-bottom",
+      "description": "Adds bottom border to content container for visual separation.",
+      "values": []
+    },
     {
       "name": "--m3e-slider-min-width",
       "description": "Minimum inline size of the slider host.",
@@ -12947,51 +13067,6 @@
       "description": "Text color for selected items.",
       "values": []
     },
-    {
-      "name": "--m3e-toolbar-size",
-      "description": "The size (height or width) of the toolbar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-spacing",
-      "description": "The gap between toolbar items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-shape",
-      "description": "Border radius for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-padding",
-      "description": "Padding for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-square-padding",
-      "description": "Padding for square shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-container-color",
-      "description": "Container color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-color",
-      "description": "Foreground color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-container-color",
-      "description": "Container color for the vibrant variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-color",
-      "description": "Foreground color for the vibrant variant.",
-      "values": []
-    },
     {
       "name": "--m3e-rich-tooltip-padding-top",
       "description": "Top padding of the tooltip container.",
@@ -13152,6 +13227,51 @@
       "description": "Letter spacing of supporting text.",
       "values": []
     },
+    {
+      "name": "--m3e-toolbar-size",
+      "description": "The size (height or width) of the toolbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-spacing",
+      "description": "The gap between toolbar items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-shape",
+      "description": "Border radius for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-padding",
+      "description": "Padding for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-square-padding",
+      "description": "Padding for square shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-container-color",
+      "description": "Container color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-color",
+      "description": "Foreground color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-container-color",
+      "description": "Container color for the vibrant variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-color",
+      "description": "Foreground color for the vibrant variant.",
+      "values": []
+    },
     {
       "name": "--m3e-tree-scrollbar-width",
       "description": "Width of the tree scrollbar.",