@rededor/cura 1.0.0-alpha.8 → 1.0.0

package/dist/cjs/cura-accordion_12.cjs.entry.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-98e7ba54.js');
+const curaButton_definitions = require('./cura-button.definitions-f036371c.js');
 const curaIcon_definitions = require('./cura-icon.definitions-8d714f6a.js');
 
 const curaAccordionCss = ":host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}:host::after{content:\"\";display:block;border-bottom:solid 1px var(--neutral-base);width:100%}";
@@ -130,7 +131,7 @@ const CuraAccordionItem = class {
 };
 CuraAccordionItem.style = CuraAccordionItemStyle0;
 
-const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:2px solid transparent}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):not(.isLoading),:host a:not(.disabled):not(.isLoading){border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{border-color:var(--color-dark-color-base);background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light);border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 6.12px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 33.7px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3.44px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 29.95px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 3.24px) calc(var(--base-spacing) * 7.44px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 21.67px)}:host button:not(.isLoading).large,:host a:not(.isLoading).large{padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.isLoading).medium,:host a:not(.isLoading).medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button:not(.isLoading).small,:host a:not(.isLoading).small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button cura-label,:host a cura-label{flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, \"left\")}:host button.medium cura-label,:host a.medium cura-label{font-size:1.14em}:host button.small cura-label,:host a.small cura-label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}:host button.isLoading cura-label,:host a.isLoading cura-label{display:none}";
+const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
 const CuraButtonStyle0 = curaButtonCss;
 
 const CuraButton = class {
@@ -157,6 +158,7 @@ const CuraButton = class {
         this.background = 'light';
         this.fontColor = 'dark';
         this.textAlign = 'left';
+        this.justify = false;
         this.styles = {};
         this.hovered = false;
     }
@@ -196,12 +198,13 @@ const CuraButton = class {
         classes[`icon-only`] = this.iconOnly;
         classes['disabled'] = this.disabled;
         classes['isLoading'] = this.isLoading;
+        classes['justify'] = this.justify;
         return classes;
     }
     getIcon() {
-        if (!this.iconName || this.isLoading)
+        if (!this.iconName)
             return '';
-        const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;
+        const iconSize = this.size === 'large' ? 20 : 16;
         return index.h("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
     }
     getSymbolColor() {
@@ -225,7 +228,9 @@ const CuraButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5a7c983dcae745239e7f81bc172a2aa52b5de8de' }, this.href ? (index.h("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("cura-label", { class: "label", lineHeight: '0%', color: this.getSymbolColor() }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: this.getSymbolColor() }))) : (index.h("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("cura-label", { class: "label", lineHeight: '0%', color: this.getSymbolColor() }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: this.getSymbolColor() })))));
+        const symbolColor = this.getSymbolColor();
+        const labelSize = curaButton_definitions.labelSizes[this.size] || curaButton_definitions.labelSizes["default"];
+        return (index.h(index.Host, { key: '33ee4706d79aae1ea11e804e59919f5e3afcf336' }, this.href ? (index.h("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("cura-label", { class: "label", size: labelSize, lineHeight: '118%', color: symbolColor }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: symbolColor }))) : (index.h("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("cura-label", { class: "label", size: labelSize, lineHeight: '118%', color: symbolColor }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: symbolColor })))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -301,7 +306,7 @@ const CuraHeading = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (index.h(index.Host, { key: '55016d81f72ce0b506a7e2f2fbca3aa92448d581', style: this.hostCSSProperties() }, this.getHeadingTag()));
+        return (index.h(index.Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -346,7 +351,7 @@ const CuraIcon = class {
         this.host.style.setProperty(prop, value);
     }
     render() {
-        return (index.h(index.Host, { key: 'd49f752d12f9babd6a82fe97ef384f89879e1db9' }, index.h("svg", { key: '0c6d9dad5f8f8b571dd422ebb5f7941a75b46336', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { key: '88eab15bcbbff03713282d99055f140ccd424108', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
+        return (index.h(index.Host, { key: '42f2502c1180315fde13c1c383ba2335e681f25b' }, index.h("svg", { key: 'b30e76338033abd6be556049e1db9d949173adc2', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { key: '45df96f126cc573ce5189332a04c4e9a6db02b36', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -4357,7 +4362,7 @@ const CuraLabel = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '34d418859c8067e879a089240d36b58f5e91c8fc', style: this.hostCSSProperties() }, index.h("p", { key: '4a28171e079f80d8e61ebe840b858d65dd6d62c3', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '0796484498caddf7935ff3458e13cfab47759a4b' }))));
+        return (index.h(index.Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, index.h("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, index.h("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -4391,7 +4396,7 @@ const CuraLoaderCircle = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dd0c9e5b82f8f3b41511d31333af00e46435e9db', style: this.getStyles() }, index.h("svg", { key: '2a6a1edab6501c7788bebed93bbc87143d10fbaf', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '8dd113e23ffc4f5df091738a878eee76e030c904' }, index.h("circle", { key: 'a6e06aad2260ffb8cec65aed59ef8f09459765a1', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: '88ac6f03cac1030593e06e6062d8d9947474aa62', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '6bae1e73907f3f8a17560ef055290c4ac41959e7' }, index.h("linearGradient", { key: 'c2510effd844984927f4b32fbb7f770ebcb09a3c', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '477e90e9eadf1385a8b897917886e1fe352c41d0' }), index.h("stop", { key: '135e22c3a11916fa1ce4bc5870774ecf37512e6f', offset: "1" }))))));
+        return (index.h(index.Host, { key: '4c3a12d61a3b686438ece6752160337ca8cacf18', style: this.getStyles() }, index.h("svg", { key: 'bf8d817e7624419514e8f918ade94024c0d6bcb9', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '69885675868e25d75e9b0a461cb6563ba32a317a' }, index.h("circle", { key: 'a1b20469b5bb76d101cfbba683f99689b2a8b8ed', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.h("path", { key: 'c74b6313eff3374f711ace4c638fa0e671325f12', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), index.h("defs", { key: '5f5861e8cdf8f192cd3312c345b0c3f2afeeb0c2' }, index.h("linearGradient", { key: '98826d4d31d454e8d013349003bc89c3b82118bd', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'c0e582f71ef1a6870d0f77047198f58bf18987f6' }), index.h("stop", { key: '3f120a0b8e9c86388f084d34e4bda9f8c5893702', offset: "1" }))))));
     }
 };
 CuraLoaderCircle.style = CuraLoaderCircleStyle0;
@@ -4415,13 +4420,13 @@ const CuraPageTemplate = class {
         return classes;
     }
     render() {
-        return (index.h(index.Host, { key: 'b420fd773b337fbf64107124c3a65b7d543aa0f9' }, index.h("div", { key: '00e031bf40ed01904107f07367ee5b3042c1871f', style: this.styles, class: "grid-template" }, index.h("div", { key: '4c5c8112fe739d2b330a5a71bfdd6f6339206b15', id: "sub-header" }, index.h("slot", { key: '8b9896a17e6016bc791da8fd01f562a41d7f5bb1', name: 'sub-header' })), index.h("div", { key: '9d45f7a18ce35ae550521b281cfc0d9ea5009343', id: "header" }, index.h("slot", { key: '79ecbfb33b818b41c98f8a1f09243f6c2082b7bd', name: 'header' })), index.h("div", { key: '129b9928ddd3c0f0c357fa71494b3b77876ecd49', id: "pre-content" }, index.h("slot", { key: '71b6fbe0755848ac8df0a800e65b8ebc6909aff3', name: 'pre-content' })), index.h("div", { key: '80389bc85c71768906aa2ab564a80b84a045705d', id: "content-container", class: this.getClasses() }, index.h("div", { key: '438eb89b07be453c1a7caf31eb78879a6b000fc3', id: "sidebar-left" }, index.h("slot", { key: '8e0dd99e31be8d03d767acdee8bd18f4f6fe80bd', name: 'sidebar-left' })), index.h("div", { key: '21edd321d65ff1a685c699314a2d4617a14b6d09', id: "content" }, index.h("slot", { key: '125f790bc5d5ecade8946c154b00fdb7591ec26f', name: "content" }), index.h("slot", { key: 'e52dfd04c751d893335037f6dc970902a37a7d4f' })), index.h("div", { key: '3d35da8b265ca7a96fe36d8f037c6db0e0857537', id: "sidebar-right" }, index.h("slot", { key: '1d812f29d7cc068b0c4f6e705a60defc91da7145', name: 'sidebar-right' }))), index.h("div", { key: '10f23a4d4e837bbb11e140a5fd09be05836a27ba', id: "post-body" }, index.h("slot", { key: '8f3bd8fea091a0b025e69f1a0916016f1354aeb8', name: 'post-body' })), index.h("div", { key: '474062139aa0dd1ed49bc9c8594820fa2ff0ba83', id: "footer" }, index.h("slot", { key: 'ad46b1122b0875390822df6db770413980090f5e', name: 'footer' })), index.h("div", { key: 'c3de6dd778e675e38099d85d248e7923e276a25c', id: "sub-footer" }, index.h("slot", { key: '81a48964dc8912a225ea9ea49478d674d8d7271b', name: 'sub-footer' })))));
+        return (index.h(index.Host, { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' }, index.h("div", { key: '41c0a6cb17747a0bf8fb44f8e5766412dd261b4d', style: this.styles, class: "grid-template" }, index.h("div", { key: 'f563c6dbcd7506bfc100df9d5e4d7afe28cc7172', id: "sub-header" }, index.h("slot", { key: '2db35bb65c395d6af3ec1654fdbe2fa76735d60d', name: 'sub-header' })), index.h("div", { key: 'dff85fecdcf50c6812dd7eda1d2547b868da36a4', id: "header" }, index.h("slot", { key: 'dd1726210432a383868ae4ab716ee20259a7a744', name: 'header' })), index.h("div", { key: '3d8ebad203977884ea3b0c97cffd764e7c87ff8b', id: "pre-content" }, index.h("slot", { key: '15e9cd099c005d78afc31624d968142d657cd53e', name: 'pre-content' })), index.h("div", { key: '682ac5ec6855a6e598a1c27dae336787f38d5143', id: "content-container", class: this.getClasses() }, index.h("div", { key: 'a288d9994489df25bffac158026df89e688064a9', id: "sidebar-left" }, index.h("slot", { key: '26546baebf11e32f18ddec1659453e85cb5f8542', name: 'sidebar-left' })), index.h("div", { key: 'f998d555d298800c770919c6195b2d963000c07f', id: "content" }, index.h("slot", { key: 'e15084b2c7a2092331e92d5a0e389a37e07905d0', name: "content" }), index.h("slot", { key: '31a9c32a7309a34882ee8c7e5fe5f8893083a1ba' })), index.h("div", { key: '661aa62b89dd76d5d40008690fa56d53234e048d', id: "sidebar-right" }, index.h("slot", { key: 'f0b96d33a41818840a38ca162fd32fba8b3f70bb', name: 'sidebar-right' }))), index.h("div", { key: 'bdb1b6793f62315d80ab3843224a56e9586f5cc4', id: "post-body" }, index.h("slot", { key: 'c373462fbd8d8ecebccb1515304be38b68f1fc87', name: 'post-body' })), index.h("div", { key: '097ae8d7ccb045ebcc60f2829b43a2ba8e87fc2b', id: "footer" }, index.h("slot", { key: '1d519a8e1e5094bbf5c2a3309c4e84122468ab3e', name: 'footer' })), index.h("div", { key: '62e5ab1d7c9a4be5e4b4f9ab0803b298ee9fe125', id: "sub-footer" }, index.h("slot", { key: '59a0637bbc2dad5a2bfef04e78858a95f59231d1', name: 'sub-footer' })))));
     }
     get host() { return index.getElement(this); }
 };
 CuraPageTemplate.style = CuraPageTemplateStyle0;
 
-const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.714em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
+const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.7142857143em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host ::slotted(i){font-style:italic}:host ::slotted(em){font-weight:var(--font-weight-medium);color:var(--color-link);font-style:normal}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
 const CuraParagraphStyle0 = curaParagraphCss;
 
 const CuraParagraph = class {
@@ -4471,7 +4476,7 @@ const CuraParagraph = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2c9903f885ae8346efdbb1569264fc078aee9224', style: this.hostCSSProperties() }, index.h("p", { key: '287c656408d2e9876497f70784ae7ce166417272', style: this.styles, class: this.setsizeClass() }, index.h("slot", { key: 'dde5f8d46c384a76605c1ef33b73c8f442c7a48b' }))));
+        return (index.h(index.Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, index.h("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, index.h("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -4758,13 +4763,13 @@ const CuraSelect = class {
         return (index.h("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
     }
     render() {
-        return (index.h(index.Host, { key: '3c3decc50564c121ed3d3f6ebbdb3cceb598d43a', style: this.styles }, index.h("div", { key: '2705f712b9691954baa75a9c634c93ccebee0740', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: '3344e10727cf46fdbd9808577753d89b03ea8ffa', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: 'a7711d139f6624d8a4edf31aa508bcf6151c7628', class: 'required' }, "* "))), index.h("div", { key: '831a81c1eff493bd3ae4939b2d0f2615f147b03e', class: {
+        return (index.h(index.Host, { key: 'bc202c6de926da5642421b91b1f38abfda496c83', style: this.styles }, index.h("div", { key: 'e80bc20071f9ba3c2e385d5c87c1ef6ffd5d9bd9', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (index.h("cura-label", { key: 'e090559a5ed7d0c6cdb9603e6b715dbfa54d383e', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && index.h("span", { key: 'da3b3a38328a81b4c7d43cedf392f6a35ca5cad5', class: 'required' }, "* "))), index.h("div", { key: '48e6d57d80b140d8dd51dd079c0ce7f39d7a9a96', class: {
                 'cura-input-field': true,
                 'open': this.isOpen
-            } }, this.renderIcon(), index.h("input", { key: '7b60d8d8dacbc48078db6be44a9dd3940467cb28', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput }), index.h("cura-icon", { key: '77767f52fb9a546ee46ebc13ede2c5cf72f7f716', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), index.h("cura-label", { key: 'a3f3457d0afb0bc100c914a73ba95a67fa9c6c49', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: 'e9756f0c73ccbabd67c13388f0838c5cbd4fc6d1' })), this.isOpen && (index.h("div", { key: '699f71716a21d6bfa97036cd38a87c9266567234', class: {
+            } }, this.renderIcon(), index.h("input", { key: 'd9c1fc1d7cd068aa4f52f002924f7caaa11c099b', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput }), index.h("cura-icon", { key: '3099bd0ffc0f758e39815db70f7c79c55d97190e', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), index.h("cura-label", { key: 'e82da158d25d0cad7102d5ed13698f0f741cd6ea', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, index.h("slot", { key: '71ab712009bc6a61f189da5a082330eed9e89d33' })), this.isOpen && (index.h("div", { key: '4a6f38f3798ea894936554c0b4191b45dc5172eb', class: {
                 'menu': true,
                 'open': this.isOpen
-            } }, index.h("slot", { key: 'dc338221fb3660195c4fa1a933baeb30ad6f4b2e', name: 'option' }))))));
+            } }, index.h("slot", { key: '8db3420024df6aa85f0e8265c6f88c9bb4a8811f', name: 'option' }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -4814,7 +4819,7 @@ const CuraSelectOption = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '231c03411af0a5639358ff232e4a81287a8571f0', slot: "option" }, index.h("div", { key: 'b5baa8f7c4a4e863b96ffda1454a8c339d4b2656', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: '36d3381260263303242c443004f7e201c2683d4e', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: 'cc72fed8c51592c8fd076d091272879c7572a181' })), this.selected && index.h("cura-icon", { key: 'e118108f84d49b3d6574a143f09b2c43d43d11a8', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
+        return (index.h(index.Host, { key: '5feb573684784f2cf70876ccc1bb673b853d69b4', slot: "option" }, index.h("div", { key: '03c65c64facc97c887c19f2226dfc5f1830004e1', class: this.getClasses(), style: this.styles }, index.h("cura-label", { key: '79f32d2bcc3ec42c8adb581fb8c4151920d55111', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, index.h("slot", { key: '0df731f7223fac86e58676597c052caadd1d2858' })), this.selected && index.h("cura-icon", { key: '28d4f9561a60bf9ecfeca44e4835b46ffee28ec1', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {