@limetech/lime-elements 36.0.0-next.9 → 36.1.0-dev.1

package/dist/types/components.d.ts

@@ -19,12 +19,13 @@ import { OpenDirection as OpenDirection1 } from "./components/menu/menu.types";
 import { FlowItem } from "./components/progress-flow/progress-flow.types";
 import { Tab } from "./components/tab-bar/tab.types";
 import { Column, ColumnAggregate, ColumnSorter, TableParams } from "./components/table/table.types";
+import { Layout } from "./components/table/layout";
 export namespace Components {
     interface LimelBadge {
         /**
-          * Label to display in the badge
+          * Label to display in the badge. Numeric labels larger than 999 will be rounded and abbreviated. String labels get truncated if their length is longer than six characters.
          */
-        "label": number;
+        "label": number | string;
     }
     interface LimelBanner {
         /**
@@ -201,6 +202,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.
          */
@@ -219,6 +224,10 @@ export namespace Components {
           * Select color scheme for the editor
          */
         "colorScheme": ColorScheme;
+        /**
+          * Allows the user to fold code
+         */
+        "fold": boolean;
         /**
           * The language of the code
          */
@@ -227,6 +236,10 @@ export namespace Components {
           * Displays line numbers in the editor
          */
         "lineNumbers": boolean;
+        /**
+          * Enables linting of JSON content
+         */
+        "lint": boolean;
         /**
           * Disables editing of the editor content
          */
@@ -325,6 +338,10 @@ export namespace Components {
           * Defines the localisation for translations and date formatting. Property `format` customizes the localized date format.
          */
         "language": Languages;
+        /**
+          * The placeholder text shown inside the input field, when the field is focused and empty
+         */
+        "placeholder": string;
         /**
           * Set to `true` to make the field read-only. Use `readonly` when the field is only there to present the data it holds, and will not become possible for the current user to edit.
          */
@@ -388,15 +405,15 @@ export namespace Components {
     }
     interface LimelDockButton {
         /**
-          * @inheritdoc
+          * When the dock is expanded or collapsed, dock items show labels and tooltips as suitable for the layout.
          */
         "expanded"?: boolean;
         /**
-          * @inheritdoc
+          * Item that is placed in the dock.
          */
         "item": DockItem;
         /**
-          * @inheritdoc
+          * When dock is using mobile layout, dock items show labels and tooltips as suitable for the layout.
          */
         "useMobileLayout"?: boolean;
     }
@@ -604,6 +621,10 @@ export namespace Components {
           * 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`.
          */
         "pattern": string;
+        /**
+          * The placeholder text shown inside the input field, when the field is focused and empty.
+         */
+        "placeholder": string;
         /**
           * A short piece of text to display before the value inside the input field. Displayed for all types except `textarea`.
          */
@@ -659,7 +680,7 @@ export namespace Components {
         /**
           * Size of the icons in the list
          */
-        "iconSize": IconSize;
+        "iconSize": IconSize1;
         /**
           * List of items to display
          */
@@ -707,7 +728,7 @@ export namespace Components {
         /**
           * Size of the icons in the list
          */
-        "iconSize": IconSize;
+        "iconSize": IconSize1;
         /**
           * List of items to display
          */
@@ -743,7 +764,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
          */
@@ -805,7 +826,7 @@ export namespace Components {
         /**
           * Decides the popover's location in relation to its trigger
          */
-        "openDirection": OpenDirection;
+        "openDirection": OpenDirection1;
     }
     interface LimelPopoverSurface {
         /**
@@ -829,7 +850,7 @@ export namespace Components {
         /**
           * Decides which direction the portal content should open.
          */
-        "openDirection": OpenDirection;
+        "openDirection": OpenDirection1;
         /**
           * Parent element to move the content to.
          */
@@ -909,6 +930,36 @@ 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;
+        /**
+          * The url that the shortcut leads to.
+         */
+        "href"?: string;
+        /**
+          * Name of icon for the shortcut.
+         */
+        "icon": string;
+        /**
+          * The text to show below the shortcut. Long label will be truncated.
+         */
+        "label"?: string;
+        /**
+          * The `title` tag of the hyperlink, which can be used to provide additional information about the link. It improves accessibility both for sighted users and users with assistive technologies.
+         */
+        "linkTitle"?: string;
+        /**
+          * Where to load the linked URL, as the name for a browsing context: - `_self`: in the current browsing context. (Default) - `_blank`: in a new tab. - `_parent`: in the parent browsing context of the current one. If no parent, behaves as `_self`. - `_top`: the topmost browsing context (the "highest" context that's an ancestor of the current one). If no ancestors, behaves as `_self`.
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+    }
     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.
@@ -991,6 +1042,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.
@@ -1042,6 +1115,10 @@ export namespace Components {
           * A message to display when the table has no data
          */
         "emptyMessage": string;
+        /**
+          * Defines the layout of the table, based on how width of the columns are calculated.  - `default`: makes columns as wide as their contents. - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width. - `stretchColumns`: stretches all columns to fill the available width when possible. - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.
+         */
+        "layout": Layout;
         /**
           * Set to `true` to trigger loading animation
          */
@@ -1112,6 +1189,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 {
     }
@@ -1335,6 +1536,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: {
@@ -1353,6 +1560,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: {
@@ -1427,9 +1640,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;
@@ -1441,9 +1656,9 @@ declare global {
 declare namespace LocalJSX {
     interface LimelBadge {
         /**
-          * Label to display in the badge
+          * Label to display in the badge. Numeric labels larger than 999 will be rounded and abbreviated. String labels get truncated if their length is longer than six characters.
          */
-        "label"?: number;
+        "label"?: number | string;
     }
     interface LimelBanner {
         /**
@@ -1493,7 +1708,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
          */
@@ -1523,7 +1738,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.
          */
@@ -1577,23 +1792,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.
          */
@@ -1624,6 +1839,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.
          */
@@ -1642,6 +1861,10 @@ declare namespace LocalJSX {
           * Select color scheme for the editor
          */
         "colorScheme"?: ColorScheme;
+        /**
+          * Allows the user to fold code
+         */
+        "fold"?: boolean;
         /**
           * The language of the code
          */
@@ -1650,10 +1873,14 @@ declare namespace LocalJSX {
           * Displays line numbers in the editor
          */
         "lineNumbers"?: boolean;
+        /**
+          * Enables linting of JSON content
+         */
+        "lint"?: boolean;
         /**
           * 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
          */
@@ -1679,15 +1906,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 {
         /**
@@ -1701,7 +1928,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.
          */
@@ -1731,7 +1958,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
          */
@@ -1775,7 +2002,11 @@ 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
+         */
+        "placeholder"?: string;
         /**
           * Set to `true` to make the field read-only. Use `readonly` when the field is only there to present the data it holds, and will not become possible for the current user to edit.
          */
@@ -1809,11 +2040,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.
          */
@@ -1844,31 +2075,46 @@ declare namespace LocalJSX {
           * Defines the breakpoint in pixles, at which the component will be rendered in a hoizontal layout. Default breakpoint is `700` pixels, which means when the screen size is smaller than `700px`, the component will automatically switch to a horizontal layout.
          */
         "mobileBreakPoint"?: number;
+        /**
+          * Fired when the popover is closed.
+         */
+        "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: LimelDockCustomEvent<DockItem>) => void;
         /**
-          * Fired when a Dock item has been selected from the dock.
+          * Fired when a dock menu is opened.
          */
-        "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
+        "onMenuOpen"?: (event: LimelDockCustomEvent<DockItem>) => void;
     }
     interface LimelDockButton {
         /**
-          * @inheritdoc
+          * When the dock is expanded or collapsed, dock items show labels and tooltips as suitable for the layout.
          */
         "expanded"?: boolean;
         /**
-          * @inheritdoc
+          * Item that is placed in the dock.
          */
         "item": DockItem;
-        "onClose"?: (event: CustomEvent<void>) => void;
         /**
-          * Fired when clicking on the flow item.
+          * Fired when the popover is closed.
+         */
+        "onClose"?: (event: LimelDockButtonCustomEvent<void>) => void;
+        /**
+          * Fired when a dock item has been selected from the dock.
          */
-        "onInteract"?: (event: CustomEvent<DockItem>) => void;
+        "onItemSelected"?: (event: LimelDockButtonCustomEvent<DockItem>) => void;
         /**
-          * @inheritdoc
+          * Fired when a dock menu is opened.
+         */
+        "onMenuOpen"?: (event: LimelDockButtonCustomEvent<DockItem>) => void;
+        /**
+          * When dock is using mobile layout, dock items show labels and tooltips as suitable for the layout.
          */
         "useMobileLayout"?: boolean;
     }
@@ -1892,11 +2138,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.
          */
@@ -1930,7 +2176,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.
          */
@@ -1970,11 +2216,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,15 +2341,19 @@ 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`.
          */
         "pattern"?: string;
+        /**
+          * The placeholder text shown inside the input field, when the field is focused and empty.
+         */
+        "placeholder"?: string;
         /**
           * A short piece of text to display before the value inside the input field. Displayed for all types except `textarea`.
          */
@@ -2159,7 +2409,7 @@ declare namespace LocalJSX {
         /**
           * Size of the icons in the list
          */
-        "iconSize"?: IconSize;
+        "iconSize"?: IconSize1;
         /**
           * List of items to display
          */
@@ -2171,11 +2421,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.
          */
@@ -2201,11 +2451,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.
          */
@@ -2223,7 +2473,7 @@ declare namespace LocalJSX {
         /**
           * Size of the icons in the list
          */
-        "iconSize"?: IconSize;
+        "iconSize"?: IconSize1;
         /**
           * List of items to display
          */
@@ -2233,13 +2483,9 @@ declare namespace LocalJSX {
          */
         "maxLinesSecondaryText"?: number;
         /**
-          * Fired when a new value has been selected from the list. Only fired if selectable is set to true
+          * Fired when a new value has been selected from the list.
          */
-        "onChange"?: (event: CustomEvent<MenuItem | MenuItem[]>) => void;
-        /**
-          * Fired when an action has been selected from the action menu of a list item
-         */
-        "onSelect"?: (event: CustomEvent<MenuItem | 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.
          */
@@ -2253,7 +2499,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
          */
@@ -2271,7 +2517,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
          */
@@ -2307,15 +2553,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.
          */
@@ -2341,7 +2587,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
          */
@@ -2349,7 +2595,7 @@ declare namespace LocalJSX {
         /**
           * Decides the popover's location in relation to its trigger
          */
-        "openDirection"?: OpenDirection;
+        "openDirection"?: OpenDirection1;
     }
     interface LimelPopoverSurface {
         /**
@@ -2373,7 +2619,7 @@ declare namespace LocalJSX {
         /**
           * Decides which direction the portal content should open.
          */
-        "openDirection"?: OpenDirection;
+        "openDirection"?: OpenDirection1;
         /**
           * Parent element to move the content to.
          */
@@ -2399,7 +2645,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.
          */
@@ -2417,7 +2663,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
          */
@@ -2447,7 +2693,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.
          */
@@ -2465,6 +2711,36 @@ 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;
+        /**
+          * The url that the shortcut leads to.
+         */
+        "href"?: string;
+        /**
+          * Name of icon for the shortcut.
+         */
+        "icon"?: string;
+        /**
+          * The text to show below the shortcut. Long label will be truncated.
+         */
+        "label"?: string;
+        /**
+          * The `title` tag of the hyperlink, which can be used to provide additional information about the link. It improves accessibility both for sighted users and users with assistive technologies.
+         */
+        "linkTitle"?: string;
+        /**
+          * Where to load the linked URL, as the name for a browsing context: - `_self`: in the current browsing context. (Default) - `_blank`: in a new tab. - `_parent`: in the parent browsing context of the current one. If no parent, behaves as `_self`. - `_top`: the topmost browsing context (the "highest" context that's an ancestor of the current one). If no ancestors, behaves as `_self`.
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
     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.
@@ -2485,7 +2761,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.
          */
@@ -2535,11 +2811,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.
          */
@@ -2555,6 +2831,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.
@@ -2567,7 +2869,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.
          */
@@ -2581,7 +2883,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
          */
@@ -2591,7 +2893,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
          */
@@ -2618,6 +2920,10 @@ declare namespace LocalJSX {
           * A message to display when the table has no data
          */
         "emptyMessage"?: string;
+        /**
+          * Defines the layout of the table, based on how width of the columns are calculated.  - `default`: makes columns as wide as their contents. - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width. - `stretchColumns`: stretches all columns to fill the available width when possible. - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.
+         */
+        "layout"?: Layout;
         /**
           * Set to `true` to trigger loading animation
          */
@@ -2633,31 +2939,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
          */
@@ -2753,9 +3059,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;
@@ -2805,9 +3113,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>;