@scania/tegel 0.0.1-beta.9 → 0.0.2

package/dist/tegel/tegel.esm.js

@@ -0,0 +1 @@
+import{p as e,b as a}from"./p-13b783f1.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-f52a0b63",[[1,"sdds-banner",{"icon":[1],"header":[1],"subheader":[1],"linkText":[1,"link-text"],"href":[1],"linkTarget":[1,"link-target"],"linkRel":[1,"link-rel"],"type":[1],"bannerId":[1,"banner-id"],"persistent":[4],"hidden":[4],"hideBanner":[64],"showBanner":[64]}]]],["p-765e2719",[[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-8e9dcc20",[[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-2248b59e",[[1,"sdds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"]}]]],["p-bf1216f9",[[1,"sdds-datetime",{"type":[513],"value":[513],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"helper":[1],"focusInput":[32]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-fd1b5923",[[1,"sdds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"type":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-bf597564",[[1,"sdds-modal",{"prevent":[4],"size":[1],"actions":[1],"open":[4],"openModal":[64]}]]],["p-05d3cfc8",[[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],"sliderId":[1,"slider-id"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-87650f36",[[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-d2217bf0",[[4,"sdds-textfield",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"focusInput":[32]}]]],["p-ef887910",[[1,"sdds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"type":[1],"hidden":[4],"role":[1],"hasSubheader":[32],"hasLink":[32],"hideToast":[64],"showToast":[64]}]]],["p-5a215722",[[1,"sdds-accordion",{"divider":[4],"modeVariant":[1,"mode-variant"]}]]],["p-f5bf214b",[[1,"sdds-badges",{"value":[1],"hidden":[4],"isSmall":[4,"is-small"],"size":[1],"shape":[32],"text":[32]}]]],["p-76f60546",[[1,"sdds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-29deedc6",[[1,"sdds-breadcrumb"]]],["p-f4b70868",[[1,"sdds-breadcrumb-item",{"current":[4],"href":[1],"disabled":[4]}]]],["p-e34cce75",[[1,"sdds-button",{"text":[1],"type":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-e335137d",[[1,"sdds-card",{"modeVariant":[1,"mode-variant"],"headerPlacement":[1,"header-placement"],"header":[1],"subheader":[1],"headerImg":[1,"header-img"],"headerImgAlt":[1,"header-img-alt"],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"cardId":[1,"card-id"],"hasCardBottomSlot":[32],"hasCardBodySlot":[32]}]]],["p-9a95e92c",[[6,"sdds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[516],"value":[1],"toggleCheckbox":[64]}]]],["p-13a25c7f",[[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],"enableMultiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"enableExpandableRows":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortingSwitcherEvent","sortingSwitcherEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"enableMultiselectEvent","enableMultiselectEventListener"]]]]],["p-e55d09f2",[[1,"sdds-inline-tab",{"label":[1],"disabled":[4],"default":[4]}]]],["p-ebbffa8a",[[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-5f7b1539",[[1,"sdds-inline-tabs-fullbleed",{"modeVariant":[1,"mode-variant"],"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["p-3344582d",[[1,"sdds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["p-8e6f885c",[[1,"sdds-popover-canvas",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"renderedShowValue":[32],"popperInstance":[32],"target":[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-81d2d57b",[[1,"sdds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"renderedShowValue":[32],"popperInstance":[32],"target":[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-9a057c9a",[[6,"sdds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-4b14324d",[[0,"sdds-spinner",{"size":[1],"variant":[1]}]]],["p-1dda8de9",[[1,"sdds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"enableMultiselect":[516,"enable-multiselect"],"enableExpandableRows":[516,"enable-expandable-rows"],"enableResponsive":[516,"enable-responsive"],"modeVariant":[513,"mode-variant"],"tableId":[1,"table-id"]}]]],["p-997fc919",[[1,"sdds-table-body-row-expandable",{"colSpan":[2,"col-span"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-2375f0eb",[[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-2f52021b",[[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-232e5c9a",[[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-816ff5f7",[[6,"sdds-toggle",{"checked":[516],"required":[4],"ariaLabelledby":[1,"aria-labelledby"],"ariaDescribedby":[1,"aria-describedby"],"size":[1],"name":[1],"label":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"toggle":[64]}]]],["p-a75ff060",[[1,"sdds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"show":[1028],"placement":[1],"popperInstance":[32],"target":[32]}]]],["p-6f382b38",[[4,"sdds-link",{"href":[1],"target":[1],"disabled":[4],"underline":[4],"rel":[1]}]]],["p-7a5244b6",[[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],"modeVariant":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"updateBodyCheckboxesEvent","updateBodyCheckboxesEventListener"]]]]],["p-561fbe77",[[1,"sdds-dropdown",{"modeVariant":[1,"mode-variant"],"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"]]]]],["p-ed076d47",[[1,"sdds-icon",{"name":[513],"size":[513],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),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: {
+    hidden: {
+      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: {
+    hidden: 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 */
+  hidden: 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;
+      };
+    };
+    hideIcon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    state: string;
+    header: string;
+    subheader: string;
+    link: string;
+    hideIcon: boolean;
+  };
+};
+export default _default;
+export declare const Native: any;

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

@@ -0,0 +1,48 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HostElement } from '../../stencil-public-runtime';
+export declare class SddsBanner {
+  /** Name of the icon for the component. For error and information type the icon is predefined. */
+  icon: string;
+  /** Header text. */
+  header: string;
+  /** Subheader text. */
+  subheader: string;
+  /** Link text. */
+  linkText: string;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  linkTarget: '_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'. */
+  linkRel: string;
+  /** Type of banner */
+  type: 'error' | 'information' | 'none';
+  /** ID used for internal table functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for banner close events you need to set this ID yourself to identify the banner, as the default ID is random and will be different every time.
+   */
+  bannerId: string;
+  /** Removes the close button on the banner. */
+  persistent: boolean;
+  /** Hides the banner */
+  hidden: boolean;
+  host: HostElement;
+  /** Sends unique banner identifier when the close button is pressed. */
+  sddsClose: EventEmitter<{
+    bannerId: string;
+    hidden: boolean;
+  }>;
+  /** Hides the banner. */
+  hideBanner(): Promise<{
+    bannerId: string;
+    hidden: boolean;
+  }>;
+  /** Shows the banner */
+  showBanner(): Promise<{
+    bannerId: string;
+    hidden: boolean;
+  }>;
+  connectedCallback(): void;
+  handleClose: () => void;
+  render(): any;
+}

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

@@ -0,0 +1,109 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    type: {
+      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;
+      };
+    };
+    linkText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    href: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    linkTarget: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    persistent: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    type: string;
+    header: string;
+    subheader: string;
+    linkText: string;
+    href: string;
+    linkTarget: string;
+    icon: string;
+    persistent: boolean;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

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

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

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

@@ -0,0 +1,9 @@
+import { HostElement } from '../../stencil-public-runtime';
+export declare class SddsBlock {
+  /** Mode variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  host: HostElement;
+  children: Array<HTMLSddsBlockElement>;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,32 @@
+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;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

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

@@ -0,0 +1,9 @@
+export declare class SddsBreadcrumbItem {
+  /** Boolean for the current link */
+  current: boolean;
+  /** Href for the link */
+  href: string;
+  /** Toggle the disabled state for the breadcrumb */
+  disabled: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,5 @@
+export declare class SddsBreadcrumb {
+  el: HTMLElement;
+  connectedCallback(): void;
+  render(): 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 Native: any;

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

@@ -0,0 +1,18 @@
+import { HostElement } from '../../stencil-public-runtime';
+export declare class SddsButton {
+  /** Text inside a button */
+  text: string;
+  /** Type of button */
+  type: 'primary' | 'secondary' | 'ghost' | 'danger';
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Control for disabled state of component */
+  disabled: boolean;
+  /** When enabled, makes button take 100% width */
+  fullbleed: boolean;
+  /** Set the mode variant of the the button. */
+  modeVariant: 'primary' | 'secondary';
+  onlyIcon: boolean;
+  host: HostElement;
+  componentWillLoad(): void;
+  render(): any;
+}