@rededor/cura-hydrate 0.5.3 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/index.js +19 -16
  2. package/package.json +2 -2
package/index.js CHANGED
@@ -6458,7 +6458,7 @@ class CuraAlert {
6458
6458
  }; }
6459
6459
  }
6460
6460
 
6461
- const curaButtonCss = "/*!@:host*/.sc-cura-button-h{--border-radius:4px;display:inline-block;vertical-align:middle}/*!@:host button, :host a*/.sc-cura-button-h button.sc-cura-button,.sc-cura-button-h a.sc-cura-button{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:var(--color-base);border:none;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):not(.disabled):hover, :host a:not(.isLoading):not(.disabled):hover*/.sc-cura-button-h button.sc-cura-button:not(.isLoading):not(.disabled):hover,.sc-cura-button-h a.sc-cura-button:not(.isLoading):not(.disabled):hover{background-color:var(--color-light)}/*!@:host button:not(.isLoading):not(.disabled):active, :host a:not(.isLoading):not(.disabled):active*/.sc-cura-button-h button.sc-cura-button:not(.isLoading):not(.disabled):active,.sc-cura-button-h a.sc-cura-button:not(.isLoading):not(.disabled):active{background-color:var(--color-dark)}/*!@:host button:hover, :host a:hover*/.sc-cura-button-h button.sc-cura-button:hover,.sc-cura-button-h a.sc-cura-button:hover{-webkit-box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16);box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}/*!@:host button.medium:hover, :host a.medium:hover*/.sc-cura-button-h button.medium.sc-cura-button:hover,.sc-cura-button-h a.medium.sc-cura-button:hover{-webkit-box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16);box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}/*!@:host button.small:hover, :host a.small:hover*/.sc-cura-button-h button.small.sc-cura-button:hover,.sc-cura-button-h a.small.sc-cura-button:hover{-webkit-box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16);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*/.sc-cura-button-h button.sc-cura-button:active,.sc-cura-button-h button.disabled.sc-cura-button:hover,.sc-cura-button-h button.isLoading.sc-cura-button:hover,.sc-cura-button-h a.sc-cura-button:active,.sc-cura-button-h a.disabled.sc-cura-button:hover,.sc-cura-button-h a.isLoading.sc-cura-button:hover{-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-h button.medium.sc-cura-button,.sc-cura-button-h a.medium.sc-cura-button{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.small, :host a.small*/.sc-cura-button-h button.small.sc-cura-button,.sc-cura-button-h a.small.sc-cura-button{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*/.sc-cura-button-h button.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.sc-cura-button .button-container.sc-cura-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-h button.icon-right.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.icon-right.sc-cura-button .button-container.sc-cura-button{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-h button.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.sc-cura-button .label.sc-cura-button{-ms-flex:1;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\");color:var(--neutral-black)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-h button.sc-cura-button .label.inverted.sc-cura-button,.sc-cura-button-h a.sc-cura-button .label.inverted.sc-cura-button{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-h button.medium.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.medium.sc-cura-button .label.sc-cura-button{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-h button.small.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.small.sc-cura-button .label.sc-cura-button{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-h button.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-h button.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-h button.medium.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.medium.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-h button.medium.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.medium.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-h button.small.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.small.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-h button.small.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.small.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-h button.disabled.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button{cursor:not-allowed;background-color:var(--neutral-light)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-h button.disabled.sc-cura-button .label.sc-cura-button,.sc-cura-button-h button.disabled.sc-cura-button .label.inverted.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button .label.inverted.sc-cura-button{color:var(--neutral-dark)}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-h button.icon-only.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-h button.icon-only.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button .label.sc-cura-button{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-h button.icon-only.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button cura-icon.sc-cura-button{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-h button.icon-only.medium.sc-cura-button,.sc-cura-button-h a.icon-only.medium.sc-cura-button{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-h button.icon-only.small.sc-cura-button,.sc-cura-button-h a.icon-only.small.sc-cura-button{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-h button.sc-cura-button cura-loader-circle.sc-cura-button,.sc-cura-button-h a.sc-cura-button cura-loader-circle.sc-cura-button{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-h button.isLoading.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-h button.isLoading.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button .button-container.sc-cura-button{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-h button.isLoading.icon-only.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.isLoading.icon-only.sc-cura-button .button-container.sc-cura-button{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-h button.isLoading.sc-cura-button cura-loader-circle.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button cura-loader-circle.sc-cura-button{display:block}";
6461
+ const curaButtonCss = "/*!@:host*/.sc-cura-button-h{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}/*!@:host button, :host a*/.sc-cura-button-h button.sc-cura-button,.sc-cura-button-h a.sc-cura-button{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base);border:none;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):not(.disabled):hover, :host a:not(.isLoading):not(.disabled):hover*/.sc-cura-button-h button.sc-cura-button:not(.isLoading):not(.disabled):hover,.sc-cura-button-h a.sc-cura-button:not(.isLoading):not(.disabled):hover{background-color:var(--color-light)}/*!@:host button:not(.isLoading):not(.disabled):active, :host a:not(.isLoading):not(.disabled):active*/.sc-cura-button-h button.sc-cura-button:not(.isLoading):not(.disabled):active,.sc-cura-button-h a.sc-cura-button:not(.isLoading):not(.disabled):active{background-color:var(--color-dark)}/*!@:host button:hover, :host a:hover*/.sc-cura-button-h button.sc-cura-button:hover,.sc-cura-button-h a.sc-cura-button:hover{-webkit-box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16);box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}/*!@:host button.medium:hover, :host a.medium:hover*/.sc-cura-button-h button.medium.sc-cura-button:hover,.sc-cura-button-h a.medium.sc-cura-button:hover{-webkit-box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16);box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}/*!@:host button.small:hover, :host a.small:hover*/.sc-cura-button-h button.small.sc-cura-button:hover,.sc-cura-button-h a.small.sc-cura-button:hover{-webkit-box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16);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*/.sc-cura-button-h button.sc-cura-button:active,.sc-cura-button-h button.disabled.sc-cura-button:hover,.sc-cura-button-h button.isLoading.sc-cura-button:hover,.sc-cura-button-h a.sc-cura-button:active,.sc-cura-button-h a.disabled.sc-cura-button:hover,.sc-cura-button-h a.isLoading.sc-cura-button:hover{-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-h button.medium.sc-cura-button,.sc-cura-button-h a.medium.sc-cura-button{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.small, :host a.small*/.sc-cura-button-h button.small.sc-cura-button,.sc-cura-button-h a.small.sc-cura-button{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*/.sc-cura-button-h button.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.sc-cura-button .button-container.sc-cura-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:relative}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-h button.icon-right.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.icon-right.sc-cura-button .button-container.sc-cura-button{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-h button.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.sc-cura-button .label.sc-cura-button{-ms-flex:1;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\");color:var(--neutral-black)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-h button.sc-cura-button .label.inverted.sc-cura-button,.sc-cura-button-h a.sc-cura-button .label.inverted.sc-cura-button{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-h button.medium.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.medium.sc-cura-button .label.sc-cura-button{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-h button.small.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.small.sc-cura-button .label.sc-cura-button{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-h button.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-h button.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-h button.medium.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.medium.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-h button.medium.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.medium.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-h button.small.icon-left.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.small.icon-left.sc-cura-button cura-icon.sc-cura-button{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-h button.small.icon-right.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.small.icon-right.sc-cura-button cura-icon.sc-cura-button{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-h button.disabled.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button{cursor:not-allowed;background-color:var(--neutral-light)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-h button.disabled.sc-cura-button .label.sc-cura-button,.sc-cura-button-h button.disabled.sc-cura-button .label.inverted.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.disabled.sc-cura-button .label.inverted.sc-cura-button{color:var(--neutral-dark)}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-h button.icon-only.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-h button.icon-only.sc-cura-button .label.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button .label.sc-cura-button{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-h button.icon-only.sc-cura-button cura-icon.sc-cura-button,.sc-cura-button-h a.icon-only.sc-cura-button cura-icon.sc-cura-button{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-h button.icon-only.medium.sc-cura-button,.sc-cura-button-h a.icon-only.medium.sc-cura-button{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-h button.icon-only.small.sc-cura-button,.sc-cura-button-h a.icon-only.small.sc-cura-button{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-h button.sc-cura-button cura-loader-circle.sc-cura-button,.sc-cura-button-h a.sc-cura-button cura-loader-circle.sc-cura-button{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-h button.isLoading.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-h button.isLoading.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button .button-container.sc-cura-button{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-h button.isLoading.icon-only.sc-cura-button .button-container.sc-cura-button,.sc-cura-button-h a.isLoading.icon-only.sc-cura-button .button-container.sc-cura-button{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-h button.isLoading.sc-cura-button cura-loader-circle.sc-cura-button,.sc-cura-button-h a.isLoading.sc-cura-button cura-loader-circle.sc-cura-button{display:block}";
6462
6462
 
