@sula-tech/webcomponents 0.4.1 → 0.6.0

package/dist/types/components/sula-timeline-list/model/sula-timeline-list.model.d.ts

@@ -0,0 +1,16 @@
+export interface SulaTimelineListItem {
+    weekdayText?: SulaTimelineListItemWeekdayText;
+    iconStatus?: SulaTimelineListItemIconStatus;
+    title: string;
+    message?: string;
+    hasLink?: boolean;
+}
+export interface SulaTimelineListItemWeekdayText {
+    weekday: string;
+    day: number;
+}
+export declare enum SulaTimelineListItemIconStatus {
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}

package/dist/types/components/sula-timeline-list/sula-timeline-list.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SulaTimelineListItem, SulaTimelineListItemIconStatus } from './model/sula-timeline-list.model';
+export declare class SulaTimelineList {
+    /**
+     * Timeline list. (Can be use with weekday text or icon with status)
+     */
+    sulaTimelineList: SulaTimelineListItem[];
+    /**
+     * Event emitted when item is clicked.
+     */
+    itemClicked: EventEmitter<SulaTimelineListItem>;
+    handleItemClick: (item: SulaTimelineListItem) => void;
+    getIconBackgroundColorByStatus(status: SulaTimelineListItemIconStatus): string;
+    getIconByStatus(status: SulaTimelineListItemIconStatus): string;
+    getIconColorByStatus(status: SulaTimelineListItemIconStatus): string;
+    render(): any;
+}

package/dist/types/components/sula-timeline-list/sula-timeline-list.stories.d.ts

