@cds/core 5.5.7 → 5.6.2

package/radio/radio-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{querySlotAll as o,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(t){super.firstUpdated(t),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((t=>t&&t.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((t=>t.addEventListener("checkedChange",(t=>{t.detail&&(Array.from(this.controls).forEach((t=>t.inputControl.checked=!1)),t.target.inputControl.checked=!0)}))))}}t([o("cds-radio")],e.prototype,"controls",void 0),t([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
+import{__decorate as o}from"tslib";import{querySlotAll as t,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(o){super.firstUpdated(o),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((o=>o&&o.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((o=>o.addEventListener("checkedChange",(o=>{o.detail&&(Array.from(this.controls).forEach((o=>o.inputControl.checked=!1)),o.target.inputControl.checked=!0)}))))}}o([t("cds-radio, cds-radio")],e.prototype,"controls",void 0),o([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
 //# sourceMappingURL=radio-group.element.js.map

package/radio/radio-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,cACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}
+{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,yBACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}

package/radio/radio.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default r;
+import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default r;
 //# sourceMappingURL=radio.element.scss.js.map

package/select/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as e}from"@cds/core/internal";import{CdsSelect as r}from"./select.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";e("cds-select",r);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsSelect as e}from"./select.element.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{angleIcon as s}from"@cds/core/icon/shapes/angle.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";o.addIcons(s),r("cds-select",e);
 //# sourceMappingURL=register.js.map

package/select/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSelect"],"mappings":"kLASAA,EAAsB,aAAcC"}
+{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsSelect"],"mappings":"2SAWAA,EAAaC,SAASC,GACtBC,EAAsB,aAAcC"}

package/select/select.element.d.ts

@@ -35,6 +35,6 @@ export declare class CdsSelect extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected globalStyles: import("lit").CSSResultGroup;
     protected multiple: boolean;
-    constructor();
+    protected size: boolean;
     firstUpdated(props: Map<string, any>): void;
 }

package/select/select.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{listenForAttributeChange as e,globalStyle as s,state as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{angleIcon as p}from"@cds/core/icon/shapes/angle.js";import n from"./select.global.scss.js";import m from"./select.element.scss.js";class d extends i{constructor(){super(),this.globalStyles=n,this.multiple=!1,c.addIcons(p)}get suffixDefaultTemplate(){return o`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,m]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(e(this.inputControl,"multiple",(t=>this.multiple=null!==t)))}}t([s()],d.prototype,"globalStyles",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"multiple",void 0);export{d as CdsSelect};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{listenForAttributeChange as s,globalStyle as o,state as i}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import p from"./select.global.scss.js";import n from"./select.element.scss.js";class c extends r{constructor(){super(...arguments),this.globalStyles=p,this.multiple=!1,this.size=!1}get suffixDefaultTemplate(){return e`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,n]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(s(this.inputControl,"multiple",(t=>this.multiple=null!==t))),this.size=this.inputControl.hasAttribute("size"),this.observers.push(s(this.inputControl,"size",(t=>this.size=null!==t)))}}t([o()],c.prototype,"globalStyles",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"multiple",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"size",void 0);export{c as CdsSelect};
 //# sourceMappingURL=select.element.js.map

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","this","globalStyles","multiple","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"2bA6CO,MAAMA,UAAkBC,EAC3BC,cACIC,QACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIT,MAAMS,OAAQC,EAAaD,GAE1CV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKE,SAAWF,KAAKY,aAAaC,aAAa,YAC/Cb,KAAKc,UAAUC,KAAKC,EAAyBhB,KAAKY,aAAc,YAAYK,GAAQjB,KAAKE,SAAmB,OAARe,MAG5GC,EAAW,CACPC,KACDvB,EAAUwB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC5B,EAAUwB,UAAW,gBAAY"}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","arguments","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,GAE1CT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDtB,EAAUuB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,YAAQ"}

package/select/select.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var r=o`:host([_multiple]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default r;
+import{css as o}from"lit";var t=o`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action,:host([_size]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default t;
 //# sourceMappingURL=select.element.scss.js.map

package/select/select.global.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000));padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export default o;
+import{css as a}from"lit";var o=a`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export default o;
 //# sourceMappingURL=select.global.scss.js.map

package/selection-panels/checkbox/checkbox-panel.element.d.ts

@@ -0,0 +1,35 @@
+import { CdsCheckbox } from '@cds/core/checkbox';
+import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
+/**
+ * Checkbox
+ *
+ * ```typescript
+ * import '@cds/core/checkbox/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-checkbox>
+ *   <label>
+ *     <div cds-layout="vertical align:center">
+ *       <span cds-text="section">VM One</span>
+ *       <cds-icon shape="vm" badge="info"></cds-icon>
+ *       <p>Machines for orchestration and automation.</p>
+ *     </div>
+ *   </label>
+ *   <input type="checkbox" />
+ *   <cds-control-message>message text</cds-control-message>
+ * </cds-checkbox>
+ * ```
+ *
+ * @element cds-checkbox
+ * @slot - For projecting checkbox and it's complex label
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --border
+ * @cssprop --box-shadow
+ */
+export declare class CdsCheckboxPanel extends CdsCheckbox {
+    size: SelectionPanelSizes;
+    protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/selection-panels/checkbox/checkbox-panel.element.js

@@ -0,0 +1,2 @@
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{CdsCheckbox as s}from"@cds/core/checkbox";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class l extends s{constructor(){super(...arguments),this.size="default"}get internalLabelTemplate(){return t`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}static get styles(){return[...super.styles,r]}}e([o({type:String})],l.prototype,"size",void 0);export{l as CdsCheckboxPanel};
+//# sourceMappingURL=checkbox-panel.element.js.map

package/selection-panels/checkbox/checkbox-panel.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}

