@cds/core/forms/control/control.element.scss.js

Clarity Design System - common components, themes, and utilties

import{css as t}from"lit";var a=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxxl, calc(64 * 1rem / var(--cds-global-base, 20))) * 3)}: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-xxxl,calc(64 * 1rem / var(--cds-global-base,20)))*3)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxxl, calc(64 * 1rem / var(--cds-global-base, 20))) * 3)}: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%}::slotted(input[readonly]){cursor:default}[cds-button-action].status{height:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)));padding-top:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}: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 * 1rem / var(--cds-global-base,20)))}`;export{a as default};
//# sourceMappingURL=control.element.scss.js.map