@limetech/lime-elements 39.17.3 → 39.19.0

package/dist/types/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 /**
  * Buttons allow users to take actions with a single tap or click.
  * They are intentionally designed to look and feel clickable,
@@ -42,7 +42,7 @@ export declare class Button {
     /**
      * Set icon for the button
      */
-    icon: string | Icon;
+    icon: IconName | Icon;
     /**
      * Set to `true` to disable the button.
      */

package/dist/types/components/card/card.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Image } from '../../global/shared-types/image.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { ListSeparator } from '../../global/shared-types/separator.types';
 import { ActionBarItem } from '../action-bar/action-bar.types';
 /**
@@ -38,7 +38,7 @@ export declare class Card {
     /**
      * An icon, to display along with the heading and subheading.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * The content of the card.
      * Supports markdown, to provide a rich text experience.

package/dist/types/components/chip/chip.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { Languages } from '../date-picker/date.types';
 import { Link } from '../../global/shared-types/link.types';
 import { ChipType, Chip as OldChipInterface } from '../chip-set/chip.types';
@@ -75,7 +75,7 @@ export declare class Chip implements ChipInterface {
     /**
      * Icon of the chip.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * A picture to be displayed instead of the icon on the chip.
      */

package/dist/types/components/chip-set/chip-set.d.ts

@@ -1,5 +1,6 @@
 import { Chip } from '../chip-set/chip.types';
 import { Languages } from '../date-picker/date.types';
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * :::note
  * **Regarding `click` and `interact` events:**
