@universal-material/web 3.0.78 → 3.0.79

package/custom-elements.json

@@ -334,255 +334,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/top-app-bar.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: block;\n    background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n    color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n\n  :host([container-scrolled]) {\n    background-color: var(--u-top-app-bar-elevated-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing-icon {\n    display: none;\n  }\n\n  slot[name=leading-icon],\n  slot[name=trailing-icon] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--u-top-app-bar-icons-gap, 8px);\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  :host([position=absolute]) .content {\n    position: absolute;\n  }\n\n  :host([position=fixed]) .content {\n    position: fixed;\n    inset-inline: 0;\n    inset-block-start: 0;\n    inset-inline-start: var(--u-app-bar-offset, 0);\n  }\n\n  :host([position=absolute]),\n  :host([position=fixed]) {\n    padding-top: var(--_content-height);\n  }\n  :host([position=absolute]) .content,\n  :host([position=fixed]) .content {\n    z-index: var(--u-fixed-app-bar-z-index, 1010);\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: inherit;\n    transition: inherit;\n    min-height: var(--u-top-app-bar-min-height, 56px);\n  }\n  @media (min-width: 840px) {\n    .content {\n      min-height: var(--u-top-app-bar-extended-min-height, 64px);\n    }\n  }\n\n  .headline {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n    font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n    letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n    font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin-inline: var(--u-headline-margin, 16px);\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-leading-icon-margin, 8px);\n  }\n  .leading-icon + .headline {\n    margin-inline-start: 0;\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/app-bar/top-app-bar.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/app-bar/top-app-bar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmTopAppBar",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasLeadingIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-leading-icon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasTrailingIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
-              "attribute": "has-trailing-icon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'fixed' | 'absolute' | 'static'"
-              },
-              "default": "'fixed'",
-              "attribute": "position",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "scrollContainer",
-              "type": {
-                "text": "'none' | 'window' | string | undefined"
-              },
-              "attribute": "scrollContainer",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "containerScrolled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "container-scrolled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "assignedLeadingIcons",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "assignedTrailingIcons",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "contentSizeObserver",
-              "type": {
-                "text": "ResizeObserver | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "scrollContainerElement",
-              "type": {
-                "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "getScrollContainer",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | undefined"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "idOrElement",
-                  "type": {
-                    "text": "string | HTMLElement | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleLeadingIconSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleTrailingIconSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "onContainerScroll"
-            },
-            {
-              "kind": "method",
-              "name": "getScrollTop",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "number | null"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "container",
-                  "type": {
-                    "text": "HTMLElement & Window"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "setContentHeightProperty",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "has-leading-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasLeadingIcon"
-            },
-            {
-              "name": "has-trailing-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
-              "fieldName": "hasTrailingIcon"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'fixed' | 'absolute' | 'static'"
-              },
-              "default": "'fixed'",
-              "fieldName": "position"
-            },
-            {
-              "name": "scrollContainer",
-              "type": {
-                "text": "'none' | 'window' | string | undefined"
-              },
-              "fieldName": "scrollContainer"
-            },
-            {
-              "name": "container-scrolled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "containerScrolled"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-top-app-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmTopAppBar",
-          "declaration": {
-            "name": "UmTopAppBar",
-            "module": "src/app-bar/top-app-bar.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-top-app-bar",
-          "declaration": {
-            "name": "UmTopAppBar",
-            "module": "src/app-bar/top-app-bar.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/button/button-base.styles.ts",
@@ -2523,136 +2274,385 @@
               "fieldName": "variant"
             },
             {
-              "name": "toggle",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, the button will toggle between selected and unselected\nstates",
-              "fieldName": "toggle"
+              "name": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the button will toggle between selected and unselected\nstates",
+              "fieldName": "toggle"
+            },
+            {
+              "name": "has-selection-icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasSelectionIcon"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "aria-label-selected",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The `aria-label` of the button when the button is toggleable and selected.",
+              "fieldName": "ariaLabelSelected"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'submit'",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "UmButtonBase",
+                "module": "src/button/button-base.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "UmButtonBase",
+                "module": "src/button/button-base.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button is disabled or not.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The URL that the link button points to.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "UmButtonWrapper",
+                "module": "src/shared/button-wrapper.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "UmButtonBase",
+            "module": "/src/button/button-base.js"
+          },
+          "tagName": "u-icon-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmIconButton",
+          "declaration": {
+            "name": "UmIconButton",
+            "module": "src/button/icon-button.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-icon-button",
+          "declaration": {
+            "name": "UmIconButton",
+            "module": "src/button/icon-button.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/top-app-bar.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    display: block;\n    background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n    color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n  }\n\n  :host([container-scrolled]) {\n    background-color: var(--u-top-app-bar-elevated-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing-icon {\n    display: none;\n  }\n\n  slot[name=leading-icon],\n  slot[name=trailing-icon] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--u-top-app-bar-icons-gap, 8px);\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  :host([position=absolute]) .content {\n    position: absolute;\n  }\n\n  :host([position=fixed]) .content {\n    position: fixed;\n    inset-inline: 0;\n    inset-block-start: 0;\n    inset-inline-start: var(--u-app-bar-offset, 0);\n  }\n\n  :host([position=absolute]),\n  :host([position=fixed]) {\n    padding-top: var(--_content-height);\n  }\n  :host([position=absolute]) .content,\n  :host([position=fixed]) .content {\n    z-index: var(--u-fixed-app-bar-z-index, 1010);\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: inherit;\n    transition: inherit;\n    min-height: var(--u-top-app-bar-min-height, 56px);\n  }\n  @media (min-width: 840px) {\n    .content {\n      min-height: var(--u-top-app-bar-extended-min-height, 64px);\n    }\n  }\n\n  .headline {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n    font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n    letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n    font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin-inline: var(--u-headline-margin, 16px);\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-leading-icon-margin, 8px);\n  }\n  .leading-icon + .headline {\n    margin-inline-start: 0;\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/app-bar/top-app-bar.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/app-bar/top-app-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmTopAppBar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasLeadingIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-leading-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasTrailingIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
+              "attribute": "has-trailing-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'fixed' | 'absolute' | 'static'"
+              },
+              "default": "'fixed'",
+              "attribute": "position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "scrollContainer",
+              "type": {
+                "text": "'none' | 'window' | string | undefined"
+              },
+              "attribute": "scrollContainer",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "containerScrolled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "container-scrolled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "assignedLeadingIcons",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "assignedTrailingIcons",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "contentSizeObserver",
+              "type": {
+                "text": "ResizeObserver | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "scrollContainerElement",
+              "type": {
+                "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "getScrollContainer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    addEventListener: typeof window.addEventListener;\n    removeEventListener: typeof window.removeEventListener;\n  } | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "idOrElement",
+                  "type": {
+                    "text": "string | HTMLElement | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleLeadingIconSlotChange",
+              "privacy": "private"
             },
             {
-              "name": "has-selection-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasSelectionIcon"
+              "kind": "method",
+              "name": "handleTrailingIconSlotChange",
+              "privacy": "private"
             },
             {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
-              "fieldName": "selected"
+              "kind": "field",
+              "name": "onContainerScroll"
             },
             {
-              "name": "aria-label-selected",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "getScrollTop",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
               },
-              "default": "''",
-              "description": "The `aria-label` of the button when the button is toggleable and selected.",
-              "fieldName": "ariaLabelSelected"
+              "parameters": [
+                {
+                  "name": "container",
+                  "type": {
+                    "text": "HTMLElement & Window"
+                  }
+                }
+              ]
             },
             {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "default": "'submit'",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "UmButtonBase",
-                "module": "src/button/button-base.ts"
-              }
-            },
+              "kind": "method",
+              "name": "setContentHeightProperty",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
             {
-              "name": "value",
+              "name": "has-leading-icon",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "UmButtonBase",
-                "module": "src/button/button-base.ts"
-              }
+              "default": "false",
+              "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasLeadingIcon"
             },
             {
-              "name": "disabled",
+              "name": "has-trailing-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button is disabled or not.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
+              "fieldName": "hasTrailingIcon"
             },
             {
-              "name": "href",
+              "name": "position",
               "type": {
-                "text": "string | undefined"
+                "text": "'fixed' | 'absolute' | 'static'"
               },
-              "description": "The URL that the link button points to.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "'fixed'",
+              "fieldName": "position"
             },
             {
-              "name": "target",
+              "name": "scrollContainer",
               "type": {
-                "text": "string | undefined"
+                "text": "'none' | 'window' | string | undefined"
               },
-              "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "fieldName": "scrollContainer"
             },
             {
-              "name": "name",
+              "name": "container-scrolled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "UmButtonWrapper",
-                "module": "src/shared/button-wrapper.ts"
-              }
+              "default": "false",
+              "fieldName": "containerScrolled"
             }
           ],
           "superclass": {
-            "name": "UmButtonBase",
-            "module": "/src/button/button-base.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "u-icon-button",
+          "tagName": "u-top-app-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmIconButton",
+          "name": "UmTopAppBar",
           "declaration": {
-            "name": "UmIconButton",
-            "module": "src/button/icon-button.ts"
+            "name": "UmTopAppBar",
+            "module": "src/app-bar/top-app-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "u-icon-button",
+          "name": "u-top-app-bar",
           "declaration": {
-            "name": "UmIconButton",
-            "module": "src/button/icon-button.ts"
+            "name": "UmTopAppBar",
+            "module": "src/app-bar/top-app-bar.ts"
           }
         }
       ]
@@ -5126,63 +5126,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    --_level: var(--u-elevation-level, 0);\n    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n    -webkit-tap-highlight-color: transparent;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n  :host::before, :host::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    transition: box-shadow 150ms ease-in-out;\n  }\n  :host::before {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n    opacity: 0.3;\n  }\n  :host::after {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n    opacity: 0.15;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/elevation/elevation.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmElevation",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-elevation",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmElevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-elevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/confirm-dialog-builder.ts",
@@ -6055,6 +5998,63 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    --_level: var(--u-elevation-level, 0);\n    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n    -webkit-tap-highlight-color: transparent;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n  :host::before, :host::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    transition: box-shadow 150ms ease-in-out;\n  }\n  :host::before {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n    opacity: 0.3;\n  }\n  :host::after {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n    opacity: 0.15;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/elevation/elevation.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmElevation",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-elevation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmElevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-elevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/field/field-base.styles.ts",
@@ -7190,7 +7190,7 @@
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    --u-focus-ring-outline-offset: -4px;\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  :host(:not([has-leading-icon])) .leading {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {\n    display: none;\n  }\n\n  .icon {\n    font-size: var(--_menu-item-icon-size);\n    line-height: var(--_menu-item-icon-size);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n    gap: var(--u-menu-item-icon-margin, 12px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    flex: 1;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`"
+          "default": "css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    --u-focus-ring-outline-offset: -4px;\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  :host(:not([has-leading-icon])) .leading {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {\n    display: none;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_menu-item-icon-size);\n    height: var(--_menu-item-icon-size);\n    font-size: var(--_menu-item-icon-size);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n    gap: var(--u-menu-item-icon-margin, 12px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    flex: 1;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`"
         }
       ],
       "exports": [

package/menu/menu-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+ClB,CAAC"}
+{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmDlB,CAAC"}

package/menu/menu-item.styles.js

@@ -24,8 +24,12 @@ export const styles = css `
   }
 
   .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--_menu-item-icon-size);
+    height: var(--_menu-item-icon-size);
     font-size: var(--_menu-item-icon-size);
-    line-height: var(--_menu-item-icon-size);
     color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
   }
 

package/menu/menu-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    --u-focus-ring-outline-offset: -4px;\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  :host(:not([has-leading-icon])) .leading {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {\n    display: none;\n  }\n\n  .icon {\n    font-size: var(--_menu-item-icon-size);\n    line-height: var(--_menu-item-icon-size);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n    gap: var(--u-menu-item-icon-margin, 12px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    flex: 1;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`;\n"]}
+{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n    --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n    --_menu-item-padding: var(--u-menu-item-padding, 12px);\n    --u-focus-ring-outline-offset: -4px;\n    height: var(--u-menu-item-height, 56px);\n    padding-inline: var(--_menu-item-padding);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n    font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n    letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n  }\n\n  :host(:not([has-leading-icon])) .leading {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {\n    display: none;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_menu-item-icon-size);\n    height: var(--_menu-item-icon-size);\n    font-size: var(--_menu-item-icon-size);\n    color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .content {\n    justify-content: flex-start;\n    gap: var(--u-menu-item-icon-margin, 12px);\n  }\n\n  :host(.force-focus-ring) .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    flex: 1;\n    max-width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.0.78",
+  "version": "3.0.79",
   "description": "Material web components",
   "type": "module",
   "keywords": [