@cds/core/radio/radio.element.scss.js

Clarity Design System - common components, themes, and utilties

import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--height:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--background:none}.input{width:var(--width);height:var(--height);min-width:var(--width);border:var(--border);background:var(--background);border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";cursor:pointer;display:flex;align-items:center;justify-content:center}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--border:0!important;--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input::after{border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";background:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)));height:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--border:0!important;--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}`;export{r as default};
//# sourceMappingURL=radio.element.scss.js.map