@m3e/icon-button 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,1291 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/IconButtonElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eIconButtonElement",
+          "cssProperties": [
+            {
+              "description": "Height of the extra-small container.",
+              "name": "--m3e-icon-button-extra-small-container-height"
+            },
+            {
+              "description": "Outline thickness for extra-small.",
+              "name": "--m3e-icon-button-extra-small-outline-thickness"
+            },
+            {
+              "description": "Icon size for extra-small.",
+              "name": "--m3e-icon-button-extra-small-icon-size"
+            },
+            {
+              "description": "Corner radius for round extra-small.",
+              "name": "--m3e-icon-button-extra-small-shape-round"
+            },
+            {
+              "description": "Corner radius for square extra-small.",
+              "name": "--m3e-icon-button-extra-small-shape-square"
+            },
+            {
+              "description": "Corner radius for selected round extra-small.",
+              "name": "--m3e-icon-button-extra-small-selected-shape-round"
+            },
+            {
+              "description": "Corner radius for selected square extra-small.",
+              "name": "--m3e-icon-button-extra-small-selected-shape-square"
+            },
+            {
+              "description": "Corner radius for pressed extra-small.",
+              "name": "--m3e-icon-button-extra-small-shape-pressed-morph"
+            },
+            {
+              "description": "Leading space for extra-small (narrow).",
+              "name": "--m3e-icon-button-extra-small-narrow-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-small (narrow).",
+              "name": "--m3e-icon-button-extra-small-narrow-trailing-space"
+            },
+            {
+              "description": "Leading space for extra-small (default).",
+              "name": "--m3e-icon-button-extra-small-default-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-small (default).",
+              "name": "--m3e-icon-button-extra-small-default-trailing-space"
+            },
+            {
+              "description": "Leading space for extra-small (wide).",
+              "name": "--m3e-icon-button-extra-small-wide-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-small (wide).",
+              "name": "--m3e-icon-button-extra-small-wide-trailing-space"
+            },
+            {
+              "description": "Height of the small container.",
+              "name": "--m3e-icon-button-small-container-height"
+            },
+            {
+              "description": "Outline thickness for small.",
+              "name": "--m3e-icon-button-small-outline-thickness"
+            },
+            {
+              "description": "Icon size for small.",
+              "name": "--m3e-icon-button-small-icon-size"
+            },
+            {
+              "description": "Corner radius for round small.",
+              "name": "--m3e-icon-button-small-shape-round"
+            },
+            {
+              "description": "Corner radius for square small.",
+              "name": "--m3e-icon-button-small-shape-square"
+            },
+            {
+              "description": "Corner radius for selected round small.",
+              "name": "--m3e-icon-button-small-selected-shape-round"
+            },
+            {
+              "description": "Corner radius for selected square small.",
+              "name": "--m3e-icon-button-small-selected-shape-square"
+            },
+            {
+              "description": "Corner radius for pressed small.",
+              "name": "--m3e-icon-button-small-shape-pressed-morph"
+            },
+            {
+              "description": "Leading space for small (narrow).",
+              "name": "--m3e-icon-button-small-narrow-leading-space"
+            },
+            {
+              "description": "Trailing space for small (narrow).",
+              "name": "--m3e-icon-button-small-narrow-trailing-space"
+            },
+            {
+              "description": "Leading space for small (default).",
+              "name": "--m3e-icon-button-small-default-leading-space"
+            },
+            {
+              "description": "Trailing space for small (default).",
+              "name": "--m3e-icon-button-small-default-trailing-space"
+            },
+            {
+              "description": "Leading space for small (wide).",
+              "name": "--m3e-icon-button-small-wide-leading-space"
+            },
+            {
+              "description": "Trailing space for small (wide).",
+              "name": "--m3e-icon-button-small-wide-trailing-space"
+            },
+            {
+              "description": "Height of the medium container.",
+              "name": "--m3e-icon-button-medium-container-height"
+            },
+            {
+              "description": "Outline thickness for medium.",
+              "name": "--m3e-icon-button-medium-outline-thickness"
+            },
+            {
+              "description": "Icon size for medium.",
+              "name": "--m3e-icon-button-medium-icon-size"
+            },
+            {
+              "description": "Corner radius for round medium.",
+              "name": "--m3e-icon-button-medium-shape-round"
+            },
+            {
+              "description": "Corner radius for square medium.",
+              "name": "--m3e-icon-button-medium-shape-square"
+            },
+            {
+              "description": "Corner radius for selected round medium.",
+              "name": "--m3e-icon-button-medium-selected-shape-round"
+            },
+            {
+              "description": "Corner radius for selected square medium.",
+              "name": "--m3e-icon-button-medium-selected-shape-square"
+            },
+            {
+              "description": "Corner radius for pressed medium.",
+              "name": "--m3e-icon-button-medium-shape-pressed-morph"
+            },
+            {
+              "description": "Leading space for medium (narrow).",
+              "name": "--m3e-icon-button-medium-narrow-leading-space"
+            },
+            {
+              "description": "Trailing space for medium (narrow).",
+              "name": "--m3e-icon-button-medium-narrow-trailing-space"
+            },
+            {
+              "description": "Leading space for medium (default).",
+              "name": "--m3e-icon-button-medium-default-leading-space"
+            },
+            {
+              "description": "Trailing space for medium (default).",
+              "name": "--m3e-icon-button-medium-default-trailing-space"
+            },
+            {
+              "description": "Leading space for medium (wide).",
+              "name": "--m3e-icon-button-medium-wide-leading-space"
+            },
+            {
+              "description": "Trailing space for medium (wide).",
+              "name": "--m3e-icon-button-medium-wide-trailing-space"
+            },
+            {
+              "description": "Height of the large container.",
+              "name": "--m3e-icon-button-large-container-height"
+            },
+            {
+              "description": "Outline thickness for large.",
+              "name": "--m3e-icon-button-large-outline-thickness"
+            },
+            {
+              "description": "Icon size for large.",
+              "name": "--m3e-icon-button-large-icon-size"
+            },
+            {
+              "description": "Corner radius for round large.",
+              "name": "--m3e-icon-button-large-shape-round"
+            },
+            {
+              "description": "Corner radius for square large.",
+              "name": "--m3e-icon-button-large-shape-square"
+            },
+            {
+              "description": "Corner radius for selected round large.",
+              "name": "--m3e-icon-button-large-selected-shape-round"
+            },
+            {
+              "description": "Corner radius for selected square large.",
+              "name": "--m3e-icon-button-large-selected-shape-square"
+            },
+            {
+              "description": "Corner radius for pressed large.",
+              "name": "--m3e-icon-button-large-shape-pressed-morph"
+            },
+            {
+              "description": "Leading space for large (narrow).",
+              "name": "--m3e-icon-button-large-narrow-leading-space"
+            },
+            {
+              "description": "Trailing space for large (narrow).",
+              "name": "--m3e-icon-button-large-narrow-trailing-space"
+            },
+            {
+              "description": "Leading space for large (default).",
+              "name": "--m3e-icon-button-large-default-leading-space"
+            },
+            {
+              "description": "Trailing space for large (default).",
+              "name": "--m3e-icon-button-large-default-trailing-space"
+            },
+            {
+              "description": "Leading space for large (wide).",
+              "name": "--m3e-icon-button-large-wide-leading-space"
+            },
+            {
+              "description": "Trailing space for large (wide).",
+              "name": "--m3e-icon-button-large-wide-trailing-space"
+            },
+            {
+              "description": "Height of the extra-large container.",
+              "name": "--m3e-icon-button-extra-large-container-height"
+            },
+            {
+              "description": "Outline thickness for extra-large.",
+              "name": "--m3e-icon-button-extra-large-outline-thickness"
+            },
+            {
+              "description": "Icon size for extra-large.",
+              "name": "--m3e-icon-button-extra-large-icon-size"
+            },
+            {
+              "description": "Corner radius for round extra-large.",
+              "name": "--m3e-icon-button-extra-large-shape-round"
+            },
+            {
+              "description": "Corner radius for square extra-large.",
+              "name": "--m3e-icon-button-extra-large-shape-square"
+            },
+            {
+              "description": "Corner radius for selected round extra-large.",
+              "name": "--m3e-icon-button-extra-large-selected-shape-round"
+            },
+            {
+              "description": "Corner radius for selected square extra-large.",
+              "name": "--m3e-icon-button-extra-large-selected-shape-square"
+            },
+            {
+              "description": "Corner radius for pressed extra-large.",
+              "name": "--m3e-icon-button-extra-large-shape-pressed-morph"
+            },
+            {
+              "description": "Leading space for extra-large (narrow).",
+              "name": "--m3e-icon-button-extra-large-narrow-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-large (narrow).",
+              "name": "--m3e-icon-button-extra-large-narrow-trailing-space"
+            },
+            {
+              "description": "Leading space for extra-large (default).",
+              "name": "--m3e-icon-button-extra-large-default-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-large (default).",
+              "name": "--m3e-icon-button-extra-large-default-trailing-space"
+            },
+            {
+              "description": "Leading space for extra-large (wide).",
+              "name": "--m3e-icon-button-extra-large-wide-leading-space"
+            },
+            {
+              "description": "Trailing space for extra-large (wide).",
+              "name": "--m3e-icon-button-extra-large-wide-trailing-space"
+            },
+            {
+              "description": "Default icon color for outlined variant.",
+              "name": "--m3e-outlined-icon-button-icon-color"
+            },
+            {
+              "description": "Default outline color for outlined variant.",
+              "name": "--m3e-outlined-icon-button-outline-color"
+            },
+            {
+              "description": "Unselected icon color for outlined variant.",
+              "name": "--m3e-outlined-icon-button-unselected-icon-color"
+            },
+            {
+              "description": "Selected icon color for outlined variant.",
+              "name": "--m3e-outlined-icon-button-selected-icon-color"
+            },
+            {
+              "description": "Selected container background color for outlined variant.",
+              "name": "--m3e-outlined-icon-button-selected-container-color"
+            },
+            {
+              "description": "Container background color when disabled (outlined).",
+              "name": "--m3e-outlined-icon-button-disabled-container-color"
+            },
+            {
+              "description": "Opacity of container when disabled (outlined).",
+              "name": "--m3e-outlined-icon-button-disabled-container-opacity"
+            },
+            {
+              "description": "Icon color when disabled (outlined).",
+              "name": "--m3e-outlined-icon-button-disabled-icon-color"
+            },
+            {
+              "description": "Icon opacity when disabled (outlined).",
+              "name": "--m3e-outlined-icon-button-disabled-icon-opacity"
+            },
+            {
+              "description": "Outline color when disabled (outlined).",
+              "name": "--m3e-outlined-icon-button-disabled-outline-color"
+            },
+            {
+              "description": "Icon color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-icon-color"
+            },
+            {
+              "description": "Outline color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-outline-color"
+            },
+            {
+              "description": "State layer color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on hover (outlined).",
+              "name": "--m3e-outlined-icon-button-hover-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-icon-color"
+            },
+            {
+              "description": "Outline color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-outline-color"
+            },
+            {
+              "description": "State layer color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on focus (outlined).",
+              "name": "--m3e-outlined-icon-button-focus-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-icon-color"
+            },
+            {
+              "description": "Outline color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-outline-color"
+            },
+            {
+              "description": "State layer color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on pressed (outlined).",
+              "name": "--m3e-outlined-icon-button-pressed-selected-state-layer-color"
+            },
+            {
+              "description": "Default icon color for filled variant.",
+              "name": "--m3e-filled-icon-button-icon-color"
+            },
+            {
+              "description": "Default container background color for filled variant.",
+              "name": "--m3e-filled-icon-button-container-color"
+            },
+            {
+              "description": "Unselected icon color for filled variant.",
+              "name": "--m3e-filled-icon-button-unselected-icon-color"
+            },
+            {
+              "description": "Unselected container background color for filled variant.",
+              "name": "--m3e-filled-icon-button-unselected-container-color"
+            },
+            {
+              "description": "Selected icon color for filled variant.",
+              "name": "--m3e-filled-icon-button-selected-icon-color"
+            },
+            {
+              "description": "Selected container background color for filled variant.",
+              "name": "--m3e-filled-icon-button-selected-container-color"
+            },
+            {
+              "description": "Container background color when disabled (filled).",
+              "name": "--m3e-filled-icon-button-disabled-container-color"
+            },
+            {
+              "description": "Opacity of container when disabled (filled).",
+              "name": "--m3e-filled-icon-button-disabled-container-opacity"
+            },
+            {
+              "description": "Icon color when disabled (filled).",
+              "name": "--m3e-filled-icon-button-disabled-icon-color"
+            },
+            {
+              "description": "Icon opacity when disabled (filled).",
+              "name": "--m3e-filled-icon-button-disabled-icon-opacity"
+            },
+            {
+              "description": "Icon color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-icon-color"
+            },
+            {
+              "description": "State layer color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on hover (filled).",
+              "name": "--m3e-filled-icon-button-hover-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-icon-color"
+            },
+            {
+              "description": "State layer color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on focus (filled).",
+              "name": "--m3e-filled-icon-button-focus-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-icon-color"
+            },
+            {
+              "description": "State layer color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on pressed (filled).",
+              "name": "--m3e-filled-icon-button-pressed-selected-state-layer-color"
+            },
+            {
+              "description": "Default icon color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-icon-color"
+            },
+            {
+              "description": "Default container background color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-container-color"
+            },
+            {
+              "description": "Unselected icon color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-unselected-icon-color"
+            },
+            {
+              "description": "Unselected container background color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-unselected-container-color"
+            },
+            {
+              "description": "Selected icon color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-selected-icon-color"
+            },
+            {
+              "description": "Selected container background color for tonal variant.",
+              "name": "--m3e-tonal-icon-button-selected-container-color"
+            },
+            {
+              "description": "Container background color when disabled (tonal).",
+              "name": "--m3e-tonal-icon-button-disabled-container-color"
+            },
+            {
+              "description": "Opacity of container when disabled (tonal).",
+              "name": "--m3e-tonal-icon-button-disabled-container-opacity"
+            },
+            {
+              "description": "Icon color when disabled (tonal).",
+              "name": "--m3e-tonal-icon-button-disabled-icon-color"
+            },
+            {
+              "description": "Icon opacity when disabled (tonal).",
+              "name": "--m3e-tonal-icon-button-disabled-icon-opacity"
+            },
+            {
+              "description": "Icon color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-icon-color"
+            },
+            {
+              "description": "State layer color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on hover (tonal).",
+              "name": "--m3e-tonal-icon-button-hover-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-icon-color"
+            },
+            {
+              "description": "State layer color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on focus (tonal).",
+              "name": "--m3e-tonal-icon-button-focus-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-icon-color"
+            },
+            {
+              "description": "State layer color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on pressed (tonal).",
+              "name": "--m3e-tonal-icon-button-pressed-selected-state-layer-color"
+            },
+            {
+              "description": "Default icon color for standard variant.",
+              "name": "--m3e-standard-icon-button-icon-color"
+            },
+            {
+              "description": "Unselected icon color for standard variant.",
+              "name": "--m3e-standard-icon-button-unselected-icon-color"
+            },
+            {
+              "description": "Selected icon color for standard variant.",
+              "name": "--m3e-standard-icon-button-selected-icon-color"
+            },
+            {
+              "description": "Container background color when disabled (standard).",
+              "name": "--m3e-standard-icon-button-disabled-container-color"
+            },
+            {
+              "description": "Opacity of container when disabled (standard).",
+              "name": "--m3e-standard-icon-button-disabled-container-opacity"
+            },
+            {
+              "description": "Icon color when disabled (standard).",
+              "name": "--m3e-standard-icon-button-disabled-icon-color"
+            },
+            {
+              "description": "Icon opacity when disabled (standard).",
+              "name": "--m3e-standard-icon-button-disabled-icon-opacity"
+            },
+            {
+              "description": "Icon color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-icon-color"
+            },
+            {
+              "description": "State layer color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on hover (standard).",
+              "name": "--m3e-standard-icon-button-hover-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-icon-color"
+            },
+            {
+              "description": "State layer color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on focus (standard).",
+              "name": "--m3e-standard-icon-button-focus-selected-state-layer-color"
+            },
+            {
+              "description": "Icon color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-icon-color"
+            },
+            {
+              "description": "State layer color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Unselected icon color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-unselected-icon-color"
+            },
+            {
+              "description": "Unselected state layer color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-unselected-state-layer-color"
+            },
+            {
+              "description": "Selected icon color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-selected-icon-color"
+            },
+            {
+              "description": "Selected state layer color on pressed (standard).",
+              "name": "--m3e-standard-icon-button-pressed-selected-state-layer-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the icon of the button.",
+              "name": ""
+            },
+            {
+              "description": "Renders an icon, when selected.",
+              "name": "selected"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_base",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_elevation",
+              "type": {
+                "text": "M3eElevationElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "IconButtonVariant"
+              },
+              "default": "\"standard\"",
+              "description": "The appearance variant of the button.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "IconButtonShape"
+              },
+              "default": "\"rounded\"",
+              "description": "The shape of the button.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "\"small\"",
+              "description": "The size of the button.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "IconButtonWidth"
+              },
+              "default": "\"default\"",
+              "description": "The width of the button.",
+              "attribute": "width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button will toggle between selected and unselected states.",
+              "attribute": "toggle",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the toggle button is selected.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "grouped",
+              "description": "Whether the button is contained by a button group.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_handleResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateButtonShape",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "force",
+                  "default": "false"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleSelectedIconSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when a toggle button's selected state changes."
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when a toggle button's selected state changes."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled"
+            },
+            {
+              "description": "Whether the element is disabled and interactive.",
+              "name": "disabled-interactive"
+            },
+            {
+              "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
+              "name": "download"
+            },
+            {
+              "description": "The URL to which the link button points.",
+              "name": "href"
+            },
+            {
+              "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
+              "name": "name"
+            },
+            {
+              "description": "The relationship between the `target` of the link button and the document.",
+              "name": "rel"
+            },
+            {
+              "description": "Whether the toggle button is selected.",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selected"
+            },
+            {
+              "description": "The shape of the button.",
+              "name": "shape",
+              "type": {
+                "text": "IconButtonShape"
+              },
+              "default": "\"rounded\"",
+              "fieldName": "shape"
+            },
+            {
+              "description": "The size of the button.",
+              "name": "size",
+              "type": {
+                "text": "IconButtonSize"
+              },
+              "default": "\"small\"",
+              "fieldName": "size"
+            },
+            {
+              "description": "The target of the link button.",
+              "name": "target"
+            },
+            {
+              "description": "Whether the button will toggle between selected and unselected states.",
+              "name": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "toggle"
+            },
+            {
+              "description": "The type of the element.",
+              "name": "type"
+            },
+            {
+              "description": "The value associated with the element's name when it's submitted with form data.",
+              "name": "value"
+            },
+            {
+              "description": "The appearance variant of the button.",
+              "name": "variant",
+              "type": {
+                "text": "IconButtonVariant"
+              },
+              "default": "\"standard\"",
+              "fieldName": "variant"
+            },
+            {
+              "description": "The width of the button.",
+              "name": "width",
+              "type": {
+                "text": "IconButtonWidth"
+              },
+              "default": "\"default\"",
+              "fieldName": "width"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "KeyboardClick",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "LinkButton",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "FormSubmitter",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Focusable",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "DisabledInteractive",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-icon-button",
+          "customElement": true,
+          "summary": "An icon button users interact with to perform a supplementary action."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eIconButtonElement",
+          "declaration": {
+            "name": "M3eIconButtonElement",
+            "module": "src/IconButtonElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-icon-button",
+          "declaration": {
+            "name": "M3eIconButtonElement",
+            "module": "src/IconButtonElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/IconButtonShape.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/IconButtonSize.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/IconButtonVariant.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/IconButtonWidth.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonShape\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonSize\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonVariant\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonWidth\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/IconButtonSizeStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/IconButtonSizeToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/IconButtonStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/IconButtonVariantStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/IconButtonVariantToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonSizeStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./IconButtonVariantStyle\""
+          }
+        }
+      ]
+    }
+  ]
+}