draft-components 4.23.1 → 4.24.1
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/css/draft-components.css
CHANGED
|
@@ -3193,10 +3193,11 @@
|
|
|
3193
3193
|
--input-border-color: var(--dc-neutral-300);
|
|
3194
3194
|
--list-box-max-height: 256px;
|
|
3195
3195
|
--list-box-padding: 4px;
|
|
3196
|
+
--list-box-gap: 2px;
|
|
3196
3197
|
--option-padding: 4px 8px;
|
|
3197
3198
|
--option-font: var(--dc-text-sm);
|
|
3198
3199
|
--option-scroll-margin-block: 4px;
|
|
3199
|
-
--option-
|
|
3200
|
+
--option-border-radius: 4px;
|
|
3200
3201
|
--option-color: var(--dc-neutral-900);
|
|
3201
3202
|
--option-background: none;
|
|
3202
3203
|
--option-color-selected: var(--dc-neutral-950);
|
|
@@ -3353,6 +3354,7 @@
|
|
|
3353
3354
|
.dc-search-select__list-box {
|
|
3354
3355
|
box-sizing: border-box;
|
|
3355
3356
|
display: grid;
|
|
3357
|
+
gap: var(--list-box-gap);
|
|
3356
3358
|
max-height: var(--list-box-max-height);
|
|
3357
3359
|
padding: var(--list-box-padding);
|
|
3358
3360
|
margin: 0;
|
|
@@ -3374,7 +3376,7 @@
|
|
|
3374
3376
|
scroll-margin-top: var(--option-scroll-margin-block);
|
|
3375
3377
|
scroll-margin-bottom: var(--option-scroll-margin-block);
|
|
3376
3378
|
background: var(--option-background);
|
|
3377
|
-
border-radius: var(--option-
|
|
3379
|
+
border-radius: var(--option-border-radius);
|
|
3378
3380
|
}
|
|
3379
3381
|
|
|
3380
3382
|
.dc-search-select__option[aria-selected="true"] {
|
|
@@ -4683,7 +4685,7 @@
|
|
|
4683
4685
|
--head-background: var(--background);
|
|
4684
4686
|
--row-background-stripped: var(--dc-neutral-100);
|
|
4685
4687
|
--row-background-selected: var(--dc-neutral-100);
|
|
4686
|
-
--row-background-highlighted: var(--dc-
|
|
4688
|
+
--row-background-highlighted: var(--dc-yellow-50);
|
|
4687
4689
|
--cell-padding: 8px 12px;
|
|
4688
4690
|
--sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
|
|
4689
4691
|
--sort-btn-focus-ring-offset: 2px;
|
|
@@ -34,10 +34,11 @@
|
|
|
34
34
|
--input-border-color: var(--dc-neutral-300);
|
|
35
35
|
--list-box-max-height: 256px;
|
|
36
36
|
--list-box-padding: 4px;
|
|
37
|
+
--list-box-gap: 2px;
|
|
37
38
|
--option-padding: 4px 8px;
|
|
38
39
|
--option-font: var(--dc-text-sm);
|
|
39
40
|
--option-scroll-margin-block: 4px;
|
|
40
|
-
--option-
|
|
41
|
+
--option-border-radius: 4px;
|
|
41
42
|
--option-color: var(--dc-neutral-900);
|
|
42
43
|
--option-background: none;
|
|
43
44
|
--option-color-selected: var(--dc-neutral-950);
|
|
@@ -194,6 +195,7 @@
|
|
|
194
195
|
.dc-search-select__list-box {
|
|
195
196
|
box-sizing: border-box;
|
|
196
197
|
display: grid;
|
|
198
|
+
gap: var(--list-box-gap);
|
|
197
199
|
max-height: var(--list-box-max-height);
|
|
198
200
|
padding: var(--list-box-padding);
|
|
199
201
|
margin: 0;
|
|
@@ -215,7 +217,7 @@
|
|
|
215
217
|
scroll-margin-top: var(--option-scroll-margin-block);
|
|
216
218
|
scroll-margin-bottom: var(--option-scroll-margin-block);
|
|
217
219
|
background: var(--option-background);
|
|
218
|
-
border-radius: var(--option-
|
|
220
|
+
border-radius: var(--option-border-radius);
|
|
219
221
|
}
|
|
220
222
|
|
|
221
223
|
.dc-search-select__option[aria-selected="true"] {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--head-background: var(--background);
|
|
9
9
|
--row-background-stripped: var(--dc-neutral-100);
|
|
10
10
|
--row-background-selected: var(--dc-neutral-100);
|
|
11
|
-
--row-background-highlighted: var(--dc-
|
|
11
|
+
--row-background-highlighted: var(--dc-yellow-50);
|
|
12
12
|
--cell-padding: 8px 12px;
|
|
13
13
|
--sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
|
|
14
14
|
--sort-btn-focus-ring-offset: 2px;
|