6463
6463
  class CuraButton {
6464
6464
  constructor(hostRef) {
@@ -6554,7 +6554,7 @@ class CuraButton {
6554
6554
  }; }
6555
6555
  }
6556
6556
 
6557
- const curaButtonOutlineCss = "/*!@:host*/.sc-cura-button-outline-h{--border-radius:4px;display:inline-block;vertical-align:middle}/*!@:host button, :host a*/.sc-cura-button-outline-h button.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:transparent;border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base);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(.disabled):not(.isLoading):hover, :host a:not(.disabled):not(.isLoading):hover*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover .label, :host a:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline{color:var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover cura-icon, :host a:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline{--color:var(--color-light) !important}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active, :host a:not(.disabled):not(.inverted):not(.isLoading):active*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-dark);box-shadow:inset 0px 0px 0px 2px var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active .label, :host a:not(.disabled):not(.inverted):not(.isLoading):active .label*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-outline{color:var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon, :host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-outline{--color:var(--color-dark) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-outline-h button.medium.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.sc-cura-button-outline{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.small, :host a.small*/.sc-cura-button-outline-h button.small.sc-cura-button-outline,.sc-cura-button-outline-h a.small.sc-cura-button-outline{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*/.sc-cura-button-outline-h button.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .button-container.sc-cura-button-outline{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-outline-h button.icon-right.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-right.sc-cura-button-outline .button-container.sc-cura-button-outline{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-outline-h button.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .label.sc-cura-button-outline{-ms-flex:1;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\");color:var(--color-base)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-outline-h button.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-outline-h button.medium.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.sc-cura-button-outline .label.sc-cura-button-outline{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-outline-h button.small.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.small.sc-cura-button-outline .label.sc-cura-button-outline{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-outline-h button.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-outline-h button.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-outline-h button.medium.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-outline-h button.medium.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-outline-h button.small.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.small.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-outline-h button.small.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.small.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-outline-h button.disabled.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline{cursor:not-allowed;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-base)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-outline-h button.disabled.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h button.disabled.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-dark)}/*!@:host button.disabled.inverted, :host a.disabled.inverted*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline{opacity:0.6;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}/*!@:host button.disabled.inverted .label, :host button.disabled.inverted .label.inverted, :host a.disabled.inverted .label, :host a.disabled.inverted .label.inverted*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-white)}/*!@:host button.disabled.inverted cura-icon, :host a.disabled.inverted cura-icon*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline cura-icon.sc-cura-button-outline{--color:var(--neutral-white) !important}/*!@:host button.disabled.inverted cura-loader-circle, :host a.disabled.inverted cura-loader-circle*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{--color:var(--neutral-white) !important}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline .label.sc-cura-button-outline{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-outline-h button.icon-only.medium.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.medium.sc-cura-button-outline{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-outline-h button.icon-only.small.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.small.sc-cura-button-outline{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button.inverted, :host a.inverted*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline{-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover, :host a.inverted:not(.disabled):not(.isLoading):hover*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-lighter);box-shadow:inset 0px 0px 0px 2px var(--color-lighter)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover .label, :host a.inverted:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline{color:var(--color-lighter)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover cura-icon, :host a.inverted:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline{--color:var(--color-lighter) !important}/*!@:host button.inverted:not(.disabled):not(.isLoading):active, :host a.inverted:not(.disabled):not(.isLoading):active*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}/*!@:host button.inverted:not(.disabled):not(.isLoading):active .label, :host a.inverted:not(.disabled):not(.isLoading):active .label*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active .label.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active .label.sc-cura-button-outline{color:var(--color-light)}/*!@:host button.inverted:not(.disabled):not(.isLoading):active cura-icon, :host a.inverted:not(.disabled):not(.isLoading):active cura-icon*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active cura-icon.sc-cura-button-outline{--color:var(--color-light) !important}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-outline-h button.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline .button-container.sc-cura-button-outline{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-outline-h button.isLoading.icon-only.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.icon-only.sc-cura-button-outline .button-container.sc-cura-button-outline{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{display:block}";
6557
+ const curaButtonOutlineCss = "/*!@:host*/.sc-cura-button-outline-h{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}/*!@:host button, :host a*/.sc-cura-button-outline-h button.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base);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(.disabled):not(.isLoading):hover, :host a:not(.disabled):not(.isLoading):hover*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover .label, :host a:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline{color:var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover cura-icon, :host a:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline{--color:var(--color-light) !important}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active, :host a:not(.disabled):not(.inverted):not(.isLoading):active*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-dark);box-shadow:inset 0px 0px 0px 2px var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active .label, :host a:not(.disabled):not(.inverted):not(.isLoading):active .label*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-outline{color:var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon, :host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon*/.sc-cura-button-outline-h button.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-outline{--color:var(--color-dark) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-outline-h button.medium.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.sc-cura-button-outline{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.small, :host a.small*/.sc-cura-button-outline-h button.small.sc-cura-button-outline,.sc-cura-button-outline-h a.small.sc-cura-button-outline{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*/.sc-cura-button-outline-h button.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .button-container.sc-cura-button-outline{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:relative}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-outline-h button.icon-right.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-right.sc-cura-button-outline .button-container.sc-cura-button-outline{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-outline-h button.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .label.sc-cura-button-outline{-ms-flex:1;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\");color:var(--color-base)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-outline-h button.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-outline-h button.medium.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.sc-cura-button-outline .label.sc-cura-button-outline{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-outline-h button.small.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.small.sc-cura-button-outline .label.sc-cura-button-outline{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-outline-h button.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-outline-h button.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-outline-h button.medium.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-outline-h button.medium.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.medium.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-outline-h button.small.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.small.icon-left.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-outline-h button.small.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.small.icon-right.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-outline-h button.disabled.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline{cursor:not-allowed;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-base)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-outline-h button.disabled.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h button.disabled.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-dark)}/*!@:host button.disabled.inverted, :host a.disabled.inverted*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline{opacity:0.6;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}/*!@:host button.disabled.inverted .label, :host button.disabled.inverted .label.inverted, :host a.disabled.inverted .label, :host a.disabled.inverted .label.inverted*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline .label.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline .label.inverted.sc-cura-button-outline{color:var(--neutral-white)}/*!@:host button.disabled.inverted cura-icon, :host a.disabled.inverted cura-icon*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline cura-icon.sc-cura-button-outline{--color:var(--neutral-white) !important}/*!@:host button.disabled.inverted cura-loader-circle, :host a.disabled.inverted cura-loader-circle*/.sc-cura-button-outline-h button.disabled.inverted.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.disabled.inverted.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{--color:var(--neutral-white) !important}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline .label.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline .label.sc-cura-button-outline{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-outline-h button.icon-only.sc-cura-button-outline cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.sc-cura-button-outline cura-icon.sc-cura-button-outline{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-outline-h button.icon-only.medium.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.medium.sc-cura-button-outline{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-outline-h button.icon-only.small.sc-cura-button-outline,.sc-cura-button-outline-h a.icon-only.small.sc-cura-button-outline{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button.inverted, :host a.inverted*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline{-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover, :host a.inverted:not(.disabled):not(.isLoading):hover*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-lighter);box-shadow:inset 0px 0px 0px 2px var(--color-lighter)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover .label, :host a.inverted:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover .label.sc-cura-button-outline{color:var(--color-lighter)}/*!@:host button.inverted:not(.disabled):not(.isLoading):hover cura-icon, :host a.inverted:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-outline{--color:var(--color-lighter) !important}/*!@:host button.inverted:not(.disabled):not(.isLoading):active, :host a.inverted:not(.disabled):not(.isLoading):active*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}/*!@:host button.inverted:not(.disabled):not(.isLoading):active .label, :host a.inverted:not(.disabled):not(.isLoading):active .label*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active .label.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active .label.sc-cura-button-outline{color:var(--color-light)}/*!@:host button.inverted:not(.disabled):not(.isLoading):active cura-icon, :host a.inverted:not(.disabled):not(.isLoading):active cura-icon*/.sc-cura-button-outline-h button.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active cura-icon.sc-cura-button-outline,.sc-cura-button-outline-h a.inverted.sc-cura-button-outline:not(.disabled):not(.isLoading):active cura-icon.sc-cura-button-outline{--color:var(--color-light) !important}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-outline-h button.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline .button-container.sc-cura-button-outline{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-outline-h button.isLoading.icon-only.sc-cura-button-outline .button-container.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.icon-only.sc-cura-button-outline .button-container.sc-cura-button-outline{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-outline-h button.isLoading.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline,.sc-cura-button-outline-h a.isLoading.sc-cura-button-outline cura-loader-circle.sc-cura-button-outline{display:block}";
6558
6558
 