package/selection-panels/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox-panel.element.js';

package/selection-panels/checkbox/index.js

@@ -0,0 +1,2 @@
+export{CdsCheckboxPanel}from"./checkbox-panel.element.js";
+//# sourceMappingURL=index.js.map

package/selection-panels/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/selection-panels/checkbox/register.d.ts

@@ -0,0 +1,6 @@
+import { CdsCheckboxPanel } from './checkbox-panel.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-checkbox-panel': CdsCheckboxPanel;
+    }
+}

package/selection-panels/checkbox/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as e}from"@cds/core/internal";import{CdsCheckboxPanel as c}from"./checkbox-panel.element.js";e("cds-checkbox-panel",c);
+//# sourceMappingURL=register.js.map

package/selection-panels/checkbox/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel"],"mappings":"0HAOAA,EAAsB,qBAAsBC"}

package/selection-panels/radio/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-panel.element.js';

package/selection-panels/radio/index.js

@@ -0,0 +1,2 @@
+export{CdsRadioPanel}from"./radio-panel.element.js";
+//# sourceMappingURL=index.js.map

package/selection-panels/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/selection-panels/radio/radio-panel.element.d.ts

@@ -0,0 +1,35 @@
+import { CdsRadio } from '@cds/core/radio';
+import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
+/**
+ * Checkbox
+ *
+ * ```typescript
+ * import '@cds/core/checkbox/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-radio>
+ *   <label>
+ *     <div cds-layout="vertical align:center">
+ *       <span cds-text="section">VM One</span>
+ *       <cds-icon shape="vm" badge="info"></cds-icon>
+ *       <p>Machines for orchestration and automation.</p>
+ *     </div>
+ *   </label>
+ *   <input type="radio" />
+ *   <cds-control-message>message text</cds-control-message>
+ * </cds-radio>
+ * ```
+ *
+ * @element cds-radio
+ * @slot - For projecting checkbox and it's complex label
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --border
+ * @cssprop --box-shadow
+ */
+export declare class CdsRadioPanel extends CdsRadio {
+    size: SelectionPanelSizes;
+    static get styles(): import("lit").CSSResultGroup[];
+    protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
+}

