@rededor/cura 0.5.1 → 0.5.2

package/dist/esm-es5/cura.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","plt","$cssShim$","win","__cssshim","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","size","disabled","isLoading","iconName","iconset","iconPosition","iconOnly","target","color","fontColor","textAlign","styles","label","iconSize","openIcon","closeIcon","iconColor","iconActiveColor","colorMode","opened","selected","activeColor","behavior","level","inverted","spotColor","weight","contentwidth","name"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.3.0 | 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":"mMAmBA,IAAMA,aAAe,WAMK,CAGlBC,IAAIC,UAAYC,IAAIC,S,CAyBxB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAiBjD,OAAOC,eAAeJ,EAC1B,ECtFAP,eAAeY,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAc,wCAAuC,CAAAC,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAX,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,qCAAAX,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAC,MAAA,MAAAC,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAC,UAAA,iBAAAC,OAAA,OAAAR,OAAA,6BAAAS,SAAA,4BAAAZ,MAAA,MAAAa,YAAA,qBAAAH,UAAA,mBAAAL,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAK,SAAA,MAAAX,OAAA,0BAAAY,MAAA,MAAAvB,KAAA,MAAAwB,SAAA,MAAAC,UAAA,wCAAAF,MAAA,MAAAvB,KAAA,MAAA0B,OAAA,MAAAF,SAAA,MAAAC,UAAA,8CAAAE,aAAA,6BAAA3B,KAAA,MAAAwB,SAAA,MAAAC,UAAA,mBAAAjB,MAAA,IAAAG,OAAA,gCAAAX,KAAA,MAAAQ,MAAA,wBAAAoB,KAAA,MAAApB,MAAA,IAAAR,KAAA,IAAAI,QAAA,MAAAH,SAAA,SAAAJ,EAC9D"}
+{"version":3,"names":["patchBrowser","plt","$cssShim$","win","__cssshim","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","size","disabled","isLoading","iconName","iconset","iconPosition","iconOnly","target","color","fontColor","textAlign","styles","label","iconSize","openIcon","closeIcon","iconColor","iconActiveColor","colorMode","opened","activeColor","behavior","level","weight","spotColor","marginBlock","lineHeight","contentwidth","name","selected"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.3.0 | 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":"mMAmBA,IAAMA,aAAe,WAMK,CAGlBC,IAAIC,UAAYC,IAAIC,S,CAyBxB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAiBjD,OAAOC,eAAeJ,EAC1B,ECtFAP,eAAeY,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAc,uCAAuC,CAAAC,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAC,MAAA,MAAAC,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAC,UAAA,iBAAAC,OAAA,OAAAR,OAAA,4BAAAH,MAAA,MAAAY,YAAA,qBAAAF,UAAA,mBAAAL,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAI,SAAA,MAAAV,OAAA,0BAAAW,MAAA,MAAAtB,KAAA,MAAAuB,OAAA,MAAAC,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,gCAAAgB,aAAA,6BAAA3B,KAAA,MAAAwB,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,gCAAAX,KAAA,MAAAQ,MAAA,wBAAAoB,KAAA,MAAApB,MAAA,IAAAR,KAAA,IAAAI,QAAA,MAAAH,SAAA,0DAAAD,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,mEAAAX,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAZ,KAAA,MAAAa,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,mDAAAkB,SAAA,6CAAAP,MAAA,MAAAE,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,yCAAAX,KAAA,MAAAuB,OAAA,MAAAC,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,UAAAd,EAC9D"}

package/dist/esm-es5/index.js

@@ -1,2 +1,2 @@
-
+function CuraInit(i,n){if(n===void 0){n=window}n.CuraInit=i}export{CuraInit};
 //# sourceMappingURL=index.js.map

package/dist/esm-es5/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"mappings":""}
+{"version":3,"names":["CuraInit","options","w","window"],"sources":["src/index.ts"],"sourcesContent":["export { Components, JSX } from './components';\nimport CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n\ndeclare global {\n  export interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport function CuraInit(options: CuraConfig, w = window) {\n  w.CuraInit = options;\n}\n"],"mappings":"SAWgBA,SAASC,EAAqBC,GAAA,GAAAA,SAAA,GAAAA,EAAAC,MAAU,CACtDD,EAAEF,SAAWC,CACf,Q"}

package/dist/esm-es5/loader.js

@@ -1,2 +1,2 @@
-import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-d99da69e.js";export{s as setNonce}from"./index-d99da69e.js";import{g as globalScripts}from"./app-globals-cc003eaf.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-d13f0738.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(o,i){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){globalScripts();return bootstrapLazy([["cura-accordion_12",[[1,"cura-button",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-outline",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-transparent",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],colorMode:[1,"color-mode"],opened:[1540],styles:[32]}],[1,"cura-icons-view",{selected:[32]}],[1,"cura-accordion",{color:[513],activeColor:[513,"active-color"],colorMode:[513,"color-mode"],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],behavior:[513],styles:[32]}],[1,"cura-display",{level:[514],size:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-heading",{level:[514],size:[513],weight:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-page-template",{contentwidth:[513]}],[1,"cura-paragraph",{size:[513],inverted:[516],spotColor:[513,"spot-color"],color:[8],styles:[32]}],[1,"cura-loader-circle",{size:[513],color:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],i)}))};export{defineCustomElements};
+import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-d99da69e.js";export{s as setNonce}from"./index-d99da69e.js";import{g as globalScripts}from"./app-globals-29001758.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-d13f0738.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(o,i){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){globalScripts();return bootstrapLazy([["cura-accordion_8",[[1,"cura-button",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],colorMode:[1,"color-mode"],opened:[1540],styles:[32]}],[1,"cura-accordion",{color:[513],activeColor:[513,"active-color"],colorMode:[513,"color-mode"],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],behavior:[513],styles:[32]}],[1,"cura-heading",{level:[514],size:[513],weight:[513],spotColor:[513,"spot-color"],color:[1],marginBlock:[513,"margin-block"],lineHeight:[513,"line-height"],styles:[32]}],[1,"cura-page-template",{contentwidth:[513]}],[1,"cura-paragraph",{size:[513],spotColor:[513,"spot-color"],color:[1],marginBlock:[513,"margin-block"],lineHeight:[513,"line-height"],styles:[32]}],[1,"cura-loader-circle",{size:[513],color:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]],["cura-button-outline",[[1,"cura-button-outline",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}]]],["cura-button-transparent",[[1,"cura-button-transparent",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}]]],["cura-icons-view",[[1,"cura-icons-view",{selected:[32]}]]],["cura-display",[[1,"cura-display",{level:[514],spotColor:[513,"spot-color"],color:[1],marginBlock:[513,"margin-block"],lineHeight:[513,"line-height"],styles:[32]}]]],["cura-label",[[1,"cura-label",{size:[513],weight:[513],spotColor:[513,"spot-color"],color:[1],marginBlock:[513,"margin-block"],lineHeight:[513,"line-height"],styles:[32]}]]]],i)}))};export{defineCustomElements};
 //# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","globalScripts","bootstrapLazy","size","disabled","isLoading","iconName","iconset","iconPosition","iconOnly","href","target","color","fontColor","textAlign","styles","label","iconSize","openIcon","closeIcon","iconColor","iconActiveColor","colorMode","opened","selected","activeColor","behavior","level","inverted","spotColor","weight","contentwidth","name"],"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"mappings":"4MAKA,IAAMA,SAAW,WAIb,KAA0BC,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,QAAS,aAAc,CAEjF,OAAOC,OAAoD,0BAAiBC,MAAK,WAC7E,GAAKC,IAAIC,UAAYC,IAAIC,UAAY,CAEjC,OAAOH,IAAIC,UAAUG,G,KAEpB,CAED,OAAO,C,CAEvB,G,CAEI,OAAOC,gBACX,ECnBY,IAACC,qBAAuB,SAACJ,EAAKK,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOf,WAAWI,MAAK,WACvBY,gBACA,OAAOC,cAAc,wCAAuC,CAAAC,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAZ,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,qCAAAZ,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAC,MAAA,MAAAC,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAC,UAAA,iBAAAC,OAAA,OAAAR,OAAA,6BAAAS,SAAA,4BAAAZ,MAAA,MAAAa,YAAA,qBAAAH,UAAA,mBAAAL,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAK,SAAA,MAAAX,OAAA,0BAAAY,MAAA,MAAAxB,KAAA,MAAAyB,SAAA,MAAAC,UAAA,wCAAAF,MAAA,MAAAxB,KAAA,MAAA2B,OAAA,MAAAF,SAAA,MAAAC,UAAA,8CAAAE,aAAA,6BAAA5B,KAAA,MAAAyB,SAAA,MAAAC,UAAA,mBAAAjB,MAAA,IAAAG,OAAA,gCAAAZ,KAAA,MAAAS,MAAA,wBAAAoB,KAAA,MAAApB,MAAA,IAAAT,KAAA,IAAAI,QAAA,MAAAH,SAAA,SAAAP,EAC9D,GACA,S"}
