@scania/tegel 0.0.2 → 0.0.5

package/dist/types/components/stepper/sdds-stepper.d.ts

@@ -0,0 +1,17 @@
+import { HostElement } from '../../stencil-public-runtime';
+export declare class SddsStepper {
+  /** The direction the children are layed out. */
+  direction: 'horizontal' | 'vertical';
+  /** Text position, only available on direction:horizontal */
+  labelPosition: 'aside' | 'below';
+  /** Size of the component and it's children. */
+  size: 'sm' | 'lg';
+  /** Hides the label for the child components if true. */
+  hideLabels: boolean;
+  width: number;
+  host: HostElement;
+  children: Array<HTMLSddsStepperItemElement>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/stepper/stepper-item/sdds-stepper-item.d.ts

@@ -0,0 +1,17 @@
+export declare class SddsStepper {
+  /** Label text for the stepper-item. */
+  labelText: string;
+  /** State of the stepper-item */
+  state: 'current' | 'error' | 'success' | 'upcoming';
+  hideLabel: boolean;
+  size: string;
+  iconSize: string;
+  direction: string;
+  labelPosition: string;
+  el: HTMLElement;
+  stepperEl: HTMLSddsStepperElement;
+  componentWillLoad(): void;
+  /** Method to set the width if the stepper item based on its siblings widht, used by the parent element. */
+  setWidth(width: any): Promise<void>;
+  render(): any;
+}

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

@@ -1,56 +1,72 @@
-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;
+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[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    style: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    hideLabels: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    style: string;
+    iconType: string;
+    hideLabels: boolean;
+  };
+};
+export default _default;
+export declare const Native: any;

package/dist/types/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.d.ts

@@ -0,0 +1,10 @@
+export declare class SddsFolderTabsButton {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  tabWidth: number;
+  /** @internal Method to set the width of the tab. Used by the <sdds-folder-tabs> */
+  setTabWidth(width: number): Promise<void>;
+  render(): any;
+}

package/dist/types/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.d.ts

@@ -0,0 +1,16 @@
+export declare class SddsFolderTabsLink {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */
+  rel: string;
+  tabWidth: number;
+  /** @internal Method to set the width of the tab. Used by the <sdds-folder-tabs> */
+  setTabWidth(width: number): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class InlineTabs {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  buttonWidth: number;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  selectedTab: string;
+  selectedTabIndex: number;
+  host: HTMLElement;
+  navWrapperElement: HTMLElement;
+  componentWidth: number;
+  buttonsWidth: number;
+  scrollWidth: number;
+  children: Array<HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement>;
+  calculateButtonWidth(): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  addResizeObserver: () => void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  sddsChange: EventEmitter<{
+    selectedTab: string;
+    selectedTabIndex: number;
+  }>;
+  /** Sets the passed tabindex as the selected tab. */
+  selectTab(tabIndex: number): Promise<{
+    selectedTab: string;
+    selectedTabIndex: number;
+  }>;
+  handleSelectedTabChange(): void;
+  handleSelectedTabIndexChange(): void;
+  render(): any;
+}

package/dist/types/components/tabs/{inline-tabs-default/inline-tabs.stories.d.ts → folder-tabs/folder-tabs.stories.d.ts}

@@ -1,49 +1,52 @@
-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;
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Folder tabs': any;
+      'Folder tabs button': any;
+      'Folder tabs link': any;
+    };
+    backgrounds: {
+      default: string;
+    };
+    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[];
+    };
+    backgrounds: {
+      table: {
+        disable: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    tabType: string;
+  };
+};
+export default _default;
+export declare const FolderTabs: any;

package/dist/types/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.d.ts

@@ -0,0 +1,7 @@
+export declare class SddsInlineTabsButton {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  render(): any;
+}

package/dist/types/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.d.ts

@@ -0,0 +1,13 @@
+export declare class SddsInlineTabsLink {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */
+  rel: string;
+  render(): any;
+}

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

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { HostElement } from '../../../stencil-public-runtime';
+export declare class InlineTabsFullbleed {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  host: HostElement;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  selectedTab: {
+    tab: string;
+    tabIndex: number;
+  };
+  buttonWidth: 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;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  addResizeObserver: () => void;
+  render(): any;
+}

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

@@ -0,0 +1,44 @@
+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;

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

@@ -0,0 +1,7 @@
+export declare class SddsNavigationTabsButton {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class SddsNavigationTabsLink {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */
+  rel: string;
+  render(): any;
+}

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

@@ -1,20 +1,35 @@
-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;
-}
+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;
+}

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

@@ -1,13 +1,44 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-};
-export default _default;
-export declare const NavigationTabs: any;
+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;