@m3e/web 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/all.js +1171 -945
  2. package/dist/all.js.map +1 -1
  3. package/dist/all.min.js +59 -59
  4. package/dist/all.min.js.map +1 -1
  5. package/dist/bottom-sheet.js +11 -5
  6. package/dist/bottom-sheet.js.map +1 -1
  7. package/dist/bottom-sheet.min.js +3 -3
  8. package/dist/bottom-sheet.min.js.map +1 -1
  9. package/dist/button.js +387 -317
  10. package/dist/button.js.map +1 -1
  11. package/dist/button.min.js +2 -2
  12. package/dist/button.min.js.map +1 -1
  13. package/dist/card.js +73 -73
  14. package/dist/card.js.map +1 -1
  15. package/dist/card.min.js +5 -5
  16. package/dist/card.min.js.map +1 -1
  17. package/dist/checkbox.js +5 -1
  18. package/dist/checkbox.js.map +1 -1
  19. package/dist/checkbox.min.js +1 -1
  20. package/dist/checkbox.min.js.map +1 -1
  21. package/dist/core-a11y.js.map +1 -1
  22. package/dist/core-a11y.min.js.map +1 -1
  23. package/dist/core-bidi.js.map +1 -1
  24. package/dist/core-bidi.min.js.map +1 -1
  25. package/dist/core-layout.js.map +1 -1
  26. package/dist/core-layout.min.js.map +1 -1
  27. package/dist/core-platform.js.map +1 -1
  28. package/dist/core-platform.min.js.map +1 -1
  29. package/dist/core.js +42 -32
  30. package/dist/core.js.map +1 -1
  31. package/dist/core.min.js +2 -2
  32. package/dist/core.min.js.map +1 -1
  33. package/dist/css-custom-data.json +1069 -224
  34. package/dist/custom-elements.json +1853 -1180
  35. package/dist/fab.js +299 -258
  36. package/dist/fab.js.map +1 -1
  37. package/dist/fab.min.js +6 -6
  38. package/dist/fab.min.js.map +1 -1
  39. package/dist/form-field.js +10 -6
  40. package/dist/form-field.js.map +1 -1
  41. package/dist/form-field.min.js +4 -4
  42. package/dist/form-field.min.js.map +1 -1
  43. package/dist/html-custom-data.json +60 -60
  44. package/dist/icon-button.js +288 -232
  45. package/dist/icon-button.js.map +1 -1
  46. package/dist/icon-button.min.js +5 -5
  47. package/dist/icon-button.min.js.map +1 -1
  48. package/dist/list.js +18 -3
  49. package/dist/list.js.map +1 -1
  50. package/dist/list.min.js +8 -8
  51. package/dist/list.min.js.map +1 -1
  52. package/dist/menu.js +23 -12
  53. package/dist/menu.js.map +1 -1
  54. package/dist/menu.min.js +7 -7
  55. package/dist/menu.min.js.map +1 -1
  56. package/dist/nav-bar.js +1 -1
  57. package/dist/nav-bar.js.map +1 -1
  58. package/dist/nav-bar.min.js +1 -1
  59. package/dist/nav-bar.min.js.map +1 -1
  60. package/dist/nav-rail.js +1 -1
  61. package/dist/nav-rail.js.map +1 -1
  62. package/dist/nav-rail.min.js +4 -4
  63. package/dist/nav-rail.min.js.map +1 -1
  64. package/dist/option.js +1 -1
  65. package/dist/option.js.map +1 -1
  66. package/dist/option.min.js +1 -1
  67. package/dist/option.min.js.map +1 -1
  68. package/dist/radio-group.js +4 -0
  69. package/dist/radio-group.js.map +1 -1
  70. package/dist/radio-group.min.js +1 -1
  71. package/dist/radio-group.min.js.map +1 -1
  72. package/dist/slider.js +2 -2
  73. package/dist/slider.js.map +1 -1
  74. package/dist/slider.min.js +3 -3
  75. package/dist/slider.min.js.map +1 -1
  76. package/dist/snackbar.js.map +1 -1
  77. package/dist/snackbar.min.js.map +1 -1
  78. package/dist/split-button.js +1 -0
  79. package/dist/split-button.js.map +1 -1
  80. package/dist/split-button.min.js +1 -1
  81. package/dist/split-button.min.js.map +1 -1
  82. package/dist/src/bottom-sheet/BottomSheetElement.d.ts +2 -0
  83. package/dist/src/bottom-sheet/BottomSheetElement.d.ts.map +1 -1
  84. package/dist/src/button/ButtonElement.d.ts +70 -0
  85. package/dist/src/button/ButtonElement.d.ts.map +1 -1
  86. package/dist/src/button/styles/ButtonSizeToken.d.ts.map +1 -1
  87. package/dist/src/button/styles/ButtonVariantToken.d.ts.map +1 -1
  88. package/dist/src/card/styles/CardVariantToken.d.ts.map +1 -1
  89. package/dist/src/checkbox/CheckboxElement.d.ts.map +1 -1
  90. package/dist/src/core/a11y/AriaDescriber.d.ts +3 -1
  91. package/dist/src/core/a11y/AriaDescriber.d.ts.map +1 -1
  92. package/dist/src/core/a11y/InteractivityChecker.d.ts +3 -1
  93. package/dist/src/core/a11y/InteractivityChecker.d.ts.map +1 -1
  94. package/dist/src/core/a11y/LiveAnnouncer.d.ts +3 -1
  95. package/dist/src/core/a11y/LiveAnnouncer.d.ts.map +1 -1
  96. package/dist/src/core/bidi/Directionality.d.ts +3 -1
  97. package/dist/src/core/bidi/Directionality.d.ts.map +1 -1
  98. package/dist/src/core/layout/BreakpointObserver.d.ts +3 -1
  99. package/dist/src/core/layout/BreakpointObserver.d.ts.map +1 -1
  100. package/dist/src/core/platform/Platform.d.ts +3 -1
  101. package/dist/src/core/platform/Platform.d.ts.map +1 -1
  102. package/dist/src/core/shared/controllers/PressedController.d.ts.map +1 -1
  103. package/dist/src/core/shared/primitives/FocusRingElement.d.ts +2 -0
  104. package/dist/src/core/shared/primitives/FocusRingElement.d.ts.map +1 -1
  105. package/dist/src/core/shared/primitives/FocusRingToken.d.ts +4 -0
  106. package/dist/src/core/shared/primitives/FocusRingToken.d.ts.map +1 -1
  107. package/dist/src/core/shared/primitives/ScrollContainerElement.d.ts.map +1 -1
  108. package/dist/src/fab/FabElement.d.ts +41 -0
  109. package/dist/src/fab/FabElement.d.ts.map +1 -1
  110. package/dist/src/fab/styles/FabSizeToken.d.ts.map +1 -1
  111. package/dist/src/fab/styles/FabVariantToken.d.ts.map +1 -1
  112. package/dist/src/form-field/FormFieldElement.d.ts.map +1 -1
  113. package/dist/src/icon-button/IconButtonElement.d.ts +56 -0
  114. package/dist/src/icon-button/IconButtonElement.d.ts.map +1 -1
  115. package/dist/src/icon-button/styles/IconButtonSizeToken.d.ts.map +1 -1
  116. package/dist/src/icon-button/styles/IconButtonVariantToken.d.ts.map +1 -1
  117. package/dist/src/list/ListItemButtonElement.d.ts +1 -0
  118. package/dist/src/list/ListItemButtonElement.d.ts.map +1 -1
  119. package/dist/src/list/ListItemElement.d.ts.map +1 -1
  120. package/dist/src/list/ListOptionElement.d.ts +1 -0
  121. package/dist/src/list/ListOptionElement.d.ts.map +1 -1
  122. package/dist/src/menu/MenuElement.d.ts +2 -0
  123. package/dist/src/menu/MenuElement.d.ts.map +1 -1
  124. package/dist/src/menu/MenuItemElementBase.d.ts +1 -0
  125. package/dist/src/menu/MenuItemElementBase.d.ts.map +1 -1
  126. package/dist/src/nav-rail/NavRailElement.d.ts.map +1 -1
  127. package/dist/src/option/OptionPanelElement.d.ts.map +1 -1
  128. package/dist/src/radio-group/RadioElement.d.ts.map +1 -1
  129. package/dist/src/slider/SliderThumbElement.d.ts.map +1 -1
  130. package/dist/src/snackbar/Snackbar.d.ts +3 -1
  131. package/dist/src/snackbar/Snackbar.d.ts.map +1 -1
  132. package/dist/src/split-button/SplitButtonElement.d.ts.map +1 -1
  133. package/dist/src/switch/SwitchElement.d.ts.map +1 -1
  134. package/dist/src/tabs/TabElement.d.ts.map +1 -1
  135. package/dist/src/tabs/TabsElement.d.ts.map +1 -1
  136. package/dist/switch.js +5 -1
  137. package/dist/switch.js.map +1 -1
  138. package/dist/switch.min.js +2 -2
  139. package/dist/switch.min.js.map +1 -1
  140. package/dist/tabs.js +2 -2
  141. package/dist/tabs.js.map +1 -1
  142. package/dist/tabs.min.js +3 -3
  143. package/dist/tabs.min.js.map +1 -1
  144. package/dist/tooltip.js +1 -1
  145. package/dist/tooltip.js.map +1 -1
  146. package/dist/tooltip.min.js +1 -1
  147. package/dist/tooltip.min.js.map +1 -1
  148. package/package.json +1 -1
