@streamscloud/kit 0.9.8 → 0.9.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/input/cmp.input.svelte +1 -1
- package/dist/ui/numeral-input/cmp.numeral-input.svelte +1 -1
- package/dist/ui/rich-text-input/cmp.rich-text-input.svelte +1 -1
- package/dist/ui/select/_select-trigger.scss +6 -1
- package/dist/ui/select/cmp.singleselect-async.svelte +4 -1
- package/dist/ui/select/multiselect-base.svelte +4 -1
- package/dist/ui/textarea/cmp.textarea.svelte +1 -1
- package/package.json +1 -1
|
@@ -240,7 +240,7 @@ or the clear button (see `HandleInput`'s availability pill).
|
|
|
240
240
|
--sc-kit--input--font-size: var(--sc-kit--font-size--lg);
|
|
241
241
|
--sc-kit--input--icon--size: var(--sc-kit--field--icon--size--lg);
|
|
242
242
|
}
|
|
243
|
-
.input:where(:hover) {
|
|
243
|
+
.input:where(:hover:not(:focus-within)) {
|
|
244
244
|
--sc-kit--input--border-color: var(--_in--border-color-hover);
|
|
245
245
|
}
|
|
246
246
|
.input:where(:focus-within) {
|
|
@@ -266,7 +266,7 @@ requires a non-null value. CSS API mirrors `Input` for visual-language compatibi
|
|
|
266
266
|
--sc-kit--numeral-input--font-size: var(--sc-kit--font-size--lg);
|
|
267
267
|
--sc-kit--numeral-input--icon--size: var(--sc-kit--field--icon--size--lg);
|
|
268
268
|
}
|
|
269
|
-
.numeral-input:where(:hover) {
|
|
269
|
+
.numeral-input:where(:hover:not(:focus-within)) {
|
|
270
270
|
--sc-kit--numeral-input--border-color: var(--_ni--border-color-hover);
|
|
271
271
|
}
|
|
272
272
|
.numeral-input:where(:focus-within) {
|
|
@@ -224,7 +224,7 @@ body, or an external host element addressed by `options.fixedToolbarId`). Impera
|
|
|
224
224
|
.rich-text-input--lg {
|
|
225
225
|
--sc-kit--rich-text-input--root--font-size: 1rem;
|
|
226
226
|
}
|
|
227
|
-
.rich-text-input:where(:hover) {
|
|
227
|
+
.rich-text-input:where(:hover:not(:focus-within)) {
|
|
228
228
|
--sc-kit--rich-text-input--border-color: var(--_rti--border-color-hover);
|
|
229
229
|
}
|
|
230
230
|
.rich-text-input:where(:focus-within) {
|
|
@@ -63,13 +63,18 @@
|
|
|
63
63
|
--sc-kit--select--trigger--icon--size: var(--sc-kit--field--icon--size--lg);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
&:where(:hover) {
|
|
66
|
+
&:where(:hover:not(:focus-within)) {
|
|
67
67
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-hover);
|
|
68
68
|
}
|
|
69
69
|
&:where(:focus-within),
|
|
70
70
|
&--open {
|
|
71
71
|
--sc-kit--select--trigger--underline-color: var(--sc-kit--color--accent);
|
|
72
72
|
}
|
|
73
|
+
// Popover portals focus away — :focus-within won't suppress the hover border while open.
|
|
74
|
+
// --error must stay after this block: it wins border-color by source order even while open.
|
|
75
|
+
&--open {
|
|
76
|
+
--sc-kit--select--trigger--border-color: unset;
|
|
77
|
+
}
|
|
73
78
|
|
|
74
79
|
&--error {
|
|
75
80
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-error);
|
|
@@ -234,12 +234,15 @@ background--hover}`.
|
|
|
234
234
|
--sc-kit--select--trigger--font-size: var(--sc-kit--font-size--lg);
|
|
235
235
|
--sc-kit--select--trigger--icon--size: var(--sc-kit--field--icon--size--lg);
|
|
236
236
|
}
|
|
237
|
-
.singleselect:where(:hover) {
|
|
237
|
+
.singleselect:where(:hover:not(:focus-within)) {
|
|
238
238
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-hover);
|
|
239
239
|
}
|
|
240
240
|
.singleselect:where(:focus-within), .singleselect--open {
|
|
241
241
|
--sc-kit--select--trigger--underline-color: var(--sc-kit--color--accent);
|
|
242
242
|
}
|
|
243
|
+
.singleselect--open {
|
|
244
|
+
--sc-kit--select--trigger--border-color: unset;
|
|
245
|
+
}
|
|
243
246
|
.singleselect--error {
|
|
244
247
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-error);
|
|
245
248
|
--sc-kit--select--trigger--underline-color: var(--sc-kit--color--danger);
|
|
@@ -449,12 +449,15 @@ padding-inline, font-size, gap, max-width, remove-color, remove-color--hover}`.
|
|
|
449
449
|
--sc-kit--select--trigger--font-size: var(--sc-kit--font-size--lg);
|
|
450
450
|
--sc-kit--select--trigger--icon--size: var(--sc-kit--field--icon--size--lg);
|
|
451
451
|
}
|
|
452
|
-
.multiselect-trigger:where(:hover) {
|
|
452
|
+
.multiselect-trigger:where(:hover:not(:focus-within)) {
|
|
453
453
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-hover);
|
|
454
454
|
}
|
|
455
455
|
.multiselect-trigger:where(:focus-within), .multiselect-trigger--open {
|
|
456
456
|
--sc-kit--select--trigger--underline-color: var(--sc-kit--color--accent);
|
|
457
457
|
}
|
|
458
|
+
.multiselect-trigger--open {
|
|
459
|
+
--sc-kit--select--trigger--border-color: unset;
|
|
460
|
+
}
|
|
458
461
|
.multiselect-trigger--error {
|
|
459
462
|
--sc-kit--select--trigger--border-color: var(--_sel--border-color-error);
|
|
460
463
|
--sc-kit--select--trigger--underline-color: var(--sc-kit--color--danger);
|
|
@@ -204,7 +204,7 @@ exposed via `bind:this`.
|
|
|
204
204
|
--sc-kit--textarea--padding-inline: var(--sc-kit--field--padding-inline--lg);
|
|
205
205
|
--sc-kit--textarea--font-size: var(--sc-kit--font-size--lg);
|
|
206
206
|
}
|
|
207
|
-
.textarea:where(:hover) {
|
|
207
|
+
.textarea:where(:hover:not(:focus-within)) {
|
|
208
208
|
--sc-kit--textarea--border-color: var(--_ta--border-color-hover);
|
|
209
209
|
}
|
|
210
210
|
.textarea:where(:focus-within) {
|