6559
6559
  class CuraButtonOutline$1 {
6560
6560
  constructor(hostRef) {
@@ -6650,7 +6650,7 @@ class CuraButtonOutline$1 {
6650
6650
  }; }
6651
6651
  }
6652
6652
 
6653
- const curaButtonSelectCss = "/*!@:host*/.sc-cura-button-select-h{--border-radius:4px;display:inline-block;vertical-align:middle}/*!@:host button, :host a*/.sc-cura-button-select-h button.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:var(--neutral-purewhite);border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--primary-base);box-shadow:inset 0px 0px 0px 2px var(--primary-base);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(.disabled):hover, :host a:not(.disabled):hover*/.sc-cura-button-select-h button.sc-cura-button-select:not(.disabled):hover,.sc-cura-button-select-h a.sc-cura-button-select:not(.disabled):hover{background-color:var(--color-lighter);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base)}/*!@:host button:not(.disabled):hover .label, :host a:not(.disabled):hover .label*/.sc-cura-button-select-h button.sc-cura-button-select:not(.disabled):hover .label.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select:not(.disabled):hover .label.sc-cura-button-select{color:var(--neutral-purewhite-black)}/*!@:host button:focus, :host a:focus*/.sc-cura-button-select-h button.sc-cura-button-select:focus,.sc-cura-button-select-h a.sc-cura-button-select:focus{-webkit-box-shadow:inset 0px 0px 0px 2px var(--info-base) !important;box-shadow:inset 0px 0px 0px 2px var(--info-base) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-select-h button.medium.sc-cura-button-select,.sc-cura-button-select-h a.medium.sc-cura-button-select{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.small, :host a.small*/.sc-cura-button-select-h button.small.sc-cura-button-select,.sc-cura-button-select-h a.small.sc-cura-button-select{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 .label, :host a .label*/.sc-cura-button-select-h button.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select .label.sc-cura-button-select{-ms-flex:1;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\");color:var(--primary-base)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-select-h button.medium.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.medium.sc-cura-button-select .label.sc-cura-button-select{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-select-h button.small.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.small.sc-cura-button-select .label.sc-cura-button-select{font-size:1em}/*!@:host button .button-container, :host a .button-container*/.sc-cura-button-select-h button.sc-cura-button-select .button-container.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select .button-container.sc-cura-button-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;gap:5px}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-select-h button.icon-right.sc-cura-button-select .button-container.sc-cura-button-select,.sc-cura-button-select-h a.icon-right.sc-cura-button-select .button-container.sc-cura-button-select{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button.selected, :host a.selected*/.sc-cura-button-select-h button.selected.sc-cura-button-select,.sc-cura-button-select-h a.selected.sc-cura-button-select{cursor:pointer;background-color:var(--color-base);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-darker);box-shadow:inset 0px 0px 0px 2px var(--color-darker)}/*!@:host button.selected .label, :host a.selected .label*/.sc-cura-button-select-h button.selected.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.selected.sc-cura-button-select .label.sc-cura-button-select{color:var(--neutral-purewhite-black)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-select-h button.disabled.sc-cura-button-select,.sc-cura-button-select-h a.disabled.sc-cura-button-select{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base)}/*!@:host button.disabled .label, :host a.disabled .label*/.sc-cura-button-select-h button.disabled.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.disabled.sc-cura-button-select .label.sc-cura-button-select{color:var(--neutral-medium-primary-base)}";
6653
+ const curaButtonSelectCss = "/*!@:host*/.sc-cura-button-select-h{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}/*!@:host button, :host a*/.sc-cura-button-select-h button.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--primary-base);box-shadow:inset 0px 0px 0px 2px var(--primary-base);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(.disabled):hover, :host a:not(.disabled):hover*/.sc-cura-button-select-h button.sc-cura-button-select:not(.disabled):hover,.sc-cura-button-select-h a.sc-cura-button-select:not(.disabled):hover{background-color:var(--color-lighter);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base)}/*!@:host button:not(.disabled):hover .label, :host a:not(.disabled):hover .label*/.sc-cura-button-select-h button.sc-cura-button-select:not(.disabled):hover .label.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select:not(.disabled):hover .label.sc-cura-button-select{color:var(--neutral-purewhite-black)}/*!@:host button:focus, :host a:focus*/.sc-cura-button-select-h button.sc-cura-button-select:focus,.sc-cura-button-select-h a.sc-cura-button-select:focus{-webkit-box-shadow:inset 0px 0px 0px 2px var(--info-base) !important;box-shadow:inset 0px 0px 0px 2px var(--info-base) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-select-h button.medium.sc-cura-button-select,.sc-cura-button-select-h a.medium.sc-cura-button-select{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.small, :host a.small*/.sc-cura-button-select-h button.small.sc-cura-button-select,.sc-cura-button-select-h a.small.sc-cura-button-select{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 .label, :host a .label*/.sc-cura-button-select-h button.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select .label.sc-cura-button-select{-ms-flex:1;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\");color:var(--primary-base)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-select-h button.medium.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.medium.sc-cura-button-select .label.sc-cura-button-select{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-select-h button.small.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.small.sc-cura-button-select .label.sc-cura-button-select{font-size:1em}/*!@:host button .button-container, :host a .button-container*/.sc-cura-button-select-h button.sc-cura-button-select .button-container.sc-cura-button-select,.sc-cura-button-select-h a.sc-cura-button-select .button-container.sc-cura-button-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:relative;gap:5px}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-select-h button.icon-right.sc-cura-button-select .button-container.sc-cura-button-select,.sc-cura-button-select-h a.icon-right.sc-cura-button-select .button-container.sc-cura-button-select{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button.selected, :host a.selected*/.sc-cura-button-select-h button.selected.sc-cura-button-select,.sc-cura-button-select-h a.selected.sc-cura-button-select{cursor:pointer;background-color:var(--color-base);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-darker);box-shadow:inset 0px 0px 0px 2px var(--color-darker)}/*!@:host button.selected .label, :host a.selected .label*/.sc-cura-button-select-h button.selected.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.selected.sc-cura-button-select .label.sc-cura-button-select{color:var(--neutral-purewhite-black)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-select-h button.disabled.sc-cura-button-select,.sc-cura-button-select-h a.disabled.sc-cura-button-select{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base)}/*!@:host button.disabled .label, :host a.disabled .label*/.sc-cura-button-select-h button.disabled.sc-cura-button-select .label.sc-cura-button-select,.sc-cura-button-select-h a.disabled.sc-cura-button-select .label.sc-cura-button-select{color:var(--neutral-medium-primary-base)}";
6654
6654
 
