opui-css 4.0.0 → 4.1.0
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/CHANGELOG.md +12 -0
- package/README.md +1 -2
- package/components/Card/Card.astro +36 -38
- package/components/Chip/Chip.astro +37 -37
- package/components/DescriptionList/index.ts +12 -12
- package/components/Dialog/Dialog.astro +3 -5
- package/components/List/List.astro +36 -36
- package/components/Radio/RadioInput.astro +24 -24
- package/components/Switch/SwitchInput.astro +25 -25
- package/components/Table/index.ts +20 -20
- package/css/components/text-field.css +1 -1
- package/css/components/text-input.css +19 -8
- package/dist/opui.components.css +20 -9
- package/dist/opui.components.css.map +1 -1
- package/dist/opui.css +20 -9
- package/dist/opui.css.map +1 -1
- package/package.json +81 -80
package/dist/opui.css
CHANGED
|
@@ -5801,7 +5801,7 @@ Lists meant to be used stand-alone or as part of Select elements
|
|
|
5801
5801
|
}
|
|
5802
5802
|
}
|
|
5803
5803
|
|
|
5804
|
-
:where(.field input,
|
|
5804
|
+
:where(.field) :where(input, textarea, select) {
|
|
5805
5805
|
background: transparent;
|
|
5806
5806
|
border: 0;
|
|
5807
5807
|
color: var(--text-primary);
|
|
@@ -6406,32 +6406,43 @@ Lists meant to be used stand-alone or as part of Select elements
|
|
|
6406
6406
|
|
|
6407
6407
|
/* Autosuggest */
|
|
6408
6408
|
:where(.text-field:has(input[list])) {
|
|
6409
|
+
.field {
|
|
6410
|
+
position: relative;
|
|
6411
|
+
}
|
|
6409
6412
|
|
|
6410
6413
|
/* Hide native arrow */
|
|
6411
|
-
input::-webkit-calendar-picker-indicator {
|
|
6414
|
+
input[list]::-webkit-calendar-picker-indicator {
|
|
6412
6415
|
cursor: pointer;
|
|
6413
6416
|
opacity: 0;
|
|
6414
6417
|
pointer-events: none;
|
|
6415
6418
|
position: absolute;
|
|
6416
6419
|
}
|
|
6417
|
-
}
|
|
6418
6420
|
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
|
|
6422
|
-
|
|
6421
|
+
input[list] {
|
|
6422
|
+
padding-inline-end: var(--size-8);
|
|
6423
|
+
}
|
|
6424
|
+
|
|
6425
|
+
.field::after {
|
|
6423
6426
|
block-size: 0;
|
|
6424
6427
|
border-block-start: 5px solid;
|
|
6425
6428
|
border-inline: 5px solid transparent;
|
|
6426
6429
|
content: "";
|
|
6427
|
-
display: inline-block;
|
|
6428
|
-
flex-shrink: 0;
|
|
6429
6430
|
inline-size: 0;
|
|
6430
6431
|
inset: 50% var(--size-3) auto auto;
|
|
6431
6432
|
pointer-events: none;
|
|
6432
6433
|
position: absolute;
|
|
6433
6434
|
translate: 0 -50%;
|
|
6434
6435
|
}
|
|
6436
|
+
|
|
6437
|
+
&.small {
|
|
6438
|
+
input[list] {
|
|
6439
|
+
padding-inline-end: var(--size-7);
|
|
6440
|
+
}
|
|
6441
|
+
|
|
6442
|
+
.field::after {
|
|
6443
|
+
inset-inline-end: var(--size-2);
|
|
6444
|
+
}
|
|
6445
|
+
}
|
|
6435
6446
|
}
|
|
6436
6447
|
}
|
|
6437
6448
|
|