@@ -117,7 +118,7 @@ export declare class ChipSet {
      * 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
      */
-    leadingIcon: string;
+    leadingIcon: IconName;
     /**
      * For chip-set of type `input`. Sets delimiters between chips.
      */

package/dist/types/components/chip-set/chip.types.d.ts

@@ -1,5 +1,5 @@
 import { Image } from '../../global/shared-types/image.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { MenuItem } from '../menu/menu.types';
 import { ListSeparator } from '../list-item/list-item.types';
 import { Color } from '../../global/shared-types/color.types';
@@ -18,7 +18,7 @@ export interface Chip<T = any> {
     /**
      * Name of the icon to use. Not valid for `filter`.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * A picture to be displayed instead of the icon on the chip.
      */

package/dist/types/components/collapsible-section/collapsible-section.d.ts

@@ -1,5 +1,5 @@
 import { Action } from './action';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { Languages } from '../date-picker/date.types';
 /**
  * A collapsible section can be used to group related content together
@@ -34,7 +34,7 @@ export declare class CollapsibleSection {
     /**
      * 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.

package/dist/types/components/dialog/dialog.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 /**
  * @public
  */
@@ -6,7 +6,7 @@ export interface DialogHeading {
     title: string;
     subtitle?: string;
     supportingText?: string;
-    icon?: string | Icon;
+    icon?: IconName | Icon;
 }
 /**
  * @public

package/dist/types/components/dock/dock.types.d.ts

@@ -1,3 +1,4 @@
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * @public
  */
@@ -13,7 +14,7 @@ export interface DockItem {
     /**
      * Name of the icon to use.
      */
-    icon: string;
+    icon: IconName;
     /**
      * Additional helper text for the dock item.
      * Example usage can be a keyboard shortcut to activate the dock item.

package/dist/types/components/dynamic-label/label.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../interface';
+import { IconName, Icon } from '../../interface';
 export type LabelValue = string | number | boolean | null | undefined;
 /**
  * Represents a label that can be displayed in the `limel-dynamic-label` component.
@@ -18,6 +18,6 @@ export interface Label<T = LabelValue> {
     /**
      * Icon to display when the label is active
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
 }
 //# sourceMappingURL=label.types.d.ts.map

package/dist/types/components/header/header.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../global/shared-types/icon.types';
+import { IconName, Icon } from '../../global/shared-types/icon.types';
 /**
  * A header is the top most visual element in a component, page, card, or a view.
  *
@@ -55,7 +55,7 @@ export declare class Header {
     /**
      * Icon to display
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * Title to display
      */

package/dist/types/components/icon-button/icon-button.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 /**
  * @exampleComponent limel-example-icon-button-basic
  * @exampleComponent limel-example-icon-button-disabled
@@ -12,7 +12,7 @@ export declare class IconButton {
     /**
      * The icon to display.
      */
-    icon: string | Icon;
+    icon: IconName | Icon;
     /**
      * Set to `true` to give the button our standard "elevated" look, lifting
      * it off the flat layout.

package/dist/types/components/input-field/input-field.d.ts

@@ -1,4 +1,5 @@
 import { InputType } from '../input-field/input-field.types';
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * @exampleComponent limel-example-input-field-text
  * @exampleComponent limel-example-input-field-placeholder
@@ -70,11 +71,11 @@ export declare class InputField {
     /**
      * Trailing icon to show to the far right in the field.
      */
-    trailingIcon: string;
+    trailingIcon: IconName;
     /**
      * Leading icon to show to the far left in the field.
      */
-    leadingIcon: string;
+    leadingIcon: IconName;
     /**
      * Regular expression that the current value of the input field must match.
      * No forward slashes should be specified around the pattern.

package/dist/types/components/list-item/list-item.types.d.ts

@@ -1,5 +1,5 @@
 import { ListSeparator } from '../../global/shared-types/separator.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { MenuItem } from '../menu/menu.types';
 import { Image } from '../../global/shared-types/image.types';
 import { Color } from '../../global/shared-types/color.types';
@@ -23,7 +23,7 @@ export interface ListItem<T = any> {
     /**
      * Icon of the list item.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * Background color of the icon. Overrides `--icon-background-color`.
      *

package/dist/types/components/menu/menu.types.d.ts

@@ -1,5 +1,5 @@
 import { ListSeparator } from '../../global/shared-types/separator.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { Color } from '../../global/shared-types/color.types';
 /**
  * The direction in which the menu should open.
@@ -71,7 +71,7 @@ export interface MenuItem<T = any> {
     /**
      * Name of the icon to use.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * Background color of the icon. Overrides `--icon-background-color`.
      *

package/dist/types/components/picker/picker.d.ts

@@ -3,6 +3,7 @@ import { ActionPosition, ActionScrollBehavior } from '../picker/actions.types';
 import { ListItem } from '../list-item/list-item.types';
 import { Searcher } from '../picker/searcher.types';
 import { PickerValue } from './value.types';
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * @exampleComponent limel-example-picker-basic
  * @exampleComponent limel-example-picker-multiple
@@ -41,7 +42,7 @@ export declare class Picker {
     /**
      * Leading icon to show to the far left in the text field
      */
-    leadingIcon: string;
+    leadingIcon: IconName;
     /**
      * A message to display when the search returned an empty result
      */

package/dist/types/components/profile-picture/profile-picture.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FileInfo } from '../../global/shared-types/file.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 import { Languages } from '../date-picker/date.types';
 import { ResizeOptions } from '../../util/image-resize';
 /**
@@ -36,7 +36,7 @@ export declare class ProfilePicture {
     /**
      * Placeholder icon of the component, displayed when no image is present.
      */
-    icon: string | Icon;
+    icon: IconName | Icon;
     /**
      * Helper text shown as a tooltip on hover or focus.
      */

package/dist/types/components/select/option.types.d.ts

@@ -1,5 +1,5 @@
 import { Color } from '../../global/shared-types/color.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 /**
  * Describes an option for limel-select.
  * @public
@@ -33,7 +33,7 @@ export interface Option<T extends string = string> {
     /**
      * Displays an icon beside the name of the option.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * Adds a color to the icon.
      *

package/dist/types/components/shortcut/shortcut.d.ts

@@ -1,4 +1,5 @@
 import { Link } from '../../global/shared-types/link.types';
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * This component can be used on places such as a start page or a dashboard.
  * Clicking on the component should navigate the user to a new screen,
@@ -17,7 +18,7 @@ export declare class Shortcut {
     /**
      * Name of icon for the shortcut.
      */
-    icon: string;
+    icon: IconName;
     /**
      * The text to show below the shortcut. Long label will be truncated.
      */

package/dist/types/components/split-button/split-button.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ListSeparator } from '../list-item/list-item.types';
 import { MenuItem } from '../menu/menu.types';
+import { IconName } from '../../global/shared-types/icon.types';
 /**
  * A split button is a button with two components:
  * a button and a side-menu attached to it.
@@ -30,7 +31,7 @@ export declare class SplitButton {
     /**
      * Set icon for the button
      */
-    icon: string;
+    icon: IconName;
     /**
      * Set to `true` to disable the button.
      */

package/dist/types/components/tab-bar/tab.types.d.ts

@@ -1,5 +1,5 @@
 import { Color } from '../../global/shared-types/color.types';
-import { Icon } from '../../global/shared-types/icon.types';
+import { Icon, IconName } from '../../global/shared-types/icon.types';
 /**
  * Tab interface.
  * @public
@@ -16,7 +16,7 @@ export interface Tab {
     /**
      * Name of the icon to use.
      */
-    icon?: string | Icon;
+    icon?: IconName | Icon;
     /**
      * True if the tab should be selected.
      */