@scania/tegel 0.0.71-beta → 1.0.0

package/dist/types/components/datetime/datetime.stories.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    state: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    type: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    defaultValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    minValue: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: any;
+        };
+      };
+    };
+    maxValue: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: any;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    helper: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    state: string;
+    type: string;
+    size: string;
+    defaultValue: string;
+    minValue: string;
+    maxValue: string;
+    noMinWidth: boolean;
+    label: string;
+    helper: string;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/divider/divider.stories.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: {
+      Divider: any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    orientation: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    height: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+  };
+  args: {
+    orientation: string;
+    width: number;
+    height: number;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts

@@ -1,24 +1,38 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class DropdownOption {
+import { TdsCheckboxCustomEvent } from '../../../components';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the option label text.
+ */
+export declare class TdsDropdownOption {
   host: HTMLElement;
-  innerValue: string;
-  /** Selected set to true if selected */
-  selected: boolean;
-  /** Sets option to disabled state if true */
-  disabled: boolean;
-  /** Value is a unique string that will be used for application logic */
+  /** Value for the Dropdown option. */
   value: string;
-  /** @internal Fires on click on one of the dropdown items */
-  internalSddsSelect: EventEmitter<{
-    value: string | number;
-    label: string | number;
-    parent: HTMLSddsDropdownElement;
+  /** Sets the option as disabled. */
+  disabled: boolean;
+  selected: boolean;
+  multiselect: boolean;
+  size: 'sm' | 'md' | 'lg';
+  private parentElement;
+  private label;
+  /** Method to select/deselect an option. */
+  setSelected(selected: boolean): Promise<void>;
+  /** Click event for the Dropdown option. */
+  tdsSelect: EventEmitter<{
+    selected: boolean;
+    value: string;
   }>;
-  isMultiSelectOption: boolean;
-  changeFocusHandler(): void;
-  removeFocusHandler(): void;
-  onKeyDown(event: KeyboardEvent): void;
-  componentWillLoad(): void;
-  handleClick(value: any): void;
+  /** Focus event for the Dropdown option. */
+  tdsFocus: EventEmitter<FocusEvent>;
+  /** Blur event for the Dropdown option. */
+  tdsBlur: EventEmitter<FocusEvent>;
+  componentWillRender: () => void;
+  handleSingleSelect: () => void;
+  handleMultiselect: (event: TdsCheckboxCustomEvent<{
+    checkboxId: string;
+    checked: boolean;
+    value?: string;
+  }>) => void;
+  handleFocus: (event: any) => void;
+  handleBlur: (event: any) => void;
   render(): any;
 }

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

@@ -1,60 +1,83 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Dropdown {
-  textInput?: HTMLInputElement;
-  /** Set the variant of the dropdown. */
-  modeVariant: 'primary' | 'secondary';
-  /** Placeholder text for dropdown with no selectedLabel item */
-  placeholder: string;
-  /** Add the value of the option as string to set it as default */
-  defaultOption: string;
-  /** Add the value of the option as string to set it as new selected value */
-  selectedOption: string;
-  /** Set to true for disabled states */
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For dropdown option elements.
+ */
+export declare class TdsDropdown {
+  host: HTMLElement;
+  /** Name for the Dropdowns input element. */
+  name: string;
+  /** Sets the Dropdown in a disabled state */
   disabled: boolean;
-  /** `Controls type of dropdown. */
-  type: 'default' | 'multiselect' | 'filter';
-  /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
-  size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-  /** Set to true to make the width following the label text length */
-  inline: boolean;
-  /** Controls position of label */
-  labelPosition: 'no-label' | 'inside' | 'outside';
-  /** Label text for label inside & outside */
-  label: string;
-  /** Support `error` state */
-  state: boolean;
-  /** Add helper text in the bottom of dropdown */
+  /** Helper text for the Dropdown. */
   helper: string;
-  /** Direction that the dropdown will open. Default is auto. */
-  openDirection: 'down' | 'up' | 'auto';
-  optionValues: Array<any>;
-  optionLabels: Array<any>;
+  /** Label text for the Dropdown. */
+  label: string;
+  /** Label text position */
+  labelPosition: 'inside' | 'outside';
+  /** Mode variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** The direction the Dropdown should open, auto if not specified. */
+  openDirection: 'up' | 'down' | 'auto';
+  /** Placeholder text for the Dropdown. */
+  placeholder: string;
+  /** The size of the Dropdown. */
+  size: 'sm' | 'md' | 'lg';
+  /** Sets the Dropdown in an error state */
+  error: boolean;
+  /** Enables multiselect in the Dropdown. */
+  multiselect: boolean;
+  /** Enables filtration in the Dropdown. */
+  filter: boolean;
+  /** Text that is displayed if filter is used and there are no options that matches the search. */
+  noResultText: string;
+  /** Default value selected in the Dropdown. */
+  defaultValue: string;
   open: boolean;
-  node: HTMLElement;
-  selectedLabel: string;
-  selectedValue: string;
-  selectedValuesArray: Array<any>;
-  selectedLabelsArray: Array<any>;
-  dropdownUniqueClass: string;
-  openUpwards: boolean;
-  dropdownMenuHeight: number;
-  dropdownMenuSelector: HTMLElement;
-  listItemIndex: any;
-  listItemArray: any;
-  listItemObject: any;
-  host: HTMLElement;
-  componentWillLoad(): void;
-  setOptionFromOutside(optionValue: any): void;
-  changeSelectedOption(): void;
-  handleDocClick(ev: any): void;
-  keyListener(ev: KeyboardEvent): void;
-  handleClick(): void;
-  tabbingLabelReset(): void;
-  selectOptionHandler(event: CustomEvent<any>): void;
-  /** @internal Search event that is emitted to the sdds-dropdown-filter */
-  internalSddsSearch: EventEmitter<any>;
-  handleSearch(ev: any): void;
-  deselectAll(): void;
-  resetOption(): Promise<void>;
+  selection: Array<{
+    value: string;
+    label: string;
+  }>;
+  filterResult: number;
+  filterFocus: boolean;
+  private dropdownList;
+  private inputElement;
+  private children;
+  /** Method that resets the Dropdown, marks all children as non-selected and resets the value to null. */
+  reset(): Promise<void>;
+  /** Method for setting the value of the Dropdown. */
+  setValue(newValue: string, newValueLabel: string): Promise<{
+    value: string;
+    label: string;
+  }[]>;
+  /** Method for removing a selected value in the Dropdown. */
+  removeValue(oldValue: string): Promise<{
+    value: string;
+    label: string;
+  }[]>;
+  /** Method for closing the Dropdown. */
+  close(): Promise<void>;
+  /** Change event for the Dropdown. */
+  tdsChange: EventEmitter<{
+    name: string;
+    value: string;
+  }>;
+  /** Focus event for the Dropdown. */
+  tdsFocus: EventEmitter<FocusEvent>;
+  /** Blur event for the Dropdown. */
+  tdsBlur: EventEmitter<FocusEvent>;
+  /** Input event for the Dropdown. */
+  tdsInput: EventEmitter<InputEvent>;
+  onAnyClick(event: MouseEvent): void;
+  onKeyDown(event: KeyboardEvent): Promise<void>;
+  handleOpenState(): void;
+  componentDidLoad(): void;
+  setDefaultOption: () => void;
+  private getChildren;
+  getOpenDirection: () => "up" | "down";
+  getValue: () => string;
+  handleFilter: (event: any) => void;
+  handleFocus: (event: any) => void;
+  handleBlur: (event: any) => void;
+  handleChange: () => void;
   render(): any;
 }

package/dist/types/components/dropdown/dropdown.stories.d.ts

@@ -0,0 +1,176 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: {
+      Dropdown: any;
+      'Dropdown option': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    error: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    filter: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    multiselect: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    labelText: {
+      name: string;
+      control: string;
+      description: string;
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    labelPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    helperText: {
+      name: string;
+      description: string;
+      control: string;
+    };
+    placeholder: {
+      name: string;
+      type: string;
+      description: string;
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    openDirection: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        summary: {
+          defaultValue: string;
+        };
+      };
+    };
+    defaultOption: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    multiDefaultOption: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    error: boolean;
+    filter: boolean;
+    multiselect: boolean;
+    size: string;
+    labelText: string;
+    labelPosition: string;
+    helperText: string;
+    placeholder: string;
+    disabled: boolean;
+    openDirection: string;
+    defaultOption: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/footer/footer-group/footer-group.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For footer items.
+ */
+export declare class TdsFooterGroup {
+  host: HTMLElement;
+  /** Title text for the link group, only valid on top part of Footer. */
+  titleText: string;
+  /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+  open: boolean;
+  /** If the group is placed in the main part of the Footer,
+   * it can have either start or end as a slot position otherwise undefined. */
+  private slotPosition;
+  /** Indicates if a group is part of the top part of the Footer. */
+  private topPartGroup;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For slotting a link, button, or similar.
+ */
+export declare class TdsFooterItem {
+  host: HTMLElement;
+  private parentIsTopPart;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+/**
+ * @slot top - Slot for the top part of the Footer.
+ * @slot start - Slot for start (left side) of the Footers main part.
+ * @slot end - Slot for end (right side) of the Footers main part.
+ */
+export declare class TdsFooter {
+  host: HTMLElement;
+  /** Mode variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  render(): any;
+}

package/dist/types/components/footer/footer.stories.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      Footer: any;
+      'Footer link group': any;
+      'Footer item': any;
+    };
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    topPart: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    topPart: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/header/core-header-item/core-header-item.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For content.
+ */
+export declare class TdsCoreHeaderItem {
+  render(): any;
+}

package/dist/types/components/header/header-brand-symbol/header-brand-symbol.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For a link.
+ */
+export declare class TdsHeaderBrandSymbol {
+  host: HTMLElement;
+  render(): any;
+}