@limetech/lime-elements 36.1.0-next.8 → 36.1.0

package/dist/types/components.d.ts

@@ -6,13 +6,14 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Button } from "./components/button/button.types";
-import { Action as Action1, Chip, ClosingActions, DateType, DialogHeading, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, IconSize as IconSize1, Languages, ListItem, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize } from "@limetech/lime-elements";
+import { Action as Action1, Chip, ClosingActions, DateType, DialogHeading, FileInfo, FlexContainerAlign, FlexContainerDirection, FlexContainerJustify, IconSize as IconSize1, Languages, Link, ListItem, ListSeparator, ListType, MenuItem, MenuListType, OpenDirection, Option, Searcher, SpinnerSize } from "@limetech/lime-elements";
 import { CircularProgressSize } from "./components/circular-progress/circular-progress.types";
 import { ColorScheme, Language } from "./components/code-editor/code-editor.types";
 import { Action } from "./components/collapsible-section/action";
 import { DockItem } from "./components/dock/dock.types";
 import { FormError, ValidationError, ValidationStatus } from "./components/form/form.types";
 import { IconSize } from "./components/icon/icon.types";
+import { InfoTileProgress } from "./components/info-tile/info-tile.types";
 import { InputType } from "./components/input-field/input-field.types";
 import { ActionPosition, ActionScrollBehavior } from "./components/picker/actions.types";
 import { OpenDirection as OpenDirection1 } from "./components/menu/menu.types";
