@cds/core 5.5.3 → 5.5.7

package/custom-elements.legacy.json

@@ -1509,6 +1509,10 @@
           "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
           "type": "boolean"
         },
+        {
+          "name": "styles",
+          "type": "CSSResultGroup[]"
+        },
         {
           "name": "layoutStable",
           "type": "boolean"
@@ -1826,6 +1830,10 @@
           "description": "By default forms will collapse to layout that prevents overflow.\nIf disabled control layout may break or overflow in unexpected ways.",
           "type": "boolean"
         },
+        {
+          "name": "styles",
+          "type": "CSSResultGroup[]"
+        },
         {
           "name": "layoutStable",
           "type": "boolean"

package/forms/control/control.element.d.ts

@@ -90,7 +90,6 @@ export declare class CdsControl extends LitElement {
     protected get messagesTemplate(): TemplateResult<1>;
     private get prefixTemplate();
     private get suffixTemplate();
-    constructor();
     connectedCallback(): void;
     firstUpdated(props: Map<string, any>): void;
     updated(props: Map<string, any>): void;

package/forms/control/control.element.js

@@ -1,6 +1,6 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as i}from"lit";import{query as s}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as d,childrenUpdateComplete as p,pxToRem as u,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as v,id as m,event as g}from"@cds/core/internal";import{ClarityIcons as b}from"@cds/core/icon/icon.service.js";import{exclamationCircleIcon as L}from"@cds/core/icon/shapes/exclamation-circle.js";import{checkCircleIcon as x}from"@cds/core/icon/shapes/check-circle.js";import C from"./control.element.scss.js";import{syncHTML5Validation as A}from"../utils/validate.js";import{defaultControlWidth as T,defaultFormLayout as $,getStatusIcon as S,associateInputAndLabel as k,associateInputToDatalist as I,getCurrentMessageStatus as B,controlIsWrapped as R,formLayouts as w}from"../utils/index.js";var z;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(z||(z={}));class D extends e{constructor(){super(),this.status="neutral",this.controlWidth=T,this.validate=!1,this.responsive=!0,this._layout=$,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=z.default,this.observers=[],b.addIcons(L,x)}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):$,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,C]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==z.inputGroup&&("error"===this.status||"success"===this.status)}render(){var t;return i`${this.labelLayout===z.hiddenLabel||this.labelLayout===z.inputGroup?i`<span cds-layout="display:screen-reader-only"><slot name="label"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:sm":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
+import{__decorate as t}from"tslib";import{LitElement as e,html as i}from"lit";import{query as s}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as d,childrenUpdateComplete as p,pxToRem as u,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as v,id as m,event as g}from"@cds/core/internal";import b from"./control.element.scss.js";import{syncHTML5Validation as C}from"../utils/validate.js";import{defaultControlWidth as x,defaultFormLayout as L,getStatusIcon as A,associateInputAndLabel as T,associateInputToDatalist as $,getCurrentMessageStatus as S,controlIsWrapped as k,formLayouts as w}from"../utils/index.js";var B;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(B||(B={}));class I extends e{constructor(){super(...arguments),this.status="neutral",this.controlWidth=x,this.validate=!1,this.responsive=!0,this._layout=L,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=B.default,this.observers=[]}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):L,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,b]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==B.inputGroup&&("error"===this.status||"success"===this.status)}render(){var t;return i`${this.labelLayout===B.hiddenLabel||this.labelLayout===B.inputGroup?i`<span cds-layout="display:screen-reader-only"><slot name="label"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:sm":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
           wrap:none
           ${"compact"===this.layout?"horizontal":"vertical"}
           ${"stretch"!==this.controlWidth||this.fixedControlWidth?"":"align:horizontal-stretch"}
-          ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:sm":""}"><div cds-layout="horizontal gap:sm wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?S(this.status):""}</div>${this.messagesTemplate}</div></div>`}get inputTemplate(){return i``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return i`${this.labelLayout===z.default?i`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return i`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return i`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return i`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),k(this.inputControl,this.label,this.inputControlId),I(this.inputControl,this.datalistControl),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),B(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(d(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),d(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),d(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){var t,e;!(null===(e=null===(t=this.inputControl)||void 0===t?void 0:t.form)||void 0===e?void 0:e.noValidate)&&this.validate&&A(this,Array.from(this.messages))}async setActionOffsetPadding(){if(await p(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=u(this.prefixAction.getBoundingClientRect().width+6),e=u(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==z.default||!R(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===z.default&&this.controlLabel){const t={layouts:w,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){var t,e;(null===(e=null===(t=this.label)||void 0===t?void 0:t.getAttribute("cds-layout"))||void 0===e?void 0:e.includes("display:screen-reader-only"))&&(this.labelLayout=z.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=z.ariaLabel)}assignSlotIfInControlGroup(){var t;(null===(t=this.parentElement)||void 0===t?void 0:t.hasAttribute("cds-control-group"))&&this.setAttribute("slot","controls")}}t([c({type:String})],D.prototype,"status",void 0),t([c({type:String})],D.prototype,"controlWidth",void 0),t([c({type:Boolean})],D.prototype,"validate",void 0),t([c({type:Boolean})],D.prototype,"responsive",void 0),t([c({type:String})],D.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],D.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],D.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],D.prototype,"readonly",void 0),t([y()],D.prototype,"fixedControlWidth",void 0),t([y()],D.prototype,"supportsPrefixSuffixActions",void 0),t([y()],D.prototype,"isRTL",null),t([y()],D.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],D.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],D.prototype,"label",void 0),t([s("cds-internal-control-label[action=primary]")],D.prototype,"controlLabel",void 0),t([f("datalist")],D.prototype,"datalistControl",void 0),t([v("cds-control-message")],D.prototype,"messages",void 0),t([v("cds-control-action")],D.prototype,"controlActions",void 0),t([m()],D.prototype,"inputControlId",void 0),t([s(".prefix")],D.prototype,"prefixAction",void 0),t([s(".suffix")],D.prototype,"suffixAction",void 0),t([s(".messages")],D.prototype,"messageSlot",void 0),t([g()],D.prototype,"layoutChange",void 0);export{D as CdsControl,z as ControlLabelLayout};
+          ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:sm":""}"><div cds-layout="horizontal gap:sm wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?A(this.status):""}</div>${this.messagesTemplate}</div></div>`}get inputTemplate(){return i``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return i`${this.labelLayout===B.default?i`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return i`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return i`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return i`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),T(this.inputControl,this.label,this.inputControlId),$(this.inputControl,this.datalistControl),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),S(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(d(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),d(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),d(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){var t,e;!(null===(e=null===(t=this.inputControl)||void 0===t?void 0:t.form)||void 0===e?void 0:e.noValidate)&&this.validate&&C(this,Array.from(this.messages))}async setActionOffsetPadding(){var t,e;const i=null===(t=this.prefixAction)||void 0===t?void 0:t.updateComplete,s=null===(e=this.suffixAction)||void 0===e?void 0:e.updateComplete;if(await i||Promise.resolve(!0),await s||Promise.resolve(!0),await p(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=u(this.prefixAction.getBoundingClientRect().width+6),e=u(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==B.default||!k(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===B.default&&this.controlLabel){const t={layouts:w,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){var t,e;(null===(e=null===(t=this.label)||void 0===t?void 0:t.getAttribute("cds-layout"))||void 0===e?void 0:e.includes("display:screen-reader-only"))&&(this.labelLayout=B.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=B.ariaLabel)}assignSlotIfInControlGroup(){var t;(null===(t=this.parentElement)||void 0===t?void 0:t.hasAttribute("cds-control-group"))&&this.setAttribute("slot","controls")}}t([c({type:String})],I.prototype,"status",void 0),t([c({type:String})],I.prototype,"controlWidth",void 0),t([c({type:Boolean})],I.prototype,"validate",void 0),t([c({type:Boolean})],I.prototype,"responsive",void 0),t([c({type:String})],I.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],I.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],I.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],I.prototype,"readonly",void 0),t([y()],I.prototype,"fixedControlWidth",void 0),t([y()],I.prototype,"supportsPrefixSuffixActions",void 0),t([y()],I.prototype,"isRTL",null),t([y()],I.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],I.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],I.prototype,"label",void 0),t([s("cds-internal-control-label[action=primary]")],I.prototype,"controlLabel",void 0),t([f("datalist")],I.prototype,"datalistControl",void 0),t([v("cds-control-message")],I.prototype,"messages",void 0),t([v("cds-control-action")],I.prototype,"controlActions",void 0),t([m()],I.prototype,"inputControlId",void 0),t([s(".prefix")],I.prototype,"prefixAction",void 0),t([s(".suffix")],I.prototype,"suffixAction",void 0),t([s(".messages")],I.prototype,"messageSlot",void 0),t([g()],I.prototype,"layoutChange",void 0);export{I as CdsControl,B as ControlLabelLayout};
 //# sourceMappingURL=control.element.js.map

package/forms/control/control.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":null,"names":["ControlLabelLayout","CdsControl","LitElement","[object Object]","super","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","ClarityIcons","addIcons","exclamationCircleIcon","checkCircleIcon","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","_a","html","hiddenLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","props","firstUpdated","associateInputAndLabel","label","inputControlId","associateInputToDatalist","datalistControl","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","_b","form","noValidate","syncHTML5Validation","childrenUpdateComplete","start","pxToRem","prefixAction","getBoundingClientRect","width","end","suffixAction","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","id","event"],"mappings":"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"}
+{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":null,"names":["ControlLabelLayout","CdsControl","LitElement","[object Object]","super","arguments","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","_a","html","hiddenLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","props","firstUpdated","associateInputAndLabel","label","inputControlId","associateInputToDatalist","datalistControl","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","_b","form","noValidate","syncHTML5Validation","prefix","prefixAction","updateComplete","suffix","suffixAction","Promise","resolve","childrenUpdateComplete","start","pxToRem","getBoundingClientRect","width","end","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","id","event"],"mappings":"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"}

package/forms/control/control.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{flex-basis:calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))*2)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}cds-control-action.status{height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));padding-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([layout=compact]) .messages,:host([layout=compact]) cds-internal-control-label[action=primary],:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages,:host([layout=horizontal-inline]) cds-internal-control-label[action=primary],:host([layout=horizontal]) cds-internal-control-label[action=primary]{padding-top:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem))}`;export default a;
+import{css as t}from"lit";var a=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{flex-basis:calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))*2)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem)) * 2)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}cds-control-action.status{height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));padding-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host(:not([layout*=vertical])) cds-internal-control-label[action=primary],:host([layout=compact]) .messages,:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages{padding-top:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem))}`;export default a;
 //# sourceMappingURL=control.element.scss.js.map

