UNPKG

@synergy-design-system/components

Version:

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

31 lines (27 loc) 1.17 kB
// src/components/radio-group/radio-group.custom.styles.ts import { css } from "lit"; var radio_group_custom_styles_default = css` :host([data-user-invalid]) { --syn-input-border-color: var(--syn-input-border-color-focus-error); --syn-input-border-color-hover: var(--syn-input-border-color-focus-error); --syn-color-primary-600: var(--syn-input-border-color-focus-error); --syn-color-primary-900: var(--syn-color-error-900); --syn-color-primary-950: var(--syn-color-error-950); --syn-color-neutral-1000: var(--syn-input-border-color-focus-error); --syn-interactive-emphasis-color: var(--syn-input-border-color-focus-error); --syn-interactive-emphasis-color-hover: var(--syn-input-border-color-focus-error); --syn-interactive-emphasis-color-active: var(--syn-input-border-color-focus-error); } .form-control--has-help-text.form-control--radio-group .form-control__help-text { margin-top: var(--syn-spacing-x-small); } .form-control-input { display: flex; flex-direction: column; gap: var(--syn-spacing-x-small); } `; export { radio_group_custom_styles_default }; //# sourceMappingURL=chunk.6USNG4EL.js.map