@@ -51,34 +51,6 @@
51
51
  ],
52
52
  "references": []
53
53
  },
54
- {
55
- "name": "m3e-avatar",
56
- "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
57
- "attributes": [],
58
- "references": []
59
- },
60
- {
61
- "name": "m3e-badge",
62
- "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
63
- "attributes": [
64
- {
65
- "name": "size",
66
- "description": "The size of the badge.",
67
- "values": [{ "name": "BadgeSize" }]
68
- },
69
- {
70
- "name": "position",
71
- "description": "The position of the badge, when attached to another element.",
72
- "values": [{ "name": "BadgePosition" }]
73
- },
74
- {
75
- "name": "for",
76
- "description": "The identifier of the interactive control to which this element is attached.",
77
- "values": []
78
- }
79
- ],
80
- "references": []
81
- },
82
54
  {
83
55
  "name": "m3e-bottom-sheet-action",
84
56
  "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
@@ -155,30 +127,36 @@
155
127
  "references": []
156
128
  },
157
129
  {
158
- "name": "m3e-button-group",
159
- "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
130
+ "name": "m3e-avatar",
131
+ "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
132
+ "attributes": [],
133
+ "references": []
134
+ },
135
+ {
136
+ "name": "m3e-badge",
137
+ "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
160
138
  "attributes": [
161
139
  {
162
- "name": "multi",
163
- "description": "Whether multiple toggle buttons can be selected.",
164
- "values": []
140
+ "name": "size",
141
+ "description": "The size of the badge.",
142
+ "values": [{ "name": "BadgeSize" }]
165
143
  },
166
144
  {
167
- "name": "size",
168
- "description": "The size of the group.",
169
- "values": [{ "name": "ButtonGroupSize" }]
145
+ "name": "position",
146
+ "description": "The position of the badge, when attached to another element.",
147
+ "values": [{ "name": "BadgePosition" }]
170
148
  },
171
149
  {
172
- "name": "variant",
173
- "description": "The appearance variant of the group.",
174
- "values": [{ "name": "ButtonGroupVariant" }]
150
+ "name": "for",
151
+ "description": "The identifier of the interactive control to which this element is attached.",
152
+ "values": []
175
153
  }
176
154
  ],
177
155
  "references": []
178
156
  },
