@scania/tegel 0.0.1-beta.7 → 0.0.2

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

@@ -0,0 +1,169 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    initialValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    min: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    max: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    showTooltip: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    showTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    numTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    snapToTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    showTickNumbers: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    showControls: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    step: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    showInput: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    small: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  args: {
+    initialValue: string;
+    showLabel: boolean;
+    labelText: string;
+    showTooltip: boolean;
+    showTicks: boolean;
+    numTicks: string;
+    showTickNumbers: boolean;
+    showControls: boolean;
+    showInput: boolean;
+    min: string;
+    max: string;
+    step: string;
+    disabled: boolean;
+    small: boolean;
+    snapToTicks: boolean;
+    readonly: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -1,7 +1,7 @@
-export declare class Spinner {
-  /** Size of spinner. Accepted strings are: xs, sm, md and lg. */
-  size: 'xs' | 'sm' | 'md' | 'lg';
-  /** Variant of spinner. Accepted strings are: standard and inverted */
-  variant: 'standard' | 'inverted';
-  render(): any;
-}
+export declare class Spinner {
+  /** Size of spinner */
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Variant of spinner */
+  variant: 'standard' | 'inverted';
+  render(): any;
+}

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

@@ -0,0 +1,37 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    variant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+  };
+  args: {
+    variant: string;
+    size: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Inverted: any;

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

@@ -0,0 +1,56 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    style: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    size: string;
+    style: string;
+    showLabel: boolean;
+    iconType: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Small: any;
+export declare const TextOnSide: any;
+export declare const Vertical: any;
+export declare const HideLabel: any;

package/dist/types/components/tabs/inline-tabs-default/inline-tab/inline-tab.d.ts

@@ -0,0 +1,6 @@
+export declare class InlineTabsChild {
+  label: string;
+  disabled: boolean;
+  default: boolean;
+  render(): any;
+}

package/dist/types/components/tabs/inline-tabs-default/inline-tabs.d.ts

@@ -1,41 +1,40 @@
-export declare class InlineTabs {
-  host: HTMLElement;
-  /** either use this (default-tab="...") or read attribute "default" from one of the slotted children. */
-  defaultTab: string;
-  /** different height settings. right now only supports "auto", otherwise ignored */
-  autoHeight: boolean;
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  /** array with metadata for slotted children */
-  tabs: Array<any>;
-  /** current calculated width of each nav button (calculated from the largest one) */
-  buttonWidth: number;
-  /** current calculated tab height (calculated from the one with the most height) */
-  tabHeight: number;
-  showLeftScroll: boolean;
-  showRightScroll: boolean;
-  /** used for switching to a tab programmatically */
-  showTab(key: string): Promise<void>;
-  startingTab: string;
-  navWrapperElement: HTMLElement;
-  tabWrapperElement: HTMLElement;
-  componentWidth: number;
-  buttonsWidth: number;
-  scrollWidth: number;
-  useAutoHeight: boolean;
-  _generateKeyFromName(name: string): string;
-  componentWillLoad(): void;
-  _initComponent(createInitialState?: boolean): void;
-  _calculateButtonWidth(): void;
-  _calculateTabHeight(): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  _setInitialState(): void;
-  _showTab(tab: any): void;
-  _hideTab(tab: any): void;
-  switchToTab(key: string): void;
-  _scrollRight(): void;
-  _scrollLeft(): void;
-  _evaluateScrollButtons(): void;
-  render(): any;
-}
+export declare class InlineTabs {
+  host: HTMLElement;
+  /** either use this (default-tab="...") or read attribute "default" from one of the slotted children. */
+  defaultTab: string;
+  /** different height settings. right now only supports "auto", otherwise ignored */
+  autoHeight: boolean;
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  /** array with metadata for slotted children */
+  tabs: Array<any>;
+  /** current calculated width of each nav button (calculated from the largest one) */
+  buttonWidth: number;
+  /** current calculated tab height (calculated from the one with the most height) */
+  tabHeight: number;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  /** used for switching to a tab programmatically */
+  showTab(key: string): Promise<void>;
+  startingTab: string;
+  navWrapperElement: HTMLElement;
+  tabWrapperElement: HTMLElement;
+  componentWidth: number;
+  buttonsWidth: number;
+  scrollWidth: number;
+  useAutoHeight: boolean;
+  componentWillLoad(): void;
+  initComponent(createInitialState?: boolean): void;
+  calculateButtonWidth(): void;
+  calculateTabHeight(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  setInitialState(): void;
+  unhideTab(tabIndex: any): void;
+  hideTab(tabIndex: any): void;
+  switchToTab(key: string): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  render(): any;
+}

package/dist/types/components/tabs/inline-tabs-default/inline-tabs.stories.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Inline Tabs': any;
+      'Inline Tab': any;
+    };
+    backgrounds: {
+      default: string;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    autoHeight: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    modeVariant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    backgrounds: {
+      table: {
+        disable: boolean;
+      };
+    };
+  };
+  args: {
+    autoHeight: boolean;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const InlineTabs: any;

package/dist/types/components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.d.ts

@@ -1,20 +1,20 @@
-export declare class InlineTabsFullbleed {
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  host: HTMLElement;
-  tabs: Array<any>;
-  showLeftScroll: boolean;
-  showRightScroll: boolean;
-  navWrapperElement: HTMLElement;
-  componentWidth: number;
-  buttonsWidth: number;
-  scrollWidth: number;
-  buttonWidth: number;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  _calculateButtonWidth(): void;
-  _scrollRight(): void;
-  _scrollLeft(): void;
-  _evaluateScrollButtons(): void;
-  render(): any;
-}
+export declare class InlineTabsFullbleed {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  host: HTMLElement;
+  tabs: Array<any>;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  navWrapperElement: HTMLElement;
+  componentWidth: number;
+  buttonsWidth: number;
+  scrollWidth: number;
+  buttonWidth: number;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  calculateButtonWidth(): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  render(): any;
+}

package/dist/types/components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.stories.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const InlineTabsFullbleed: any;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts

@@ -1,18 +1,20 @@
-export declare class NavigationTabs {
-  host: HTMLElement;
-  tabs: Array<any>;
-  showLeftScroll: boolean;
-  showRightScroll: boolean;
-  navWrapperElement: HTMLElement;
-  componentWidth: number;
-  buttonsWidth: number;
-  scrollWidth: number;
-  buttonWidth: number;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  _calculateButtonWidth(): void;
-  _scrollRight(): void;
-  _scrollLeft(): void;
-  _evaluateScrollButtons(): void;
-  render(): any;
-}
+export declare class NavigationTabs {
+  host: HTMLElement;
+  tabs: Array<any>;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  navWrapperElement: HTMLElement;
+  componentWidth: number;
+  buttonsWidth: number;
+  scrollWidth: number;
+  buttonWidth: number;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  calculateButtonWidth(): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  render(): any;
+}

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+};
+export default _default;
+export declare const NavigationTabs: any;

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

@@ -1,41 +1,48 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Textarea {
-  /** Textinput for focus state */
-  textEl?: HTMLTextAreaElement;
-  /** Label text */
-  label: string;
-  /** Name attribute */
-  name: string;
-  /** Helper text */
-  helper: string;
-  /** Textarea cols attribute */
-  cols: number;
-  /** Textarea rows attribute */
-  rows: number;
-  /** Position of the label for the textfield. */
-  labelPosition: 'inside' | 'outside' | 'no-label';
-  /** Placeholder text */
-  placeholder: string;
-  /** Value of the input text */
-  value: string;
-  /** Set input in disabled state */
-  disabled: boolean;
-  /** Set input in readonly state */
-  readOnly: boolean;
-  /** Error state of input */
-  state: 'error' | 'success' | 'default';
-  /** Max length of input */
-  maxLength: number;
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  /** Control of autofocus */
-  autoFocus: boolean;
-  /** Listen to the focus state of the input */
-  focusInput: any;
-  /** Change event for the textarea */
-  customChange: EventEmitter;
-  handleInput(e: any): void;
-  handleFocusClick(): void;
-  handleChange(e: any): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Textarea {
+  /** Textinput for focus state */
+  textEl?: HTMLTextAreaElement;
+  /** Label text */
+  label: string;
+  /** Name attribute */
+  name: string;
+  /** Helper text */
+  helper: string;
+  /** Textarea cols attribute */
+  cols: number;
+  /** Textarea rows attribute */
+  rows: number;
+  /** Position of the label for the textfield. */
+  labelPosition: 'inside' | 'outside' | 'no-label';
+  /** Placeholder text */
+  placeholder: string;
+  /** Value of the input text */
+  value: string;
+  /** Set input in disabled state */
+  disabled: boolean;
+  /** Set input in readonly state */
+  readOnly: boolean;
+  /** Error state of input */
+  state: 'error' | 'success' | 'default';
+  /** Max length of input */
+  maxLength: number;
+  /** Mode variant of the textarea */
+  modeVariant: 'primary' | 'secondary';
+  /** Control of autofocus */
+  autoFocus: boolean;
+  /** Listen to the focus state of the input */
+  focusInput: any;
+  /** Change event for the textarea */
+  sddsChange: EventEmitter;
+  handleChange(event: any): void;
+  /** Blur event for the textarea */
+  sddsBlur: EventEmitter<FocusEvent>;
+  handleBlur(event: any): void;
+  /** Input event for the textarea */
+  sddsInput: EventEmitter<InputEvent>;
+  handleInput(event: any): void;
+  /** Focus event for the textarea */
+  sddsFocus: EventEmitter<FocusEvent>;
+  handleFocus(event: any): void;
+  render(): any;
+}