@scania/tegel 0.0.1-beta

package/dist/tegel/tegel.esm.js

@@ -0,0 +1 @@
+import{p as e,b as t}from"./p-157e1618.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-12ca5cfa",[[1,"sdds-dropdown-filter",{placeholder:[1],label:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],size:[1],inline:[4],labelPosition:[1,"label-position"],state:[1],helper:[1],data:[1],dataOptions:[32],filteredContent:[32],searchTerm:[32],selectedOptionState:[32],dropdownRef:[32],selectedLabel:[32],selectedValue:[32],resetOption:[64]},[[0,"inputSearch","updateOptionsContent"],[0,"selectOption","selectOptionHandler"]]]]],["p-52031b5a",[[4,"sdds-table-body",{disableFilteringFunction:[4,"disable-filtering-function"],disableSortingFunction:[4,"disable-sorting-function"],bodyData:[8,"body-data"],enableDummyData:[4,"enable-dummy-data"],dummyData:[32],rowsPerPage:[32],enableMultiselect:[32],enablePaginationTableBody:[32],enableExpandableRows:[32],innerBodyData:[32],bodyDataManipulated:[32],bodyDataOriginal:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],disableAllSorting:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],showNoResultsMessage:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"bodyRowToTable","bodyCheckboxListener"],[16,"tableFilteringTerm","tableFilteringTermListener"]]]]],["p-c311725c",[[1,"sdds-accordion-item",{header:[1],expandIconPosition:[1,"expand-icon-position"],disabled:[4],expanded:[4],paddingReset:[4,"padding-reset"]}]]],["p-2f376504",[[1,"sdds-accordion",{divider:[4],modeVariant:[1,"mode-variant"]}]]],["p-7373284c",[[1,"sdds-badges",{value:[1],isVisible:[4,"is-visible"],isSmall:[4,"is-small"],size:[1],shape:[32],text:[32]}]]],["p-8582d6a7",[[1,"sdds-button",{text:[1],type:[1],variant:[1],size:[1],disabled:[4],fullbleed:[4],onlyIcon:[32]}]]],["p-77aeea3b",[[1,"sdds-datetime",{type:[513],value:[513],disabled:[4],size:[1],noMinWidth:[4,"no-min-width"],name:[1],state:[1],autofocus:[4],focusInput:[32]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-44ced895",[[1,"sdds-header-cell",{columnKey:[513,"column-key"],columnTitle:[513,"column-title"],customWidth:[513,"custom-width"],sortable:[4],textAlign:[513,"text-align"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],disableSortingBtn:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableMultiselect:[32],enableToolbarDesign:[32],tableId:[32],enableExpandableRows:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortingSwitcherEvent","sortingSwitcherEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"enableMultiselectEvent","enableMultiselectEventListener"]]]]],["p-bf896643",[[1,"sdds-inline-tabs",{defaultTab:[1,"default-tab"],autoHeight:[4,"auto-height"],modeVariant:[1,"mode-variant"],tabs:[32],buttonWidth:[32],tabHeight:[32],showLeftScroll:[32],showRightScroll:[32],showTab:[64]}]]],["p-677baf7f",[[1,"sdds-inline-tabs-fullbleed",{modeVariant:[1,"mode-variant"],tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-b01cface",[[1,"sdds-modal",{prevent:[4],size:[1],actions:[1],open:[4],openModal:[64]}]]],["p-d91caec6",[[1,"sdds-navigation-tabs",{tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-cf72dfd9",[[1,"sdds-popover-canvas",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-f2f7aa45",[[1,"sdds-popover-menu",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-7451779b",[[0,"sdds-slider",{label:[1],value:[1],min:[1],max:[1],ticks:[1],showTickNumbers:[4,"show-tick-numbers"],tooltip:[4],disabled:[4],readOnly:[4,"read-only"],controls:[4],input:[4],step:[1],name:[1],size:[1],snap:[4],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-040efb32",[[0,"sdds-spinner",{size:[1],variant:[1]}]]],["p-4aba73a3",[[1,"sdds-table",{verticalDividers:[516,"vertical-dividers"],compactDesign:[516,"compact-design"],noMinWidth:[516,"no-min-width"],whiteBackground:[516,"white-background"],enableMultiselect:[516,"enable-multiselect"],enableExpandableRows:[516,"enable-expandable-rows"],enableResponsive:[516,"enable-responsive"],tableId:[1,"table-id"]}]]],["p-f2262a69",[[1,"sdds-table-body-row-expandable",{colSpan:[2,"col-span"],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-96021bd0",[[1,"sdds-table-footer",{enablePagination:[516,"enable-pagination"],rowsPerPage:[514,"rows-per-page"],enableClientPagination:[516,"enable-client-pagination"],clientPaginationValue:[514,"client-pagination-value"],clientMaxPages:[514,"client-max-pages"],clientSetColumnsNumber:[2,"client-set-columns-number"],disablePaginationFunction:[4,"disable-pagination-function"],columnsNumber:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"runPaginationEvent","runPaginationEventListener"]]]]],["p-1fe61cf6",[[1,"sdds-table-header",{enableMultiselect:[32],enableExpandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"updateMainCheckboxEvent","updateMainCheckboxEventListener"],[16,"singleRowExpandedEvent","singleRowExpandedEventListener"]]]]],["p-71797eaf",[[1,"sdds-table-toolbar",{tableTitle:[513,"table-title"],enableFiltering:[516,"enable-filtering"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-4cb85347",[[0,"sdds-textarea",{label:[1],name:[1],helper:[1],cols:[2],rows:[2],labelPosition:[1,"label-position"],placeholder:[1],value:[1],disabled:[4],readOnly:[4,"read-only"],state:[1],maxLength:[2,"max-length"],modeVariant:[1,"mode-variant"],autoFocus:[4,"auto-focus"],focusInput:[32]}]]],["p-4880f03d",[[4,"sdds-textfield",{type:[513],labelPosition:[1,"label-position"],label:[1],placeholder:[1],value:[513],disabled:[4],readonly:[4],size:[1],modeVariant:[1,"mode-variant"],noMinWidth:[4,"no-min-width"],name:[1],state:[1],maxLength:[2,"max-length"],autofocus:[4],focusInput:[32]}]]],["p-4b58a02c",[[1,"sdds-tooltip",{text:[1],selector:[1],mouseOverTooltip:[4,"mouse-over-tooltip"],show:[1028],placement:[1],target:[32]}]]],["p-a5919930",[[1,"sdds-icon",{name:[513],size:[513],icons_object:[32],arrayOfIcons:[32]}]]],["p-e10eec33",[[1,"sdds-body-cell",{cellValue:[520,"cell-value"],cellKey:[520,"cell-key"],disablePadding:[516,"disable-padding"],textAlignState:[32],activeSorting:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"headCellHoverEvent","headCellHoverEventListener"],[16,"textAlignEvent","textAlignEventListener"]]],[1,"sdds-table-body-row",{enableMultiselect:[32],bodyCheckBoxStatus:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"updateBodyCheckboxesEvent","updateBodyCheckboxesEventListener"]]]]],["p-9d8caf51",[[1,"sdds-dropdown",{placeholder:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],type:[1],size:[1],inline:[4],labelPosition:[1,"label-position"],label:[1],state:[1],helper:[1],openDirection:[1,"open-direction"],optionValues:[32],optionLabels:[32],open:[32],node:[32],selectedLabel:[32],selectedValue:[32],selectedValuesArray:[32],selectedLabelsArray:[32],dropdownUniqueClass:[32],openUpwards:[32],dropdownMenuHeight:[32],dropdownMenuSelector:[32],listItemIndex:[32],listItemArray:[32],resetOption:[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"selectOption","selectOptionHandler"]]],[1,"sdds-dropdown-option",{selected:[4],disabled:[4],value:[513],innerValue:[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]]]]],e)));

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class AccordionItem {
+  /** The header gives users the context about the additional information available inside the panel */
+  header: string;
+  /** Changes where the expand icon is placed. */
+  expandIconPosition: 'start' | 'end';
+  /** Disabled option in `boolean`. */
+  disabled: boolean;
+  /** Set to true to expand panel open */
+  expanded: boolean;
+  /** When true 16px on right padding instead of 64px */
+  paddingReset: boolean;
+  /** Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion */
+  accordionItemToggle: EventEmitter<boolean>;
+  openAccordion(): void;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class Accordion {
+  /** Enable or disable divider lines between items */
+  divider: boolean;
+  /** Set the variant of the the accordion. */
+  modeVariant: 'primary' | 'secondary';
+  render(): any;
+}

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

@@ -0,0 +1,77 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    iconPosition: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: {
+        End: string;
+        Start: string;
+      };
+      description: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    paddingReset: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  parameters: {
+    notes: {
+      Accordion: any;
+      'Accordion item': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  args: {
+    disabled: boolean;
+    paddingReset: boolean;
+    iconPosition: string;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,66 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    visible: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    value: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        neq: string;
+      };
+      table: {
+        defaultValue: {
+          summary: any;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      options: {
+        Large: string;
+        Small: string;
+      };
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    visible: boolean;
+    size: string;
+    value: number;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithDemoComponent: any;

package/dist/types/components/badge/badges.d.ts

@@ -0,0 +1,16 @@
+export declare class SddsBadges {
+  /** Value shown in badge */
+  value: string;
+  /** Changes visibility of badge */
+  isVisible: boolean;
+  /** @deprecated Use size prop instead. Changes badge from large to small size */
+  isSmall: boolean;
+  /** Sets component size. */
+  size: 'lg' | 'sm';
+  shape: string;
+  text: string;
+  watchProps(): void;
+  componentWillLoad(): void;
+  checkProps(): void;
+  render(): any;
+}

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

@@ -0,0 +1,68 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    state: {
+      name: string;
+      description: string;
+      options: string[];
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    header: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    subheader: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    link: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    prefix: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    state: string;
+    header: string;
+    subheader: string;
+    link: string;
+    prefix: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

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

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

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

package/dist/types/components/button/button-component.d.ts

@@ -0,0 +1,15 @@
+export declare class SddsButton {
+  /** Text inside a button */
+  text: string;
+  /** Type of button */
+  type: 'primary' | 'secondary' | 'ghost' | 'danger';
+  variant: 'default' | 'variant';
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Control for disabled state of component */
+  disabled: boolean;
+  /** When enabled, makes button take 100% width */
+  fullbleed: boolean;
+  onlyIcon: boolean;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/button/button-native.stories.d.ts

@@ -0,0 +1,144 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    chromatic: {
+      disableSnapshot: boolean;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    text: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    btnType: {
+      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;
+        };
+      };
+    };
+    variant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    fullbleed: {
+      name: string;
+      defaultValue: boolean;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    disabled: {
+      name: string;
+      type: string;
+      description: string;
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    onlyIcon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+  };
+  args: {
+    text: string;
+    btnType: string;
+    size: string;
+    variant: string;
+    fullbleed: boolean;
+    disabled: boolean;
+    onlyIcon: boolean;
+    icon: string;
+    iconType: string;
+  };
+};
+export default _default;
+export declare const Native: any;
+export declare const NativeWithIcon: any;
+export declare const NativeOnlyIcon: any;

package/dist/types/components/button/button-webcomponent.stories.d.ts

@@ -0,0 +1,143 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    chromatic: {
+      disableSnapshot: boolean;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    text: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    btnType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      description: string;
+    };
+    variant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    fullbleed: {
+      name: string;
+      type: string;
+      description: string;
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+    disabled: {
+      name: string;
+      type: string;
+      description: string;
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    onlyIcon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+  };
+  args: {
+    text: string;
+    btnType: string;
+    size: string;
+    variant: string;
+    fullbleed: boolean;
+    disabled: boolean;
+    onlyIcon: boolean;
+    icon: string;
+    iconType: string;
+  };
+};
+export default _default;
+/** Button as web component */
+export declare const WebComponent: any;
+export declare const WebComponentWithIcon: any;
+export declare const WebComponentOnlyIcon: any;