@six-group/ui-library 3.0.0-beta.1.7

package/dist/types/components/six-sidebar-item-group/six-sidebar-item-group.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the nested side bar [group] items.
+ */
+export declare class SixSidebarItemGroup {
+  readonly host: HTMLSixSidebarItemGroupElement;
+  hasItems: boolean;
+  /** Title of item group */
+  name: string;
+  /** Icon of the group */
+  icon: string;
+  /** A unique value to store in the sidebar item of the group label. This can be used as a way to identify sidebar items when selected. */
+  value: string;
+  open: boolean;
+  /** Custom summary icon name. */
+  summaryIcon: string;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  handleSlotChange(): void;
+  isSubgroup(): boolean;
+  summaryIconHasContent: boolean;
+  provideSlot: (name: string) => any;
+  render(): any;
+}

package/dist/types/components/six-spinner/six-spinner.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixSpinner {
+  /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */
+  six: boolean;
+  renderSIXLogo(): any;
+  renderSimple(): any;
+  render(): any;
+}

package/dist/types/components/six-stage-indicator/six-stage-indicator.d.ts

@@ -0,0 +1,6 @@
+export declare type StageType = 'DEV' | 'ITU' | 'ETU' | 'ACCEPTANCE' | 'PROD' | null;
+export declare class SixStageIndicator {
+  /** The indicators value attribute */
+  stage: StageType;
+  render(): any;
+}

