@scania/tegel 0.0.1-beta.9 → 0.0.31

package/dist/tegel/tegel.esm.js

@@ -0,0 +1,2 @@
+import{p as e,b as a}from"./p-0b4eba86.js";export{s as setNonce}from"./p-0b4eba86.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a(JSON.parse('[["p-62ed6fdc",[[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-6e54f5a2",[[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-0953710b",[[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-cd08f5f0",[[1,"sdds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"]}]]],["p-525ec252",[[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-262dca00",[[1,"sdds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"type":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-84e5d141",[[1,"sdds-modal",{"prevent":[4],"size":[1],"actions":[1],"open":[4],"openModal":[64]}]]],["p-ebffa726",[[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-fbcdf3d9",[[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-d910763a",[[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-46013562",[[1,"sdds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"type":[1],"hidden":[4],"toastRole":[1,"toast-role"],"hasSubheader":[32],"hasLink":[32],"hideToast":[64],"showToast":[64]}]]],["p-2fad34c4",[[1,"sdds-accordion",{"divider":[4],"modeVariant":[1,"mode-variant"]}]]],["p-6bdce8c1",[[1,"sdds-badges",{"value":[1],"hidden":[4],"isSmall":[4,"is-small"],"size":[1],"shape":[32],"text":[32]}]]],["p-aff4d273",[[1,"sdds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-ba975249",[[1,"sdds-breadcrumb"]]],["p-b2dde7a5",[[1,"sdds-breadcrumb-item",{"current":[4],"href":[1],"disabled":[4]}]]],["p-92869ad1",[[1,"sdds-button",{"text":[1],"type":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-336efb27",[[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-72099402",[[6,"sdds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[516],"value":[1],"toggleCheckbox":[64]}]]],["p-1eb8dd92",[[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-e25424af",[[1,"sdds-inline-tab",{"label":[1],"disabled":[4],"default":[4]}]]],["p-33e7f7e5",[[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-93571e36",[[1,"sdds-inline-tabs-fullbleed",{"modeVariant":[1,"mode-variant"],"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["p-913cb5e9",[[1,"sdds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["p-a3741fdd",[[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-b9ec54c5",[[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-5c390692",[[6,"sdds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-68fca08c",[[0,"sdds-spinner",{"size":[1],"variant":[1]}]]],["p-c79b3861",[[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-458cda76",[[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-5e50ce81",[[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-9904d7ec",[[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-25af32a7",[[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-07c7c2e7",[[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-e662e68d",[[1,"sdds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"show":[1028],"placement":[1],"popperInstance":[32],"target":[32]}]]],["p-e5e10d8f",[[4,"sdds-link",{"href":[1],"target":[1],"disabled":[4],"underline":[4],"rel":[1]}]]],["p-77a4950d",[[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-fa3dbeec",[[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-fc96cf21",[[1,"sdds-icon",{"name":[513],"size":[513],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e)));
+//# sourceMappingURL=tegel.esm.js.map

package/dist/tegel/tegel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAiBnE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,kvWAAuCH"}

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 */
+  sddsToggle: 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;
+}