package/selection-panels/radio/radio-panel.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{CdsRadio as s}from"@cds/core/radio";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class i extends s{constructor(){super(...arguments),this.size="default"}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return e`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}}t([o({type:String})],i.prototype,"size",void 0);export{i as CdsRadioPanel};
+//# sourceMappingURL=radio-panel.element.js.map

package/selection-panels/radio/radio-panel.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNAsCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}

package/selection-panels/radio/register.d.ts

@@ -0,0 +1,6 @@
+import { CdsRadioPanel } from './radio-panel.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-radio-panel': CdsRadioPanel;
+    }
+}

package/selection-panels/radio/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsRadioPanel as e}from"./radio-panel.element.js";r("cds-radio-panel",e);
+//# sourceMappingURL=register.js.map

package/selection-panels/radio/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/radio/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRadioPanel"],"mappings":"oHAOAA,EAAsB,kBAAmBC"}

package/selection-panels/shared/selection-panel.element.scss.js

@@ -0,0 +1,6 @@
+import{css as a}from"lit";var l=a`/*!
+ * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */:host{--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc((6 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-layout-space-xs,calc((4 / var(--cds-global-base,20)) * 1rem));position:absolute;right:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));top:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40)}`;export default l;
+//# sourceMappingURL=selection-panel.element.scss.js.map

package/selection-panels/shared/selection-panel.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-panel.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}

package/selection-panels/shared/selection-panel.interfaces.d.ts

@@ -0,0 +1 @@
+export declare type SelectionPanelSizes = 'default' | 'sm' | 'md' | 'lg' | 'xl';

package/styles/module.tokens.css

@@ -353,6 +353,10 @@
   --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
   --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
   --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-interaction-outline: Highlight solid 2px;
+  --cds-alias-object-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
+  --cds-alias-object-interaction-outline-offset: 1px;
+  --cds-alias-object-interaction-touch-target: calc((36 / var(--cds-global-base, 20)) * 1rem);
   --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
   --cds-alias-object-interaction-background: var(--cds-global-color-white);
   --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
@@ -385,6 +389,7 @@
   --cds-alias-status-danger: var(--cds-global-color-red-700);
   --cds-alias-status-danger-tint: var(--cds-global-color-red-50);
   --cds-alias-status-danger-shade: var(--cds-global-color-red-800);
+  --cds-alias-status-danger-dark: var(--cds-global-color-red-900);
   --cds-alias-status-neutral: var(--cds-global-color-construction-600);
   --cds-alias-status-neutral-tint: var(--cds-global-color-construction-50);
   --cds-alias-status-neutral-shade: var(--cds-global-color-construction-700);

package/styles/module.tokens.min.css

@@ -1 +1 @@
-:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}
+:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}

package/styles/theme.dark.css

@@ -45,6 +45,7 @@
   --cds-alias-status-warning-shade: var(--cds-global-color-ochre-500);
   --cds-alias-status-warning-dark: var(--cds-global-color-ochre-500);
   --cds-alias-status-danger: var(--cds-global-color-red-500);
+  --cds-alias-status-danger-dark: var(--cds-global-color-red-800);
   --cds-alias-status-danger-tint: var(--cds-global-color-red-700);
   --cds-alias-status-danger-shade: var(--cds-global-color-red-700);
   --cds-alias-status-neutral: var(--cds-global-color-construction-300);

package/styles/theme.dark.min.css

@@ -1 +1 @@
-[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-app-border-color:var(--cds-global-color-black);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-overlay-border-color:var(--cds-global-color-black);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.5);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.3);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.2);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-cool-gray-900);--cds-alias-object-interaction-background-selected:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-800)}
+[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-app-border-color:var(--cds-global-color-black);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-overlay-border-color:var(--cds-global-color-black);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.5);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.3);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.2);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-cool-gray-900);--cds-alias-object-interaction-background-selected:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-dark:var(--cds-global-color-red-800);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-800)}

package/tag/tag.element.d.ts

@@ -24,8 +24,8 @@ import { CdsBaseButton, StatusTypes } from '@cds/core/internal';
  */
 export declare class CdsTag extends CdsBaseButton {
     /**
-     * @type {neutral | info | success | warning | danger}
      * Sets the color of the tag (and badge if present) from the following predefined list of statuses:
+     * @type {neutral | info | success | warning | danger}
      */
     status: StatusTypes;
     /** Sets the color of the tag (and badge if present) from a predefined list of choices */

package/tag/tag.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
+import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
 //# sourceMappingURL=tag.element.scss.js.map

package/test/index.js

@@ -1,2 +1,2 @@
-export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,removeTestElement}from"./utils.js";import"lit";
+export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,onceEvent,removeTestElement}from"./utils.js";import"lit";
 //# sourceMappingURL=index.js.map

package/test/utils.d.ts

@@ -6,3 +6,5 @@ export declare function getComponentSlotContent(component: HTMLElement): {
 };
 export declare function componentIsStable(component: any): Promise<any>;
 export declare function emulatedClick(component: HTMLElement): void;
+/** helpful for capturing a single event in a async test rather than Jasmine `done()` */
+export declare function onceEvent(element: HTMLElement, event: string): Promise<any>;

package/test/utils.js

@@ -1,2 +1,2 @@
-import{render as e}from"lit";function t(t){const n=document.createElement("div");return document.body.appendChild(n),t&&e(t,n),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>n))}function n(e){e.remove()}function o(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let n=t.outerHTML;return n=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(n||"")}),""),e)),{})}function r(e,t=10,n,o={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{o.resolve=e,o.reject=t})),e().then((e=>{o.resolve(e)})).catch((()=>{t>0?r(e,t,n,o):o.reject("Max attempts reached")})),n}function u(e){return r((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),o=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(o)}export{u as componentIsStable,t as createTestElement,c as emulatedClick,o as getComponentSlotContent,n as removeTestElement};
+import{render as e}from"lit";function t(t){const n=document.createElement("div");return document.body.appendChild(n),t&&e(t,n),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>n))}function n(e){e.remove()}function o(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let n=t.outerHTML;return n=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(n||"")}),""),e)),{})}function r(e,t=10,n,o={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{o.resolve=e,o.reject=t})),e().then((e=>{o.resolve(e)})).catch((()=>{t>0?r(e,t,n,o):o.reject("Max attempts reached")})),n}function u(e){return r((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),o=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(o)}function s(e,t){return new Promise((n=>{e.addEventListener(t,(e=>n(e)))}))}export{u as componentIsStable,t as createTestElement,c as emulatedClick,o as getComponentSlotContent,s as onceEvent,n as removeTestElement};
 //# sourceMappingURL=utils.js.map

package/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc3B,GAC1B,MAAM4B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B7B,EAAUgC,cAAcJ,GACxB5B,EAAUgC,cAAcF,GACxB9B,EAAUgC,cAAcD"}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent","onceEvent","event","addEventListener","e"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc3B,GAC1B,MAAM4B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B7B,EAAUgC,cAAcJ,GACxB5B,EAAUgC,cAAcF,GACxB9B,EAAUgC,cAAcD,GAGrB,SAASE,EAAUrD,EAASsD,GAC/B,OAAO,IAAIhD,SAAQkC,IACfxC,EAAQuD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}

package/textarea/textarea.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
 //# sourceMappingURL=textarea.element.scss.js.map

package/toggle/toggle.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}`;export default r;
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default r;
 //# sourceMappingURL=toggle.element.scss.js.map

