@scania/tegel 0.0.51 → 0.0.61

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

@@ -1,44 +1,61 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      'Inline tabs': any;
-      'Inline tabs button': any;
-      'Inline tabs link': any;
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    modeVariant: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    tabType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-  args: {
-    modeVariant: string;
-    tabType: string;
-  };
-};
-export default _default;
-export declare const InlineTabs: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Inline tabs': any;
+      'Inline tab': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    defaultSelectedIndex: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: (string | number)[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    selectedIndex: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: (string | number)[];
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    defaultSelectedIndex: string;
+    selectedIndex: string;
+  };
+};
+export default _default;
+export declare const InlineTabs: any;

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

@@ -0,0 +1,8 @@
+export declare class SddsNavigationTab {
+  /** Disables the tab. */
+  disabled: boolean;
+  selected: boolean;
+  /** @internal Method to set the tab as selected. Used by the <sdds-folder-tabs> */
+  setSelected(selected: boolean): Promise<void>;
+  render(): any;
+}

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

@@ -1,35 +1,35 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class NavigationTabs {
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  host: HTMLElement;
-  showLeftScroll: boolean;
-  showRightScroll: boolean;
-  selectedTab: {
-    tab: string;
-    tabIndex: number;
-  };
-  private navWrapperElement;
-  private componentWidth;
-  private buttonsWidth;
-  private scrollWidth;
-  private children;
-  /** Selects a tab based on tabindex, will not select a disabled tab. */
-  selectTab(tabIndex: number): Promise<{
-    selectedTab: string;
-    selectedTabIndex: number;
-  }>;
-  sddsChange: EventEmitter<{
-    selectedTab: {
-      tab: string;
-      tabIndex: number;
-    };
-  }>;
-  handleSelectedTabChange(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  scrollRight(): void;
-  scrollLeft(): void;
-  evaluateScrollButtons(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class NavigationTabs {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  /** Sets the default selected tab. */
+  defaultSelectedIndex: number;
+  /** Sets the selected tab.
+   * If this is set all tab changes needs to be handled by the user. */
+  selectedIndex: number;
+  host: HTMLElement;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  private navWrapperElement;
+  private componentWidth;
+  private buttonsWidth;
+  private scrollWidth;
+  private children;
+  /** Sets the passed tabindex as the selected tab. */
+  selectTab(tabIndex: number): Promise<{
+    selectedTabIndex: number;
+  }>;
+  /** Event emitted when the selected tab is changed. */
+  sddsChange: EventEmitter<{
+    selectedTabIndex: number;
+  }>;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  addResizeObserver: () => void;
+  addEventListenerToTabs: () => void;
+  connectedCallback(): void;
+  componentDidLoad: () => void;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -1,44 +1,61 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      'Navigation tabs': any;
-      'Navigation tabs button': any;
-      'Navigation tabs link': any;
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    modeVariant: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    tabType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-  args: {
-    modeVariant: string;
-    tabType: string;
-  };
-};
-export default _default;
-export declare const NavigationTabs: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Navigation tabs': any;
+      'Navigation tab': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    defaultSelectedIndex: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: (string | number)[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    selectedIndex: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: (string | number)[];
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    defaultSelectedIndex: string;
+    selectedIndex: string;
+  };
+};
+export default _default;
+export declare const NavigationTabs: any;

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

@@ -1,50 +1,50 @@
-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;
-  /** Unset minimum width of 208px. */
-  noMinWidth: 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;
-}
+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;
+  /** Unset minimum width of 208px. */
+  noMinWidth: 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;
+}

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

@@ -1,139 +1,139 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: 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;
-        };
-      };
-    };
-    state: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    label: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    labelPosition: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    placeholder: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    helper: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    rows: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    maxLength: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    noMinWidth: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    readonly: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-  };
-  args: {
-    modeVariant: string;
-    state: string;
-    label: string;
-    labelPosition: string;
-    placeholder: string;
-    helper: string;
-    rows: number;
-    maxLength: number;
-    noMinWidth: boolean;
-    readonly: boolean;
-    disabled: boolean;
-  };
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: 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;
+        };
+      };
+    };
+    state: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    placeholder: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    helper: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    rows: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    maxLength: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    readonly: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    state: string;
+    label: string;
+    labelPosition: string;
+    placeholder: string;
+    helper: string;
+    rows: number;
+    maxLength: number;
+    noMinWidth: boolean;
+    readonly: boolean;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;