This commit is contained in:
konnorrogers
2024-12-18 16:58:57 -05:00
parent f55ce8ad42
commit 39886d2402
6 changed files with 11 additions and 11 deletions

View File

@@ -9,7 +9,7 @@
display: block;
}
:host([appearance=filled]) {
:host([appearance='filled']) {
--background-color: var(--wa-color-neutral-fill-quiet);
--border-color: var(--background-color);
}

View File

@@ -9,7 +9,7 @@
display: block;
}
:host([appearance=filled]) {
:host([appearance='filled']) {
--background-color: var(--wa-color-neutral-fill-quiet);
--border-color: var(--background-color);
}

View File

@@ -335,8 +335,8 @@ export default class WaTextarea extends WebAwesomeFormAssociatedElement {
'textarea--small': this.size === 'small',
'textarea--medium': this.size === 'medium',
'textarea--large': this.size === 'large',
'textarea--standard': this.appearance !== "filled",
'textarea--filled': this.appearance === "filled",
'textarea--standard': this.appearance !== 'filled',
'textarea--filled': this.appearance === 'filled',
'textarea--disabled': this.disabled,
'textarea--focused': this.hasFocus,
'textarea--empty': !this.value,

View File

@@ -601,8 +601,8 @@
/* preventing shadows on all form input types */
wa-input:not(:focus),
wa-input:not([appearance=filled]):not([disabled]),
wa-select:not([appearance=filled]):not([disabled]) {
wa-input:not([appearance='filled']):not([disabled]),
wa-select:not([appearance='filled']):not([disabled]) {
--box-shadow: var(--wa-shadow-level-0);
--border-width: 0 0 var(--wa-form-control-border-width) var(--wa-form-control-border-width);
}

View File

@@ -434,9 +434,9 @@ wa-drawer {
--spacing: var(--wa-space-l);
}
wa-input:not([appearance=filled]),
wa-select:not([appearance=filled]),
wa-textarea:not([appearance=filled]) {
wa-input:not([appearance='filled']),
wa-select:not([appearance='filled']),
wa-textarea:not([appearance='filled']) {
--wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width)
color-mix(in oklab, var(--wa-color-focus), transparent 50%);
--wa-focus-ring-offset: 0;

View File

@@ -500,9 +500,9 @@
/* preventing shadows on all form input types */
wa-input:not(:focus),
wa-input:not([appearance=filled]):not([disabled]),
wa-input:not([appearance='filled']):not([disabled]),
wa-checkbox:not([checked]):not([indeterminate]),
wa-select:not([appearance=filled]):not([disabled]) {
wa-select:not([appearance='filled']):not([disabled]) {
--box-shadow: var(--wa-shadow-level-0);
}