package/tokens/tokens.android.xml

@@ -354,6 +354,10 @@
   <property name="aliasObjectOpacity100">hsla(0, 0%, 0%, 0.2)</property>
   <property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</property>
   <property name="aliasObjectOpacity300">hsla(0, 0%, 0%, 0.6)</property>
+  <property name="aliasObjectInteractionOutline">Highlight solid 2px</property>
+  <property name="aliasObjectInteractionOutlineWebkit">5px auto -webkit-focus-ring-color</property>
+  <property name="aliasObjectInteractionOutlineOffset">1px</property>
+  <property name="aliasObjectInteractionTouchTarget">36</property>
   <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>
   <color name="aliasObjectInteractionBackground" alias="globalColorWhite">#ffffff</color>
   <color name="aliasObjectInteractionBackgroundHover" alias="globalColorBlue50">#e5f7ff</color>
@@ -386,6 +390,7 @@
   <color name="aliasStatusDanger" alias="globalColorRed700">#e02200</color>
   <color name="aliasStatusDangerTint" alias="globalColorRed50">#fff2f0</color>
   <color name="aliasStatusDangerShade" alias="globalColorRed800">#c21d00</color>
+  <color name="aliasStatusDangerDark" alias="globalColorRed900">#8f1500</color>
   <color name="aliasStatusNeutral" alias="globalColorConstruction600">#4f6169</color>
   <color name="aliasStatusNeutralTint" alias="globalColorConstruction50">#f1f6f8</color>
   <color name="aliasStatusNeutralShade" alias="globalColorConstruction700">#3a4d55</color>