+{"version":3,"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","globalScripts","bootstrapLazy","size","disabled","isLoading","iconName","iconset","iconPosition","iconOnly","href","target","color","fontColor","textAlign","styles","label","iconSize","openIcon","closeIcon","iconColor","iconActiveColor","colorMode","opened","activeColor","behavior","level","weight","spotColor","marginBlock","lineHeight","contentwidth","name","selected"],"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"mappings":"4MAKA,IAAMA,SAAW,WAIb,KAA0BC,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,QAAS,aAAc,CAEjF,OAAOC,OAAoD,0BAAiBC,MAAK,WAC7E,GAAKC,IAAIC,UAAYC,IAAIC,UAAY,CAEjC,OAAOH,IAAIC,UAAUG,G,KAEpB,CAED,OAAO,C,CAEvB,G,CAEI,OAAOC,gBACX,ECnBY,IAACC,qBAAuB,SAACJ,EAAKK,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOf,WAAWI,MAAK,WACvBY,gBACA,OAAOC,cAAc,uCAAuC,CAAAC,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,iCAAAC,MAAA,MAAAC,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAC,UAAA,iBAAAC,OAAA,OAAAR,OAAA,4BAAAH,MAAA,MAAAY,YAAA,qBAAAF,UAAA,mBAAAL,SAAA,kBAAAC,SAAA,kBAAAC,UAAA,mBAAAC,UAAA,mBAAAC,gBAAA,0BAAAI,SAAA,MAAAV,OAAA,0BAAAW,MAAA,MAAAvB,KAAA,MAAAwB,OAAA,MAAAC,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,gCAAAgB,aAAA,6BAAA5B,KAAA,MAAAyB,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,gCAAAZ,KAAA,MAAAS,MAAA,wBAAAoB,KAAA,MAAApB,MAAA,IAAAT,KAAA,IAAAI,QAAA,MAAAH,SAAA,0DAAAD,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,mEAAAZ,KAAA,MAAAC,SAAA,MAAAC,UAAA,mBAAAC,SAAA,kBAAAC,QAAA,MAAAC,aAAA,sBAAAC,SAAA,kBAAAC,KAAA,MAAAC,OAAA,MAAAC,MAAA,IAAAC,UAAA,mBAAAC,UAAA,mBAAAC,OAAA,mDAAAkB,SAAA,6CAAAP,MAAA,MAAAE,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,yCAAAZ,KAAA,MAAAwB,OAAA,MAAAC,UAAA,mBAAAhB,MAAA,IAAAiB,YAAA,qBAAAC,WAAA,oBAAAf,OAAA,UAAAlB,EAC9D,GACA,S"}