6655
6655
  class CuraButtonOutline {
6656
6656
  constructor(hostRef) {
@@ -6756,7 +6756,7 @@ class CuraButtonOutline {
6756
6756
  }; }
6757
6757
  }
6758
6758
 
6759
- const curaButtonTransparentCss = "/*!@:host*/.sc-cura-button-transparent-h{--border-radius:4px;display:inline-block;vertical-align:middle}/*!@:host button, :host a*/.sc-cura-button-transparent-h button.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:transparent;border-width:0px;border-color:transparent;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(.disabled):not(.isLoading):hover .label, :host a:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover .label.sc-cura-button-transparent{color:var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover cura-icon, :host a:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-transparent{--color:var(--color-light) !important}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active .label, :host a:not(.disabled):not(.inverted):not(.isLoading):active .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-transparent{color:var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon, :host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-transparent{--color:var(--color-dark) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-transparent-h button.medium.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.sc-cura-button-transparent{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.small, :host a.small*/.sc-cura-button-transparent-h button.small.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.sc-cura-button-transparent{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*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .button-container.sc-cura-button-transparent{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-transparent-h button.icon-right.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-right.sc-cura-button-transparent .button-container.sc-cura-button-transparent{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .label.sc-cura-button-transparent{-ms-flex:1;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\");color:var(--color-base)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-transparent-h button.medium.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.sc-cura-button-transparent .label.sc-cura-button-transparent{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-transparent-h button.small.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.sc-cura-button-transparent .label.sc-cura-button-transparent{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-transparent-h button.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-transparent-h button.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-transparent-h button.medium.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-transparent-h button.medium.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-transparent-h button.small.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-transparent-h button.small.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent{cursor:not-allowed;border-color:var(--neutral-base)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-dark)}/*!@:host button.disabled.inverted, :host a.disabled.inverted*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent{opacity:0.6}/*!@:host button.disabled.inverted .label, :host button.disabled.inverted .label.inverted, :host a.disabled.inverted .label, :host a.disabled.inverted .label.inverted*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-white)}/*!@:host button.disabled.inverted cura-icon, :host a.disabled.inverted cura-icon*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{--color:var(--neutral-white) !important}/*!@:host button.disabled.inverted cura-loader-circle, :host a.disabled.inverted cura-loader-circle*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{--color:var(--neutral-white) !important}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent .label.sc-cura-button-transparent{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-transparent-h button.icon-only.medium.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.medium.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-transparent-h button.icon-only.small.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.small.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button.inverted:not(.isLoading):not(.disabled):hover .label, :host a.inverted:not(.isLoading):not(.disabled):hover .label*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover .label.sc-cura-button-transparent{color:var(--color-lighter)}/*!@:host button.inverted:not(.isLoading):not(.disabled):hover cura-icon, :host a.inverted:not(.isLoading):not(.disabled):hover cura-icon*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover cura-icon.sc-cura-button-transparent{--color:var(--color-lighter) !important}/*!@:host button.inverted:not(.isLoading):not(.disabled):active .label, :host a.inverted:not(.isLoading):not(.disabled):active .label*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active .label.sc-cura-button-transparent{color:var(--color-light)}/*!@:host button.inverted:not(.isLoading):not(.disabled):active cura-icon, :host a.inverted:not(.isLoading):not(.disabled):active cura-icon*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active cura-icon.sc-cura-button-transparent{--color:var(--color-light) !important}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-transparent-h button.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent .button-container.sc-cura-button-transparent{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-transparent-h button.isLoading.icon-only.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.icon-only.sc-cura-button-transparent .button-container.sc-cura-button-transparent{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{display:block}";
6759
+ const curaButtonTransparentCss = "/*!@:host*/.sc-cura-button-transparent-h{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}/*!@:host button, :host a*/.sc-cura-button-transparent-h button.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border-width:0px;border-color:transparent;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(.disabled):not(.isLoading):hover .label, :host a:not(.disabled):not(.isLoading):hover .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover .label.sc-cura-button-transparent{color:var(--color-light)}/*!@:host button:not(.disabled):not(.isLoading):hover cura-icon, :host a:not(.disabled):not(.isLoading):hover cura-icon*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.isLoading):hover cura-icon.sc-cura-button-transparent{--color:var(--color-light) !important}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active .label, :host a:not(.disabled):not(.inverted):not(.isLoading):active .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active .label.sc-cura-button-transparent{color:var(--color-dark)}/*!@:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon, :host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon*/.sc-cura-button-transparent-h button.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent:not(.disabled):not(.inverted):not(.isLoading):active cura-icon.sc-cura-button-transparent{--color:var(--color-dark) !important}/*!@:host button.medium, :host a.medium*/.sc-cura-button-transparent-h button.medium.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.sc-cura-button-transparent{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.small, :host a.small*/.sc-cura-button-transparent-h button.small.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.sc-cura-button-transparent{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*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .button-container.sc-cura-button-transparent{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:relative}/*!@:host button.icon-right .button-container, :host a.icon-right .button-container*/.sc-cura-button-transparent-h button.icon-right.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-right.sc-cura-button-transparent .button-container.sc-cura-button-transparent{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host button .label, :host a .label*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .label.sc-cura-button-transparent{-ms-flex:1;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\");color:var(--color-base)}/*!@:host button .label.inverted, :host a .label.inverted*/.sc-cura-button-transparent-h button.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-white)}/*!@:host button.medium .label, :host a.medium .label*/.sc-cura-button-transparent-h button.medium.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.sc-cura-button-transparent .label.sc-cura-button-transparent{font-size:1.14em}/*!@:host button.small .label, :host a.small .label*/.sc-cura-button-transparent-h button.small.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.sc-cura-button-transparent .label.sc-cura-button-transparent{font-size:1em}/*!@:host button.icon-left cura-icon, :host a.icon-left cura-icon*/.sc-cura-button-transparent-h button.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 3px)}/*!@:host button.icon-right cura-icon, :host a.icon-right cura-icon*/.sc-cura-button-transparent-h button.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 3px)}/*!@:host button.medium.icon-left cura-icon, :host a.medium.icon-left cura-icon*/.sc-cura-button-transparent-h button.medium.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 2.7px)}/*!@:host button.medium.icon-right cura-icon, :host a.medium.icon-right cura-icon*/.sc-cura-button-transparent-h button.medium.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.medium.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 2.7px)}/*!@:host button.small.icon-left cura-icon, :host a.small.icon-left cura-icon*/.sc-cura-button-transparent-h button.small.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.icon-left.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-right:calc(var(--base-spacing) * 2.5px)}/*!@:host button.small.icon-right cura-icon, :host a.small.icon-right cura-icon*/.sc-cura-button-transparent-h button.small.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.small.icon-right.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:calc(var(--base-spacing) * 2.5px)}/*!@:host button.disabled, :host a.disabled*/.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent{cursor:not-allowed;border-color:var(--neutral-base)}/*!@:host button.disabled .label, :host button.disabled .label.inverted, :host a.disabled .label, :host a.disabled .label.inverted*/.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h button.disabled.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-dark)}/*!@:host button.disabled.inverted, :host a.disabled.inverted*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent{opacity:0.6}/*!@:host button.disabled.inverted .label, :host button.disabled.inverted .label.inverted, :host a.disabled.inverted .label, :host a.disabled.inverted .label.inverted*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent .label.inverted.sc-cura-button-transparent{color:var(--neutral-white)}/*!@:host button.disabled.inverted cura-icon, :host a.disabled.inverted cura-icon*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{--color:var(--neutral-white) !important}/*!@:host button.disabled.inverted cura-loader-circle, :host a.disabled.inverted cura-loader-circle*/.sc-cura-button-transparent-h button.disabled.inverted.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.disabled.inverted.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{--color:var(--neutral-white) !important}/*!@:host button.icon-only, :host a.icon-only*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 3.5px)}/*!@:host button.icon-only .label, :host a.icon-only .label*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent .label.sc-cura-button-transparent{display:none}/*!@:host button.icon-only cura-icon, :host a.icon-only cura-icon*/.sc-cura-button-transparent-h button.icon-only.sc-cura-button-transparent cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.sc-cura-button-transparent cura-icon.sc-cura-button-transparent{margin-left:0 !important;margin-right:0 !important}/*!@:host button.icon-only.medium, :host a.icon-only.medium*/.sc-cura-button-transparent-h button.icon-only.medium.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.medium.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 2.75px)}/*!@:host button.icon-only.small, :host a.icon-only.small*/.sc-cura-button-transparent-h button.icon-only.small.sc-cura-button-transparent,.sc-cura-button-transparent-h a.icon-only.small.sc-cura-button-transparent{padding:calc(var(--base-spacing) * 1.5px)}/*!@:host button.inverted:not(.isLoading):not(.disabled):hover .label, :host a.inverted:not(.isLoading):not(.disabled):hover .label*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover .label.sc-cura-button-transparent{color:var(--color-lighter)}/*!@:host button.inverted:not(.isLoading):not(.disabled):hover cura-icon, :host a.inverted:not(.isLoading):not(.disabled):hover cura-icon*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):hover cura-icon.sc-cura-button-transparent{--color:var(--color-lighter) !important}/*!@:host button.inverted:not(.isLoading):not(.disabled):active .label, :host a.inverted:not(.isLoading):not(.disabled):active .label*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active .label.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active .label.sc-cura-button-transparent{color:var(--color-light)}/*!@:host button.inverted:not(.isLoading):not(.disabled):active cura-icon, :host a.inverted:not(.isLoading):not(.disabled):active cura-icon*/.sc-cura-button-transparent-h button.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active cura-icon.sc-cura-button-transparent,.sc-cura-button-transparent-h a.inverted.sc-cura-button-transparent:not(.isLoading):not(.disabled):active cura-icon.sc-cura-button-transparent{--color:var(--color-light) !important}/*!@:host button cura-loader-circle, :host a cura-loader-circle*/.sc-cura-button-transparent-h button.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{position:absolute;display:none}/*!@:host button.isLoading, :host a.isLoading*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent{cursor:wait}/*!@:host button.isLoading .button-container, :host a.isLoading .button-container*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent .button-container.sc-cura-button-transparent{opacity:0.3}/*!@:host button.isLoading.icon-only .button-container, :host a.isLoading.icon-only .button-container*/.sc-cura-button-transparent-h button.isLoading.icon-only.sc-cura-button-transparent .button-container.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.icon-only.sc-cura-button-transparent .button-container.sc-cura-button-transparent{opacity:0}/*!@:host button.isLoading cura-loader-circle, :host a.isLoading cura-loader-circle*/.sc-cura-button-transparent-h button.isLoading.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent,.sc-cura-button-transparent-h a.isLoading.sc-cura-button-transparent cura-loader-circle.sc-cura-button-transparent{display:block}";
6760
6760
 