package/dist/types/components/six-switch/six-switch.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The switch's label.
+ *
+ * @part base - The component's base wrapper.
+ * @part control - The switch control.
+ * @part thumb - The switch position indicator.
+ * @part label - The switch label.
+ */
+export declare class SixSwitch {
+  switchId: string;
+  labelId: string;
+  input: HTMLInputElement;
+  hasFocus: boolean;
+  /** The switch's name attribute. */
+  name: string;
+  /** The switch's value attribute. */
+  value: string;
+  /** Set to true to disable the switch. */
+  disabled: boolean;
+  /** Set to true to make the switch a required field. */
+  required: boolean;
+  /** Set to true to draw the switch in a checked state. */
+  checked: boolean;
+  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */
+  invalid: boolean;
+  handleCheckedChange(): void;
+  /** Emitted when the control loses focus. */
+  sixBlur: EventEmitter<boolean>;
+  /** Emitted when the control's checked state changes. */
+  sixChange: EventEmitter<boolean>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** default value the switch will be reverted to when reset is executed */
+  private defaultValue;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  /** Sets focus on the switch. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the switch. */
+  removeFocus(): Promise<void>;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  handleClick(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleMouseDown(event: MouseEvent): void;
+  render(): any;
+}

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tab's label.
+ *
+ * @part base - The component's base wrapper.
+ * @part close-button - The close button, which is the icon button's base wrapper.
+ */
+export declare class SixTab {
+  componentId: string;
+  tab: HTMLElement;
+  host: HTMLSixTabElement;
+  /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */
+  panel: string;
+  /** Set to true to draw the tab in an active state. */
+  active: boolean;
+  /** When true, the tab will be rendered with a close icon. */
+  closable: boolean;
+  /** Set to true to draw the tab in a disabled state. */
+  disabled: boolean;
+  /** Emitted when the tab is closable and the close button is activated. */
+  sixClose: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  /** Sets focus to the tab. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus from the tab. */
+  removeFocus(): Promise<void>;
+  handleCloseClick(): void;
+  render(): any;
+}

package/dist/types/components/six-tab-group/six-tab-group.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SixTabShowPayload {
+  name: string;
+}
+export interface SixTabHidePayload {
+  name: string;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot nav - Used for grouping tabs in the tab group.
+ * @slot - Used for grouping tab panels in the tab group.
+ *
+ * @part base - The component's base wrapper.
+ * @part nav - The tab group navigation container.
+ * @part tabs - The container that wraps the slotted tabs.
+ * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.
+ * @part body - The tab group body where tab panels are slotted in.
+ * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.
+ */
+export declare class SixTabGroup {
+  activeTab: HTMLSixTabElement;
+  activeTabIndicator: HTMLElement;
+  body: HTMLElement;
+  mutationObserver: MutationObserver;
+  nav: HTMLElement;
+  resizeObserver: ResizeObserver;
+  tabGroup: HTMLElement;
+  tabs: HTMLElement;
+  host: HTMLSixTabGroupElement;
+  hasScrollControls: boolean;
+  /** The placement of the tabs. */
+  placement: 'top' | 'bottom' | 'left' | 'right';
+  /** Disables the scroll arrows that appear when tabs overflow. */
+  noScrollControls: boolean;
+  handlePlacementChange(): void;
+  handleNoScrollControlsChange(): void;
+  /** Emitted when a tab is shown. */
+  sixTabShow: EventEmitter<SixTabShowPayload>;
+  /** Emitted when a tab is hidden. */
+  sixTabHide: EventEmitter<SixTabHidePayload>;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Shows the specified tab panel. */
+  show(panel: string): Promise<void>;
+  getAllTabs(includeDisabled?: boolean): [HTMLSixTabElement];
+  getAllPanels(): [HTMLSixTabPanelElement];
+  getActiveTab(): HTMLSixTabElement;
+  handleClick(event: MouseEvent): boolean;
+  handleKeyDown(event: KeyboardEvent): boolean;
+  handleScrollLeft(): void;
+  handleScrollRight(): void;
+  updateScrollControls(): void;
+  setActiveTab(tab: HTMLSixTabElement, emitEvents?: boolean): void;
+  setAriaLabels(): void;
+  syncActiveTabIndicator(): void;
+  render(): any;
+}

package/dist/types/components/six-tab-panel/six-tab-panel.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tab panel's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixTabPanel {
+  componentId: string;
+  host: HTMLSixTabPanelElement;
+  /** The tab panel's name. */
+  name: string;
+  /** When true, the tab panel will be shown. */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/six-table/six-table.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Data, TableReadyPayload, TableRowClickedPayload, TableCellClickedPayload, Item } from './types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define header and the rows of the table.
+ * @Deprecated - six-table will be removed with the next table. Use fate table instead.
+ */
+export declare class SixTable {
+  host: HTMLSixTableElement;
+  /** Set to true to stripe the table. */
+  striped: boolean;
+  /** Set to true to display loading indicator. */
+  loading: boolean;
+  /** Emitted when table is ready. */
+  tableReady: EventEmitter<TableReadyPayload>;
+  /** Emitted when table row is clicked. */
+  tableRowClicked: EventEmitter<TableRowClickedPayload<Item>>;
+  /** Emitted when table cell is clicked. */
+  tableCellClicked: EventEmitter<TableCellClickedPayload<Item>>;
+  handleData<T extends Item>({ detail }: CustomEvent<Data<T>>): void;
+  setData<T extends Item>(value: Data<T>): Promise<void>;
+  data: Data<Item>;
+  componentDidLoad(): void;
+  handleRowClick: <T extends Item>(item: T) => (event: MouseEvent) => void;
+  handleCellClick: <T extends Item>(item: T, key: string) => (event: MouseEvent) => void;
+  constructor();
+  render(): any;
+}

package/dist/types/components/six-table/test/helpers.d.ts

@@ -0,0 +1,2 @@
+import { E2EPage } from '@stencil/core/testing';
+export declare const getTableRows: (page: E2EPage) => Promise<any>;

package/dist/types/components/six-table/types.d.ts

@@ -0,0 +1,33 @@
+import { SortDirection, FilterMode } from '../six-table-header-cell/types';
+export declare type Item = Record<string, unknown>;
+export declare type BasedOnKeys<T extends keyof any, B> = {
+  [K in T]?: B;
+};
+export declare type Columns<T> = BasedOnKeys<keyof T, string>;
+export declare type SortModel<T> = BasedOnKeys<keyof T, SortDirection>;
+export declare type Comparator<T> = (a: T, b: T) => number;
+export declare type CompareModel<T> = BasedOnKeys<keyof T, Comparator<T>>;
+export declare type FilterModel<T> = BasedOnKeys<keyof T, BasedOnKeys<FilterMode, string>>;
+export declare type Renderer<T> = (value: T) => string;
+export declare type RenderModel<T> = BasedOnKeys<keyof T, Renderer<T>>;
+export declare type Data<T> = {
+  columns: Columns<T>;
+  sort?: SortModel<T>;
+  compare?: CompareModel<T>;
+  render?: RenderModel<T>;
+  filter?: FilterModel<T>;
+  quickFilter?: string;
+  rows: T[];
+};
+export declare const isData: <T>(value?: unknown) => value is Data<T>;
+export interface TableReadyPayload {
+}
+export interface TableRowClickedPayload<T extends Item> {
+  event: MouseEvent;
+  item: T;
+}
+export interface TableCellClickedPayload<T extends Item> {
+  event: MouseEvent;
+  item: T;
+  key: string;
+}

package/dist/types/components/six-table/util/filter-by.d.ts

@@ -0,0 +1,2 @@
+import { Item, FilterModel } from '../types';
+export declare const filterBy: <T extends Item>(filterModel?: FilterModel<T>) => (item: T) => boolean;

package/dist/types/components/six-table/util/from-data.d.ts

@@ -0,0 +1,8 @@
+import { Data, Item } from '../types';
+interface FromDataProps<T extends Item> {
+  data: Data<T>;
+  handleRowClick: (item: T) => (event: MouseEvent) => void;
+  handleCellClick: (item: T, key: string) => (event: MouseEvent) => void;
+}
+export declare const fromData: <T extends Item>({ data, handleRowClick, handleCellClick }: FromDataProps<T>) => any;
+export {};

package/dist/types/components/six-table/util/is.d.ts

@@ -0,0 +1,3 @@
+export declare const Invalid: {
+  Term: (value?: unknown) => boolean;
+};

package/dist/types/components/six-table/util/quick-filter-by.d.ts

@@ -0,0 +1,2 @@
+import { Item } from '../types';
+export declare const quickFilterBy: <T extends Item>(keys: string[], value?: string) => (item: T) => boolean;

package/dist/types/components/six-table/util/sort-by.d.ts

@@ -0,0 +1,2 @@
+import { CompareModel, Item, SortModel } from '../types';
+export declare const sortBy: <T extends Item>(sort?: SortModel<T>, compare?: CompareModel<T>) => (items: T[]) => T[];

package/dist/types/components/six-table-cell/six-table-cell.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the content of the cell.
+ */
+export declare class SixTableCell {
+  render(): any;
+}

package/dist/types/components/six-table-header/six-table-header.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the cells of the header.
+ */
+export declare class SixTableHeader {
+  render(): any;
+}

package/dist/types/components/six-table-header-cell/get-next-state.d.ts

@@ -0,0 +1,2 @@
+export declare const getNextSortState: (current: string) => string;
+export declare const getNextFilterState: (current: string) => string;

package/dist/types/components/six-table-header-cell/icons.d.ts

@@ -0,0 +1,3 @@
+import { SortDirection, FilterMode } from './types';
+export declare const SortIcon: Record<SortDirection, string>;
+export declare const FilterIcon: Record<FilterMode, string>;

package/dist/types/components/six-table-header-cell/six-table-header-cell.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { FilterMode, SortDirection } from './types';
+import { FilterModel, Item, SortModel } from '../six-table/types';
+export declare type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;
+export declare type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the label of the header field.
+ */
+export declare class SixTableHeaderCell {
+  filterRef: HTMLSixDropdownElement;
+  /** Table row property name. Used in the custom events to identify the row. */
+  name: keyof Item;
+  /** Sort direction. Applied only when set. */
+  sort: SortDirection;
+  /** Filter mode. Applied only when set. */
+  filter: FilterMode;
+  /** Filter value. Applied only when filter mode is set. */
+  value: string;
+  /** Emitted when sort model is updated. */
+  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;
+  /** Emitted when filter model is updated. */
+  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;
+  inputElement: HTMLSixInputElement;
+  handleSortNext: () => void;
+  handleFilterNext: () => void;
+  handleFilterChange: () => void;
+  handleFilterClear: () => void;
+  render(): any;
+}

package/dist/types/components/six-table-header-cell/types.d.ts

@@ -0,0 +1,11 @@
+export declare enum SortDirection {
+  None = "none",
+  Asc = "asc",
+  Desc = "desc"
+}
+export declare enum FilterMode {
+  Equals = "eq",
+  NotEquals = "ne",
+  Includes = "in",
+  NotIncludes = "ni"
+}

package/dist/types/components/six-table-header-cell/util/create-model.d.ts

@@ -0,0 +1,4 @@
+import { Item, SortModel, FilterModel } from '../../six-table/types';
+import { SortDirection, FilterMode } from '../types';
+export declare const createSortModel: <T extends Item>(key: keyof T, value: SortDirection) => SortModel<T>;
+export declare const createFilterModel: <T extends Item>(key: keyof T, filter: FilterMode, value: string) => FilterModel<T>;

package/dist/types/components/six-table-header-cell/util/get-next-state.d.ts

@@ -0,0 +1,3 @@
+import { SortDirection, FilterMode } from '../types';
+export declare const getNextSortState: (current: SortDirection) => SortDirection;
+export declare const getNextFilterState: (current: FilterMode) => FilterMode;

package/dist/types/components/six-table-row/six-table-row.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the cells of the row.
+ */
+export declare class SixTableRow {
+  render(): any;
+}

package/dist/types/components/six-tag/six-tag.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tag's content.
+ *
+ * @part base - The component's base wrapper.
+ * @part content - The tag content.
+ * @part clear-button - The clear button.
+ */
+export declare class SixTag {
+  tag: HTMLElement;
+  /** The tag's type. */
+  type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text';
+  /** The tag's size. */
+  size: 'small' | 'medium' | 'large';
+  /** Set to true to draw a pill-style tag with rounded edges. */
+  pill: boolean;
+  /** Set to true to make the tag clearable. */
+  clearable: boolean;
+  /** Emitted when the clear button is activated. */
+  sixClear: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  handleClearClick(): void;
+  render(): any;
+}

package/dist/types/components/six-textarea/six-textarea.d.ts

@@ -0,0 +1,134 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EventListeners } from '../../utils/event-listeners';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot label - The textarea's label. Alternatively, you can use the label prop.
+ * @slot help-text - Help text that describes how to use the input.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
+ * @part base - The component's base wrapper.
+ * @part form-control - The form control that wraps the label, textarea, and help text.
+ * @part label - The textarea label.
+ * @part textarea - The textarea control.
+ * @part help-text - The textarea help text.
+ */
+export declare class SixTextarea {
+  inputId: string;
+  labelId: string;
+  helpTextId: string;
+  errorTextId: string;
+  resizeObserver: ResizeObserver;
+  textarea: HTMLTextAreaElement;
+  customErrorText: string;
+  customValidation: boolean;
+  readonly eventListeners: EventListeners;
+  host: HTMLSixTextareaElement;
+  hasFocus: boolean;
+  hasHelpTextSlot: boolean;
+  hasErrorTextSlot: boolean;
+  hasLabelSlot: boolean;
+  /** The textarea's size. */
+  size: 'small' | 'medium' | 'large';
+  /** The textarea's name attribute. */
+  name: string;
+  /** The textarea's value attribute. */
+  value: string;
+  /** The textarea's label. Alternatively, you can use the label slot. */
+  label: string;
+  /** The textarea's help text. Alternatively, you can use the help-text slot. */
+  helpText: string;
+  /** The textarea's error text. Alternatively, you can use the error-text slot. */
+  errorText: string;
+  /** The textarea's placeholder text. */
+  placeholder: string;
+  /** The number of rows to display by default. */
+  rows: number;
+  /** Controls how the textarea can be resized. */
+  resize: 'none' | 'vertical' | 'auto';
+  /** Set to true to disable the textarea. */
+  disabled: boolean;
+  /** Set to true for a readonly textarea. */
+  readonly: boolean;
+  /** The minimum length of input that will be considered valid. */
+  minlength: number;
+  /** The maximum length of input that will be considered valid. */
+  maxlength: number;
+  /** The textarea's required attribute. */
+  required: boolean;
+  /**
+   * This will be true when the control is in an invalid state. Validity is determined by props such as `required`,
+   * `minlength`, and `maxlength` using the browser's constraint validation API.
+   */
+  invalid: boolean;
+  /** The textarea's autocaptialize attribute. */
+  autocapitalize: string;
+  /** The textarea's autocorrect attribute. */
+  autocorrect: string;
+  /** The textarea's autocomplete attribute. */
+  autocomplete: string;
+  /** The textarea's autofocus attribute. */
+  autofocus: boolean;
+  /** The textarea's spellcheck attribute. */
+  spellcheck: boolean;
+  /** The textarea's inputmode attribute. */
+  inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+  /** Set to display the error text on blur and not when typing */
+  errorOnBlur: boolean;
+  /** Emitted when the control's value changes. Access the new value via event.target.value. */
+  sixChange: EventEmitter<EmptyPayload>;
+  /** Emitted when the control receives input. Access the new value via event.target.value. */
+  sixInput: EventEmitter<EmptyPayload>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** Emitted when the control loses focus. Access the new value via event.target.value. */
+  sixBlur: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted whenever the value changes. Access the new value via event.target.value.
+   * six-textarea-value-change will emit whenever the value changes.
+   * So be it on textarea or when dynamically set. six-textarea-input will only be emitted when the user enters data,
+   * but not when a value is dynamically set. six-textarea-change will only be emitted when the user either presses enter
+   * or leaves the textarea field after entering some data.
+   * */
+  sixValueChange: EventEmitter<EmptyPayload>;
+  handleLabelChange(): void;
+  handleRowsChange(): void;
+  handleValueChange(): void;
+  /** default value the textarea will be reverted to when reset is executed */
+  private defaultValue;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Sets focus on the textarea. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus fromt the textarea. */
+  removeFocus(): Promise<void>;
+  /** Selects all the text in the input. */
+  select(): Promise<void>;
+  /** Sets the start and end positions of the text selection (0-based). */
+  setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void>;
+  /** Replaces a range of text with a new string. */
+  setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
+  setCustomValidity(message: string): Promise<void>;
+  /** Resets the formcontrol */
+  reset(): Promise<void>;
+  handleChange(): void;
+  handleInput(): void;
+  handleInvalid(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleSlotChange(): void;
+  setTextareaHeight(): void;
+  displayError(): boolean;
+  render(): any;
+}

package/dist/types/components/six-tile/six-tile.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ */
+export declare class SixTile {
+  host: HTMLSixTileElement;
+  /** The tile's label. */
+  label: string;
+  /** The icon's name. */
+  iconName: any;
+  /** Flag, whether the tile is closeable. */
+  closeable: boolean;
+  /** Flag, whether the tile should cast a shadow. */
+  elevated: boolean;
+  /** Enables tile tooltip for tiles */
+  disableTooltip: boolean;
+  /** Set to true to disable the tile. */
+  disabled: boolean;
+  /** The tile's size. */
+  size: 'small' | 'medium' | 'large';
+  visible: boolean;
+  /** Emitted when the tile was closed. */
+  sixTileClose: EventEmitter<EmptyPayload>;
+  /** Emitted when the tile is selected. */
+  sixTileSelected: EventEmitter<EmptyPayload>;
+  /** Hides the tile */
+  hide(): Promise<void>;
+  /** Shows the tile */
+  show(): Promise<void>;
+  hasIconSlot: boolean;
+  hasLabelSlot: boolean;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  handleSlotChange(): void;
+  render(): any;
+  private handleCloseClickEvent;
+  private handleClickEvent;
+}

package/dist/types/components/six-timepicker/six-time-format.d.ts

@@ -0,0 +1,13 @@
+export declare enum SixTimeFormat {
+  HHmmss = "HH:mm:ss",
+  hhmmssaa = "hh:mm:ss:aa",
+  HHmmssms = "HH:mm:ss:ms",
+  hhmmssmsaa = "hh:mm:ss:ms:aa",
+  HHmm = "HH:mm",
+  hhmmaa = "hh:mm:aa",
+  HH = "HH",
+  hhaa = "hh:aa",
+  mm = "mm",
+  ss = "ss",
+  ms = "ms"
+}