package/dist/types/api/cura-api.type.d.ts

@@ -9,6 +9,7 @@ export interface CuraCustomThemeColorDepth {
 export interface CuraCustomThemeColors {
   primary?: CuraCustomThemeColorDepth;
   secondary?: CuraCustomThemeColorDepth;
+  accent?: CuraCustomThemeColorDepth;
 }
 export interface CuraCustomThemeSpacing {
   base?: string;

package/dist/types/components/forms/cura-label/cura-label.d.ts

@@ -0,0 +1,54 @@
+export declare class CuraLabel {
+  /**
+   * Set size of body text.
+   * Values: medium (default) | large | small | xsmall.
+   */
+  size: 'medium' | 'large' | 'small' | 'xsmall';
+  /**
+   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+   * Values: regular (default) | bold.
+   */
+  weight: 'regular' | 'bold';
+  /**
+  * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+  * Values: Color from design system scheme. Default to 'accent-dark'.
+  */
+  spotColor: string;
+  /**
+   * Text color.
+   * Values: Color from design system scheme. Default to the font color from the theme.
+   */
+  color: string;
+  handleChangeColor(): void;
+  /**
+   * CSS margin-block property values.
+   * Default to 1.25em
+   */
+  marginBlock: string;
+  /**
+   * CSS line-height property values.
+   * Default to 140%
+   */
+  lineHeight: string;
+  /**
+   * Host element <cura-label>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  fontSizeBase: string;
+  styles: {};
+  theme: import("../../../api/cura-api.type").APIThemeFunctions;
+  connectedCallback(): void;
+  getClasses(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  hostCSSProperties(): {
+    '--margin-block': string;
+    '--font-size-base': string;
+    '--line-height': string;
+  };
+  render(): any;
+}

package/dist/types/components/forms/cura-label/cura-label.stories.d.ts

@@ -0,0 +1,126 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    weight: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    spotColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    marginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    lineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssMarginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssLineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Label: {
+  args: {
+    label: string;
+    size: string;
+    weight: string;
+    color: string;
+    spotColor: string;
+    marginBlock: string;
+    lineHeight: string;
+    cssMarginBlock: string;
+    cssLineHeight: string;
+  };
+};

package/dist/types/components/text/cura-display/cura-display.d.ts

@@ -1,38 +1,49 @@
 export declare class CuraDisplay {
   /**
-   * Heading level for semantics.
-   * Values: 1(default)-6.
+   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+   * Values: 1(default) to 6.
    */
-  level: number;
+  level: 1 | 2 | 3 | 4 | 5 | 6;
   /**
-  * Heading style size.
-  * Values: small | regular(default) | large.
+  * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+  * Values: Color from design system scheme. Default to 'accent-dark'.
   */
-  size: string;
+  spotColor: string;
   /**
-  * Apply light color to text in dark background.
-  * Values: boolean.
-  */
-  inverted: boolean;
+   * Text color.
+   * Values: Color from design system scheme. Default to the font color from the theme.
+   */
+  color: string;
+  handleChangeColor(): void;
   /**
-  * Apply base system color to elements like <a> and <abbr>.
-  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
-  */
-  spotColor: string;
+   * CSS margin-block property values.
+   * Default to 1.25em
+   */
+  marginBlock: string;
+  /**
+   * CSS line-height property values.
+   * Default to 140%
+   */
+  lineHeight: string;
   /**
-   * Host element <cura-heading>
+   * Host element <cura-display>
    */
   host: HTMLElement;
   /**
    * Internal Props
    */
   weights: any;
-  styles: any;
+  fontSizeBase: string;
+  theme: import("../../../api/cura-api.type").APIThemeFunctions;
+  styles: {};
   connectedCallback(): void;
-  getClasses(): {};
   setFontProperties(): void;
+  hostCSSProperties(): {
+    '--margin-block': string;
+    '--font-size-base': string;
+    '--line-height': string;
+  };
   setColors(): void;
-  setHostProperty(prop: string, value: string): void;
   getHeadingTag(): any;
   render(): any;
 }

package/dist/types/components/text/cura-display/cura-display.stories.d.ts

@@ -11,17 +11,7 @@ declare const _default: {
       description: string;
       name: string;
     };
-    inverted: {
-      control: string;
-      description: string;
-      table: {
-        category: string;
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    size: {
+    color: {
       control: {
         type: string;
       };
@@ -40,6 +30,7 @@ declare const _default: {
       };
       options: string[];
       description: string;
+      name: string;
       table: {
         category: string;
         defaultValue: {
@@ -55,6 +46,50 @@ declare const _default: {
         step: number;
       };
       description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    marginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    lineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssMarginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssLineHeight: {
+      control: string;
+      description: string;
+      name: string;
       table: {
         category: string;
         defaultValue: {
@@ -68,9 +103,12 @@ export default _default;
 export declare const Display: {
   args: {
     label: string;
-    size: string;
-    level: number;
+    level: string;
+    color: string;
     spotColor: string;
-    inverted: boolean;
+    marginBlock: string;
+    lineHeight: string;
+    cssMarginBlock: string;
+    cssLineHeight: string;
   };
 };

package/dist/types/components/text/cura-heading/cura-heading.d.ts

@@ -1,29 +1,40 @@
 export declare class CuraHeading {
   /**
-   * Heading level for semantics.
-   * Values: 1(default)-6.
+   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+   * Values: 1(default) to 6.
    */
-  level: number;
+  level: 1 | 2 | 3 | 4 | 5 | 6;
   /**
    * Heading style size.
-   * Values: small | regular(default) | large.
+   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
    */
-  size: string;
+  size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
   /**
-   * Heading font weight.
-   * Values: regular(default) | bold.
+   * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+   * Values: regular (default) | bold.
    */
-  weight: string;
+  weight: 'regular' | 'bold';
   /**
-  * Apply light color to text in dark background.
-  * Values: boolean.
-  */
-  inverted: boolean;
-  /**
-  * Apply base system color to elements like <a> and <abbr>.
-  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+  * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+  * Values: Color from design system scheme. Default to 'accent-dark'.
   */
   spotColor: string;
+  /**
+   * Text color.
+   * Values: Color from design system scheme. Default to the font color from the theme.
+   */
+  color: string;
+  handleChangeColor(): void;
+  /**
+   * CSS margin-block property values.
+   * Default to 1.25em
+   */
+  marginBlock: string;
+  /**
+   * CSS line-height property values.
+   * Default to 140%
+   */
+  lineHeight: string;
   /**
    * Host element <cura-heading>
    */
@@ -32,12 +43,18 @@ export declare class CuraHeading {
    * Internal Props
    */
   weights: any;
-  styles: any;
+  fontSizeBase: string;
+  styles: {};
+  theme: import("../../../api/cura-api.type").APIThemeFunctions;
   connectedCallback(): void;
   getClasses(): {};
   setFontProperties(): void;
+  hostCSSProperties(): {
+    '--margin-block': string;
+    '--font-size-base': string;
+    '--line-height': string;
+  };
   setColors(): void;
-  setHostProperty(prop: string, value: string): void;
   getHeadingTag(): any;
   render(): any;
 }

package/dist/types/components/text/cura-heading/cura-heading.stories.d.ts

@@ -11,8 +11,11 @@ declare const _default: {
       description: string;
       name: string;
     };
-    inverted: {
-      control: string;
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
       description: string;
       table: {
         category: string;
@@ -21,7 +24,7 @@ declare const _default: {
         };
       };
     };
-    size: {
+    weight: {
       control: {
         type: string;
       };
@@ -34,7 +37,7 @@ declare const _default: {
         };
       };
     };
-    weight: {
+    color: {
       control: {
         type: string;
       };
@@ -53,6 +56,7 @@ declare const _default: {
       };
       options: string[];
       description: string;
+      name: string;
       table: {
         category: string;
         defaultValue: {
@@ -68,6 +72,50 @@ declare const _default: {
         step: number;
       };
       description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    marginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    lineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssMarginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssLineHeight: {
+      control: string;
+      description: string;
+      name: string;
       table: {
         category: string;
         defaultValue: {
@@ -83,8 +131,12 @@ export declare const Heading: {
     label: string;
     size: string;
     weight: string;
-    level: number;
+    level: string;
+    color: string;
     spotColor: string;
-    inverted: boolean;
+    marginBlock: string;
+    lineHeight: string;
+    cssMarginBlock: string;
+    cssLineHeight: string;
   };
 };