@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
JavaScript
// 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