@@ -202,6 +203,10 @@ export namespace Components {
           * The maximum value within the scale that the progress bar should visualize. Defaults to `100`.
          */
         "maxValue": number;
+        /**
+          * The prefix which is displayed before the `value`, must be a few characters characters long.
+         */
+        "prefix"?: string;
         /**
           * Determines the visual size of the visualization from a preset size. This property can override the `--circular-progress-size` variable if it is specified.
          */
@@ -568,6 +573,48 @@ export namespace Components {
          */
         "label": string;
     }
+    interface LimelInfoTile {
+        /**
+          * If supplied, the info tile will display a notification badge.
+         */
+        "badge"?: number | string;
+        /**
+          * Set to `true` if info tile is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of icon for the info tile.
+         */
+        "icon"?: string;
+        /**
+          * The text to show below the info tile. Long labels will be truncated.
+         */
+        "label"?: string;
+        /**
+          * If supplied, the info tile will be a clickable link.  Supplying a value also adds an elevated effect using a shadow, as well as `cursor: pointer`, which appears on hover. While we strongly recommend supplying a link whenever the component should act as a link, if this is not possible, and you need to provide interaction through a click handler, you can still get the correct styling by supplying a `Link` object with the `href` property set to `'#'`.
+         */
+        "link"?: Link;
+        /**
+          * Set to `true` to put the component in the `loading` state. This does _not_ disable the link. To do so, the `disabled` property should be set to `true` as well.
+         */
+        "loading"?: boolean;
+        /**
+          * A string of text that is visually placed before the value.
+         */
+        "prefix"?: string;
+        /**
+          * Properties of the optional circular progress bar.  Defaults: - `maxValue`: 100 - `suffix`: % - `percentageColors`: false  Colors change with intervals of 10 %.
+         */
+        "progress"?: InfoTileProgress;
+        /**
+          * A string of text that is visually placed after the value.
+         */
+        "suffix"?: string;
+        /**
+          * A piece of text or number that is the main piece of information which the component is intended to visualize.
+         */
+        "value": number | string;
+    }
     interface LimelInputField {
         /**
           * list of suggestions `value` can autocomplete to.
@@ -676,7 +723,7 @@ export namespace Components {
         /**
           * Size of the icons in the list
          */
-        "iconSize": IconSize;
+        "iconSize": IconSize1;
         /**
           * List of items to display
          */
@@ -724,7 +771,7 @@ export namespace Components {
         /**
           * Size of the icons in the list
          */
-        "iconSize": IconSize;
+        "iconSize": IconSize1;
         /**
           * List of items to display
          */
@@ -760,7 +807,7 @@ export namespace Components {
         /**
           * Static actions that can be clicked by the user.
          */
-        "actions": Array<ListItem<Action>>;
+        "actions": Array<ListItem<Action1>>;
         /**
           * Whether badge icons should be used in the result list or not
          */
@@ -822,7 +869,7 @@ export namespace Components {
         /**
           * Decides the popover's location in relation to its trigger
          */
-        "openDirection": OpenDirection;
+        "openDirection": OpenDirection1;
     }
     interface LimelPopoverSurface {
         /**
@@ -846,7 +893,7 @@ export namespace Components {
         /**
           * Decides which direction the portal content should open.
          */
-        "openDirection": OpenDirection;
+        "openDirection": OpenDirection1;
         /**
           * Parent element to move the content to.
          */
@@ -926,6 +973,28 @@ export namespace Components {
          */
         "value": Option | Option[];
     }
+    interface LimelShortcut {
+        /**
+          * If specified, will display a notification badge on the shortcut.
+         */
+        "badge"?: number | string;
+        /**
+          * Set to `true` if shortcut is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of icon for the shortcut.
+         */
+        "icon": string;
+        /**
+          * The text to show below the shortcut. Long label will be truncated.
+         */
+        "label"?: string;
+        /**
+          * If supplied, the shortcut will be a clickable link.
+         */
+        "link"?: Link;
+    }
     interface LimelSlider {
         /**
           * Disables the slider when `true`, and visually shows that the field is editable but disabled. This tells the users that if certain requirements are met, the slider may become interactable.
@@ -1008,6 +1077,28 @@ export namespace Components {
          */
         "size": SpinnerSize;
     }
+    interface LimelSplitButton {
+        /**
+          * Set to `true` to disable the button.
+         */
+        "disabled": boolean;
+        /**
+          * Set icon for the button
+         */
+        "icon": string;
+        /**
+          * A list of items and separators to show in the menu.
+         */
+        "items": Array<MenuItem | ListSeparator>;
+        /**
+          * The text to show on the default action part of the button.
+         */
+        "label": string;
+        /**
+          * Set to `true` to make the button primary.
+         */
+        "primary": boolean;
+    }
     interface LimelSwitch {
         /**
           * Disables the switch when `true`, and visually shows that the switch is editable but disabled. This tells the users that if certain requirements are met, the switch may become interactable.
@@ -1133,6 +1224,130 @@ export namespace Components {
         "maxlength"?: number;
     }
 }
+export interface LimelButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelButtonGroupElement;
+}
+export interface LimelCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelCheckboxElement;
+}
+export interface LimelChipSetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelChipSetElement;
+}
+export interface LimelCodeEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelCodeEditorElement;
+}
+export interface LimelCollapsibleSectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelCollapsibleSectionElement;
+}
+export interface LimelColorPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelColorPickerElement;
+}
+export interface LimelColorPickerPaletteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelColorPickerPaletteElement;
+}
+export interface LimelDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelDatePickerElement;
+}
+export interface LimelDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelDialogElement;
+}
+export interface LimelDockCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelDockElement;
+}
+export interface LimelDockButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelDockButtonElement;
+}
+export interface LimelFileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelFileElement;
+}
+export interface LimelFlatpickrAdapterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelFlatpickrAdapterElement;
+}
+export interface LimelFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelFormElement;
+}
+export interface LimelInputFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelInputFieldElement;
+}
+export interface LimelListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelListElement;
+}
+export interface LimelMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelMenuElement;
+}
+export interface LimelMenuListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelMenuListElement;
+}
+export interface LimelMenuSurfaceCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelMenuSurfaceElement;
+}
+export interface LimelPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelPickerElement;
+}
+export interface LimelPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelPopoverElement;
+}
+export interface LimelProgressFlowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelProgressFlowElement;
+}
+export interface LimelProgressFlowItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelProgressFlowItemElement;
+}
+export interface LimelSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelSelectElement;
+}
+export interface LimelSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelSliderElement;
+}
+export interface LimelSnackbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelSnackbarElement;
+}
+export interface LimelSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelSplitButtonElement;
+}
+export interface LimelSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelSwitchElement;
+}
+export interface LimelTabBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelTabBarElement;
+}
+export interface LimelTabPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelTabPanelElement;
+}
+export interface LimelTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimelTableElement;
+}
 declare global {
     interface HTMLLimelBadgeElement extends Components.LimelBadge, HTMLStencilElement {
     }
@@ -1278,6 +1493,12 @@ declare global {
         prototype: HTMLLimelIconButtonElement;
         new (): HTMLLimelIconButtonElement;
     };
+    interface HTMLLimelInfoTileElement extends Components.LimelInfoTile, HTMLStencilElement {
+    }
+    var HTMLLimelInfoTileElement: {
+        prototype: HTMLLimelInfoTileElement;
+        new (): HTMLLimelInfoTileElement;
+    };
     interface HTMLLimelInputFieldElement extends Components.LimelInputField, HTMLStencilElement {
     }
     var HTMLLimelInputFieldElement: {
@@ -1356,6 +1577,12 @@ declare global {
         prototype: HTMLLimelSelectElement;
         new (): HTMLLimelSelectElement;
     };
+    interface HTMLLimelShortcutElement extends Components.LimelShortcut, HTMLStencilElement {
+    }
+    var HTMLLimelShortcutElement: {
+        prototype: HTMLLimelShortcutElement;
+        new (): HTMLLimelShortcutElement;
+    };
     interface HTMLLimelSliderElement extends Components.LimelSlider, HTMLStencilElement {
     }
     var HTMLLimelSliderElement: {
@@ -1374,6 +1601,12 @@ declare global {
         prototype: HTMLLimelSpinnerElement;
         new (): HTMLLimelSpinnerElement;
     };
+    interface HTMLLimelSplitButtonElement extends Components.LimelSplitButton, HTMLStencilElement {
+    }
+    var HTMLLimelSplitButtonElement: {
+        prototype: HTMLLimelSplitButtonElement;
+        new (): HTMLLimelSplitButtonElement;
+    };
     interface HTMLLimelSwitchElement extends Components.LimelSwitch, HTMLStencilElement {
     }
     var HTMLLimelSwitchElement: {
@@ -1435,6 +1668,7 @@ declare global {
         "limel-header": HTMLLimelHeaderElement;
         "limel-icon": HTMLLimelIconElement;
         "limel-icon-button": HTMLLimelIconButtonElement;
+        "limel-info-tile": HTMLLimelInfoTileElement;
         "limel-input-field": HTMLLimelInputFieldElement;
         "limel-linear-progress": HTMLLimelLinearProgressElement;
         "limel-list": HTMLLimelListElement;
@@ -1448,9 +1682,11 @@ declare global {
         "limel-progress-flow": HTMLLimelProgressFlowElement;
         "limel-progress-flow-item": HTMLLimelProgressFlowItemElement;
         "limel-select": HTMLLimelSelectElement;
+        "limel-shortcut": HTMLLimelShortcutElement;
         "limel-slider": HTMLLimelSliderElement;
         "limel-snackbar": HTMLLimelSnackbarElement;
         "limel-spinner": HTMLLimelSpinnerElement;
+        "limel-split-button": HTMLLimelSplitButtonElement;
         "limel-switch": HTMLLimelSwitchElement;
         "limel-tab-bar": HTMLLimelTabBarElement;
         "limel-tab-panel": HTMLLimelTabPanelElement;
@@ -1514,7 +1750,7 @@ declare namespace LocalJSX {
         /**
           * Dispatched when a button is selected/deselected
          */
-        "onChange"?: (event: CustomEvent<Button>) => void;
+        "onChange"?: (event: LimelButtonGroupCustomEvent<Button>) => void;
         /**
           * List of buttons for the group
          */
@@ -1544,7 +1780,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input value is changed.
          */
-        "onChange"?: (event: CustomEvent<boolean>) => void;
+        "onChange"?: (event: LimelCheckboxCustomEvent<boolean>) => void;
         /**
           * Disables the checkbox when `true`. This visualizes the checkbox slightly differently. But shows no visual sign indicating that the checkbox is disabled or can ever become interactable.
          */
@@ -1598,23 +1834,23 @@ declare namespace LocalJSX {
         /**
           * Dispatched when a chip is selected/deselected
          */
-        "onChange"?: (event: CustomEvent<Chip | Chip[]>) => void;
+        "onChange"?: (event: LimelChipSetCustomEvent<Chip | Chip[]>) => void;
         /**
           * Dispatched when the input is changed for type `input`
          */
-        "onInput"?: (event: CustomEvent<string>) => void;
+        "onInput"?: (event: LimelChipSetCustomEvent<string>) => void;
         /**
           * Dispatched when a chip is interacted with
          */
-        "onInteract"?: (event: CustomEvent<Chip>) => void;
+        "onInteract"?: (event: LimelChipSetCustomEvent<Chip>) => void;
         /**
           * Emitted when an input chip set has received focus and editing in the text field has started
          */
-        "onStartEdit"?: (event: CustomEvent<void>) => void;
+        "onStartEdit"?: (event: LimelChipSetCustomEvent<void>) => void;
         /**
           * Emitted when an input chip set has lost focus and editing in the text field has ended
          */
-        "onStopEdit"?: (event: CustomEvent<void>) => void;
+        "onStopEdit"?: (event: LimelChipSetCustomEvent<void>) => void;
         /**
           * For chip-sets of type `input`, set to `true` to disable adding and removing chips, but allow interaction with existing chips in the set. For any other types, setting either `readonly` or `disabled` disables the chip-set.
          */
@@ -1645,6 +1881,10 @@ declare namespace LocalJSX {
           * The maximum value within the scale that the progress bar should visualize. Defaults to `100`.
          */
         "maxValue"?: number;
+        /**
+          * The prefix which is displayed before the `value`, must be a few characters characters long.
+         */
+        "prefix"?: string;
         /**
           * Determines the visual size of the visualization from a preset size. This property can override the `--circular-progress-size` variable if it is specified.
          */
@@ -1682,7 +1922,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the code has changed. Will only be emitted when the code area has lost focus
          */
-        "onChange"?: (event: CustomEvent<string>) => void;
+        "onChange"?: (event: LimelCodeEditorCustomEvent<string>) => void;
         /**
           * Disables editing of the editor content
          */
@@ -1708,15 +1948,15 @@ declare namespace LocalJSX {
         /**
           * Emitted when an action is clicked inside the header
          */
-        "onAction"?: (event: CustomEvent<Action>) => void;
+        "onAction"?: (event: LimelCollapsibleSectionCustomEvent<Action>) => void;
         /**
           * Emitted when the section is collapsed
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: LimelCollapsibleSectionCustomEvent<void>) => void;
         /**
           * Emitted when the section is expanded
          */
-        "onOpen"?: (event: CustomEvent<void>) => void;
+        "onOpen"?: (event: LimelCollapsibleSectionCustomEvent<void>) => void;
     }
     interface LimelColorPicker {
         /**
@@ -1730,7 +1970,7 @@ declare namespace LocalJSX {
         /**
           * Emits chosen value to the parent component
          */
-        "onChange"?: (event: CustomEvent<string>) => void;
+        "onChange"?: (event: LimelColorPickerCustomEvent<string>) => void;
         /**
           * Set to `true` if a value is readonly. This makes the component un-interactive.
          */
@@ -1760,7 +2000,7 @@ declare namespace LocalJSX {
         /**
           * Emits chosen value to the parent component
          */
-        "onChange"?: (event: CustomEvent<string>) => void;
+        "onChange"?: (event: LimelColorPickerPaletteCustomEvent<string>) => void;
         /**
           * Set to `true` if a value is required
          */
@@ -1804,7 +2044,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the date picker value is changed.
          */
-        "onChange"?: (event: CustomEvent<Date>) => void;
+        "onChange"?: (event: LimelDatePickerCustomEvent<Date>) => void;
         /**
           * The placeholder text shown inside the input field, when the field is focused and empty
          */
@@ -1842,11 +2082,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the dialog is closed from inside the component. (*Not* emitted when the consumer sets the `open`-property to `false`.)
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: LimelDialogCustomEvent<void>) => void;
         /**
           * Emitted when the dialog is in the process of being closed.
          */
-        "onClosing"?: (event: CustomEvent<void>) => void;
+        "onClosing"?: (event: LimelDialogCustomEvent<void>) => void;
         /**
           * `true` if the dialog is open, `false` otherwise.
          */
@@ -1880,19 +2120,19 @@ declare namespace LocalJSX {
         /**
           * Fired when the popover is closed.
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: LimelDockCustomEvent<void>) => void;
         /**
           * Fired when a Dock is expanded or collapsed.
          */
-        "onDockExpanded"?: (event: CustomEvent<boolean>) => void;
+        "onDockExpanded"?: (event: LimelDockCustomEvent<boolean>) => void;
         /**
           * Fired when a dock item has been selected from the dock.
          */
-        "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
+        "onItemSelected"?: (event: LimelDockCustomEvent<DockItem>) => void;
         /**
           * Fired when a dock menu is opened.
          */
-        "onMenuOpen"?: (event: CustomEvent<DockItem>) => void;
+        "onMenuOpen"?: (event: LimelDockCustomEvent<DockItem>) => void;
     }
     interface LimelDockButton {
         /**
@@ -1906,15 +2146,15 @@ declare namespace LocalJSX {
         /**
           * Fired when the popover is closed.
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: LimelDockButtonCustomEvent<void>) => void;
         /**
           * Fired when a dock item has been selected from the dock.
          */
-        "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
+        "onItemSelected"?: (event: LimelDockButtonCustomEvent<DockItem>) => void;
         /**
           * Fired when a dock menu is opened.
          */
-        "onMenuOpen"?: (event: CustomEvent<DockItem>) => void;
+        "onMenuOpen"?: (event: LimelDockButtonCustomEvent<DockItem>) => void;
         /**
           * When dock is using mobile layout, dock items show labels and tooltips as suitable for the layout.
          */
@@ -1940,11 +2180,11 @@ declare namespace LocalJSX {
         /**
           * Dispatched when a file is selected/deselected
          */
-        "onChange"?: (event: CustomEvent<FileInfo>) => void;
+        "onChange"?: (event: LimelFileCustomEvent<FileInfo>) => void;
         /**
           * Dispatched when clicking on a chip
          */
-        "onInteract"?: (event: CustomEvent<number | string>) => void;
+        "onInteract"?: (event: LimelFileCustomEvent<number | string>) => void;
         /**
           * Set to `true` to disable adding and removing files, but allow interaction with any already existing file.
          */
@@ -1978,7 +2218,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the date picker value is changed.
          */
-        "onChange"?: (event: CustomEvent<Date>) => void;
+        "onChange"?: (event: LimelFlatpickrAdapterCustomEvent<Date>) => void;
         /**
           * Type of date picker.
          */
@@ -2018,11 +2258,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when a change is made within the form
          */
-        "onChange"?: (event: CustomEvent<object>) => void;
+        "onChange"?: (event: LimelFormCustomEvent<object>) => void;
         /**
           * Emitted when the validity of the form changes, or when a change is made to an invalid form
          */
-        "onValidate"?: (event: CustomEvent<ValidationStatus>) => void;
+        "onValidate"?: (event: LimelFormCustomEvent<ValidationStatus>) => void;
         /**
           * Factory for creating properties for custom form components  When using custom components in the form some properties might have to be set dynamically. If this factory is set, it will be called with the current schema for the field for each custom component in the form. The factory must return an object where each key is the name of the property that should be set, along with its value.
          */
@@ -2095,6 +2335,48 @@ declare namespace LocalJSX {
          */
         "label"?: string;
     }
+    interface LimelInfoTile {
+        /**
+          * If supplied, the info tile will display a notification badge.
+         */
+        "badge"?: number | string;
+        /**
+          * Set to `true` if info tile is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of icon for the info tile.
+         */
+        "icon"?: string;
+        /**
+          * The text to show below the info tile. Long labels will be truncated.
+         */
+        "label"?: string;
+        /**
+          * If supplied, the info tile will be a clickable link.  Supplying a value also adds an elevated effect using a shadow, as well as `cursor: pointer`, which appears on hover. While we strongly recommend supplying a link whenever the component should act as a link, if this is not possible, and you need to provide interaction through a click handler, you can still get the correct styling by supplying a `Link` object with the `href` property set to `'#'`.
+         */
+        "link"?: Link;
+        /**
+          * Set to `true` to put the component in the `loading` state. This does _not_ disable the link. To do so, the `disabled` property should be set to `true` as well.
+         */
+        "loading"?: boolean;
+        /**
+          * A string of text that is visually placed before the value.
+         */
+        "prefix"?: string;
+        /**
+          * Properties of the optional circular progress bar.  Defaults: - `maxValue`: 100 - `suffix`: % - `percentageColors`: false  Colors change with intervals of 10 %.
+         */
+        "progress"?: InfoTileProgress;
+        /**
+          * A string of text that is visually placed after the value.
+         */
+        "suffix"?: string;
+        /**
+          * A piece of text or number that is the main piece of information which the component is intended to visualize.
+         */
+        "value"?: number | string;
+    }
     interface LimelInputField {
         /**
           * list of suggestions `value` can autocomplete to.
@@ -2143,11 +2425,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when `trailingIcon` or `leadingIcon` is set and the icon is interacted with.
          */
-        "onAction"?: (event: CustomEvent<void>) => void;
+        "onAction"?: (event: LimelInputFieldCustomEvent<void>) => void;
         /**
           * Emitted when the input value is changed.
          */
-        "onChange"?: (event: CustomEvent<string>) => void;
+        "onChange"?: (event: LimelInputFieldCustomEvent<string>) => void;
         /**
           * Regular expression that the current value of the input field must match. No forward slashes should be specified around the pattern. Only used if type is `text`, `tel`, `email`, `url`, `urlAsText`, `password`, or `search`.
          */
@@ -2211,7 +2493,7 @@ declare namespace LocalJSX {
         /**
           * Size of the icons in the list
          */
-        "iconSize"?: IconSize;
+        "iconSize"?: IconSize1;
         /**
           * List of items to display
          */
@@ -2223,11 +2505,11 @@ declare namespace LocalJSX {
         /**
           * Fired when a new value has been selected from the list. Only fired if selectable is set to true
          */
-        "onChange"?: (event: CustomEvent<ListItem | ListItem[]>) => void;
+        "onChange"?: (event: LimelListCustomEvent<ListItem | ListItem[]>) => void;
         /**
           * Fired when an action has been selected from the action menu of a list item
          */
-        "onSelect"?: (event: CustomEvent<ListItem | ListItem[]>) => void;
+        "onSelect"?: (event: LimelListCustomEvent<ListItem | ListItem[]>) => void;
         /**
           * The type of the list, omit to get a regular list. Available types are: `selectable`: regular list with single selection. `radio`: radio button list with single selection. `checkbox`: checkbox list with multiple selection.
          */
@@ -2253,11 +2535,11 @@ declare namespace LocalJSX {
         /**
           * Is emitted when the menu is cancelled.
          */
-        "onCancel"?: (event: CustomEvent<void>) => void;
+        "onCancel"?: (event: LimelMenuCustomEvent<void>) => void;
         /**
           * Is emitted when a menu item is selected.
          */
-        "onSelect"?: (event: CustomEvent<MenuItem | MenuItem[]>) => void;
+        "onSelect"?: (event: LimelMenuCustomEvent<MenuItem | MenuItem[]>) => void;
         /**
           * Sets the open state of the menu.
          */
@@ -2275,7 +2557,7 @@ declare namespace LocalJSX {
         /**
           * Size of the icons in the list
          */
-        "iconSize"?: IconSize;
+        "iconSize"?: IconSize1;
         /**
           * List of items to display
          */
@@ -2287,7 +2569,7 @@ declare namespace LocalJSX {
         /**
           * Fired when a new value has been selected from the list.
          */
-        "onSelect"?: (event: CustomEvent<MenuItem>) => void;
+        "onSelect"?: (event: LimelMenuListCustomEvent<MenuItem>) => void;
         /**
           * The type of the menu, omit to get a regular vertical menu. Available types are: `menu`: regular vertical menu.
          */
@@ -2301,7 +2583,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the menu surface is dismissed and should be closed
          */
-        "onDismiss"?: (event: CustomEvent<void>) => void;
+        "onDismiss"?: (event: LimelMenuSurfaceCustomEvent<void>) => void;
         /**
           * True if the menu surface is open, false otherwise
          */
@@ -2319,7 +2601,7 @@ declare namespace LocalJSX {
         /**
           * Static actions that can be clicked by the user.
          */
-        "actions"?: Array<ListItem<Action>>;
+        "actions"?: Array<ListItem<Action1>>;
         /**
           * Whether badge icons should be used in the result list or not
          */
@@ -2355,15 +2637,15 @@ declare namespace LocalJSX {
         /**
           * Emitted when the user selects an action.
          */
-        "onAction"?: (event: CustomEvent<Action>) => void;
+        "onAction"?: (event: LimelPickerCustomEvent<Action1>) => void;
         /**
           * Fired when a new value has been selected from the picker
          */
-        "onChange"?: (event: CustomEvent<ListItem<number | string> | Array<ListItem<number | string>>>) => void;
+        "onChange"?: (event: LimelPickerCustomEvent<ListItem<number | string> | Array<ListItem<number | string>>>) => void;
         /**
           * Fired when clicking on a selected value
          */
-        "onInteract"?: (event: CustomEvent<ListItem<number | string>>) => void;
+        "onInteract"?: (event: LimelPickerCustomEvent<ListItem<number | string>>) => void;
         /**
           * Set to `true` to disable adding and removing items, but allow interaction with existing items.
          */
@@ -2389,7 +2671,7 @@ declare namespace LocalJSX {
         /**
           * Emits an event when the component is closing
          */
-        "onClose"?: (event: CustomEvent<void>) => void;
+        "onClose"?: (event: LimelPopoverCustomEvent<void>) => void;
         /**
           * True if the content within the popover should be visible
          */
@@ -2397,7 +2679,7 @@ declare namespace LocalJSX {
         /**
           * Decides the popover's location in relation to its trigger
          */
-        "openDirection"?: OpenDirection;
+        "openDirection"?: OpenDirection1;
     }
     interface LimelPopoverSurface {
         /**
@@ -2421,7 +2703,7 @@ declare namespace LocalJSX {
         /**
           * Decides which direction the portal content should open.
          */
-        "openDirection"?: OpenDirection;
+        "openDirection"?: OpenDirection1;
         /**
           * Parent element to move the content to.
          */
@@ -2447,7 +2729,7 @@ declare namespace LocalJSX {
         /**
           * Fired when a new value has been selected from the progress flow
          */
-        "onChange"?: (event: CustomEvent<FlowItem>) => void;
+        "onChange"?: (event: LimelProgressFlowCustomEvent<FlowItem>) => void;
         /**
           * Disables the progress flow when `true`. This does not visualize the component that much differently. But since the component does not provide any feedback that users can interact with the component, it makes it perfect for illustrative and informative porpuses.
          */
@@ -2465,7 +2747,7 @@ declare namespace LocalJSX {
         /**
           * Fired when clicking on the flow item
          */
-        "onInteract"?: (event: CustomEvent<void>) => void;
+        "onInteract"?: (event: LimelProgressFlowItemCustomEvent<void>) => void;
         /**
           * True if the flow item should be readonly
          */
@@ -2495,7 +2777,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value is changed.
          */
-        "onChange"?: (event: CustomEvent<Option | Option[]>) => void;
+        "onChange"?: (event: LimelSelectCustomEvent<Option | Option[]>) => void;
         /**
           * List of options.
          */
@@ -2513,6 +2795,28 @@ declare namespace LocalJSX {
          */
         "value"?: Option | Option[];
     }
+    interface LimelShortcut {
+        /**
+          * If specified, will display a notification badge on the shortcut.
+         */
+        "badge"?: number | string;
+        /**
+          * Set to `true` if shortcut is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of icon for the shortcut.
+         */
+        "icon"?: string;
+        /**
+          * The text to show below the shortcut. Long label will be truncated.
+         */
+        "label"?: string;
+        /**
+          * If supplied, the shortcut will be a clickable link.
+         */
+        "link"?: Link;
+    }
     interface LimelSlider {
         /**
           * Disables the slider when `true`, and visually shows that the field is editable but disabled. This tells the users that if certain requirements are met, the slider may become interactable.
@@ -2533,7 +2837,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has been changed
          */
-        "onChange"?: (event: CustomEvent<number>) => void;
+        "onChange"?: (event: LimelSliderCustomEvent<number>) => void;
         /**
           * Disables the slider when `true`. This visualizes the slider slightly differently. But shows no visual sign indicating that the slider field is disabled or can ever become interactable.
          */
@@ -2583,11 +2887,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the action button is pressed
          */
-        "onAction"?: (event: CustomEvent<void>) => void;
+        "onAction"?: (event: LimelSnackbarCustomEvent<void>) => void;
         /**
           * Emitted when the snackbar hides itself
          */
-        "onHide"?: (event: CustomEvent<void>) => void;
+        "onHide"?: (event: LimelSnackbarCustomEvent<void>) => void;
         /**
           * The amount of time in milliseconds to show the snackbar.
          */
@@ -2603,6 +2907,32 @@ declare namespace LocalJSX {
          */
         "size"?: SpinnerSize;
     }
+    interface LimelSplitButton {
+        /**
+          * Set to `true` to disable the button.
+         */
+        "disabled"?: boolean;
+        /**
+          * Set icon for the button
+         */
+        "icon"?: string;
+        /**
+          * A list of items and separators to show in the menu.
+         */
+        "items"?: Array<MenuItem | ListSeparator>;
+        /**
+          * The text to show on the default action part of the button.
+         */
+        "label"?: string;
+        /**
+          * Is emitted when a menu item is selected.
+         */
+        "onSelect"?: (event: LimelSplitButtonCustomEvent<MenuItem>) => void;
+        /**
+          * Set to `true` to make the button primary.
+         */
+        "primary"?: boolean;
+    }
     interface LimelSwitch {
         /**
           * Disables the switch when `true`, and visually shows that the switch is editable but disabled. This tells the users that if certain requirements are met, the switch may become interactable.
@@ -2615,7 +2945,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed
          */
-        "onChange"?: (event: CustomEvent<boolean>) => void;
+        "onChange"?: (event: LimelSwitchCustomEvent<boolean>) => void;
         /**
           * Disables the switch when `true`. This visualizes the switch slightly differently. But shows no visual sign indicating that the switch is disabled or can ever become interactable.
          */
@@ -2629,7 +2959,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a tab has been changed
          */
-        "onChangeTab"?: (event: CustomEvent<Tab>) => void;
+        "onChangeTab"?: (event: LimelTabBarCustomEvent<Tab>) => void;
         /**
           * List of tabs to display
          */
@@ -2639,7 +2969,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a tab has been changed
          */
-        "onChangeTab"?: (event: CustomEvent<Tab>) => void;
+        "onChangeTab"?: (event: LimelTabPanelCustomEvent<Tab>) => void;
         /**
           * The tabs to display in the panel
          */
@@ -2685,31 +3015,31 @@ declare namespace LocalJSX {
         /**
           * Emitted when a row is activated
          */
-        "onActivate"?: (event: CustomEvent<object>) => void;
+        "onActivate"?: (event: LimelTableCustomEvent<object>) => void;
         /**
           * Emitted when the columns have been changed
          */
-        "onChangeColumns"?: (event: CustomEvent<Column[]>) => void;
+        "onChangeColumns"?: (event: LimelTableCustomEvent<Column[]>) => void;
         /**
           * Emitted when a new page has been set
          */
-        "onChangePage"?: (event: CustomEvent<number>) => void;
+        "onChangePage"?: (event: LimelTableCustomEvent<number>) => void;
         /**
           * Emitted when `mode` is `remote` and the table is loading new data. The consumer is responsible for giving the table new data
          */
-        "onLoad"?: (event: CustomEvent<TableParams>) => void;
+        "onLoad"?: (event: LimelTableCustomEvent<TableParams>) => void;
         /**
           * Emitted when the row selection has been changed
          */
-        "onSelect"?: (event: CustomEvent<object[]>) => void;
+        "onSelect"?: (event: LimelTableCustomEvent<object[]>) => void;
         /**
           * Emitted when the select all rows state is toggled
          */
-        "onSelectAll"?: (event: CustomEvent<boolean>) => void;
+        "onSelectAll"?: (event: LimelTableCustomEvent<boolean>) => void;
         /**
           * Emitted when `mode` is `local` the data is sorted
          */
-        "onSort"?: (event: CustomEvent<ColumnSorter[]>) => void;
+        "onSort"?: (event: LimelTableCustomEvent<ColumnSorter[]>) => void;
         /**
           * The page to show
          */
@@ -2792,6 +3122,7 @@ declare namespace LocalJSX {
         "limel-header": LimelHeader;
         "limel-icon": LimelIcon;
         "limel-icon-button": LimelIconButton;
+        "limel-info-tile": LimelInfoTile;
         "limel-input-field": LimelInputField;
         "limel-linear-progress": LimelLinearProgress;
         "limel-list": LimelList;
@@ -2805,9 +3136,11 @@ declare namespace LocalJSX {
         "limel-progress-flow": LimelProgressFlow;
         "limel-progress-flow-item": LimelProgressFlowItem;
         "limel-select": LimelSelect;
+        "limel-shortcut": LimelShortcut;
         "limel-slider": LimelSlider;
         "limel-snackbar": LimelSnackbar;
         "limel-spinner": LimelSpinner;
+        "limel-split-button": LimelSplitButton;
         "limel-switch": LimelSwitch;
         "limel-tab-bar": LimelTabBar;
         "limel-tab-panel": LimelTabPanel;
@@ -2844,6 +3177,7 @@ declare module "@stencil/core" {
             "limel-header": LocalJSX.LimelHeader & JSXBase.HTMLAttributes<HTMLLimelHeaderElement>;
             "limel-icon": LocalJSX.LimelIcon & JSXBase.HTMLAttributes<HTMLLimelIconElement>;
             "limel-icon-button": LocalJSX.LimelIconButton & JSXBase.HTMLAttributes<HTMLLimelIconButtonElement>;
+            "limel-info-tile": LocalJSX.LimelInfoTile & JSXBase.HTMLAttributes<HTMLLimelInfoTileElement>;
             "limel-input-field": LocalJSX.LimelInputField & JSXBase.HTMLAttributes<HTMLLimelInputFieldElement>;
             "limel-linear-progress": LocalJSX.LimelLinearProgress & JSXBase.HTMLAttributes<HTMLLimelLinearProgressElement>;
             "limel-list": LocalJSX.LimelList & JSXBase.HTMLAttributes<HTMLLimelListElement>;
@@ -2857,9 +3191,11 @@ declare module "@stencil/core" {
             "limel-progress-flow": LocalJSX.LimelProgressFlow & JSXBase.HTMLAttributes<HTMLLimelProgressFlowElement>;
             "limel-progress-flow-item": LocalJSX.LimelProgressFlowItem & JSXBase.HTMLAttributes<HTMLLimelProgressFlowItemElement>;
             "limel-select": LocalJSX.LimelSelect & JSXBase.HTMLAttributes<HTMLLimelSelectElement>;
+            "limel-shortcut": LocalJSX.LimelShortcut & JSXBase.HTMLAttributes<HTMLLimelShortcutElement>;
             "limel-slider": LocalJSX.LimelSlider & JSXBase.HTMLAttributes<HTMLLimelSliderElement>;
             "limel-snackbar": LocalJSX.LimelSnackbar & JSXBase.HTMLAttributes<HTMLLimelSnackbarElement>;
             "limel-spinner": LocalJSX.LimelSpinner & JSXBase.HTMLAttributes<HTMLLimelSpinnerElement>;
+            "limel-split-button": LocalJSX.LimelSplitButton & JSXBase.HTMLAttributes<HTMLLimelSplitButtonElement>;
             "limel-switch": LocalJSX.LimelSwitch & JSXBase.HTMLAttributes<HTMLLimelSwitchElement>;
             "limel-tab-bar": LocalJSX.LimelTabBar & JSXBase.HTMLAttributes<HTMLLimelTabBarElement>;
             "limel-tab-panel": LocalJSX.LimelTabPanel & JSXBase.HTMLAttributes<HTMLLimelTabPanelElement>;