@limetech/lime-elements 39.17.2 → 39.18.0

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { ActionBarItem } from "./components/action-bar/action-bar.types";
 import { ListItem, ListSeparator } from "./components/list-item/list-item.types";
 import { DateType, Languages } from "./components/date-picker/date.types";
 import { MenuItem, MenuSearcher, OpenDirection, SurfaceWidth } from "./components/menu/menu.types";
-import { Icon } from "./global/shared-types/icon.types";
+import { Icon, IconName } from "./global/shared-types/icon.types";
 import { BreadcrumbsItem } from "./components/breadcrumbs/breadcrumbs.types";
 import { Button } from "./components/button/button.types";
 import { CalloutType } from "./components/callout/callout.types";
@@ -53,7 +53,7 @@ export { ActionBarItem } from "./components/action-bar/action-bar.types";
 export { ListItem, ListSeparator } from "./components/list-item/list-item.types";
 export { DateType, Languages } from "./components/date-picker/date.types";
 export { MenuItem, MenuSearcher, OpenDirection, SurfaceWidth } from "./components/menu/menu.types";
-export { Icon } from "./global/shared-types/icon.types";
+export { Icon, IconName } from "./global/shared-types/icon.types";
 export { BreadcrumbsItem } from "./components/breadcrumbs/breadcrumbs.types";
 export { Button } from "./components/button/button.types";
 export { CalloutType } from "./components/callout/callout.types";