package/forms/control-group/control-group.element.d.ts

@@ -57,26 +57,24 @@ export declare class CdsInternalControlGroup extends LitElement {
     /** @private */
     controlLabel: CdsInternalControlLabel;
     private controlSlot;
-    private messageSlot;
     private groupLabelId;
     protected layoutChange: EventEmitter<FormLayout>;
     protected isInlineControlGroup: boolean;
     protected isControlGroup: boolean;
     protected observers: (MutationObserver | ResizeObserver)[];
-    static get styles(): import("lit").CSSResultGroup[];
+    static styles: import("lit").CSSResultGroup[];
     protected get messagesTemplate(): import("lit-html").TemplateResult<1>;
     protected get controlsTemplate(): import("lit-html").TemplateResult<1>;
     private get inlineControlLayout();
     private get primaryLabelLayout();
     private get controlMessageLayout();
     render(): import("lit-html").TemplateResult<1>;
-    constructor();
     connectedCallback(): void;
     firstUpdated(props: Map<string, any>): void;
     updated(props: Map<string, any>): void;
     disconnectedCallback(): void;
     get layoutStable(): boolean;
     private associateLabelAndGroup;
-    private setupDescribedByUpdates;
+    private updateControlMessages;
     private setupResponsive;
 }

package/forms/control-group/control-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{baseStyles as i,setAttributes as r,syncProps as a,syncDefinedProps as l,describeElementByElements as n,updateComponentLayout as c,property as d,querySlot as p,querySlotAll as h,id as u,event as y}from"@cds/core/internal";import{ClarityIcons as m}from"@cds/core/icon/icon.service.js";import{exclamationCircleIcon as g}from"@cds/core/icon/shapes/exclamation-circle.js";import{checkCircleIcon as v}from"@cds/core/icon/shapes/check-circle.js";import b from"./control-group.element.scss.js";import{defaultFormLayout as f,defaultControlWidth as L,getStatusIcon as C,inlineControlListIsWrapped as $,controlIsWrapped as A,getCurrentMessageStatus as z,formLayouts as S}from"../utils/index.js";class G extends o{constructor(){super(),this.status="neutral",this.layout=f,this.controlAlign="left",this.disabled=!1,this.controlWidth=L,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[],m.addIcons(g,v)}static get styles(){return[i,b]}get messagesTemplate(){var t;return s`<div cds-layout="horizontal align:shrink ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:sm":""}" class="messages-container">${this.isInlineControlGroup?"":C(this.status)}<div class="messages"><slot name="message"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:sm align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch"><slot name="controls"></slot></div>${C(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:md":"vertical gap:sm"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:sm":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:sm wrap:none align:stretch"}render(){var t;return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${(null===(t=this.messages)||void 0===t?void 0:t.length)?this.messagesTemplate:""}</div></div>`}connectedCallback(){super.connectedCallback(),r(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupDescribedByUpdates(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>a(o,this,{disabled:t.has("disabled")}))),l(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!$(Array.from(this.controls),this.layout)&&!A(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(()=>{n(this,Array.from(this.messages)),z(Array.from(this.messages)).then((t=>this.status=t))}))}setupResponsive(){if(this.responsive){const t={layouts:S,initialLayout:this.layout},o=c(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(o)}}}t([d({type:String})],G.prototype,"status",void 0),t([d({type:String})],G.prototype,"layout",void 0),t([d({type:String})],G.prototype,"controlAlign",void 0),t([d({type:Boolean})],G.prototype,"disabled",void 0),t([d({type:String})],G.prototype,"controlWidth",void 0),t([d({type:Boolean})],G.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],G.prototype,"label",void 0),t([h("cds-control, [cds-control]")],G.prototype,"controls",void 0),t([h("cds-control-message")],G.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]")],G.prototype,"controlLabel",void 0),t([e(".controls")],G.prototype,"controlSlot",void 0),t([e(".messages")],G.prototype,"messageSlot",void 0),t([u()],G.prototype,"groupLabelId",void 0),t([y()],G.prototype,"layoutChange",void 0);export{G as CdsInternalControlGroup};
+import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{setAttributes as i,syncProps as r,syncDefinedProps as a,describeElementByElements as l,updateComponentLayout as n,baseStyles as c,property as d,querySlot as p,querySlotAll as u,id as h,event as y}from"@cds/core/internal";import g from"./control-group.element.scss.js";import{defaultFormLayout as m,defaultControlWidth as v,getStatusIcon as b,inlineControlListIsWrapped as f,controlIsWrapped as C,getCurrentMessageStatus as L,formLayouts as $}from"../utils/index.js";class A extends o{constructor(){super(...arguments),this.status="neutral",this.layout=m,this.controlAlign="left",this.disabled=!1,this.controlWidth=v,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[]}get messagesTemplate(){return s`<div ?hidden="${0===this.messages.length}" cds-layout="horizontal align:shrink gap:sm wrap:none" class="messages-container">${this.isInlineControlGroup?"":b(this.status)}<div class="messages"><slot name="message" @slotchange="${this.updateControlMessages}"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:sm align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot name="controls"></slot></div>${b(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:md":"vertical gap:sm"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:sm":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:sm wrap:none align:stretch"}render(){return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${this.messagesTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),i(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>r(o,this,{disabled:t.has("disabled")}))),a(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!f(Array.from(this.controls),this.layout)&&!C(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}async updateControlMessages(){l(this,Array.from(this.messages)),this.status=await L(Array.from(this.messages))}setupResponsive(){if(this.responsive){const t={layouts:$,initialLayout:this.layout};this.observers.push(n(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0}))))}}}A.styles=[c,g],t([d({type:String})],A.prototype,"status",void 0),t([d({type:String})],A.prototype,"layout",void 0),t([d({type:String})],A.prototype,"controlAlign",void 0),t([d({type:Boolean})],A.prototype,"disabled",void 0),t([d({type:String})],A.prototype,"controlWidth",void 0),t([d({type:Boolean})],A.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],A.prototype,"label",void 0),t([u("cds-control, [cds-control]")],A.prototype,"controls",void 0),t([u("cds-control-message")],A.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]",!0)],A.prototype,"controlLabel",void 0),t([e(".controls",!0)],A.prototype,"controlSlot",void 0),t([h()],A.prototype,"groupLabelId",void 0),t([y()],A.prototype,"layoutChange",void 0);export{A as CdsInternalControlGroup};
 //# sourceMappingURL=control-group.element.js.map

package/forms/control-group/control-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":null,"names":["CdsInternalControlGroup","LitElement","[object Object]","super","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","ClarityIcons","addIcons","exclamationCircleIcon","checkCircleIcon","styles","baseStyles","messagesTemplate","_a","html","messages","length","getStatusIcon","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","connectedCallback","setAttributes","props","firstUpdated","associateLabelAndGroup","setupDescribedByUpdates","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","messageSlot","addEventListener","describeElementByElements","getCurrentMessageStatus","then","s","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","push","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"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"}
+{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":null,"names":["CdsInternalControlGroup","LitElement","[object Object]","super","arguments","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","messagesTemplate","html","messages","length","getStatusIcon","updateControlMessages","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","connectedCallback","setAttributes","props","firstUpdated","associateLabelAndGroup","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","describeElementByElements","getCurrentMessageStatus","layoutConfig","layouts","formLayouts","initialLayout","push","updateComponentLayout","layoutChange","emit","bubbles","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"ulBAmCO,MAAMA,UAAgCC,EACzCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAEdD,KAAKE,OAASC,EAEdH,KAAKI,aAAe,OAEpBJ,KAAKK,UAAW,EAKhBL,KAAKM,aAAeC,EAKpBP,KAAKQ,YAAa,EAClBR,KAAKS,sBAAuB,EAC5BT,KAAKU,gBAAiB,EACtBV,KAAKW,UAAY,GAErBC,uBACI,OAAOC,CAAK,iBACqB,IAAzBb,KAAKc,SAASC,4FAIrBf,KAAKS,qBAAoD,GAA7BO,EAAchB,KAAKC,kEAEbD,KAAKiB,6CAI5CC,uBACI,OAAOlB,KAAKS,qBACNI,CAAK,4MAKLG,EAAchB,KAAKC,gBAGnBY,CAAK,uGAE6Bb,KAAKmB,iEAMjDA,0BACI,MAAO,GAAInB,KAAKE,OAAOkB,SAAS,WAA6B,YAAhBpB,KAAKE,OAA2C,oBAApB,qBAA4CF,KAAKE,OAAOkB,SAAS,YAA4B,GAAd,cAE5JC,yBACI,OAAQrB,KAAKE,OAAOkB,SAAS,YAAoC,kBAAtB,oBAE/CE,2BACI,OAA0B,YAAhBtB,KAAKE,OAAuB,aAAe,YAA9C,kCAEXL,SACI,OAAOgB,CAAK,yCACyBb,KAAKqB,8DACFrB,KAAKK,+JAGOL,KAAKsB,yBACrDtB,KAAKkB,oBAAoBlB,KAAKY,+BAKtCf,oBACIC,MAAMyB,oBACNC,EAAcxB,KAAM,CAAC,OAAQ,SAAU,CAAC,oBAAqB,KAEjEH,aAAa4B,GACT3B,MAAM4B,aAAaD,GACnBzB,KAAK2B,yBACL3B,KAAK4B,kBAET/B,QAAQ4B,GACJ3B,MAAM+B,QAAQJ,GACdA,EAAMK,IAAI,kBAAkB,GAC5B9B,KAAK+B,SAASC,SAASC,GAAOA,EAAEvB,gBAAiB,IACjDV,KAAKc,SAASkB,SAAQE,GAAWC,EAAUD,EAASlC,KAAM,CAAEK,SAAUoB,EAAMW,IAAI,gBAChFC,EAAiBZ,EAAOzB,KAAMsC,MAAMC,KAAKvC,KAAK+B,WAElDlC,uBACIC,MAAM0C,uBACNxC,KAAKW,UAAUqB,SAAQS,GAAKA,EAAEC,eAElCC,mBACI,OAASC,EAA2BN,MAAMC,KAAKvC,KAAK+B,UAAW/B,KAAKE,UAC/D2C,EAAiB7C,KAAK8C,YAAa9C,KAAK+C,aAAc/C,KAAKE,QAEpEL,yBACIG,KAAKgD,aAAa,kBAAmBhD,KAAKiD,cAC1CjD,KAAKkD,MAAMF,aAAa,KAAMhD,KAAKiD,cAEvCpD,8BACIsD,EAA0BnD,KAAMsC,MAAMC,KAAKvC,KAAKc,WAChDd,KAAKC,aAAemD,EAAwBd,MAAMC,KAAKvC,KAAKc,WAEhEjB,kBACI,GAAIG,KAAKQ,WAAY,CACjB,MAAM6C,EAAe,CAAEC,QAASC,EAAaC,cAAexD,KAAKE,QACjEF,KAAKW,UAAU8C,KAAKC,EAAsB1D,KAAMqD,GAAc,IAAMrD,KAAK2D,aAAaC,KAAK5D,KAAKE,OAAQ,CAAE2D,SAAS,SAI/HlE,EAAwBmE,OAAS,CAACC,EAAYD,GAC9CE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxE,EAAwByE,UAAW,cAAU,GAChDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxE,EAAwByE,UAAW,cAAU,GAChDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxE,EAAwByE,UAAW,oBAAgB,GACtDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB1E,EAAwByE,UAAW,gBAAY,GAClDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxE,EAAwByE,UAAW,oBAAgB,GACtDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB1E,EAAwByE,UAAW,kBAAc,GACpDJ,EAAW,CACPM,EAAU,QAAS,CACfC,OAAQ,QACRC,SAAU,UACVC,gBAAiB,yDAEtB9E,EAAwByE,UAAW,aAAS,GAC/CJ,EAAW,CACPU,EAAa,+BACd/E,EAAwByE,UAAW,gBAAY,GAClDJ,EAAW,CACPU,EAAa,wBACd/E,EAAwByE,UAAW,gBAAY,GAClDJ,EAAW,CACPW,EAAM,8CAA8C,IACrDhF,EAAwByE,UAAW,oBAAgB,GACtDJ,EAAW,CACPW,EAAM,aAAa,IACpBhF,EAAwByE,UAAW,mBAAe,GACrDJ,EAAW,CACPY,KACDjF,EAAwByE,UAAW,oBAAgB,GACtDJ,EAAW,CACPa,KACDlF,EAAwByE,UAAW,oBAAgB"}

package/forms/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/icon/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsControl as r}from"./control/control.element.js";import{CdsControlAction as n}from"./control-action/control-action.element.js";import{CdsInternalControlGroup as t}from"./control-group/control-group.element.js";import{CdsInternalControlInline as e}from"./control-inline/control-inline.element.js";import{CdsInternalControlLabel as l}from"./control-label/control-label.element.js";import{CdsControlMessage as c}from"./control-message/control-message.element.js";import{CdsFormGroup as m}from"./form-group/form-group.element.js";o("cds-control",r),o("cds-control-action",n),o("cds-internal-control-group",t),o("cds-internal-control-inline",e),o("cds-internal-control-label",l),o("cds-control-message",c),o("cds-form-group",m);
+import"@cds/core/icon/register.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{exclamationCircleIcon as r}from"@cds/core/icon/shapes/exclamation-circle.js";import{checkCircleIcon as c}from"@cds/core/icon/shapes/check-circle.js";import{registerElementSafely as e}from"@cds/core/internal";import{CdsControl as n}from"./control/control.element.js";import{CdsControlAction as t}from"./control-action/control-action.element.js";import{CdsInternalControlGroup as l}from"./control-group/control-group.element.js";import{CdsInternalControlInline as m}from"./control-inline/control-inline.element.js";import{CdsInternalControlLabel as s}from"./control-label/control-label.element.js";import{CdsControlMessage as i}from"./control-message/control-message.element.js";import{CdsFormGroup as p}from"./form-group/form-group.element.js";e("cds-control",n),e("cds-control-action",t),e("cds-internal-control-group",l),e("cds-internal-control-inline",m),e("cds-internal-control-label",s),e("cds-control-message",i),e("cds-form-group",p),o.addIcons(r,c);
 //# sourceMappingURL=register.js.map

package/forms/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/forms/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsControl","CdsControlAction","CdsInternalControlGroup","CdsInternalControlInline","CdsInternalControlLabel","CdsControlMessage","CdsFormGroup"],"mappings":"qnBAcAA,EAAsB,cAAeC,GACrCD,EAAsB,qBAAsBE,GAC5CF,EAAsB,6BAA8BG,GACpDH,EAAsB,8BAA+BI,GACrDJ,EAAsB,6BAA8BK,GACpDL,EAAsB,sBAAuBM,GAC7CN,EAAsB,iBAAkBO"}
+{"version":3,"file":"register.js","sources":["../../../src/forms/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsControl","CdsControlAction","CdsInternalControlGroup","CdsInternalControlInline","CdsInternalControlLabel","CdsControlMessage","CdsFormGroup","ClarityIcons","addIcons","exclamationCircleIcon","checkCircleIcon"],"mappings":"+0BAiBAA,EAAsB,cAAeC,GACrCD,EAAsB,qBAAsBE,GAC5CF,EAAsB,6BAA8BG,GACpDH,EAAsB,8BAA+BI,GACrDJ,EAAsB,6BAA8BK,GACpDL,EAAsB,sBAAuBM,GAC7CN,EAAsB,iBAAkBO,GACxCC,EAAaC,SAASC,EAAuBC"}

package/forms/utils/index.d.ts

@@ -15,4 +15,7 @@ export declare function getLargestPrimaryLabelWidth(controls: (CdsControl | CdsI
 export declare function controlIsWrapped(input: HTMLElement, label: HTMLElement, layout: FormLayout): boolean;
 export declare function inlineControlListIsWrapped(inlineControls: CdsControl[], layout: FormLayout): boolean;
 export declare function isVerticalLayout(layout: FormLayout): boolean;
+/**
+ * Returns updated message status unless hidden then returns 'neutral'
+ */
 export declare function getCurrentMessageStatus(messages: CdsControlMessage[]): Promise<import("./interfaces.js").ControlStatus>;

package/forms/utils/index.js

@@ -1,2 +1,2 @@
-import{html as t}from"lit";import{pxToRem as n,isVisible as i}from"@cds/core/internal";const e=["vertical","vertical-inline","horizontal","horizontal-inline","compact"],o="horizontal",r="stretch";function l(t,n,i){t&&n&&(t.id=i,n.setAttribute("for",t.id))}function c(t,n){n&&(n.id=t.id+"-datalist",t.setAttribute("list",n.id))}const a={"horizontal-inline":"horizontal","vertical-inline":"vertical",horizontal:"horizontal",vertical:"vertical",compact:"compact"};function u(n){return t`${"neutral"!==n?t`<cds-control-action readonly="readonly" class="status" cds-layout="align:shrink"><cds-icon status="${"error"===n?"danger":"success"}" shape="${"error"===n?"exclamation-circle":"check-circle"}" size="16" inner-offset="${4}"></cds-icon></cds-control-action>`:""}`}async function s(t){return Promise.all(t.map((t=>t.updateComplete))).then((()=>{const i=t.filter((t=>{var n;return"primary"===(null===(n=t.controlLabel)||void 0===n?void 0:n.action)}));return n(Math.max(...i.map((t=>t.controlLabel.getBoundingClientRect().width))))}))}function d(t,n,i){return"vertical"!==i&&"vertical-inline"!==i&&t.getBoundingClientRect().top>(null==n?void 0:n.getBoundingClientRect().top)+12}function p(t,n){const i=t[0],e=t[t.length-1];return("vertical-inline"===n||"horizontal-inline"===n)&&e.getBoundingClientRect().top>i.getBoundingClientRect().top}function h(t){return"vertical"===t||"vertical-inline"===t}async function v(t){const n=t.find((t=>"neutral"!==t.status));return await(null==n?void 0:n.updateComplete),n&&i(n)?n.status:"neutral"}export{l as associateInputAndLabel,c as associateInputToDatalist,d as controlIsWrapped,r as defaultControlWidth,o as defaultFormLayout,e as formLayouts,v as getCurrentMessageStatus,s as getLargestPrimaryLabelWidth,u as getStatusIcon,p as inlineControlListIsWrapped,h as isVerticalLayout,a as layoutGroupToControlMapper};
+import{html as t}from"lit";import{pxToRem as n}from"@cds/core/internal";const i=["vertical","vertical-inline","horizontal","horizontal-inline","compact"],e="horizontal",o="stretch";function r(t,n,i){t&&n&&(t.id=i,n.setAttribute("for",t.id))}function l(t,n){n&&(n.id=t.id+"-datalist",t.setAttribute("list",n.id))}const c={"horizontal-inline":"horizontal","vertical-inline":"vertical",horizontal:"horizontal",vertical:"vertical",compact:"compact"};function a(n){return t`${"neutral"!==n?t`<cds-control-action readonly="readonly" class="status" cds-layout="align:shrink"><cds-icon status="${"error"===n?"danger":"success"}" shape="${"error"===n?"exclamation-circle":"check-circle"}" size="16" inner-offset="${4}"></cds-icon></cds-control-action>`:""}`}async function u(t){return Promise.all(t.map((t=>t.updateComplete))).then((()=>{const i=t.filter((t=>{var n;return"primary"===(null===(n=t.controlLabel)||void 0===n?void 0:n.action)}));return n(Math.max(...i.map((t=>t.controlLabel.getBoundingClientRect().width))))}))}function s(t,n,i){return"vertical"!==i&&"vertical-inline"!==i&&t.getBoundingClientRect().top>(null==n?void 0:n.getBoundingClientRect().top)+12}function d(t,n){const i=t[0],e=t[t.length-1];return("vertical-inline"===n||"horizontal-inline"===n)&&e.getBoundingClientRect().top>i.getBoundingClientRect().top}function p(t){return"vertical"===t||"vertical-inline"===t}async function h(t){const n=t.find((t=>"neutral"!==t.status));return await(null==n?void 0:n.updateComplete),n&&!n.hidden?n.status:"neutral"}export{r as associateInputAndLabel,l as associateInputToDatalist,s as controlIsWrapped,o as defaultControlWidth,e as defaultFormLayout,i as formLayouts,h as getCurrentMessageStatus,u as getLargestPrimaryLabelWidth,a as getStatusIcon,d as inlineControlListIsWrapped,p as isVerticalLayout,c as layoutGroupToControlMapper};
 //# sourceMappingURL=index.js.map

package/forms/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/forms/utils/index.ts"],"sourcesContent":null,"names":["formLayouts","defaultFormLayout","defaultControlWidth","associateInputAndLabel","input","label","id","setAttribute","associateInputToDatalist","datalist","layoutGroupToControlMapper","horizontal-inline","vertical-inline","horizontal","vertical","compact","getStatusIcon","status","html","async","getLargestPrimaryLabelWidth","controls","Promise","all","map","c","updateComplete","then","primaryLabels","filter","_a","controlLabel","action","pxToRem","Math","max","getBoundingClientRect","width","controlIsWrapped","layout","top","inlineControlListIsWrapped","inlineControls","first","last","length","isVerticalLayout","getCurrentMessageStatus","messages","message","find","m","isVisible"],"mappings":"uFAOY,MAACA,EAAc,CAAC,WAAY,kBAAmB,aAAc,oBAAqB,WACjFC,EAAoB,aACpBC,EAAsB,UAC5B,SAASC,EAAuBC,EAAOC,EAAOC,GAC7CF,GAASC,IACTD,EAAME,GAAKA,EACXD,EAAME,aAAa,MAAOH,EAAME,KAGjC,SAASE,EAAyBJ,EAAOK,GACxCA,IACAA,EAASH,GAAQF,EAAME,GAAT,YACdF,EAAMG,aAAa,OAAQE,EAASH,KAGhC,MAACI,EAA6B,CACtCC,oBAAqB,aACrBC,kBAAmB,WACnBC,WAAY,aACZC,SAAU,WACVC,QAAS,WAEN,SAASC,EAAcC,GAC1B,OAAOC,CAAK,GAAc,YAAXD,EACTC,CAAK,sGAEgB,UAAXD,EAAqB,SAAW,qBACtB,UAAXA,EAAqB,qBAAuB,2CAEtC,sCAGf,KAEHE,eAAeC,EAA4BC,GAC9C,OAAOC,QAAQC,IAAIF,EAASG,KAAIC,GAAKA,EAAEC,kBAAiBC,MAAK,KACzD,MAAMC,EAAgBP,EAASQ,QAAOJ,IAAO,IAAIK,EAAI,MAAkF,aAAhD,QAAzBA,EAAKL,EAAEM,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,WAC3H,OAAOC,EAAQC,KAAKC,OAAOP,EAAcJ,KAAIC,GAAKA,EAAEM,aAAaK,wBAAwBC,aAG1F,SAASC,EAAiBlC,EAAOC,EAAOkC,GAC3C,MAAmB,aAAXA,GACO,oBAAXA,GACAnC,EAAMgC,wBAAwBI,KAAOnC,MAAAA,OAAqC,EAASA,EAAM+B,wBAAwBI,KAAO,GAGzH,SAASC,EAA2BC,EAAgBH,GACvD,MAAMI,EAAQD,EAAe,GACvBE,EAAOF,EAAeA,EAAeG,OAAS,GAEpD,OADkC,oBAAXN,GAA2C,sBAAXA,IAC9BK,EAAKR,wBAAwBI,IAAMG,EAAMP,wBAAwBI,IAEvF,SAASM,EAAiBP,GAC7B,MAAkB,aAAXA,GAAoC,oBAAXA,EAE7BpB,eAAe4B,EAAwBC,GAC1C,MAAMC,EAAUD,EAASE,MAAKC,GAAkB,YAAbA,EAAElC,SAErC,aADOgC,MAAAA,OAAyC,EAASA,EAAQvB,gBAC1DuB,GAAWG,EAAUH,GAAWA,EAAQhC,OAAS"}
+{"version":3,"file":"index.js","sources":["../../../../src/forms/utils/index.ts"],"sourcesContent":null,"names":["formLayouts","defaultFormLayout","defaultControlWidth","associateInputAndLabel","input","label","id","setAttribute","associateInputToDatalist","datalist","layoutGroupToControlMapper","horizontal-inline","vertical-inline","horizontal","vertical","compact","getStatusIcon","status","html","async","getLargestPrimaryLabelWidth","controls","Promise","all","map","c","updateComplete","then","primaryLabels","filter","_a","controlLabel","action","pxToRem","Math","max","getBoundingClientRect","width","controlIsWrapped","layout","top","inlineControlListIsWrapped","inlineControls","first","last","length","isVerticalLayout","getCurrentMessageStatus","messages","message","find","m","hidden"],"mappings":"wEAOY,MAACA,EAAc,CAAC,WAAY,kBAAmB,aAAc,oBAAqB,WACjFC,EAAoB,aACpBC,EAAsB,UAC5B,SAASC,EAAuBC,EAAOC,EAAOC,GAC7CF,GAASC,IACTD,EAAME,GAAKA,EACXD,EAAME,aAAa,MAAOH,EAAME,KAGjC,SAASE,EAAyBJ,EAAOK,GACxCA,IACAA,EAASH,GAAQF,EAAME,GAAT,YACdF,EAAMG,aAAa,OAAQE,EAASH,KAGhC,MAACI,EAA6B,CACtCC,oBAAqB,aACrBC,kBAAmB,WACnBC,WAAY,aACZC,SAAU,WACVC,QAAS,WAEN,SAASC,EAAcC,GAC1B,OAAOC,CAAK,GAAc,YAAXD,EACTC,CAAK,sGAEgB,UAAXD,EAAqB,SAAW,qBACtB,UAAXA,EAAqB,qBAAuB,2CAEtC,sCAGf,KAEHE,eAAeC,EAA4BC,GAC9C,OAAOC,QAAQC,IAAIF,EAASG,KAAIC,GAAKA,EAAEC,kBAAiBC,MAAK,KACzD,MAAMC,EAAgBP,EAASQ,QAAOJ,IAAO,IAAIK,EAAI,MAAkF,aAAhD,QAAzBA,EAAKL,EAAEM,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,WAC3H,OAAOC,EAAQC,KAAKC,OAAOP,EAAcJ,KAAIC,GAAKA,EAAEM,aAAaK,wBAAwBC,aAG1F,SAASC,EAAiBlC,EAAOC,EAAOkC,GAC3C,MAAmB,aAAXA,GACO,oBAAXA,GACAnC,EAAMgC,wBAAwBI,KAAOnC,MAAAA,OAAqC,EAASA,EAAM+B,wBAAwBI,KAAO,GAGzH,SAASC,EAA2BC,EAAgBH,GACvD,MAAMI,EAAQD,EAAe,GACvBE,EAAOF,EAAeA,EAAeG,OAAS,GAEpD,OADkC,oBAAXN,GAA2C,sBAAXA,IAC9BK,EAAKR,wBAAwBI,IAAMG,EAAMP,wBAAwBI,IAEvF,SAASM,EAAiBP,GAC7B,MAAkB,aAAXA,GAAoC,oBAAXA,EAK7BpB,eAAe4B,EAAwBC,GAC1C,MAAMC,EAAUD,EAASE,MAAKC,GAAkB,YAAbA,EAAElC,SAErC,aADOgC,MAAAA,OAAyC,EAASA,EAAQvB,gBAC1DuB,IAAYA,EAAQG,OAASH,EAAQhC,OAAS"}

package/global.css

@@ -255,12 +255,12 @@
   --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: 200;
+  --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: 500;
-  --cds-global-typography-font-weight-bold: 500;
-  --cds-global-typography-font-weight-extrabold: 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);