@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
24 lines (20 loc) • 750 B
JavaScript
// src/components/textarea/textarea.custom.styles.ts
import { css } from "lit";
var textarea_custom_styles_default = css`
:host([data-user-invalid]) .textarea--standard {
border-color: var(--syn-input-border-color-focus-error);
}
:host([data-user-invalid]) .textarea--standard.textarea--focused:not(.textarea--disabled) {
border-color: var(--syn-input-border-color-focus-error);
box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);
}
/** #429: Use token for opacity */
.textarea--readonly.textarea--disabled,
.textarea--standard.textarea--disabled {
opacity: var(--syn-input-disabled-opacity);
}
`;
export {
textarea_custom_styles_default
};
//# sourceMappingURL=chunk.HQIVMAQI.js.map