@@ -126,14 +126,13 @@ export namespace Components {
      * @exampleComponent limel-example-action-bar-selected-item
      * @exampleComponent limel-example-action-bar-colors
      * @exampleComponent limel-example-action-bar-floating
-     * @exampleComponent limel-example-action-bar-floating-expand
      * @exampleComponent limel-example-action-bar-styling
      * @exampleComponent limel-example-action-bar-as-primary-component
      * @exampleComponent limel-example-action-bar-icon-title
      */
     interface LimelActionBar {
         /**
-          * A label used to describe the purpose of the element to users of assistive technologies, like screen readers. Example value: "toolbar"
+          * A label used to describe the purpose of the element to users of assistive technologies, like screen readers. If not set, a localized default ("Action bar" in English, translated via the `language` prop) is used, so the element is never announced without a name. Override this when a more specific label would help users tell multiple action bars apart — for example "Bulk actions" or "Contextual actions".
          */
         "accessibleLabel"?: string;
         /**
@@ -142,13 +141,13 @@ export namespace Components {
          */
         "actions": Array<ActionBarItem | ListSeparator>;
         /**
-          * When set to `true`, the action bar will be collapsible.
+          * @deprecated The prop has no effect any longer. It will be removed in a future major version. If you need this behavior, implement the expand/shrink (or resize) in the consuming UI instead.
           * @default false
          */
         "collapsible": boolean;
         /**
           * Defines the language for translations.
-          * @default document.documentElement.lang as Languages
+          * @default 'en'
          */
         "language": Languages;
         /**
@@ -192,10 +191,6 @@ export namespace Components {
           * @default 'bottom-end'
          */
         "openDirection": OpenDirection;
-        /**
-          * Icon to display in the overflow menu trigger. If not provided, the number of items in the overflow menu will be displayed.
-         */
-        "overFlowIcon"?: Icon;
     }
     /**
      * This component displays an avatar, representing Lime AI assistants.
@@ -247,7 +242,7 @@ export namespace Components {
         /**
           * Set icon for the banner
          */
-        "icon": string;
+        "icon": IconName;
         /**
           * The text to show on the banner.
          */
@@ -323,7 +318,7 @@ export namespace Components {
         /**
           * Set icon for the button
          */
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         /**
           * The text to show on the button.
          */
@@ -468,7 +463,7 @@ export namespace Components {
         /**
           * An icon, to display along with the heading and subheading.
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * A hero image to display in the card, to enrich the content with visual information.
          */
@@ -711,7 +706,7 @@ export namespace Components {
         /**
           * Icon of the chip.
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * Identifier for the chip. Must be unique.
           * @default crypto.randomUUID()
@@ -880,7 +875,7 @@ export namespace Components {
           * For chip-sets of type `input`. When the value is null, no leading icon is used. Leading icon to show to the far left in the text field
           * @default null
          */
-        "leadingIcon": string;
+        "leadingIcon": IconName;
         /**
           * For chip-sets of type `input`. Limits the maximum number of chips. When the value is `0` or not set, no limit is applied.
          */
@@ -1139,7 +1134,7 @@ export namespace Components {
         /**
           * Icon to display in the header of the section
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * `true` if the section is invalid, `false` if valid. This can be used to indicate that the content inside the section is invalid.
           * @default false
@@ -1918,7 +1913,7 @@ export namespace Components {
         /**
           * Icon to display
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * Subheading to display
          */
@@ -2096,7 +2091,7 @@ export namespace Components {
         /**
           * The icon to display.
          */
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         /**
           * The text to show to screenreaders and other assistive tech. It is also displayed as a tooltip when the user hovers or focuses the button.
          */
@@ -2224,7 +2219,7 @@ export namespace Components {
         /**
           * Leading icon to show to the far left in the field.
          */
-        "leadingIcon": string;
+        "leadingIcon": IconName;
         /**
           * The locale to use for formatting numbers.
           * @default globalConfig.defaultLocale
@@ -2285,7 +2280,7 @@ export namespace Components {
         /**
           * Trailing icon to show to the far right in the field.
          */
-        "trailingIcon": string;
+        "trailingIcon": IconName;
         /**
           * Type of input.  Note** regarding type `url`: `limel-input` uses the native validation built into the browser for many types of input fields. The native validation for `url` is very strict, and does not allow relative urls, nor any other formats that are not a "fully qualified" url. To allow such urls, use the type `urlAsText` instead. `urlAsText` works exactly like `text` in all regards, except that it enables use of the `showLink` property.
           * @default 'text'
@@ -2813,7 +2808,7 @@ export namespace Components {
         /**
           * Leading icon to show to the far left in the text field
          */
-        "leadingIcon": string;
+        "leadingIcon": IconName;
         /**
           * True if multiple values are allowed
           * @default false
@@ -3002,7 +2997,7 @@ export namespace Components {
           * Placeholder icon of the component, displayed when no image is present.
           * @default 'user'
          */
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         /**
           * How the image should fit within the container. - `cover` will fill the container and crop excess parts. - `contain` will scale the image to fit within the container without cropping.
           * @default 'cover'
@@ -3306,7 +3301,7 @@ export namespace Components {
         /**
           * Name of icon for the shortcut.
          */
-        "icon": string;
+        "icon": IconName;
         /**
           * The text to show below the shortcut. Long label will be truncated.
           * @default null
@@ -3493,7 +3488,7 @@ export namespace Components {
         /**
           * Set icon for the button
          */
-        "icon": string;
+        "icon": IconName;
         /**
           * A list of items and separators to show in the menu.
           * @default []
@@ -4142,7 +4137,6 @@ declare global {
      * @exampleComponent limel-example-action-bar-selected-item
      * @exampleComponent limel-example-action-bar-colors
      * @exampleComponent limel-example-action-bar-floating
-     * @exampleComponent limel-example-action-bar-floating-expand
      * @exampleComponent limel-example-action-bar-styling
      * @exampleComponent limel-example-action-bar-as-primary-component
      * @exampleComponent limel-example-action-bar-icon-title
@@ -6524,14 +6518,13 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-action-bar-selected-item
      * @exampleComponent limel-example-action-bar-colors
      * @exampleComponent limel-example-action-bar-floating
-     * @exampleComponent limel-example-action-bar-floating-expand
      * @exampleComponent limel-example-action-bar-styling
      * @exampleComponent limel-example-action-bar-as-primary-component
      * @exampleComponent limel-example-action-bar-icon-title
      */
     interface LimelActionBar {
         /**
-          * A label used to describe the purpose of the element to users of assistive technologies, like screen readers. Example value: "toolbar"
+          * A label used to describe the purpose of the element to users of assistive technologies, like screen readers. If not set, a localized default ("Action bar" in English, translated via the `language` prop) is used, so the element is never announced without a name. Override this when a more specific label would help users tell multiple action bars apart — for example "Bulk actions" or "Contextual actions".
          */
         "accessibleLabel"?: string;
         /**
@@ -6540,13 +6533,13 @@ declare namespace LocalJSX {
          */
         "actions"?: Array<ActionBarItem | ListSeparator>;
         /**
-          * When set to `true`, the action bar will be collapsible.
+          * @deprecated The prop has no effect any longer. It will be removed in a future major version. If you need this behavior, implement the expand/shrink (or resize) in the consuming UI instead.
           * @default false
          */
         "collapsible"?: boolean;
         /**
           * Defines the language for translations.
-          * @default document.documentElement.lang as Languages
+          * @default 'en'
          */
         "language"?: Languages;
         /**
@@ -6605,10 +6598,6 @@ declare namespace LocalJSX {
           * @default 'bottom-end'
          */
         "openDirection"?: OpenDirection;
-        /**
-          * Icon to display in the overflow menu trigger. If not provided, the number of items in the overflow menu will be displayed.
-         */
-        "overFlowIcon"?: Icon;
     }
     /**
      * This component displays an avatar, representing Lime AI assistants.
@@ -6656,7 +6645,7 @@ declare namespace LocalJSX {
         /**
           * Set icon for the banner
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The text to show on the banner.
          */
@@ -6732,7 +6721,7 @@ declare namespace LocalJSX {
         /**
           * Set icon for the button
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * The text to show on the button.
          */
@@ -6881,7 +6870,7 @@ declare namespace LocalJSX {
         /**
           * An icon, to display along with the heading and subheading.
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * A hero image to display in the card, to enrich the content with visual information.
          */
@@ -7136,7 +7125,7 @@ declare namespace LocalJSX {
         /**
           * Icon of the chip.
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * Identifier for the chip. Must be unique.
           * @default crypto.randomUUID()
@@ -7303,7 +7292,7 @@ declare namespace LocalJSX {
           * For chip-sets of type `input`. When the value is null, no leading icon is used. Leading icon to show to the far left in the text field
           * @default null
          */
-        "leadingIcon"?: string;
+        "leadingIcon"?: IconName;
         /**
           * For chip-sets of type `input`. Limits the maximum number of chips. When the value is `0` or not set, no limit is applied.
          */
@@ -7580,7 +7569,7 @@ declare namespace LocalJSX {
         /**
           * Icon to display in the header of the section
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * `true` if the section is invalid, `false` if valid. This can be used to indicate that the content inside the section is invalid.
           * @default false
@@ -8456,7 +8445,7 @@ declare namespace LocalJSX {
         /**
           * Icon to display
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * Subheading to display
          */
@@ -8634,7 +8623,7 @@ declare namespace LocalJSX {
         /**
           * The icon to display.
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * The text to show to screenreaders and other assistive tech. It is also displayed as a tooltip when the user hovers or focuses the button.
          */
@@ -8750,7 +8739,7 @@ declare namespace LocalJSX {
         /**
           * Leading icon to show to the far left in the field.
          */
-        "leadingIcon"?: string;
+        "leadingIcon"?: IconName;
         /**
           * The locale to use for formatting numbers.
           * @default globalConfig.defaultLocale
@@ -8819,7 +8808,7 @@ declare namespace LocalJSX {
         /**
           * Trailing icon to show to the far right in the field.
          */
-        "trailingIcon"?: string;
+        "trailingIcon"?: IconName;
         /**
           * Type of input.  Note** regarding type `url`: `limel-input` uses the native validation built into the browser for many types of input fields. The native validation for `url` is very strict, and does not allow relative urls, nor any other formats that are not a "fully qualified" url. To allow such urls, use the type `urlAsText` instead. `urlAsText` works exactly like `text` in all regards, except that it enables use of the `showLink` property.
           * @default 'text'
@@ -9374,7 +9363,7 @@ declare namespace LocalJSX {
         /**
           * Leading icon to show to the far left in the text field
          */
-        "leadingIcon"?: string;
+        "leadingIcon"?: IconName;
         /**
           * True if multiple values are allowed
           * @default false
@@ -9579,7 +9568,7 @@ declare namespace LocalJSX {
           * Placeholder icon of the component, displayed when no image is present.
           * @default 'user'
          */
-        "icon"?: string | Icon;
+        "icon"?: IconName | Icon;
         /**
           * How the image should fit within the container. - `cover` will fill the container and crop excess parts. - `contain` will scale the image to fit within the container without cropping.
           * @default 'cover'
@@ -9929,7 +9918,7 @@ declare namespace LocalJSX {
         /**
           * Name of icon for the shortcut.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The text to show below the shortcut. Long label will be truncated.
           * @default null
@@ -10123,7 +10112,7 @@ declare namespace LocalJSX {
         /**
           * Set icon for the button
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * A list of items and separators to show in the menu.
           * @default []
@@ -10642,8 +10631,8 @@ declare namespace LocalJSX {
     }
 
     interface LimelActionBarAttributes {
-        "language": Languages;
         "accessibleLabel": string;
+        "language": Languages;
         "layout": 'fullWidth' | 'floating';
         "collapsible": boolean;
         "openDirection": OpenDirection;
@@ -10664,7 +10653,7 @@ declare namespace LocalJSX {
     }
     interface LimelBannerAttributes {
         "message": string;
-        "icon": string;
+        "icon": IconName;
     }
     interface LimelBreadcrumbsAttributes {
         "divider": string;
@@ -10673,7 +10662,7 @@ declare namespace LocalJSX {
         "label": string;
         "primary": boolean;
         "outlined": boolean;
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "disabled": boolean;
         "loading": boolean;
         "loadingFailed": boolean;
@@ -10690,7 +10679,7 @@ declare namespace LocalJSX {
     interface LimelCardAttributes {
         "heading": string;
         "subheading": string;
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "value": string;
         "clickable": boolean;
         "orientation": 'landscape' | 'portrait';
@@ -10732,7 +10721,7 @@ declare namespace LocalJSX {
     interface LimelChipAttributes {
         "language": Languages;
         "text": string;
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "badge": string;
         "disabled": boolean;
         "readonly": boolean;
@@ -10758,7 +10747,7 @@ declare namespace LocalJSX {
         "searchLabel": string;
         "emptyInputOnBlur": boolean;
         "clearAllButton": boolean;
-        "leadingIcon": string;
+        "leadingIcon": IconName;
         "delimiter": string;
         "autocomplete": string;
         "language": Languages;
@@ -10803,7 +10792,7 @@ declare namespace LocalJSX {
     interface LimelCollapsibleSectionAttributes {
         "isOpen": boolean;
         "header": string;
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "invalid": boolean;
         "language": Languages;
     }
@@ -10916,7 +10905,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
     }
     interface LimelHeaderAttributes {
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "heading": string;
         "subheading": string;
         "supportingText": string;
@@ -10947,7 +10936,7 @@ declare namespace LocalJSX {
         "badge": boolean;
     }
     interface LimelIconButtonAttributes {
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "elevated": boolean;
         "label": string;
         "helperLabel": string;
@@ -10974,8 +10963,8 @@ declare namespace LocalJSX {
         "suffix": string;
         "required": boolean;
         "value": string;
-        "trailingIcon": string;
-        "leadingIcon": string;
+        "trailingIcon": IconName;
+        "leadingIcon": IconName;
         "pattern": string;
         "type": InputType;
         "formatNumber": boolean;
@@ -11061,7 +11050,7 @@ declare namespace LocalJSX {
         "label": string;
         "searchLabel": string;
         "helperText": string;
-        "leadingIcon": string;
+        "leadingIcon": IconName;
         "emptyResultMessage": string;
         "required": boolean;
         "invalid": boolean;
@@ -11085,7 +11074,7 @@ declare namespace LocalJSX {
     interface LimelProfilePictureAttributes {
         "language": Languages;
         "label": string;
-        "icon": string | Icon;
+        "icon": IconName | Icon;
         "helperText": string;
         "disabled": boolean;
         "readonly": boolean;
@@ -11133,7 +11122,7 @@ declare namespace LocalJSX {
         "multiple": boolean;
     }
     interface LimelShortcutAttributes {
-        "icon": string;
+        "icon": IconName;
         "label": string;
         "disabled": boolean;
         "badge": string;
@@ -11169,7 +11158,7 @@ declare namespace LocalJSX {
     interface LimelSplitButtonAttributes {
         "label": string;
         "primary": boolean;
-        "icon": string;
+        "icon": IconName;
         "disabled": boolean;
         "loading": boolean;
         "loadingFailed": boolean;
@@ -11348,7 +11337,6 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-action-bar-selected-item
              * @exampleComponent limel-example-action-bar-colors
              * @exampleComponent limel-example-action-bar-floating
-             * @exampleComponent limel-example-action-bar-floating-expand
              * @exampleComponent limel-example-action-bar-styling
              * @exampleComponent limel-example-action-bar-as-primary-component
              * @exampleComponent limel-example-action-bar-icon-title

package/dist/types/global/shared-types/file.types.d.ts

@@ -1,5 +1,5 @@
 import { MenuItem } from '../../components';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from './icon.types';
 import { Color } from './color.types';
 import { ListSeparator } from './separator.types';
 /**
@@ -37,7 +37,7 @@ export interface FileInfo {
     /**
      * Name of the icon to use.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * Icon color. Overrides `--icon-color`.
      *

package/dist/types/global/shared-types/icon.types.d.ts

@@ -1,4 +1,33 @@
 import { Color } from './color.types';
+/**
+ * An empty interface intended for module augmentation by consuming packages.
+ *
+ * Packages can extend this interface to register their own icon names,
+ * enabling type-safe autocompletion for custom icon sets.
+ *
+ * @example
+ * ```ts
+ * declare module '@limetech/lime-elements' {
+ *     interface IconNameRegistry {
+ *         'my-custom-icon': string;
+ *         'another-icon': string;
+ *     }
+ * }
+ * ```
+ *
+ * @public
+ */
+export interface IconNameRegistry {
+}
+/**
+ * Represents a valid icon name.
+ *
+ * When `IconNameRegistry` is augmented, this type provides autocompletion
+ * for registered icon names while still accepting any string value.
+ *
+ * @public
+ */
+export type IconName = keyof IconNameRegistry extends never ? string : keyof IconNameRegistry | (string & {});
 /**
  * This interface is used to specify which icon to use in many components,
  * along with related properties, like color.
@@ -8,7 +37,7 @@ export interface Icon {
     /**
      * Name of the icon, refers to the icon's filename in lime-icons8 repository.
      */
-    name: string;
+    name: IconName;
     /**
      * Color of the icon.
      */

package/dist/types/translations/da.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/de.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/en.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/fi.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/fr.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/nl.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/no.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/dist/types/translations/sv.d.ts

@@ -5,9 +5,7 @@ declare const _default: {
     loading: string;
     value: string;
     items: string;
-    'action-bar.collapse': string;
-    'action-bar.expand': string;
-    'action-bar.actions': string;
+    'action-bar': string;
     'callout.note': string;
     'callout.important': string;
     'callout.tip': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "39.17.2",
+  "version": "39.18.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-6b956d6d.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as e,a as n}from"./p-DBTJNfo7.js";import{m as a,r as i}from"./p-BgTwPGeH.js";import{c as s}from"./p-JbKhhoXs.js";import{d as r,g as l}from"./p-CgNJbSP4.js";const d=class{constructor(t){o(this,t),this.elevated=!1,this.disabled=!1,this.tooltipId=s(),this.filterClickWhenDisabled=o=>{this.disabled&&o.preventDefault()}}connectedCallback(){this.initialize()}componentWillLoad(){a(this.host)}disconnectedCallback(){i(this.host)}componentDidLoad(){this.initialize()}initialize(){this.host.shadowRoot.querySelector(".mdc-icon-button")}render(){const o={};return this.host.hasAttribute("tabindex")&&(o.tabindex=this.host.getAttribute("tabindex")),t(e,{key:"0df3febef19dcdb72c7c7f3740090414b313be51",onClick:this.filterClickWhenDisabled},t("button",Object.assign({key:"119641239ebd336ca5af28ce3452c940a552eccb","aria-label":this.label,disabled:this.disabled,id:this.tooltipId},o),this.renderIcon(),this.renderTooltip(this.tooltipId)))}renderIcon(){var o,e;const n=l(this.icon),a=r(this.icon);return t("limel-icon",{name:n,"aria-label":a,"aria-hidden":a?null:"true",style:{color:`${null===(o=this.icon)||void 0===o?void 0:o.color}`,"--icon-background-color":`${null===(e=this.icon)||void 0===e?void 0:e.backgroundColor}`}})}renderTooltip(o){if(this.label)return t("limel-tooltip",{elementId:o,label:this.label,helperLabel:this.helperLabel})}static get delegatesFocus(){return!0}get host(){return n(this)}};d.style='@charset "UTF-8";:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--icon-background-color, transparent)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button:not(:disabled):hover{box-shadow:var(--button-shadow-hovered)}button:not(:disabled):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:50%}button:disabled{cursor:not-allowed;color:var(--limel-theme-text-disabled-on-background-color)}:host([elevated]) button:not(:hover):not(:active):not(:disabled):not(:focus-visible){box-shadow:var(--button-shadow-normal)}:host([elevated]) button:disabled{box-shadow:var(--button-shadow-normal)}limel-icon{padding:0.25rem;width:1.75rem}';export{d as limel_icon_button}