package/tokens/tokens.d.ts

@@ -351,6 +351,10 @@ export declare const aliasObjectOpacity0 = "var(--cds-alias-object-opacity-0)";
 export declare const aliasObjectOpacity100 = "var(--cds-alias-object-opacity-100)";
 export declare const aliasObjectOpacity200 = "var(--cds-alias-object-opacity-200)";
 export declare const aliasObjectOpacity300 = "var(--cds-alias-object-opacity-300)";
+export declare const aliasObjectInteractionOutline = "var(--cds-alias-object-interaction-outline)";
+export declare const aliasObjectInteractionOutlineWebkit = "var(--cds-alias-object-interaction-outline-webkit)";
+export declare const aliasObjectInteractionOutlineOffset = "var(--cds-alias-object-interaction-outline-offset)";
+export declare const aliasObjectInteractionTouchTarget = "var(--cds-alias-object-interaction-touch-target)";
 export declare const aliasObjectInteractionBorderColor = "var(--cds-alias-object-interaction-border-color)";
 export declare const aliasObjectInteractionBackground = "var(--cds-alias-object-interaction-background)";
 export declare const aliasObjectInteractionBackgroundHover = "var(--cds-alias-object-interaction-background-hover)";
@@ -383,6 +387,7 @@ export declare const aliasStatusWarningDark = "var(--cds-alias-status-warning-da
 export declare const aliasStatusDanger = "var(--cds-alias-status-danger)";
 export declare const aliasStatusDangerTint = "var(--cds-alias-status-danger-tint)";
 export declare const aliasStatusDangerShade = "var(--cds-alias-status-danger-shade)";
+export declare const aliasStatusDangerDark = "var(--cds-alias-status-danger-dark)";
 export declare const aliasStatusNeutral = "var(--cds-alias-status-neutral)";
 export declare const aliasStatusNeutralTint = "var(--cds-alias-status-neutral-tint)";
 export declare const aliasStatusNeutralShade = "var(--cds-alias-status-neutral-shade)";

package/tokens/tokens.ios.swift

@@ -352,6 +352,10 @@ let aliasObjectOpacity0 = "hsla(0, 0%, 0%, 0)";
 let aliasObjectOpacity100 = "hsla(0, 0%, 0%, 0.2)";
 let aliasObjectOpacity200 = "hsla(0, 0%, 0%, 0.4)";
 let aliasObjectOpacity300 = "hsla(0, 0%, 0%, 0.6)";
+let aliasObjectInteractionOutline = "Highlight solid 2px";
+let aliasObjectInteractionOutlineWebkit = "5px auto -webkit-focus-ring-color";
+let aliasObjectInteractionOutlineOffset = "1px";
+let aliasObjectInteractionTouchTarget = CGFloat(36.00);
 let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
 let aliasObjectInteractionBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
@@ -384,6 +388,7 @@ let aliasStatusWarningDark = UIColor(red: 163, green: 101, blue: 0, alpha: 1.0);
 let aliasStatusDanger = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
 let aliasStatusDangerTint = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
 let aliasStatusDangerShade = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
+let aliasStatusDangerDark = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
 let aliasStatusNeutral = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
 let aliasStatusNeutralTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
 let aliasStatusNeutralShade = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);