@@ -0,0 +1,47 @@
+import { SulaTimelineListItemIconStatus } from './model/sula-timeline-list.model';
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        sulaTimelineList: {
+            control: string;
+            defaultValue: ({
+                title: string;
+                message: string;
+                weekdayText: {
+                    weekday: string;
+                    day: string;
+                };
+                iconStatus?: undefined;
+            } | {
+                title: string;
+                message: string;
+                iconStatus: SulaTimelineListItemIconStatus;
+                weekdayText?: undefined;
+            })[];
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        itemClicked: {
+            action: string;
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithIconStatus: any;
+export declare const MixedContent: any;
+export declare const OnlyTitles: any;
+export declare const SingleItem: any;
+export declare const SuccessFlow: any;
+export declare const ErrorFlow: any;

package/dist/types/components.d.ts

@@ -11,24 +11,32 @@ import { SulaButtonAppearance, SulaButtonSize, SulaButtonStatus, SulaButtonType
 import { SulaCheckboxType } from "./components/sula-checkbox/model/sula-checkbox.model";
 import { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model";
 import { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
+import { SulaMenuListItem as SulaMenuListItem1 } from "./components";
 import { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.model";
+import { SulaProgressBarAppearance, SulaProgressBarState } from "./components/sula-progress-bar/model/sula-progress-bar.model";
+import { SulaSearchBarStyle } from "./components/sula-search-bar/model/sula-search.bar-model";
 import { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
 import { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
 import { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
 import { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 import { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.model";
+import { SulaTimelineListItem } from "./components/sula-timeline-list/model/sula-timeline-list.model";
 export { SulaAvatarSize } from "./components/sula-avatar/model/sula-avatar.model";
 export { SulaBadgeSize, SulaBadgeStatus, SulaBadgeType } from "./components/sula-badge/model/sula-badge.model";
 export { SulaButtonAppearance, SulaButtonSize, SulaButtonStatus, SulaButtonType } from "./components/sula-button/model/sula-button.model";
 export { SulaCheckboxType } from "./components/sula-checkbox/model/sula-checkbox.model";
 export { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model";
 export { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
+export { SulaMenuListItem as SulaMenuListItem1 } from "./components";
 export { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.model";
+export { SulaProgressBarAppearance, SulaProgressBarState } from "./components/sula-progress-bar/model/sula-progress-bar.model";
+export { SulaSearchBarStyle } from "./components/sula-search-bar/model/sula-search.bar-model";
 export { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
 export { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
 export { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
 export { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 export { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.model";
+export { SulaTimelineListItem } from "./components/sula-timeline-list/model/sula-timeline-list.model";
 export namespace Components {
     interface SulaAvatar {
         /**
@@ -91,11 +99,19 @@ export namespace Components {
           * Button icon when is Icon type
          */
         "icon": string;
+        /**
+          * Button left icon
+         */
+        "leftIcon": string;
         /**
           * Is button loading
           * @default false
          */
         "loading": boolean;
+        /**
+          * Button right icon
+         */
+        "rightIcon": string;
         /**
           * Button size
           * @default SulaButtonSize.Default
@@ -163,6 +179,26 @@ export namespace Components {
          */
         "text": string;
     }
+    interface SulaDropdown {
+        /**
+          * Dropdown is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Items for list
+          * @default []
+         */
+        "items": SulaMenuListItem1[];
+        /**
+          * Dropdown label
+         */
+        "label": string;
+        /**
+          * Value for dropdown
+         */
+        "value"?: SulaMenuListItem1;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
@@ -182,12 +218,46 @@ export namespace Components {
         "size": SulaLoaderSize;
     }
     interface SulaMenuSelectList {
+        /**
+          * Menu is full width
+          * @default false
+         */
+        "fullWidth": boolean;
         /**
           * Items for list
           * @default []
          */
         "items": SulaMenuListItem[];
     }
+    interface SulaProgressBar {
+        /**
+          * The style of the progress bar.
+          * @default SulaProgressBarAppearance.Primary
+         */
+        "appearance": SulaProgressBarAppearance;
+        /**
+          * The label displayed at the bottom of the progress bar.
+         */
+        "bottomLabel": string;
+        /**
+          * The progress value of the progress bar.
+         */
+        "progress": number;
+        /**
+          * Show progress
+          * @default true
+         */
+        "showProgress": boolean;
+        /**
+          * The state of the progress bar.
+          * @default SulaProgressBarState.Default
+         */
+        "state": SulaProgressBarState;
+        /**
+          * The label displayed at the top of the progress bar.
+         */
+        "topLabel": string;
+    }
     interface SulaRadioButton {
         /**
           * Is radio button checked
@@ -205,6 +275,29 @@ export namespace Components {
          */
         "label": string;
     }
+    interface SulaSearchBar {
+        /**
+          * Search bar left icon
+         */
+        "leftIcon": string;
+        /**
+          * Search bar placeholder
+         */
+        "placeholder": string;
+        /**
+          * Search bar right icon
+         */
+        "rightIcon": string;
+        /**
+          * Search bar style
+          * @default SulaSearchBarStyle.Default
+         */
+        "searchBarStyle": SulaSearchBarStyle;
+        /**
+          * Value for the search bar.
+         */
+        "value"?: string;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
@@ -375,6 +468,13 @@ export namespace Components {
          */
         "type": SulaTilesType;
     }
+    interface SulaTimelineList {
+        /**
+          * Timeline list. (Can be use with weekday text or icon with status)
+          * @default []
+         */
+        "sulaTimelineList": SulaTimelineListItem[];
+    }
 }
 export interface SulaButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -388,6 +488,10 @@ export interface SulaChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaChipElement;
 }
+export interface SulaDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaDropdownElement;
+}
 export interface SulaMenuSelectListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaMenuSelectListElement;
@@ -396,6 +500,10 @@ export interface SulaRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaRadioButtonElement;
 }
+export interface SulaSearchBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaSearchBarElement;
+}
 export interface SulaSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaSwitchElement;
@@ -412,6 +520,10 @@ export interface SulaTilesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaTilesElement;
 }
+export interface SulaTimelineListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaTimelineListElement;
+}
 declare global {
     interface HTMLSulaAvatarElement extends Components.SulaAvatar, HTMLStencilElement {
     }
@@ -479,6 +591,26 @@ declare global {
         prototype: HTMLSulaChipElement;
         new (): HTMLSulaChipElement;
     };
+    interface HTMLSulaDropdownElementEventMap {
+        "dropdownClicked": void;
+        "dropdownFocused": void;
+        "dropdownFocusedOut": void;
+        "menuItemSelected": SulaMenuListItem1;
+    }
+    interface HTMLSulaDropdownElement extends Components.SulaDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaDropdownElementEventMap>(type: K, listener: (this: HTMLSulaDropdownElement, ev: SulaDropdownCustomEvent<HTMLSulaDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaDropdownElementEventMap>(type: K, listener: (this: HTMLSulaDropdownElement, ev: SulaDropdownCustomEvent<HTMLSulaDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaDropdownElement: {
+        prototype: HTMLSulaDropdownElement;
+        new (): HTMLSulaDropdownElement;
+    };
     interface HTMLSulaIconElement extends Components.SulaIcon, HTMLStencilElement {
     }
     var HTMLSulaIconElement: {
@@ -508,6 +640,12 @@ declare global {
         prototype: HTMLSulaMenuSelectListElement;
         new (): HTMLSulaMenuSelectListElement;
     };
+    interface HTMLSulaProgressBarElement extends Components.SulaProgressBar, HTMLStencilElement {
+    }
+    var HTMLSulaProgressBarElement: {
+        prototype: HTMLSulaProgressBarElement;
+        new (): HTMLSulaProgressBarElement;
+    };
     interface HTMLSulaRadioButtonElementEventMap {
         "valueChanged": boolean;
         "focusedOn": void;
@@ -527,6 +665,26 @@ declare global {
         prototype: HTMLSulaRadioButtonElement;
         new (): HTMLSulaRadioButtonElement;
     };
+    interface HTMLSulaSearchBarElementEventMap {
+        "valueChanged": string;
+        "focusedOn": void;
+        "focusedOut": void;
+        "rightIconClicked": void;
+    }
+    interface HTMLSulaSearchBarElement extends Components.SulaSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaSearchBarElementEventMap>(type: K, listener: (this: HTMLSulaSearchBarElement, ev: SulaSearchBarCustomEvent<HTMLSulaSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaSearchBarElementEventMap>(type: K, listener: (this: HTMLSulaSearchBarElement, ev: SulaSearchBarCustomEvent<HTMLSulaSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaSearchBarElement: {
+        prototype: HTMLSulaSearchBarElement;
+        new (): HTMLSulaSearchBarElement;
+    };
     interface HTMLSulaSwitchElementEventMap {
         "valueChanged": boolean;
         "focusedOn": void;
@@ -607,21 +765,42 @@ declare global {
         prototype: HTMLSulaTilesElement;
         new (): HTMLSulaTilesElement;
     };
+    interface HTMLSulaTimelineListElementEventMap {
+        "itemClicked": SulaTimelineListItem;
+    }
+    interface HTMLSulaTimelineListElement extends Components.SulaTimelineList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaTimelineListElementEventMap>(type: K, listener: (this: HTMLSulaTimelineListElement, ev: SulaTimelineListCustomEvent<HTMLSulaTimelineListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaTimelineListElementEventMap>(type: K, listener: (this: HTMLSulaTimelineListElement, ev: SulaTimelineListCustomEvent<HTMLSulaTimelineListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaTimelineListElement: {
+        prototype: HTMLSulaTimelineListElement;
+        new (): HTMLSulaTimelineListElement;
+    };
     interface HTMLElementTagNameMap {
         "sula-avatar": HTMLSulaAvatarElement;
         "sula-badge": HTMLSulaBadgeElement;
         "sula-button": HTMLSulaButtonElement;
         "sula-checkbox": HTMLSulaCheckboxElement;
         "sula-chip": HTMLSulaChipElement;
+        "sula-dropdown": HTMLSulaDropdownElement;
         "sula-icon": HTMLSulaIconElement;
         "sula-loader": HTMLSulaLoaderElement;
         "sula-menu-select-list": HTMLSulaMenuSelectListElement;
+        "sula-progress-bar": HTMLSulaProgressBarElement;
         "sula-radio-button": HTMLSulaRadioButtonElement;
+        "sula-search-bar": HTMLSulaSearchBarElement;
         "sula-switch": HTMLSulaSwitchElement;
         "sula-tag": HTMLSulaTagElement;
         "sula-textarea": HTMLSulaTextareaElement;
         "sula-textfield": HTMLSulaTextfieldElement;
         "sula-tiles": HTMLSulaTilesElement;
+        "sula-timeline-list": HTMLSulaTimelineListElement;
     }
 }
 declare namespace LocalJSX {
@@ -686,6 +865,10 @@ declare namespace LocalJSX {
           * Button icon when is Icon type
          */
         "icon"?: string;
+        /**
+          * Button left icon
+         */
+        "leftIcon"?: string;
         /**
           * Is button loading
           * @default false
@@ -696,6 +879,10 @@ declare namespace LocalJSX {
           * @note If button is disabled event won't be emitted
          */
         "onButtonClicked"?: (event: SulaButtonCustomEvent<void>) => void;
+        /**
+          * Button right icon
+         */
+        "rightIcon"?: string;
         /**
           * Button size
           * @default SulaButtonSize.Default
@@ -783,6 +970,42 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
+    interface SulaDropdown {
+        /**
+          * Dropdown is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Items for list
+          * @default []
+         */
+        "items"?: SulaMenuListItem1[];
+        /**
+          * Dropdown label
+         */
+        "label"?: string;
+        /**
+          * Event emitted when dropdown is clicked
+         */
+        "onDropdownClicked"?: (event: SulaDropdownCustomEvent<void>) => void;
+        /**
+          * Event emitted when dropdown is focused
+         */
+        "onDropdownFocused"?: (event: SulaDropdownCustomEvent<void>) => void;
+        /**
+          * Event emitted when dropdown is focused out
+         */
+        "onDropdownFocusedOut"?: (event: SulaDropdownCustomEvent<void>) => void;
+        /**
+          * Event emitted when item is selected
+         */
+        "onMenuItemSelected"?: (event: SulaDropdownCustomEvent<SulaMenuListItem1>) => void;
+        /**
+          * Value for dropdown
+         */
+        "value"?: SulaMenuListItem1;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
@@ -802,6 +1025,11 @@ declare namespace LocalJSX {
         "size"?: SulaLoaderSize;
     }
     interface SulaMenuSelectList {
+        /**
+          * Menu is full width
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Items for list
           * @default []
@@ -812,6 +1040,35 @@ declare namespace LocalJSX {
          */
         "onItemSelected"?: (event: SulaMenuSelectListCustomEvent<SulaMenuListItem>) => void;
     }
+    interface SulaProgressBar {
+        /**
+          * The style of the progress bar.
+          * @default SulaProgressBarAppearance.Primary
+         */
+        "appearance"?: SulaProgressBarAppearance;
+        /**
+          * The label displayed at the bottom of the progress bar.
+         */
+        "bottomLabel"?: string;
+        /**
+          * The progress value of the progress bar.
+         */
+        "progress"?: number;
+        /**
+          * Show progress
+          * @default true
+         */
+        "showProgress"?: boolean;
+        /**
+          * The state of the progress bar.
+          * @default SulaProgressBarState.Default
+         */
+        "state"?: SulaProgressBarState;
+        /**
+          * The label displayed at the top of the progress bar.
+         */
+        "topLabel"?: string;
+    }
     interface SulaRadioButton {
         /**
           * Is radio button checked
@@ -841,6 +1098,45 @@ declare namespace LocalJSX {
          */
         "onValueChanged"?: (event: SulaRadioButtonCustomEvent<boolean>) => void;
     }
+    interface SulaSearchBar {
+        /**
+          * Search bar left icon
+         */
+        "leftIcon"?: string;
+        /**
+          * Event emitted when search bar is focused.
+         */
+        "onFocusedOn"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when search bar is focused out.
+         */
+        "onFocusedOut"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when right icon is clicked
+         */
+        "onRightIconClicked"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when search bar value changes.
+         */
+        "onValueChanged"?: (event: SulaSearchBarCustomEvent<string>) => void;
+        /**
+          * Search bar placeholder
+         */
+        "placeholder"?: string;
+        /**
+          * Search bar right icon
+         */
+        "rightIcon"?: string;
+        /**
+          * Search bar style
+          * @default SulaSearchBarStyle.Default
+         */
+        "searchBarStyle"?: SulaSearchBarStyle;
+        /**
+          * Value for the search bar.
+         */
+        "value"?: string;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
@@ -1052,21 +1348,36 @@ declare namespace LocalJSX {
          */
         "type"?: SulaTilesType;
     }
+    interface SulaTimelineList {
+        /**
+          * Event emitted when item is clicked.
+         */
+        "onItemClicked"?: (event: SulaTimelineListCustomEvent<SulaTimelineListItem>) => void;
+        /**
+          * Timeline list. (Can be use with weekday text or icon with status)
+          * @default []
+         */
+        "sulaTimelineList"?: SulaTimelineListItem[];
+    }
     interface IntrinsicElements {
         "sula-avatar": SulaAvatar;
         "sula-badge": SulaBadge;
         "sula-button": SulaButton;
         "sula-checkbox": SulaCheckbox;
         "sula-chip": SulaChip;
+        "sula-dropdown": SulaDropdown;
         "sula-icon": SulaIcon;
         "sula-loader": SulaLoader;
         "sula-menu-select-list": SulaMenuSelectList;
+        "sula-progress-bar": SulaProgressBar;
         "sula-radio-button": SulaRadioButton;
+        "sula-search-bar": SulaSearchBar;
         "sula-switch": SulaSwitch;
         "sula-tag": SulaTag;
         "sula-textarea": SulaTextarea;
         "sula-textfield": SulaTextfield;
         "sula-tiles": SulaTiles;
+        "sula-timeline-list": SulaTimelineList;
     }
 }
 export { LocalJSX as JSX };
@@ -1078,15 +1389,19 @@ declare module "@stencil/core" {
             "sula-button": LocalJSX.SulaButton & JSXBase.HTMLAttributes<HTMLSulaButtonElement>;
             "sula-checkbox": LocalJSX.SulaCheckbox & JSXBase.HTMLAttributes<HTMLSulaCheckboxElement>;
             "sula-chip": LocalJSX.SulaChip & JSXBase.HTMLAttributes<HTMLSulaChipElement>;
+            "sula-dropdown": LocalJSX.SulaDropdown & JSXBase.HTMLAttributes<HTMLSulaDropdownElement>;
             "sula-icon": LocalJSX.SulaIcon & JSXBase.HTMLAttributes<HTMLSulaIconElement>;
             "sula-loader": LocalJSX.SulaLoader & JSXBase.HTMLAttributes<HTMLSulaLoaderElement>;
             "sula-menu-select-list": LocalJSX.SulaMenuSelectList & JSXBase.HTMLAttributes<HTMLSulaMenuSelectListElement>;
+            "sula-progress-bar": LocalJSX.SulaProgressBar & JSXBase.HTMLAttributes<HTMLSulaProgressBarElement>;
             "sula-radio-button": LocalJSX.SulaRadioButton & JSXBase.HTMLAttributes<HTMLSulaRadioButtonElement>;
+            "sula-search-bar": LocalJSX.SulaSearchBar & JSXBase.HTMLAttributes<HTMLSulaSearchBarElement>;
             "sula-switch": LocalJSX.SulaSwitch & JSXBase.HTMLAttributes<HTMLSulaSwitchElement>;
             "sula-tag": LocalJSX.SulaTag & JSXBase.HTMLAttributes<HTMLSulaTagElement>;
             "sula-textarea": LocalJSX.SulaTextarea & JSXBase.HTMLAttributes<HTMLSulaTextareaElement>;
             "sula-textfield": LocalJSX.SulaTextfield & JSXBase.HTMLAttributes<HTMLSulaTextfieldElement>;
             "sula-tiles": LocalJSX.SulaTiles & JSXBase.HTMLAttributes<HTMLSulaTilesElement>;
+            "sula-timeline-list": LocalJSX.SulaTimelineList & JSXBase.HTMLAttributes<HTMLSulaTimelineListElement>;
         }
     }
 }