179
157
  {
180
158
  "name": "m3e-button",
181
- "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
159
+ "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\n- **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
182
160
  "attributes": [
183
161
  {
184
162
  "name": "disabled",
@@ -253,6 +231,28 @@
253
231
  ],
254
232
  "references": []
255
233
  },
234
+ {
235
+ "name": "m3e-button-group",
236
+ "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
237
+ "attributes": [
238
+ {
239
+ "name": "multi",
240
+ "description": "Whether multiple toggle buttons can be selected.",
241
+ "values": []
242
+ },
243
+ {
244
+ "name": "size",
245
+ "description": "The size of the group.",
246
+ "values": [{ "name": "ButtonGroupSize" }]
247
+ },
248
+ {
249
+ "name": "variant",
250
+ "description": "The appearance variant of the group.",
251
+ "values": [{ "name": "ButtonGroupVariant" }]
252
+ }
253
+ ],
254
+ "references": []
255
+ },
256
256
  {
257
257
  "name": "m3e-card",
258
258
  "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
@@ -772,7 +772,7 @@
772
772
  },
773
773
  {
774
774
  "name": "m3e-fab",
775
- "description": "A floating action button (FAB) used to present important actions.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **label** - Renders the label of an extended button.\n- **close-icon** - Renders the close icon when used to open a FAB menu.\n\n### **CSS Properties:**\n - **--m3e-fab-small-container-height** - Height of the small FAB container. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-size** - Font size for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-weight** - Font weight for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-line-height** - Line height for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-tracking** - Letter spacing (tracking) for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-icon-size** - Icon size for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-shape** - Border radius for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-leading-space** - Leading space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-trailing-space** - Trailing space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-icon-label-space** - Space between icon and label for the small FAB. _(default: undefined)_\n- **--m3e-fab-medium-container-height** - Height of the medium FAB container. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-size** - Font size for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-weight** - Font weight for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-line-height** - Line height for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-tracking** - Letter spacing (tracking) for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-icon-size** - Icon size for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-shape** - Border radius for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-leading-space** - Leading space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-trailing-space** - Trailing space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-icon-label-space** - Space between icon and label for the medium FAB. _(default: undefined)_\n- **--m3e-fab-large-container-height** - Height of the large FAB container. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-size** - Font size for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-weight** - Font weight for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-line-height** - Line height for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-tracking** - Letter spacing (tracking) for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-icon-size** - Icon size for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-shape** - Border radius for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-leading-space** - Leading space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-trailing-space** - Trailing space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-icon-label-space** - Space between icon and label for the large FAB. _(default: undefined)_\n- **--m3e-primary-fab-label-text-color** - Default label text color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-icon-color** - Default icon color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Default container background color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-elevation** - Resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-lowered-container-elevation** - Lowered resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-color** - Container background color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-opacity** - Opacity of container when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-color** - Icon color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-opacity** - Icon opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-color** - Label text color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-elevation** - Elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-icon-color** - Icon color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-label-text-color** - Label text color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-color** - State layer color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-opacity** - State layer opacity on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-container-elevation** - Elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-icon-color** - Icon color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-label-text-color** - Label text color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-color** - State layer color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-opacity** - State layer opacity on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-container-elevation** - Elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-icon-color** - Icon color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-label-text-color** - Label text color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-color** - State layer color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-container-elevation** - Elevation on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary). _(default: undefined)_\n- **--m3e-secondary-fab-label-text-color** - Default label text color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-icon-color** - Default icon color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Default container background color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-elevation** - Resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-lowered-container-elevation** - Lowered resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-color** - Container background color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-opacity** - Opacity of container when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-color** - Icon color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-color** - Label text color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-elevation** - Elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-icon-color** - Icon color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-label-text-color** - Label text color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-color** - State layer color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-container-elevation** - Elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-icon-color** - Icon color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-label-text-color** - Label text color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-color** - State layer color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-container-elevation** - Elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-icon-color** - Icon color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-label-text-color** - Label text color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-color** - State layer color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-container-elevation** - Elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-tertiary-fab-label-text-color** - Default label text color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-icon-color** - Default icon color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Default container background color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-elevation** - Resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-container-elevation** - Lowered resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-color** - Container background color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-color** - Icon color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-color** - Label text color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-elevation** - Elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-icon-color** - Icon color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-label-text-color** - Label text color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-color** - State layer color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-container-elevation** - Elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-icon-color** - Icon color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-label-text-color** - Label text color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-color** - State layer color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-container-elevation** - Elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-icon-color** - Icon color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-label-text-color** - Label text color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-color** - State layer color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-container-elevation** - Elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-primary-container-fab-label-text-color** - Default label text color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-icon-color** - Default icon color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-color** - Default container background color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-elevation** - Resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-container-elevation** - Lowered resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-color** - Container background color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-opacity** - Opacity of container when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-color** - Icon color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-color** - Label text color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-elevation** - Elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-icon-color** - Icon color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-label-text-color** - Label text color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-color** - State layer color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-container-elevation** - Elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-icon-color** - Icon color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-label-text-color** - Label text color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-color** - State layer color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-container-elevation** - Elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-icon-color** - Icon color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-label-text-color** - Label text color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-color** - State layer color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-container-elevation** - Elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-label-text-color** - Default label text color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-icon-color** - Default icon color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-color** - Default container background color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-elevation** - Resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-container-elevation** - Lowered resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-color** - Container background color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-opacity** - Opacity of container when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-color** - Icon color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-color** - Label text color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-elevation** - Elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-icon-color** - Icon color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-label-text-color** - Label text color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-color** - State layer color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-container-elevation** - Elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-icon-color** - Icon color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-label-text-color** - Label text color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-color** - State layer color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-container-elevation** - Elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-icon-color** - Icon color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-label-text-color** - Label text color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-color** - State layer color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-container-elevation** - Elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-label-text-color** - Default label text color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-icon-color** - Default icon color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-color** - Default container background color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-elevation** - Resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-container-elevation** - Lowered resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-color** - Container background color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-color** - Icon color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-color** - Label text color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-elevation** - Elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-icon-color** - Icon color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-label-text-color** - Label text color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-color** - State layer color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-container-elevation** - Elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-icon-color** - Icon color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-label-text-color** - Label text color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-color** - State layer color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-container-elevation** - Elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-icon-color** - Icon color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-label-text-color** - Label text color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-color** - State layer color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-container-elevation** - Elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-surface-fab-label-text-color** - Default label text color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-icon-color** - Default icon color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-color** - Default container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-elevation** - Resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-elevation** - Lowered resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-color** - Lowered container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-color** - Container background color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-opacity** - Opacity of container when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-color** - Icon color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-opacity** - Icon opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-color** - Label text color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-opacity** - Label text opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-elevation** - Elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-icon-color** - Icon color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-label-text-color** - Label text color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-color** - State layer color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-opacity** - State layer opacity on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-container-elevation** - Elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-hover-container-elevation** - Lowered elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-icon-color** - Icon color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-label-text-color** - Label text color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-color** - State layer color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-opacity** - State layer opacity on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-container-elevation** - Elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-focus-container-elevation** - Lowered elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-icon-color** - Icon color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-label-text-color** - Label text color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-color** - State layer color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-opacity** - State layer opacity on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-container-elevation** - Elevation on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (surface). _(default: undefined)_",
775
+ "description": "A floating action button (FAB) used to present important actions.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **label** - Renders the label of an extended button.\n- **close-icon** - Renders the close icon when used to open a FAB menu.\n\n### **CSS Properties:**\n - **--m3e-fab-container-height** - Height of the FAB container for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-size** - Font size for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-weight** - Font weight for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-line-height** - Line height for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-tracking** - Letter spacing (tracking) for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-size** - Icon size for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-shape** - Border radius for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-leading-space** - Leading space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-trailing-space** - Trailing space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-label-space** - Space between icon and label for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-small-container-height** - Height of the small FAB container. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-size** - Font size for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-weight** - Font weight for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-line-height** - Line height for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-tracking** - Letter spacing (tracking) for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-icon-size** - Icon size for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-shape** - Border radius for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-leading-space** - Leading space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-trailing-space** - Trailing space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-icon-label-space** - Space between icon and label for the small FAB. _(default: undefined)_\n- **--m3e-fab-medium-container-height** - Height of the medium FAB container. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-size** - Font size for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-weight** - Font weight for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-line-height** - Line height for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-tracking** - Letter spacing (tracking) for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-icon-size** - Icon size for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-shape** - Border radius for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-leading-space** - Leading space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-trailing-space** - Trailing space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-icon-label-space** - Space between icon and label for the medium FAB. _(default: undefined)_\n- **--m3e-fab-large-container-height** - Height of the large FAB container. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-size** - Font size for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-weight** - Font weight for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-line-height** - Line height for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-tracking** - Letter spacing (tracking) for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-icon-size** - Icon size for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-shape** - Border radius for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-leading-space** - Leading space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-trailing-space** - Trailing space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-icon-label-space** - Space between icon and label for the large FAB. _(default: undefined)_\n- **--m3e-fab-label-text-color** - Default label text color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-icon-color** - Default icon color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-color** - Default container background color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-elevation** - Resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-container-elevation** - Lowered resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-color** - Label text color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-opacity** - Label text opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-elevation** - Elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-label-text-color** - Label text color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-container-elevation** - Elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-hover-container-elevation** - Lowered elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-label-text-color** - Label text color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-container-elevation** - Elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-focus-container-elevation** - Lowered elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-label-text-color** - Label text color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-container-elevation** - Elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-primary-fab-label-text-color** - Default label text color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-icon-color** - Default icon color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Default container background color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-elevation** - Resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-lowered-container-elevation** - Lowered resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-color** - Container background color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-opacity** - Opacity of container when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-color** - Icon color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-opacity** - Icon opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-color** - Label text color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-elevation** - Elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-icon-color** - Icon color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-label-text-color** - Label text color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-color** - State layer color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-opacity** - State layer opacity on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-container-elevation** - Elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-icon-color** - Icon color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-label-text-color** - Label text color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-color** - State layer color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-opacity** - State layer opacity on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-container-elevation** - Elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-icon-color** - Icon color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-label-text-color** - Label text color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-color** - State layer color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-container-elevation** - Elevation on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary). _(default: undefined)_\n- **--m3e-secondary-fab-label-text-color** - Default label text color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-icon-color** - Default icon color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Default container background color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-elevation** - Resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-lowered-container-elevation** - Lowered resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-color** - Container background color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-opacity** - Opacity of container when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-color** - Icon color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-color** - Label text color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-elevation** - Elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-icon-color** - Icon color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-label-text-color** - Label text color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-color** - State layer color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-container-elevation** - Elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-icon-color** - Icon color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-label-text-color** - Label text color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-color** - State layer color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-container-elevation** - Elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-icon-color** - Icon color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-label-text-color** - Label text color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-color** - State layer color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-container-elevation** - Elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-tertiary-fab-label-text-color** - Default label text color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-icon-color** - Default icon color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Default container background color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-elevation** - Resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-container-elevation** - Lowered resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-color** - Container background color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-color** - Icon color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-color** - Label text color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-elevation** - Elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-icon-color** - Icon color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-label-text-color** - Label text color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-color** - State layer color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-container-elevation** - Elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-icon-color** - Icon color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-label-text-color** - Label text color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-color** - State layer color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-container-elevation** - Elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-icon-color** - Icon color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-label-text-color** - Label text color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-color** - State layer color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-container-elevation** - Elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-primary-container-fab-label-text-color** - Default label text color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-icon-color** - Default icon color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-color** - Default container background color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-elevation** - Resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-container-elevation** - Lowered resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-color** - Container background color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-opacity** - Opacity of container when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-color** - Icon color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-color** - Label text color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-elevation** - Elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-icon-color** - Icon color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-label-text-color** - Label text color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-color** - State layer color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-container-elevation** - Elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-icon-color** - Icon color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-label-text-color** - Label text color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-color** - State layer color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-container-elevation** - Elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-icon-color** - Icon color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-label-text-color** - Label text color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-color** - State layer color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-container-elevation** - Elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-label-text-color** - Default label text color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-icon-color** - Default icon color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-color** - Default container background color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-elevation** - Resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-container-elevation** - Lowered resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-color** - Container background color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-opacity** - Opacity of container when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-color** - Icon color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-color** - Label text color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-elevation** - Elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-icon-color** - Icon color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-label-text-color** - Label text color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-color** - State layer color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-container-elevation** - Elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-icon-color** - Icon color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-label-text-color** - Label text color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-color** - State layer color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-container-elevation** - Elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-icon-color** - Icon color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-label-text-color** - Label text color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-color** - State layer color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-container-elevation** - Elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-label-text-color** - Default label text color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-icon-color** - Default icon color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-color** - Default container background color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-elevation** - Resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-container-elevation** - Lowered resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-color** - Container background color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-color** - Icon color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-color** - Label text color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-elevation** - Elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-icon-color** - Icon color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-label-text-color** - Label text color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-color** - State layer color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-container-elevation** - Elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-icon-color** - Icon color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-label-text-color** - Label text color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-color** - State layer color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-container-elevation** - Elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-icon-color** - Icon color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-label-text-color** - Label text color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-color** - State layer color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-container-elevation** - Elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-surface-fab-label-text-color** - Default label text color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-icon-color** - Default icon color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-color** - Default container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-elevation** - Resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-elevation** - Lowered resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-color** - Lowered container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-color** - Container background color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-opacity** - Opacity of container when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-color** - Icon color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-opacity** - Icon opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-color** - Label text color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-opacity** - Label text opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-elevation** - Elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-icon-color** - Icon color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-label-text-color** - Label text color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-color** - State layer color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-opacity** - State layer opacity on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-container-elevation** - Elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-hover-container-elevation** - Lowered elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-icon-color** - Icon color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-label-text-color** - Label text color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-color** - State layer color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-opacity** - State layer opacity on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-container-elevation** - Elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-focus-container-elevation** - Lowered elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-icon-color** - Icon color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-label-text-color** - Label text color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-color** - State layer color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-opacity** - State layer opacity on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-container-elevation** - Elevation on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (surface). _(default: undefined)_",
776
776
  "attributes": [
777
777
  {
778
778
  "name": "disabled",
@@ -1062,7 +1062,7 @@
1062
1062
  },
1063
1063
  {
1064
1064
  "name": "m3e-icon-button",
1065
- "description": "An icon button users interact with to perform a supplementary action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **selected** - Renders an icon, when selected.\n\n### **CSS Properties:**\n - **--m3e-icon-button-extra-small-container-height** - Height of the extra-small container. _(default: undefined)_\n- **--m3e-icon-button-extra-small-outline-thickness** - Outline thickness for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-icon-size** - Icon size for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-round** - Corner radius for round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-square** - Corner radius for square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-round** - Corner radius for selected round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-square** - Corner radius for selected square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-pressed-morph** - Corner radius for pressed extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-leading-space** - Leading space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-trailing-space** - Trailing space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-leading-space** - Leading space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-trailing-space** - Trailing space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-leading-space** - Leading space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-trailing-space** - Trailing space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-container-height** - Height of the small container. _(default: undefined)_\n- **--m3e-icon-button-small-outline-thickness** - Outline thickness for small. _(default: undefined)_\n- **--m3e-icon-button-small-icon-size** - Icon size for small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-round** - Corner radius for round small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-square** - Corner radius for square small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-round** - Corner radius for selected round small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-square** - Corner radius for selected square small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-pressed-morph** - Corner radius for pressed small. _(default: undefined)_\n- **--m3e-icon-button-small-narrow-leading-space** - Leading space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-narrow-trailing-space** - Trailing space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-default-leading-space** - Leading space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-default-trailing-space** - Trailing space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-wide-leading-space** - Leading space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-wide-trailing-space** - Trailing space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-container-height** - Height of the medium container. _(default: undefined)_\n- **--m3e-icon-button-medium-outline-thickness** - Outline thickness for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-icon-size** - Icon size for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-round** - Corner radius for round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-square** - Corner radius for square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-round** - Corner radius for selected round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-square** - Corner radius for selected square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-pressed-morph** - Corner radius for pressed medium. _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-leading-space** - Leading space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-trailing-space** - Trailing space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-default-leading-space** - Leading space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-default-trailing-space** - Trailing space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-leading-space** - Leading space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-trailing-space** - Trailing space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-large-container-height** - Height of the large container. _(default: undefined)_\n- **--m3e-icon-button-large-outline-thickness** - Outline thickness for large. _(default: undefined)_\n- **--m3e-icon-button-large-icon-size** - Icon size for large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-round** - Corner radius for round large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-square** - Corner radius for square large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-round** - Corner radius for selected round large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-square** - Corner radius for selected square large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-pressed-morph** - Corner radius for pressed large. _(default: undefined)_\n- **--m3e-icon-button-large-narrow-leading-space** - Leading space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-narrow-trailing-space** - Trailing space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-default-leading-space** - Leading space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-default-trailing-space** - Trailing space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-wide-leading-space** - Leading space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-large-wide-trailing-space** - Trailing space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-container-height** - Height of the extra-large container. _(default: undefined)_\n- **--m3e-icon-button-extra-large-outline-thickness** - Outline thickness for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-icon-size** - Icon size for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-round** - Corner radius for round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-square** - Corner radius for square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-round** - Corner radius for selected round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-square** - Corner radius for selected square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-pressed-morph** - Corner radius for pressed extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-leading-space** - Leading space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-trailing-space** - Trailing space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-leading-space** - Leading space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-trailing-space** - Trailing space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-leading-space** - Leading space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-trailing-space** - Trailing space for extra-large (wide). _(default: undefined)_\n- **--m3e-outlined-icon-button-icon-color** - Default icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-outline-color** - Default outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-unselected-icon-color** - Unselected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-icon-color** - Selected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-container-color** - Selected container background color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-color** - Container background color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-opacity** - Opacity of container when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-color** - Icon color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-opacity** - Icon opacity when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-outline-color** - Outline color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-icon-color** - Icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-outline-color** - Outline color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-color** - State layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-opacity** - State layer opacity on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-icon-color** - Selected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-icon-color** - Icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-outline-color** - Outline color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-color** - State layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-opacity** - State layer opacity on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-icon-color** - Selected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-icon-color** - Icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-outline-color** - Outline color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-color** - State layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-filled-icon-button-icon-color** - Default icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-container-color** - Default container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-icon-color** - Unselected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-container-color** - Unselected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-icon-color** - Selected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-container-color** - Selected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-color** - Container background color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-opacity** - Opacity of container when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-color** - Icon color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-opacity** - Icon opacity when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-icon-color** - Icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-color** - State layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-opacity** - State layer opacity on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-icon-color** - Selected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-icon-color** - Icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-color** - State layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-opacity** - State layer opacity on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-icon-color** - Selected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-icon-color** - Icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-color** - State layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-tonal-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-color** - Container background color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-opacity** - Opacity of container when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-color** - Icon color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-opacity** - Icon opacity when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-icon-color** - Icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-color** - State layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-opacity** - State layer opacity on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-icon-color** - Selected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-icon-color** - Icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-color** - State layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-opacity** - State layer opacity on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-icon-color** - Selected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-icon-color** - Icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-color** - State layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-standard-icon-button-icon-color** - Default icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-unselected-icon-color** - Unselected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-selected-icon-color** - Selected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-color** - Container background color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-opacity** - Opacity of container when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-color** - Icon color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-opacity** - Icon opacity when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-icon-color** - Icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-color** - State layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-opacity** - State layer opacity on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-icon-color** - Selected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-icon-color** - Icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-color** - State layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-opacity** - State layer opacity on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-icon-color** - Selected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-icon-color** - Icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-color** - State layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (standard). _(default: undefined)_",
1065
+ "description": "An icon button users interact with to perform a supplementary action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **selected** - Renders an icon, when selected.\n\n### **CSS Properties:**\n - **--m3e-icon-button-container-height** - Height of the container for all size variants. _(default: undefined)_\n- **--m3e-icon-button-outline-thickness** - Outline thickness for all size variants. _(default: undefined)_\n- **--m3e-icon-button-icon-size** - Icon size for all size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-round** - Corner radius for all round size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-square** - Corner radius for all square size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-round** - Corner radius for all selected round size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-square** - Corner radius for all selected square size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-pressed-morph** - Corner radius for all pressed size variants. _(default: undefined)_\n- **--m3e-icon-button-narrow-leading-space** - Leading space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-narrow-trailing-space** - Trailing space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-default-leading-space** - Leading space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-default-trailing-space** - Trailing space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-wide-leading-space** - Leading space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-wide-trailing-space** - Trailing space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-container-height** - Height of the extra-small container. _(default: undefined)_\n- **--m3e-icon-button-extra-small-outline-thickness** - Outline thickness for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-icon-size** - Icon size for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-round** - Corner radius for round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-square** - Corner radius for square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-round** - Corner radius for selected round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-square** - Corner radius for selected square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-pressed-morph** - Corner radius for pressed extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-leading-space** - Leading space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-trailing-space** - Trailing space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-leading-space** - Leading space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-trailing-space** - Trailing space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-leading-space** - Leading space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-trailing-space** - Trailing space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-container-height** - Height of the small container. _(default: undefined)_\n- **--m3e-icon-button-small-outline-thickness** - Outline thickness for small. _(default: undefined)_\n- **--m3e-icon-button-small-icon-size** - Icon size for small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-round** - Corner radius for round small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-square** - Corner radius for square small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-round** - Corner radius for selected round small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-square** - Corner radius for selected square small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-pressed-morph** - Corner radius for pressed small. _(default: undefined)_\n- **--m3e-icon-button-small-narrow-leading-space** - Leading space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-narrow-trailing-space** - Trailing space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-default-leading-space** - Leading space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-default-trailing-space** - Trailing space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-wide-leading-space** - Leading space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-wide-trailing-space** - Trailing space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-container-height** - Height of the medium container. _(default: undefined)_\n- **--m3e-icon-button-medium-outline-thickness** - Outline thickness for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-icon-size** - Icon size for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-round** - Corner radius for round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-square** - Corner radius for square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-round** - Corner radius for selected round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-square** - Corner radius for selected square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-pressed-morph** - Corner radius for pressed medium. _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-leading-space** - Leading space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-trailing-space** - Trailing space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-default-leading-space** - Leading space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-default-trailing-space** - Trailing space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-leading-space** - Leading space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-trailing-space** - Trailing space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-large-container-height** - Height of the large container. _(default: undefined)_\n- **--m3e-icon-button-large-outline-thickness** - Outline thickness for large. _(default: undefined)_\n- **--m3e-icon-button-large-icon-size** - Icon size for large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-round** - Corner radius for round large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-square** - Corner radius for square large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-round** - Corner radius for selected round large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-square** - Corner radius for selected square large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-pressed-morph** - Corner radius for pressed large. _(default: undefined)_\n- **--m3e-icon-button-large-narrow-leading-space** - Leading space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-narrow-trailing-space** - Trailing space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-default-leading-space** - Leading space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-default-trailing-space** - Trailing space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-wide-leading-space** - Leading space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-large-wide-trailing-space** - Trailing space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-container-height** - Height of the extra-large container. _(default: undefined)_\n- **--m3e-icon-button-extra-large-outline-thickness** - Outline thickness for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-icon-size** - Icon size for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-round** - Corner radius for round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-square** - Corner radius for square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-round** - Corner radius for selected round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-square** - Corner radius for selected square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-pressed-morph** - Corner radius for pressed extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-leading-space** - Leading space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-trailing-space** - Trailing space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-leading-space** - Leading space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-trailing-space** - Trailing space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-leading-space** - Leading space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-trailing-space** - Trailing space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-outline-color** - Default outline color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-outline-color** - Outline color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-outline-color** - Outline color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-outline-color** - Outline color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-outline-color** - Outline color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-icon-color** - Selected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-icon-color** - Selected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-outlined-icon-button-icon-color** - Default icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-outline-color** - Default outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-unselected-icon-color** - Unselected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-icon-color** - Selected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-container-color** - Selected container background color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-color** - Container background color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-opacity** - Opacity of container when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-color** - Icon color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-opacity** - Icon opacity when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-outline-color** - Outline color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-icon-color** - Icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-outline-color** - Outline color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-color** - State layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-opacity** - State layer opacity on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-icon-color** - Selected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-icon-color** - Icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-outline-color** - Outline color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-color** - State layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-opacity** - State layer opacity on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-icon-color** - Selected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-icon-color** - Icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-outline-color** - Outline color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-color** - State layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-filled-icon-button-icon-color** - Default icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-container-color** - Default container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-icon-color** - Unselected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-container-color** - Unselected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-icon-color** - Selected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-container-color** - Selected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-color** - Container background color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-opacity** - Opacity of container when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-color** - Icon color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-opacity** - Icon opacity when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-icon-color** - Icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-color** - State layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-opacity** - State layer opacity on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-icon-color** - Selected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-icon-color** - Icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-color** - State layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-opacity** - State layer opacity on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-icon-color** - Selected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-icon-color** - Icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-color** - State layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-tonal-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-color** - Container background color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-opacity** - Opacity of container when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-color** - Icon color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-opacity** - Icon opacity when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-icon-color** - Icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-color** - State layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-opacity** - State layer opacity on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-icon-color** - Selected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-icon-color** - Icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-color** - State layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-opacity** - State layer opacity on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-icon-color** - Selected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-icon-color** - Icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-color** - State layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-standard-icon-button-icon-color** - Default icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-unselected-icon-color** - Unselected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-selected-icon-color** - Selected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-color** - Container background color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-opacity** - Opacity of container when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-color** - Icon color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-opacity** - Icon opacity when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-icon-color** - Icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-color** - State layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-opacity** - State layer opacity on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-icon-color** - Selected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-icon-color** - Icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-color** - State layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-opacity** - State layer opacity on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-icon-color** - Selected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-icon-color** - Icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-color** - State layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (standard). _(default: undefined)_",
1066
1066
  "attributes": [
1067
1067
  {
1068
1068
  "name": "disabled",
@@ -1961,6 +1961,23 @@
1961
1961
  ],
1962
1962
  "references": []
1963
1963
  },
1964
+ {
1965
+ "name": "m3e-split-button",
1966
+ "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
1967
+ "attributes": [
1968
+ {
1969
+ "name": "variant",
1970
+ "description": "The appearance variant of the button.",
1971
+ "values": [{ "name": "SplitButtonVariant" }]
1972
+ },
1973
+ {
1974
+ "name": "size",
1975
+ "description": "The size of the button.",
1976
+ "values": [{ "name": "ButtonSize" }]
1977
+ }
1978
+ ],
1979
+ "references": []
1980
+ },
1964
1981
  {
1965
1982
  "name": "m3e-snackbar",
1966
1983
  "description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Slots:**\n - _default_ - Renders the content of the snackbar.\n- **close-icon** - Renders the icon of the button used to close the snackbar.\n\n### **CSS Properties:**\n - **--m3e-snackbar-margin** - Vertical offset from the bottom of the viewport. _(default: undefined)_\n- **--m3e-snackbar-container-shape** - Border radius of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-container-color** - Background color of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-padding** - Internal spacing of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-min-width** - Minimum width of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-max-width** - Maximum width of the snackbar. _(default: undefined)_",
@@ -1988,23 +2005,6 @@
1988
2005
  ],
1989
2006
  "references": []
1990
2007
  },
1991
- {
1992
- "name": "m3e-split-button",
1993
- "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
1994
- "attributes": [
1995
- {
1996
- "name": "variant",
1997
- "description": "The appearance variant of the button.",
1998
- "values": [{ "name": "SplitButtonVariant" }]
1999
- },
2000
- {
2001
- "name": "size",
2002
- "description": "The size of the button.",
2003
- "values": [{ "name": "ButtonSize" }]
2004
- }
2005
- ],
2006
- "references": []
2007
- },
2008
2008
  {
2009
2009
  "name": "m3e-step",
2010
2010
  "description": "A step in a wizard-like workflow.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **reset(): _void_** - Resets the step to its initial state, clearing any form data.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the step.\n- **icon** - Renders the icon of the step.\n- **done-icon** - Renders the icon of a completed step.\n- **edit-icon** - Renders the icon of a completed editable step.\n- **error-icon** - Renders icon of an invalid step.\n- **hint** - Renders the hint text of the step.\n- **error** - Renders the error message for an invalid step.\n\n### **CSS Properties:**\n - **--m3e-step-shape** - Border radius of the step container, defining its visual shape. _(default: undefined)_\n- **--m3e-step-padding** - Internal padding of the step container, used for layout spacing. _(default: undefined)_\n- **--m3e-step-icon-shape** - Border radius of the icon container, controlling its geometric form. _(default: undefined)_\n- **--m3e-step-icon-size** - Width and height of the icon container and icon glyph. _(default: undefined)_\n- **--m3e-step-selected-icon-container-color** - Background color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-selected-icon-color** - Foreground color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-completed-icon-container-color** - Background color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-completed-icon-color** - Foreground color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-unselected-icon-container-color** - Background color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-unselected-icon-color** - Foreground color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-icon-error-color** - Foreground color of the icon when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-icon-container-color** - Base color used to mix the disabled icon background. _(default: undefined)_\n- **--m3e-step-disabled-icon-color** - Base color used to mix the disabled icon foreground. _(default: undefined)_\n- **--m3e-step-label-color** - Text color of the step label in its default state. _(default: undefined)_\n- **--m3e-step-label-error-color** - Text color of the step label when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-label-color** - Base color used to mix the disabled label foreground. _(default: undefined)_\n- **--m3e-step-font-size** - Font size of the step label. _(default: undefined)_\n- **--m3e-step-font-weight** - Font weight of the step label. _(default: undefined)_\n- **--m3e-step-line-height** - Line height of the step label. _(default: undefined)_\n- **--m3e-step-tracking** - Letter spacing of the step label. _(default: undefined)_\n- **--m3e-step-icon-label-space** - Gap between icon and label. _(default: undefined)_\n- **--m3e-step-hint-font-size** - Font size of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-font-weight** - Font weight of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-line-height** - Line height of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-tracking** - Letter spacing of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-color** - Text color of hint messages in valid state. _(default: undefined)_\n- **--m3e-step-disabled-hint-color** - Base color used to mix the disabled hint foreground. _(default: undefined)_",
@@ -2454,7 +2454,7 @@
2454
2454
  },
2455
2455
  {
2456
2456
  "name": "m3e-focus-ring",
2457
- "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_",
2457
+ "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-outward-offset** - Offset of an outward focus ring. _(default: undefined)_\n- **--m3e-focus-ring-inward-offset** - Offset of an inward focus ring. _(default: undefined)_",
2458
2458
  "attributes": [
2459
2459
  {
2460
2460
  "name": "disabled",