use-wc 1.0.0-pre.90 → 1.0.0-pre.92
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/design-system.css +14 -4
- package/package.json +1 -1
package/dist/design-system.css
CHANGED
|
@@ -287,9 +287,9 @@
|
|
|
287
287
|
display: block;
|
|
288
288
|
position: absolute;
|
|
289
289
|
inset-block-start: 10%;
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
290
|
+
left: 33%;
|
|
291
|
+
right: auto;
|
|
292
|
+
border-right: var(--usewc-layout-selector-checkbox-icon-border-size) solid var(--usewc-color-selector-icon-fill);
|
|
293
293
|
border-block-end: var(--usewc-layout-selector-checkbox-icon-border-size) solid
|
|
294
294
|
var(--usewc-color-selector-icon-fill);
|
|
295
295
|
width: 40%;
|
|
@@ -967,6 +967,13 @@
|
|
|
967
967
|
mask-image: var(--usewc-effect-dropdown-trigger-icon-mask-image, none);
|
|
968
968
|
}
|
|
969
969
|
|
|
970
|
+
/* The inline caret icons only swap for right-to-left under `:root:dir(rtl)`, so a summary
|
|
971
|
+
whose direction differs from the root's mirrors its indicator itself. */
|
|
972
|
+
:root:not(:dir(rtl)) & summary:dir(rtl):is(:not([class*="appearance-"]), .appearance-button)::before,
|
|
973
|
+
:root:dir(rtl) & summary:dir(ltr):is(:not([class*="appearance-"]), .appearance-button)::before {
|
|
974
|
+
scale: -1 1;
|
|
975
|
+
}
|
|
976
|
+
|
|
970
977
|
/* Mirrors the button family's own :has(> use-caret) padding reduction, on the leading side
|
|
971
978
|
instead of the trailing one. No specificity trick needed here — the details layer already
|
|
972
979
|
outranks button outright. */
|
|
@@ -1260,11 +1267,14 @@
|
|
|
1260
1267
|
select:not([multiple], [size]:not([size="1"]), .appearance-native) {
|
|
1261
1268
|
padding-inline-end: calc(var(--usewc-layout-input-padding-inline) * 2 + var(--usewc-layout-selector-width));
|
|
1262
1269
|
background-image: var(--usewc-effect-select-trigger-background-image, none);
|
|
1263
|
-
/* TODO use logical position */
|
|
1264
1270
|
background-position: right var(--usewc-layout-input-padding-inline) center;
|
|
1265
1271
|
background-repeat: no-repeat;
|
|
1266
1272
|
background-size: var(--usewc-effect-select-trigger-background-size, 1em);
|
|
1267
1273
|
|
|
1274
|
+
&:dir(rtl) {
|
|
1275
|
+
background-position: left var(--usewc-layout-input-padding-inline) center;
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1268
1278
|
use-theme-escape & {
|
|
1269
1279
|
all: revert-layer;
|
|
1270
1280
|
}
|