6761
6761
  class CuraButtonTransparent {
6762
6762
  constructor(hostRef) {
@@ -6903,8 +6903,7 @@ class CuraCheckbox {
6903
6903
  this.styles = {};
6904
6904
  }
6905
6905
  sizeHandler() {
6906
- this.styles['--size'] = `${formsSizes[this.size].size}px`;
6907
- this.styles['--gap'] = `${formsSizes[this.size].gap}px`;
6906
+ this.styles = Object.assign(Object.assign({}, this.styles), { '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
6908
6907
  }
6909
6908
  /**
6910
6909
  * Watches changes in color and background properties to update styles.
@@ -6933,7 +6932,9 @@ class CuraCheckbox {
6933
6932
  { name: '--error-base-lighter', background: this.isDarkbackground() ? 'error-base' : 'error-lighter' },
6934
6933
  { name: '--error-dark-base', background: this.isDarkbackground() ? 'error-dark' : 'error-base' },
6935
6934
  ];
6936
- colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background));
6935
+ colors.forEach(color => {
6936
+ this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);
6937
+ });
6937
6938
  this.styles = Object.assign({}, this.styles);
6938
6939
  }
6939
6940
  connectedCallback() {
@@ -11491,9 +11492,7 @@ class CuraRadio {
11491
11492
  this.styles = {};
11492
11493
  }
11493
11494
  sizeHandler() {
11494
- this.styles['--size-after'] = `${this.sizes[this.size].size}px`;
11495
- this.styles['--size'] = `${formsSizes[this.size].size}px`;
11496
- this.styles['--gap'] = `${formsSizes[this.size].gap}px`;
11495
+ this.styles = Object.assign(Object.assign({}, this.styles), { '--size-after': `${this.sizes[this.size].size}px`, '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
11497
11496
  }
11498
11497
  setColors() {
11499
11498
  const colors = [
@@ -11516,7 +11515,10 @@ class CuraRadio {
11516
11515
  { name: '--success-base-dark', background: this.isDarkbackground() ? 'success-base' : 'success-dark' },
11517
11516
  { name: '--error-base-dark', background: this.isDarkbackground() ? 'error-base' : 'error-dark' },
11518
11517
  ];
11519
- colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background));
11518
+ colors.forEach(color => {
11519
+ this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);
11520
+ });
11521
+ this.styles = Object.assign({}, this.styles);
11520
11522
  }
11521
11523
  connectedCallback() {
11522
11524
  this.sizeHandler();
@@ -11584,7 +11586,7 @@ class CuraRadio {
11584
11586
  }; }
11585
11587
  }
11586
11588
 
11587
- const curaSwitchCss = "@charset \"UTF-8\";/*!@:host*/.sc-cura-switch-h{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.container*/.container.sc-cura-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:var(--gap)}/*!@.position.container*/.position.container.sc-cura-switch{-ms-flex-direction:row;flex-direction:row}/*!@.position .label*/.position.sc-cura-switch .label.sc-cura-switch{text-align:right}/*!@.position .message*/.position.sc-cura-switch .message.sc-cura-switch{text-align:right}/*!@.control*/.control.sc-cura-switch{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}/*!@.track*/.track.sc-cura-switch{background:var(--neutral-base-black-40);border-radius:16px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;-ms-flex-align:start;align-items:flex-start;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--size-track);height:var(--size)}/*!@.thumb*/.thumb.sc-cura-switch{background-color:var(--neutral-white-purewhite);border:2px solid var(--neutral-medium);border-radius:50%;position:absolute;-webkit-transition:outline 0.3s, -webkit-transform 0.3s;transition:outline 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, outline 0.3s;transition:transform 0.3s, outline 0.3s, -webkit-transform 0.3s;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--size);height:var(--size)}/*!@.checked .thumb*/.checked.sc-cura-switch .thumb.sc-cura-switch{border-color:var(--color-dark-light);background:var(--color-lighter);-webkit-transform:translateX(var(--size));transform:translateX(var(--size))}/*!@.checked .thumb:hover*/.checked.sc-cura-switch .thumb.sc-cura-switch:hover{background:var(--neutral-white-purewhite) !important}/*!@.checked .track*/.checked.sc-cura-switch .track.sc-cura-switch{background:var(--color-base-lighter-50)}/*!@.disabled .track*/.disabled.sc-cura-switch .track.sc-cura-switch{background:var(--primary-base-neutral-black-20)}/*!@.disabled .thumb*/.disabled.sc-cura-switch .thumb.sc-cura-switch{background:var(--neutral-lighter) !important;border-color:var(--primary-dark-neutral-base);cursor:not-allowed}/*!@.disabled.checked .track*/.disabled.checked.sc-cura-switch .track.sc-cura-switch{background:var(--primary-base-neutral-black-20)}/*!@.disabled .thumb:hover*/.disabled.sc-cura-switch .thumb.sc-cura-switch:hover{background:var(--neutral-lighter) !important;border-color:var(--primary-dark-neutral-base) !important}/*!@:not(.disabled):not(.checked) .thumb:hover*/.sc-cura-switch:not(.disabled):not(.checked) .thumb.sc-cura-switch:hover{border-color:var(--color-dark-light);background:var(--color-lighter)}/*!@:not(.disabled) .thumb:focus*/.sc-cura-switch:not(.disabled) .thumb.sc-cura-switch:focus{border-color:var(--info-base) !important;z-index:1}";
11589
+ const curaSwitchCss = "@charset \"UTF-8\";/*!@:host*/.sc-cura-switch-h{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.container*/.container.sc-cura-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:var(--gap);text-align:left}/*!@.position*/.position.sc-cura-switch{-ms-flex-direction:row;flex-direction:row}/*!@.label, .message*/.label.sc-cura-switch,.message.sc-cura-switch{text-align:left}/*!@.control*/.control.sc-cura-switch{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}/*!@.track*/.track.sc-cura-switch{background:var(--neutral-base-black-40);border-radius:16px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;-ms-flex-align:start;align-items:flex-start;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}/*!@.thumb*/.thumb.sc-cura-switch{background-color:var(--neutral-white-purewhite);border:2px solid var(--neutral-medium);border-radius:50%;position:absolute;-webkit-transition:outline 0.3s, -webkit-transform 0.3s;transition:outline 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, outline 0.3s;transition:transform 0.3s, outline 0.3s, -webkit-transform 0.3s;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}/*!@.checked .thumb*/.checked.sc-cura-switch .thumb.sc-cura-switch{border-color:var(--color-dark-light);background:var(--color-lighter);-webkit-transform:translateX(var(--size)) translateY(-50%);transform:translateX(var(--size)) translateY(-50%)}/*!@.checked .thumb:hover*/.checked.sc-cura-switch .thumb.sc-cura-switch:hover{background:var(--neutral-white-purewhite) !important}/*!@.checked .track*/.checked.sc-cura-switch .track.sc-cura-switch{background:var(--color-base-lighter-50)}/*!@.disabled .track*/.disabled.sc-cura-switch .track.sc-cura-switch{background:var(--primary-base-neutral-black-20)}/*!@.disabled .thumb*/.disabled.sc-cura-switch .thumb.sc-cura-switch{background:var(--neutral-lighter) !important;border-color:var(--primary-dark-neutral-base);cursor:not-allowed}/*!@.disabled.checked .track*/.disabled.checked.sc-cura-switch .track.sc-cura-switch{background:var(--primary-base-neutral-black-20)}/*!@.disabled .thumb:hover*/.disabled.sc-cura-switch .thumb.sc-cura-switch:hover{background:var(--neutral-lighter) !important;border-color:var(--primary-dark-neutral-base) !important}/*!@:not(.disabled):not(.checked) .thumb:hover*/.sc-cura-switch:not(.disabled):not(.checked) .thumb.sc-cura-switch:hover{border-color:var(--color-dark-light);background:var(--color-lighter)}/*!@:not(.disabled) .thumb:focus*/.sc-cura-switch:not(.disabled) .thumb.sc-cura-switch:focus{border-color:var(--info-base) !important;z-index:1}";
11588
11590
 
11589
11591
  class CuraSwitch {
11590
11592
  constructor(hostRef) {
@@ -11613,9 +11615,7 @@ class CuraSwitch {
11613
11615
  this.styles = {};
11614
11616
  }
11615
11617
  sizeHandler() {
11616
- this.styles['--size-track'] = `${this.sizes[this.size].size}px`;
11617
- this.styles['--size'] = `${formsSizes[this.size].size}px`;
11618
- this.styles['--gap'] = `${formsSizes[this.size].gap}px`;
11618
+ this.styles = Object.assign(Object.assign({}, this.styles), { '--size-track': `${this.sizes[this.size].size}px`, '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
11619
11619
  }
11620
11620
  setColors() {
11621
11621
  const colors = [
@@ -11633,7 +11633,10 @@ class CuraSwitch {
11633
11633
  { name: '--primary-dark-neutral-base', background: `${this.isDarkbackground() ? 'primary-dark' : 'neutral-base'}` },
11634
11634
  { name: '--neutral-lighter', background: `${this.isDarkbackground() ? 'primary-base' : 'neutral-lighter'}` },
11635
11635
  ];
11636
- colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background, color === null || color === void 0 ? void 0 : color.opacity));
11636
+ colors.forEach(color => {
11637
+ this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background, color === null || color === void 0 ? void 0 : color.opacity);
11638
+ });
11639
+ this.styles = Object.assign({}, this.styles);
11637
11640
  }
11638
11641
  connectedCallback() {
11639
11642
  this.sizeHandler();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rededor/cura-hydrate",
3
- "description": "Cura Design System Hydration App.",
3
+ "description": "cura component hydration app.",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
- "version": "0.5.3"
6
+ "version": "0.5.5"
7
7
  }