@empathyco/x-components 6.0.0-alpha.44 → 6.0.0-alpha.45
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 +9 -0
- package/design-system/deprecated-full-theme.css +707 -707
- package/js/x-modules/search/store/actions/save-search-response.action.js +1 -0
- package/js/x-modules/search/store/actions/save-search-response.action.js.map +1 -1
- package/package.json +2 -2
- package/types/x-modules/search/store/actions/save-search-response.action.d.ts.map +1 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
2
|
.x-uppercase {
|
|
4
3
|
text-transform: uppercase;
|
|
5
4
|
}
|
|
@@ -15,6 +14,25 @@
|
|
|
15
14
|
.x-normal-case {
|
|
16
15
|
text-transform: none;
|
|
17
16
|
}
|
|
17
|
+
.x-underline {
|
|
18
|
+
-webkit-text-decoration-line: underline;
|
|
19
|
+
text-decoration-line: underline;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.x-overline {
|
|
23
|
+
-webkit-text-decoration-line: overline;
|
|
24
|
+
text-decoration-line: overline;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.x-line-through {
|
|
28
|
+
-webkit-text-decoration-line: line-through;
|
|
29
|
+
text-decoration-line: line-through;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.x-no-underline {
|
|
33
|
+
-webkit-text-decoration-line: none;
|
|
34
|
+
text-decoration-line: none;
|
|
35
|
+
}
|
|
18
36
|
.x-static {
|
|
19
37
|
position: static !important;
|
|
20
38
|
}
|
|
@@ -34,25 +52,7 @@
|
|
|
34
52
|
.x-sticky {
|
|
35
53
|
position: sticky !important;
|
|
36
54
|
}
|
|
37
|
-
.x-underline {
|
|
38
|
-
-webkit-text-decoration-line: underline;
|
|
39
|
-
text-decoration-line: underline;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.x-overline {
|
|
43
|
-
-webkit-text-decoration-line: overline;
|
|
44
|
-
text-decoration-line: overline;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.x-line-through {
|
|
48
|
-
-webkit-text-decoration-line: line-through;
|
|
49
|
-
text-decoration-line: line-through;
|
|
50
|
-
}
|
|
51
55
|
|
|
52
|
-
.x-no-underline {
|
|
53
|
-
-webkit-text-decoration-line: none;
|
|
54
|
-
text-decoration-line: none;
|
|
55
|
-
}
|
|
56
56
|
.x-padding--00 {
|
|
57
57
|
padding: 0 !important;
|
|
58
58
|
}
|
|
@@ -3317,6 +3317,21 @@
|
|
|
3317
3317
|
.x-border-color--transparent {
|
|
3318
3318
|
border-color: var(--x-color-base-transparent) !important;
|
|
3319
3319
|
}
|
|
3320
|
+
.x-text--stroke.x-text {
|
|
3321
|
+
--x-string-text-decoration: line-through;
|
|
3322
|
+
}
|
|
3323
|
+
.x-text--stroke.x-title1 {
|
|
3324
|
+
--x-string-text-decoration-title1: line-through;
|
|
3325
|
+
}
|
|
3326
|
+
.x-text--stroke.x-title2 {
|
|
3327
|
+
--x-string-text-decoration-title2: line-through;
|
|
3328
|
+
}
|
|
3329
|
+
.x-text--stroke.x-title3 {
|
|
3330
|
+
--x-string-text-decoration-title3: line-through;
|
|
3331
|
+
}
|
|
3332
|
+
.x-text--stroke.x-small {
|
|
3333
|
+
--x-string-text-decoration-small: line-through;
|
|
3334
|
+
}
|
|
3320
3335
|
.x-background--lead {
|
|
3321
3336
|
background-color: var(--x-color-base-lead) !important;
|
|
3322
3337
|
}
|
|
@@ -3360,27 +3375,12 @@
|
|
|
3360
3375
|
.x-background--transparent {
|
|
3361
3376
|
background-color: var(--x-color-base-transparent) !important;
|
|
3362
3377
|
}
|
|
3363
|
-
|
|
3364
|
-
--x-
|
|
3365
|
-
}
|
|
3366
|
-
.x-text--stroke.x-title1 {
|
|
3367
|
-
--x-string-text-decoration-title1: line-through;
|
|
3368
|
-
}
|
|
3369
|
-
.x-text--stroke.x-title2 {
|
|
3370
|
-
--x-string-text-decoration-title2: line-through;
|
|
3371
|
-
}
|
|
3372
|
-
.x-text--stroke.x-title3 {
|
|
3373
|
-
--x-string-text-decoration-title3: line-through;
|
|
3374
|
-
}
|
|
3375
|
-
.x-text--stroke.x-small {
|
|
3376
|
-
--x-string-text-decoration-small: line-through;
|
|
3378
|
+
:root {
|
|
3379
|
+
--x-color-text-secondary: var(--x-color-base-neutral-35);
|
|
3377
3380
|
}
|
|
3378
3381
|
.x-text--secondary {
|
|
3379
3382
|
--x-color-text-default: var(--x-color-text-secondary);
|
|
3380
3383
|
}
|
|
3381
|
-
:root {
|
|
3382
|
-
--x-color-text-secondary: var(--x-color-base-neutral-35);
|
|
3383
|
-
}
|
|
3384
3384
|
.x-text--light.x-text {
|
|
3385
3385
|
--x-number-font-weight-text: var(--x-number-font-weight-base-light);
|
|
3386
3386
|
}
|
|
@@ -3566,6 +3566,18 @@
|
|
|
3566
3566
|
--x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
3567
3567
|
--x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
3568
3568
|
}
|
|
3569
|
+
:root {
|
|
3570
|
+
--x-color-background-tag-ghost: transparent;
|
|
3571
|
+
--x-color-border-tag-ghost: transparent;
|
|
3572
|
+
--x-color-background-tag-selected-ghost: transparent;
|
|
3573
|
+
--x-color-border-tag-selected-ghost: transparent;
|
|
3574
|
+
--x-color-background-tag-curated-ghost: transparent;
|
|
3575
|
+
--x-color-border-tag-curated-ghost: transparent;
|
|
3576
|
+
--x-color-background-tag-curated-selected-ghost: transparent;
|
|
3577
|
+
--x-color-border-tag-curated-selected-ghost: transparent;
|
|
3578
|
+
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3579
|
+
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3580
|
+
}
|
|
3569
3581
|
:root {
|
|
3570
3582
|
--x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
|
|
3571
3583
|
--x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
@@ -3596,6 +3608,24 @@
|
|
|
3596
3608
|
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3597
3609
|
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3598
3610
|
}
|
|
3611
|
+
|
|
3612
|
+
.x-tag--ghost.x-tag,
|
|
3613
|
+
.x-tag--ghost .x-tag {
|
|
3614
|
+
--x-color-background-tag-default: var(--x-color-background-tag-ghost);
|
|
3615
|
+
--x-color-border-tag-default: var(--x-color-border-tag-ghost);
|
|
3616
|
+
--x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
|
|
3617
|
+
--x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
|
|
3618
|
+
--x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
|
|
3619
|
+
--x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
|
|
3620
|
+
--x-color-background-tag-default-curated-selected: var(
|
|
3621
|
+
--x-color-background-tag-curated-selected-ghost
|
|
3622
|
+
);
|
|
3623
|
+
--x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
|
|
3624
|
+
--x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
|
|
3625
|
+
--x-number-font-weight-tag-default-curated-selected: var(
|
|
3626
|
+
--x-number-font-weight-tag-curated-selected-ghost
|
|
3627
|
+
);
|
|
3628
|
+
}
|
|
3599
3629
|
:root {
|
|
3600
3630
|
--x-color-background-tag-default: var(--x-color-base-neutral-100);
|
|
3601
3631
|
--x-color-border-tag-default: var(--x-color-text-tag-default);
|
|
@@ -3642,36 +3672,6 @@
|
|
|
3642
3672
|
--x-number-font-weight-tag-default-selected
|
|
3643
3673
|
);
|
|
3644
3674
|
}
|
|
3645
|
-
:root {
|
|
3646
|
-
--x-color-background-tag-ghost: transparent;
|
|
3647
|
-
--x-color-border-tag-ghost: transparent;
|
|
3648
|
-
--x-color-background-tag-selected-ghost: transparent;
|
|
3649
|
-
--x-color-border-tag-selected-ghost: transparent;
|
|
3650
|
-
--x-color-background-tag-curated-ghost: transparent;
|
|
3651
|
-
--x-color-border-tag-curated-ghost: transparent;
|
|
3652
|
-
--x-color-background-tag-curated-selected-ghost: transparent;
|
|
3653
|
-
--x-color-border-tag-curated-selected-ghost: transparent;
|
|
3654
|
-
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3655
|
-
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3656
|
-
}
|
|
3657
|
-
|
|
3658
|
-
.x-tag--ghost.x-tag,
|
|
3659
|
-
.x-tag--ghost .x-tag {
|
|
3660
|
-
--x-color-background-tag-default: var(--x-color-background-tag-ghost);
|
|
3661
|
-
--x-color-border-tag-default: var(--x-color-border-tag-ghost);
|
|
3662
|
-
--x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
|
|
3663
|
-
--x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
|
|
3664
|
-
--x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
|
|
3665
|
-
--x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
|
|
3666
|
-
--x-color-background-tag-default-curated-selected: var(
|
|
3667
|
-
--x-color-background-tag-curated-selected-ghost
|
|
3668
|
-
);
|
|
3669
|
-
--x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
|
|
3670
|
-
--x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
|
|
3671
|
-
--x-number-font-weight-tag-default-curated-selected: var(
|
|
3672
|
-
--x-number-font-weight-tag-curated-selected-ghost
|
|
3673
|
-
);
|
|
3674
|
-
}
|
|
3675
3675
|
:root {
|
|
3676
3676
|
--x-color-background-tag-default: var(--x-color-base-neutral-100);
|
|
3677
3677
|
--x-color-border-tag-default: var(--x-color-text-tag-default);
|
|
@@ -4075,66 +4075,6 @@
|
|
|
4075
4075
|
--x-size-padding-left-button-default: 0;
|
|
4076
4076
|
border: none;
|
|
4077
4077
|
}
|
|
4078
|
-
:root {
|
|
4079
|
-
--x-color-background-sliding-panel: var(--x-color-base-neutral-100);
|
|
4080
|
-
--x-size-width-sliding-panel-gradient: var(--x-size-base-09);
|
|
4081
|
-
--x-size-padding-sliding-panel-button: var(--x-size-base-03);
|
|
4082
|
-
--x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
|
|
4083
|
-
}
|
|
4084
|
-
.x-sliding-panel {
|
|
4085
|
-
z-index: 0;
|
|
4086
|
-
background-color: var(--x-color-background-sliding-panel);
|
|
4087
|
-
}
|
|
4088
|
-
.x-sliding-panel__button.x-button {
|
|
4089
|
-
--x-size-padding-button: var(--x-size-padding-sliding-panel-button);
|
|
4090
|
-
pointer-events: none;
|
|
4091
|
-
}
|
|
4092
|
-
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel__button {
|
|
4093
|
-
pointer-events: all;
|
|
4094
|
-
}
|
|
4095
|
-
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel-button-left {
|
|
4096
|
-
transform: translateX(calc(-100% - var(--x-size-horizontal-margin-sliding-panel-button-overflow)));
|
|
4097
|
-
}
|
|
4098
|
-
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel-button-right {
|
|
4099
|
-
transform: translateX(calc(100% + var(--x-size-horizontal-margin-sliding-panel-button-overflow)));
|
|
4100
|
-
}
|
|
4101
|
-
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover .x-sliding-panel__button {
|
|
4102
|
-
opacity: 0;
|
|
4103
|
-
}
|
|
4104
|
-
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover:not(.x-sliding-panel-at-start):hover .x-sliding-panel-button-left {
|
|
4105
|
-
opacity: 1;
|
|
4106
|
-
pointer-events: all;
|
|
4107
|
-
}
|
|
4108
|
-
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover:not(.x-sliding-panel-at-end):hover .x-sliding-panel-button-right {
|
|
4109
|
-
opacity: 1;
|
|
4110
|
-
pointer-events: all;
|
|
4111
|
-
}
|
|
4112
|
-
.x-sliding-panel:not(.x-sliding-panel--no-gradient) .x-sliding-panel__scroll {
|
|
4113
|
-
mask: linear-gradient(to right, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient), rgba(0, 0, 0, 0.8) calc(100% - 0.67 * var(--x-size-width-sliding-panel-gradient)), transparent calc(100% - 0.43 * var(--x-size-width-sliding-panel-gradient)));
|
|
4114
|
-
}
|
|
4115
|
-
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-start .x-sliding-panel__scroll {
|
|
4116
|
-
mask: linear-gradient(to left, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient));
|
|
4117
|
-
}
|
|
4118
|
-
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-end .x-sliding-panel__scroll {
|
|
4119
|
-
mask: linear-gradient(to right, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient));
|
|
4120
|
-
}
|
|
4121
|
-
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-start.x-sliding-panel-at-end .x-sliding-panel__scroll {
|
|
4122
|
-
mask: none;
|
|
4123
|
-
}
|
|
4124
|
-
.x-sliding-panel__scroll > * {
|
|
4125
|
-
flex: 0 0 auto;
|
|
4126
|
-
}
|
|
4127
|
-
.x-sliding-panel__scroll > .x-list {
|
|
4128
|
-
--x-string-flow-list: row nowrap;
|
|
4129
|
-
}
|
|
4130
|
-
.x-sliding-panel:not(.x-sliding-panel--show-buttons-on-hover):not(.x-sliding-panel-at-start) .x-sliding-panel-button-left {
|
|
4131
|
-
opacity: 1;
|
|
4132
|
-
pointer-events: all;
|
|
4133
|
-
}
|
|
4134
|
-
.x-sliding-panel:not(.x-sliding-panel--show-buttons-on-hover):not(.x-sliding-panel-at-end) .x-sliding-panel-button-right {
|
|
4135
|
-
opacity: 1;
|
|
4136
|
-
pointer-events: all;
|
|
4137
|
-
}
|
|
4138
4078
|
:root {
|
|
4139
4079
|
--x-string-align-items-suggestion-default: center;
|
|
4140
4080
|
--x-color-text-suggestion-default: var(--x-color-text-default);
|
|
@@ -4447,6 +4387,66 @@
|
|
|
4447
4387
|
--x-color-text-suggestion-default-matching-curated
|
|
4448
4388
|
);
|
|
4449
4389
|
}
|
|
4390
|
+
:root {
|
|
4391
|
+
--x-color-background-sliding-panel: var(--x-color-base-neutral-100);
|
|
4392
|
+
--x-size-width-sliding-panel-gradient: var(--x-size-base-09);
|
|
4393
|
+
--x-size-padding-sliding-panel-button: var(--x-size-base-03);
|
|
4394
|
+
--x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
|
|
4395
|
+
}
|
|
4396
|
+
.x-sliding-panel {
|
|
4397
|
+
z-index: 0;
|
|
4398
|
+
background-color: var(--x-color-background-sliding-panel);
|
|
4399
|
+
}
|
|
4400
|
+
.x-sliding-panel__button.x-button {
|
|
4401
|
+
--x-size-padding-button: var(--x-size-padding-sliding-panel-button);
|
|
4402
|
+
pointer-events: none;
|
|
4403
|
+
}
|
|
4404
|
+
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel__button {
|
|
4405
|
+
pointer-events: all;
|
|
4406
|
+
}
|
|
4407
|
+
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel-button-left {
|
|
4408
|
+
transform: translateX(calc(-100% - var(--x-size-horizontal-margin-sliding-panel-button-overflow)));
|
|
4409
|
+
}
|
|
4410
|
+
.x-sliding-panel.x-sliding-panel--buttons-overflow .x-sliding-panel-button-right {
|
|
4411
|
+
transform: translateX(calc(100% + var(--x-size-horizontal-margin-sliding-panel-button-overflow)));
|
|
4412
|
+
}
|
|
4413
|
+
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover .x-sliding-panel__button {
|
|
4414
|
+
opacity: 0;
|
|
4415
|
+
}
|
|
4416
|
+
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover:not(.x-sliding-panel-at-start):hover .x-sliding-panel-button-left {
|
|
4417
|
+
opacity: 1;
|
|
4418
|
+
pointer-events: all;
|
|
4419
|
+
}
|
|
4420
|
+
.x-sliding-panel.x-sliding-panel--show-buttons-on-hover:not(.x-sliding-panel-at-end):hover .x-sliding-panel-button-right {
|
|
4421
|
+
opacity: 1;
|
|
4422
|
+
pointer-events: all;
|
|
4423
|
+
}
|
|
4424
|
+
.x-sliding-panel:not(.x-sliding-panel--no-gradient) .x-sliding-panel__scroll {
|
|
4425
|
+
mask: linear-gradient(to right, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient), rgba(0, 0, 0, 0.8) calc(100% - 0.67 * var(--x-size-width-sliding-panel-gradient)), transparent calc(100% - 0.43 * var(--x-size-width-sliding-panel-gradient)));
|
|
4426
|
+
}
|
|
4427
|
+
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-start .x-sliding-panel__scroll {
|
|
4428
|
+
mask: linear-gradient(to left, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient));
|
|
4429
|
+
}
|
|
4430
|
+
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-end .x-sliding-panel__scroll {
|
|
4431
|
+
mask: linear-gradient(to right, transparent calc(0.43 * var(--x-size-width-sliding-panel-gradient)), rgba(0, 0, 0, 0.8) calc(0.67 * var(--x-size-width-sliding-panel-gradient)), black var(--x-size-width-sliding-panel-gradient));
|
|
4432
|
+
}
|
|
4433
|
+
.x-sliding-panel:not(.x-sliding-panel--no-gradient).x-sliding-panel-at-start.x-sliding-panel-at-end .x-sliding-panel__scroll {
|
|
4434
|
+
mask: none;
|
|
4435
|
+
}
|
|
4436
|
+
.x-sliding-panel__scroll > * {
|
|
4437
|
+
flex: 0 0 auto;
|
|
4438
|
+
}
|
|
4439
|
+
.x-sliding-panel__scroll > .x-list {
|
|
4440
|
+
--x-string-flow-list: row nowrap;
|
|
4441
|
+
}
|
|
4442
|
+
.x-sliding-panel:not(.x-sliding-panel--show-buttons-on-hover):not(.x-sliding-panel-at-start) .x-sliding-panel-button-left {
|
|
4443
|
+
opacity: 1;
|
|
4444
|
+
pointer-events: all;
|
|
4445
|
+
}
|
|
4446
|
+
.x-sliding-panel:not(.x-sliding-panel--show-buttons-on-hover):not(.x-sliding-panel-at-end) .x-sliding-panel-button-right {
|
|
4447
|
+
opacity: 1;
|
|
4448
|
+
pointer-events: all;
|
|
4449
|
+
}
|
|
4450
4450
|
:root {
|
|
4451
4451
|
--x-string-overflow-scroll: auto;
|
|
4452
4452
|
--x-color-background-scroll-bar: transparent;
|
|
@@ -4500,15 +4500,7 @@
|
|
|
4500
4500
|
--x-size-padding-row-05: var(--x-size-base-05);
|
|
4501
4501
|
--x-size-padding-row-06: var(--x-size-base-06);
|
|
4502
4502
|
}
|
|
4503
|
-
|
|
4504
|
-
:root {
|
|
4505
|
-
--x-size-padding-row-02: var(--x-size-base-02);
|
|
4506
|
-
--x-size-padding-row-03: var(--x-size-base-03);
|
|
4507
|
-
--x-size-padding-row-04: var(--x-size-base-04);
|
|
4508
|
-
--x-size-padding-row-05: var(--x-size-base-05);
|
|
4509
|
-
--x-size-padding-row-06: var(--x-size-base-06);
|
|
4510
|
-
}
|
|
4511
|
-
|
|
4503
|
+
|
|
4512
4504
|
/* @deprecated */
|
|
4513
4505
|
.x-row--padding-02 {
|
|
4514
4506
|
--x-size-padding-row: var(--x-size-padding-row-02);
|
|
@@ -4529,6 +4521,14 @@
|
|
|
4529
4521
|
.x-row--padding-06 {
|
|
4530
4522
|
--x-size-padding-row: var(--x-size-padding-row-06);
|
|
4531
4523
|
}
|
|
4524
|
+
/* @deprecated */
|
|
4525
|
+
:root {
|
|
4526
|
+
--x-size-padding-row-02: var(--x-size-base-02);
|
|
4527
|
+
--x-size-padding-row-03: var(--x-size-base-03);
|
|
4528
|
+
--x-size-padding-row-04: var(--x-size-base-04);
|
|
4529
|
+
--x-size-padding-row-05: var(--x-size-base-05);
|
|
4530
|
+
--x-size-padding-row-06: var(--x-size-base-06);
|
|
4531
|
+
}
|
|
4532
4532
|
:root {
|
|
4533
4533
|
--x-size-gap-row-01: var(--x-size-base-01);
|
|
4534
4534
|
--x-size-gap-row-02: var(--x-size-base-02);
|
|
@@ -4879,6 +4879,14 @@
|
|
|
4879
4879
|
:root {
|
|
4880
4880
|
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4881
4881
|
}
|
|
4882
|
+
:root {
|
|
4883
|
+
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4884
|
+
}
|
|
4885
|
+
|
|
4886
|
+
.x-result.x-result--card {
|
|
4887
|
+
overflow: hidden;
|
|
4888
|
+
--x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
|
|
4889
|
+
}
|
|
4882
4890
|
:root {
|
|
4883
4891
|
--x-size-height-progress-bar-line-default: var(--x-size-base-02);
|
|
4884
4892
|
--x-size-width-progress-bar-line-default: var(--x-size-base-20);
|
|
@@ -4888,14 +4896,6 @@
|
|
|
4888
4896
|
--x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
|
|
4889
4897
|
--x-size-border-width-progress-bar-default: 0;
|
|
4890
4898
|
}
|
|
4891
|
-
:root {
|
|
4892
|
-
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4893
|
-
}
|
|
4894
|
-
|
|
4895
|
-
.x-result.x-result--card {
|
|
4896
|
-
overflow: hidden;
|
|
4897
|
-
--x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
|
|
4898
|
-
}
|
|
4899
4899
|
:root {
|
|
4900
4900
|
--x-size-height-progress-bar-line-default: var(--x-size-base-02);
|
|
4901
4901
|
--x-size-width-progress-bar-line-default: var(--x-size-base-20);
|
|
@@ -4965,6 +4965,24 @@
|
|
|
4965
4965
|
--x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
|
|
4966
4966
|
--x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
|
|
4967
4967
|
}
|
|
4968
|
+
:root {
|
|
4969
|
+
--x-size-border-radius-picture-default: 0;
|
|
4970
|
+
--x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
|
|
4971
|
+
--x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
|
|
4972
|
+
--x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
|
|
4973
|
+
--x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
|
|
4974
|
+
--x-color-background-picture-default: transparent;
|
|
4975
|
+
--x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
|
|
4976
|
+
--x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
|
|
4977
|
+
--x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
|
|
4978
|
+
--x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
|
|
4979
|
+
--x-object-fit-picture-default: contain;
|
|
4980
|
+
--x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
|
|
4981
|
+
--x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
|
|
4982
|
+
--x-mix-blend-mode-picture-default: normal;
|
|
4983
|
+
--x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
|
|
4984
|
+
--x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
|
|
4985
|
+
}
|
|
4968
4986
|
|
|
4969
4987
|
.x-picture {
|
|
4970
4988
|
display: block;
|
|
@@ -5003,24 +5021,6 @@
|
|
|
5003
5021
|
.x-picture-image--placeholder > path {
|
|
5004
5022
|
fill: var(--x-color-fill-picture-placeholder-path-default) !important;
|
|
5005
5023
|
}
|
|
5006
|
-
:root {
|
|
5007
|
-
--x-size-border-radius-picture-default: 0;
|
|
5008
|
-
--x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
|
|
5009
|
-
--x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
|
|
5010
|
-
--x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
|
|
5011
|
-
--x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
|
|
5012
|
-
--x-color-background-picture-default: transparent;
|
|
5013
|
-
--x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
|
|
5014
|
-
--x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
|
|
5015
|
-
--x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
|
|
5016
|
-
--x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
|
|
5017
|
-
--x-object-fit-picture-default: contain;
|
|
5018
|
-
--x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
|
|
5019
|
-
--x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
|
|
5020
|
-
--x-mix-blend-mode-picture-default: normal;
|
|
5021
|
-
--x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
|
|
5022
|
-
--x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
|
|
5023
|
-
}
|
|
5024
5024
|
:root {
|
|
5025
5025
|
--x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
|
|
5026
5026
|
--x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
|
|
@@ -5172,182 +5172,6 @@
|
|
|
5172
5172
|
--x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
|
|
5173
5173
|
--x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
|
|
5174
5174
|
}
|
|
5175
|
-
:root {
|
|
5176
|
-
--x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
|
|
5177
|
-
--x-color-text-option-list-button-bottom-selected-hover: var(
|
|
5178
|
-
--x-color-text-option-list-button-bottom-selected
|
|
5179
|
-
);
|
|
5180
|
-
--x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
|
|
5181
|
-
--x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
|
|
5182
|
-
--x-color-border-option-list-item-bottom: transparent;
|
|
5183
|
-
--x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5184
|
-
--x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5185
|
-
--x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5186
|
-
--x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5187
|
-
--x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
|
|
5188
|
-
--x-color-border-top-option-list-item-bottom-selected: var(
|
|
5189
|
-
--x-color-border-option-list-item-bottom
|
|
5190
|
-
);
|
|
5191
|
-
--x-color-border-right-option-list-item-bottom-selected: var(
|
|
5192
|
-
--x-color-border-option-list-item-bottom
|
|
5193
|
-
);
|
|
5194
|
-
--x-color-border-bottom-option-list-item-bottom-selected: var(
|
|
5195
|
-
--x-color-border-option-list-item-bottom-selected
|
|
5196
|
-
);
|
|
5197
|
-
--x-color-border-left-option-list-item-bottom-selected: var(
|
|
5198
|
-
--x-color-border-option-list-item-bottom
|
|
5199
|
-
);
|
|
5200
|
-
--x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
|
|
5201
|
-
--x-size-border-width-top-option-list-item-bottom: 0;
|
|
5202
|
-
--x-size-border-width-right-option-list-item-bottom: 0;
|
|
5203
|
-
--x-size-border-width-bottom-option-list-item-bottom: var(
|
|
5204
|
-
--x-size-border-width-option-list-item-bottom
|
|
5205
|
-
);
|
|
5206
|
-
--x-size-border-width-left-option-list-item-bottom: 0;
|
|
5207
|
-
--x-size-border-width-top-option-list-item-bottom-selected: 0;
|
|
5208
|
-
--x-size-border-width-right-option-list-item-bottom-selected: 0;
|
|
5209
|
-
--x-size-border-width-bottom-option-list-item-bottom-selected: var(
|
|
5210
|
-
--x-size-border-width-option-list-item-bottom
|
|
5211
|
-
);
|
|
5212
|
-
--x-size-border-width-left-option-list-item-bottom-selected: 0;
|
|
5213
|
-
--x-size-font-option-list-button-bottom: var(--x-size-font-text);
|
|
5214
|
-
--x-font-decoration-option-list-button-bottom-hover: none;
|
|
5215
|
-
--x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
|
|
5216
|
-
--x-number-font-weight-option-list-button-bottom-selected: var(
|
|
5217
|
-
--x-number-font-weight-base-regular
|
|
5218
|
-
);
|
|
5219
|
-
}
|
|
5220
|
-
:root {
|
|
5221
|
-
--x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
|
|
5222
|
-
--x-color-text-option-list-button-bottom-selected-hover: var(
|
|
5223
|
-
--x-color-text-option-list-button-bottom-selected
|
|
5224
|
-
);
|
|
5225
|
-
--x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
|
|
5226
|
-
--x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
|
|
5227
|
-
--x-color-border-option-list-item-bottom: transparent;
|
|
5228
|
-
--x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5229
|
-
--x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5230
|
-
--x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5231
|
-
--x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5232
|
-
--x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
|
|
5233
|
-
--x-color-border-top-option-list-item-bottom-selected: var(
|
|
5234
|
-
--x-color-border-option-list-item-bottom
|
|
5235
|
-
);
|
|
5236
|
-
--x-color-border-right-option-list-item-bottom-selected: var(
|
|
5237
|
-
--x-color-border-option-list-item-bottom
|
|
5238
|
-
);
|
|
5239
|
-
--x-color-border-bottom-option-list-item-bottom-selected: var(
|
|
5240
|
-
--x-color-border-option-list-item-bottom-selected
|
|
5241
|
-
);
|
|
5242
|
-
--x-color-border-left-option-list-item-bottom-selected: var(
|
|
5243
|
-
--x-color-border-option-list-item-bottom
|
|
5244
|
-
);
|
|
5245
|
-
--x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
|
|
5246
|
-
--x-size-border-width-top-option-list-item-bottom: 0;
|
|
5247
|
-
--x-size-border-width-right-option-list-item-bottom: 0;
|
|
5248
|
-
--x-size-border-width-bottom-option-list-item-bottom: var(
|
|
5249
|
-
--x-size-border-width-option-list-item-bottom
|
|
5250
|
-
);
|
|
5251
|
-
--x-size-border-width-left-option-list-item-bottom: 0;
|
|
5252
|
-
--x-size-border-width-top-option-list-item-bottom-selected: 0;
|
|
5253
|
-
--x-size-border-width-right-option-list-item-bottom-selected: 0;
|
|
5254
|
-
--x-size-border-width-bottom-option-list-item-bottom-selected: var(
|
|
5255
|
-
--x-size-border-width-option-list-item-bottom
|
|
5256
|
-
);
|
|
5257
|
-
--x-size-border-width-left-option-list-item-bottom-selected: 0;
|
|
5258
|
-
--x-size-font-option-list-button-bottom: var(--x-size-font-text);
|
|
5259
|
-
--x-font-decoration-option-list-button-bottom-hover: none;
|
|
5260
|
-
--x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
|
|
5261
|
-
--x-number-font-weight-option-list-button-bottom-selected: var(
|
|
5262
|
-
--x-number-font-weight-base-regular
|
|
5263
|
-
);
|
|
5264
|
-
}
|
|
5265
|
-
|
|
5266
|
-
.x-option-list--bottom.x-option-list,
|
|
5267
|
-
.x-option-list--bottom .x-option-list {
|
|
5268
|
-
--x-color-text-option-list-button-default: var(--x-color-text-option-list-button-bottom);
|
|
5269
|
-
--x-color-text-option-list-button-default-hover: var(
|
|
5270
|
-
--x-color-text-option-list-button-bottom-hover
|
|
5271
|
-
);
|
|
5272
|
-
--x-color-border-option-list-item-default: var(--x-color-border-option-list-item-bottom);
|
|
5273
|
-
--x-color-border-top-option-list-item-default: var(--x-color-border-top-option-list-item-bottom);
|
|
5274
|
-
--x-color-border-right-option-list-item-default: var(
|
|
5275
|
-
--x-color-border-top-option-list-item-bottom
|
|
5276
|
-
);
|
|
5277
|
-
--x-color-border-bottom-option-list-item-default: var(
|
|
5278
|
-
--x-color-border-top-option-list-item-bottom
|
|
5279
|
-
);
|
|
5280
|
-
--x-color-border-left-option-list-item-default: var(--x-color-border-top-option-list-item-bottom);
|
|
5281
|
-
--x-size-border-width-option-list-item-default: var(
|
|
5282
|
-
--x-size-border-width-option-list-item-bottom
|
|
5283
|
-
);
|
|
5284
|
-
--x-size-border-width-top-option-list-item-default: var(
|
|
5285
|
-
--x-size-border-width-top-option-list-item-bottom
|
|
5286
|
-
);
|
|
5287
|
-
--x-size-border-width-right-option-list-item-default: var(
|
|
5288
|
-
--x-size-border-width-right-option-list-item-bottom
|
|
5289
|
-
);
|
|
5290
|
-
--x-size-border-width-bottom-option-list-item-default: var(
|
|
5291
|
-
--x-size-border-width-bottom-option-list-item-bottom
|
|
5292
|
-
);
|
|
5293
|
-
--x-size-border-width-left-option-list-item-default: var(
|
|
5294
|
-
--x-size-border-width-left-option-list-item-bottom
|
|
5295
|
-
);
|
|
5296
|
-
--x-font-decoration-option-list-button-default-hover: var(
|
|
5297
|
-
--x-font-decoration-option-list-button-bottom-hover
|
|
5298
|
-
);
|
|
5299
|
-
--x-size-font-option-list-button-default: var(--x-size-font-option-list-button-bottom);
|
|
5300
|
-
--x-number-font-weight-option-list-button-default: var(
|
|
5301
|
-
--x-number-font-weight-option-list-button-bottom
|
|
5302
|
-
);
|
|
5303
|
-
}
|
|
5304
|
-
.x-option-list--bottom.x-option-list .x-option-list__item.x-option-list__item--is-selected,
|
|
5305
|
-
.x-option-list--bottom .x-option-list .x-option-list__item.x-option-list__item--is-selected {
|
|
5306
|
-
--x-color-text-option-list-button-default-selected: var(
|
|
5307
|
-
--x-color-text-option-list-button-bottom-selected
|
|
5308
|
-
);
|
|
5309
|
-
--x-color-text-option-list-button-default-selected-hover: var(
|
|
5310
|
-
--x-color-text-option-list-button-bottom-selected-hover
|
|
5311
|
-
);
|
|
5312
|
-
--x-color-border-option-list-item-default-selected: var(
|
|
5313
|
-
--x-color-border-option-list-item-bottom-selected
|
|
5314
|
-
);
|
|
5315
|
-
--x-color-border-top-option-list-item-default-selected: var(
|
|
5316
|
-
--x-color-border-top-option-list-item-bottom-selected
|
|
5317
|
-
);
|
|
5318
|
-
--x-color-border-right-option-list-item-default-selected: var(
|
|
5319
|
-
--x-color-border-top-option-list-item-bottom-selected
|
|
5320
|
-
);
|
|
5321
|
-
--x-color-border-bottom-option-list-item-default-selected: var(
|
|
5322
|
-
--x-color-border-bottom-option-list-item-bottom-selected
|
|
5323
|
-
);
|
|
5324
|
-
--x-color-border-left-option-list-item-default-selected: var(
|
|
5325
|
-
--x-color-border-top-option-list-item-bottom-selected
|
|
5326
|
-
);
|
|
5327
|
-
--x-size-border-width-top-option-list-item-default: var(
|
|
5328
|
-
--x-size-border-width-top-option-list-item-bottom-selected
|
|
5329
|
-
);
|
|
5330
|
-
--x-size-border-width-right-option-list-item-default: var(
|
|
5331
|
-
--x-size-border-width-right-option-list-item-bottom-selected
|
|
5332
|
-
);
|
|
5333
|
-
--x-size-border-width-bottom-option-list-item-default: var(
|
|
5334
|
-
--x-size-border-width-bottom-option-list-item-bottom-selected
|
|
5335
|
-
);
|
|
5336
|
-
--x-size-border-width-left-option-list-item-default: var(
|
|
5337
|
-
--x-size-border-width-left-option-list-item-bottom-selected
|
|
5338
|
-
);
|
|
5339
|
-
--x-number-font-weight-option-list-button-default-selected: var(
|
|
5340
|
-
--x-number-font-weight-option-list-button-bottom-selected
|
|
5341
|
-
);
|
|
5342
|
-
}
|
|
5343
|
-
.x-option-list--bottom.x-option-list .x-option-list__item:last-child,
|
|
5344
|
-
.x-option-list--bottom .x-option-list .x-option-list__item:last-child {
|
|
5345
|
-
--x-size-border-width-option-list-item-default: inherit;
|
|
5346
|
-
--x-size-border-width-top-option-list-item-default: inherit;
|
|
5347
|
-
--x-size-border-width-right-option-list-item-default: inherit;
|
|
5348
|
-
--x-size-border-width-bottom-option-list-item-default: inherit;
|
|
5349
|
-
--x-size-border-width-left-option-list-item-default: inherit;
|
|
5350
|
-
}
|
|
5351
5175
|
:root {
|
|
5352
5176
|
--x-color-background-option-list-button-default: transparent;
|
|
5353
5177
|
--x-color-border-option-list-button-default: transparent;
|
|
@@ -5541,20 +5365,196 @@
|
|
|
5541
5365
|
text-decoration: var(--x-font-decoration-option-list-button-default-hover);
|
|
5542
5366
|
}
|
|
5543
5367
|
:root {
|
|
5544
|
-
--x-
|
|
5545
|
-
--x-
|
|
5546
|
-
|
|
5547
|
-
|
|
5548
|
-
--x-
|
|
5549
|
-
--x-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
|
|
5554
|
-
|
|
5555
|
-
|
|
5556
|
-
:
|
|
5557
|
-
|
|
5368
|
+
--x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
|
|
5369
|
+
--x-color-text-option-list-button-bottom-selected-hover: var(
|
|
5370
|
+
--x-color-text-option-list-button-bottom-selected
|
|
5371
|
+
);
|
|
5372
|
+
--x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
|
|
5373
|
+
--x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
|
|
5374
|
+
--x-color-border-option-list-item-bottom: transparent;
|
|
5375
|
+
--x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5376
|
+
--x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5377
|
+
--x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5378
|
+
--x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5379
|
+
--x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
|
|
5380
|
+
--x-color-border-top-option-list-item-bottom-selected: var(
|
|
5381
|
+
--x-color-border-option-list-item-bottom
|
|
5382
|
+
);
|
|
5383
|
+
--x-color-border-right-option-list-item-bottom-selected: var(
|
|
5384
|
+
--x-color-border-option-list-item-bottom
|
|
5385
|
+
);
|
|
5386
|
+
--x-color-border-bottom-option-list-item-bottom-selected: var(
|
|
5387
|
+
--x-color-border-option-list-item-bottom-selected
|
|
5388
|
+
);
|
|
5389
|
+
--x-color-border-left-option-list-item-bottom-selected: var(
|
|
5390
|
+
--x-color-border-option-list-item-bottom
|
|
5391
|
+
);
|
|
5392
|
+
--x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
|
|
5393
|
+
--x-size-border-width-top-option-list-item-bottom: 0;
|
|
5394
|
+
--x-size-border-width-right-option-list-item-bottom: 0;
|
|
5395
|
+
--x-size-border-width-bottom-option-list-item-bottom: var(
|
|
5396
|
+
--x-size-border-width-option-list-item-bottom
|
|
5397
|
+
);
|
|
5398
|
+
--x-size-border-width-left-option-list-item-bottom: 0;
|
|
5399
|
+
--x-size-border-width-top-option-list-item-bottom-selected: 0;
|
|
5400
|
+
--x-size-border-width-right-option-list-item-bottom-selected: 0;
|
|
5401
|
+
--x-size-border-width-bottom-option-list-item-bottom-selected: var(
|
|
5402
|
+
--x-size-border-width-option-list-item-bottom
|
|
5403
|
+
);
|
|
5404
|
+
--x-size-border-width-left-option-list-item-bottom-selected: 0;
|
|
5405
|
+
--x-size-font-option-list-button-bottom: var(--x-size-font-text);
|
|
5406
|
+
--x-font-decoration-option-list-button-bottom-hover: none;
|
|
5407
|
+
--x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
|
|
5408
|
+
--x-number-font-weight-option-list-button-bottom-selected: var(
|
|
5409
|
+
--x-number-font-weight-base-regular
|
|
5410
|
+
);
|
|
5411
|
+
}
|
|
5412
|
+
:root {
|
|
5413
|
+
--x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
|
|
5414
|
+
--x-color-text-option-list-button-bottom-selected-hover: var(
|
|
5415
|
+
--x-color-text-option-list-button-bottom-selected
|
|
5416
|
+
);
|
|
5417
|
+
--x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
|
|
5418
|
+
--x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
|
|
5419
|
+
--x-color-border-option-list-item-bottom: transparent;
|
|
5420
|
+
--x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5421
|
+
--x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5422
|
+
--x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5423
|
+
--x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
|
|
5424
|
+
--x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
|
|
5425
|
+
--x-color-border-top-option-list-item-bottom-selected: var(
|
|
5426
|
+
--x-color-border-option-list-item-bottom
|
|
5427
|
+
);
|
|
5428
|
+
--x-color-border-right-option-list-item-bottom-selected: var(
|
|
5429
|
+
--x-color-border-option-list-item-bottom
|
|
5430
|
+
);
|
|
5431
|
+
--x-color-border-bottom-option-list-item-bottom-selected: var(
|
|
5432
|
+
--x-color-border-option-list-item-bottom-selected
|
|
5433
|
+
);
|
|
5434
|
+
--x-color-border-left-option-list-item-bottom-selected: var(
|
|
5435
|
+
--x-color-border-option-list-item-bottom
|
|
5436
|
+
);
|
|
5437
|
+
--x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
|
|
5438
|
+
--x-size-border-width-top-option-list-item-bottom: 0;
|
|
5439
|
+
--x-size-border-width-right-option-list-item-bottom: 0;
|
|
5440
|
+
--x-size-border-width-bottom-option-list-item-bottom: var(
|
|
5441
|
+
--x-size-border-width-option-list-item-bottom
|
|
5442
|
+
);
|
|
5443
|
+
--x-size-border-width-left-option-list-item-bottom: 0;
|
|
5444
|
+
--x-size-border-width-top-option-list-item-bottom-selected: 0;
|
|
5445
|
+
--x-size-border-width-right-option-list-item-bottom-selected: 0;
|
|
5446
|
+
--x-size-border-width-bottom-option-list-item-bottom-selected: var(
|
|
5447
|
+
--x-size-border-width-option-list-item-bottom
|
|
5448
|
+
);
|
|
5449
|
+
--x-size-border-width-left-option-list-item-bottom-selected: 0;
|
|
5450
|
+
--x-size-font-option-list-button-bottom: var(--x-size-font-text);
|
|
5451
|
+
--x-font-decoration-option-list-button-bottom-hover: none;
|
|
5452
|
+
--x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
|
|
5453
|
+
--x-number-font-weight-option-list-button-bottom-selected: var(
|
|
5454
|
+
--x-number-font-weight-base-regular
|
|
5455
|
+
);
|
|
5456
|
+
}
|
|
5457
|
+
|
|
5458
|
+
.x-option-list--bottom.x-option-list,
|
|
5459
|
+
.x-option-list--bottom .x-option-list {
|
|
5460
|
+
--x-color-text-option-list-button-default: var(--x-color-text-option-list-button-bottom);
|
|
5461
|
+
--x-color-text-option-list-button-default-hover: var(
|
|
5462
|
+
--x-color-text-option-list-button-bottom-hover
|
|
5463
|
+
);
|
|
5464
|
+
--x-color-border-option-list-item-default: var(--x-color-border-option-list-item-bottom);
|
|
5465
|
+
--x-color-border-top-option-list-item-default: var(--x-color-border-top-option-list-item-bottom);
|
|
5466
|
+
--x-color-border-right-option-list-item-default: var(
|
|
5467
|
+
--x-color-border-top-option-list-item-bottom
|
|
5468
|
+
);
|
|
5469
|
+
--x-color-border-bottom-option-list-item-default: var(
|
|
5470
|
+
--x-color-border-top-option-list-item-bottom
|
|
5471
|
+
);
|
|
5472
|
+
--x-color-border-left-option-list-item-default: var(--x-color-border-top-option-list-item-bottom);
|
|
5473
|
+
--x-size-border-width-option-list-item-default: var(
|
|
5474
|
+
--x-size-border-width-option-list-item-bottom
|
|
5475
|
+
);
|
|
5476
|
+
--x-size-border-width-top-option-list-item-default: var(
|
|
5477
|
+
--x-size-border-width-top-option-list-item-bottom
|
|
5478
|
+
);
|
|
5479
|
+
--x-size-border-width-right-option-list-item-default: var(
|
|
5480
|
+
--x-size-border-width-right-option-list-item-bottom
|
|
5481
|
+
);
|
|
5482
|
+
--x-size-border-width-bottom-option-list-item-default: var(
|
|
5483
|
+
--x-size-border-width-bottom-option-list-item-bottom
|
|
5484
|
+
);
|
|
5485
|
+
--x-size-border-width-left-option-list-item-default: var(
|
|
5486
|
+
--x-size-border-width-left-option-list-item-bottom
|
|
5487
|
+
);
|
|
5488
|
+
--x-font-decoration-option-list-button-default-hover: var(
|
|
5489
|
+
--x-font-decoration-option-list-button-bottom-hover
|
|
5490
|
+
);
|
|
5491
|
+
--x-size-font-option-list-button-default: var(--x-size-font-option-list-button-bottom);
|
|
5492
|
+
--x-number-font-weight-option-list-button-default: var(
|
|
5493
|
+
--x-number-font-weight-option-list-button-bottom
|
|
5494
|
+
);
|
|
5495
|
+
}
|
|
5496
|
+
.x-option-list--bottom.x-option-list .x-option-list__item.x-option-list__item--is-selected,
|
|
5497
|
+
.x-option-list--bottom .x-option-list .x-option-list__item.x-option-list__item--is-selected {
|
|
5498
|
+
--x-color-text-option-list-button-default-selected: var(
|
|
5499
|
+
--x-color-text-option-list-button-bottom-selected
|
|
5500
|
+
);
|
|
5501
|
+
--x-color-text-option-list-button-default-selected-hover: var(
|
|
5502
|
+
--x-color-text-option-list-button-bottom-selected-hover
|
|
5503
|
+
);
|
|
5504
|
+
--x-color-border-option-list-item-default-selected: var(
|
|
5505
|
+
--x-color-border-option-list-item-bottom-selected
|
|
5506
|
+
);
|
|
5507
|
+
--x-color-border-top-option-list-item-default-selected: var(
|
|
5508
|
+
--x-color-border-top-option-list-item-bottom-selected
|
|
5509
|
+
);
|
|
5510
|
+
--x-color-border-right-option-list-item-default-selected: var(
|
|
5511
|
+
--x-color-border-top-option-list-item-bottom-selected
|
|
5512
|
+
);
|
|
5513
|
+
--x-color-border-bottom-option-list-item-default-selected: var(
|
|
5514
|
+
--x-color-border-bottom-option-list-item-bottom-selected
|
|
5515
|
+
);
|
|
5516
|
+
--x-color-border-left-option-list-item-default-selected: var(
|
|
5517
|
+
--x-color-border-top-option-list-item-bottom-selected
|
|
5518
|
+
);
|
|
5519
|
+
--x-size-border-width-top-option-list-item-default: var(
|
|
5520
|
+
--x-size-border-width-top-option-list-item-bottom-selected
|
|
5521
|
+
);
|
|
5522
|
+
--x-size-border-width-right-option-list-item-default: var(
|
|
5523
|
+
--x-size-border-width-right-option-list-item-bottom-selected
|
|
5524
|
+
);
|
|
5525
|
+
--x-size-border-width-bottom-option-list-item-default: var(
|
|
5526
|
+
--x-size-border-width-bottom-option-list-item-bottom-selected
|
|
5527
|
+
);
|
|
5528
|
+
--x-size-border-width-left-option-list-item-default: var(
|
|
5529
|
+
--x-size-border-width-left-option-list-item-bottom-selected
|
|
5530
|
+
);
|
|
5531
|
+
--x-number-font-weight-option-list-button-default-selected: var(
|
|
5532
|
+
--x-number-font-weight-option-list-button-bottom-selected
|
|
5533
|
+
);
|
|
5534
|
+
}
|
|
5535
|
+
.x-option-list--bottom.x-option-list .x-option-list__item:last-child,
|
|
5536
|
+
.x-option-list--bottom .x-option-list .x-option-list__item:last-child {
|
|
5537
|
+
--x-size-border-width-option-list-item-default: inherit;
|
|
5538
|
+
--x-size-border-width-top-option-list-item-default: inherit;
|
|
5539
|
+
--x-size-border-width-right-option-list-item-default: inherit;
|
|
5540
|
+
--x-size-border-width-bottom-option-list-item-default: inherit;
|
|
5541
|
+
--x-size-border-width-left-option-list-item-default: inherit;
|
|
5542
|
+
}
|
|
5543
|
+
:root {
|
|
5544
|
+
--x-modal-overlay-color: rgb(0, 0, 0);
|
|
5545
|
+
--x-modal-overlay-opacity: 0.7;
|
|
5546
|
+
}
|
|
5547
|
+
:root {
|
|
5548
|
+
--x-modal-overlay-color: rgb(0, 0, 0);
|
|
5549
|
+
--x-modal-overlay-opacity: 0.7;
|
|
5550
|
+
}
|
|
5551
|
+
|
|
5552
|
+
.x-modal__overlay {
|
|
5553
|
+
background-color: var(--x-modal-overlay-color) !important;
|
|
5554
|
+
opacity: var(--x-modal-overlay-opacity) !important;
|
|
5555
|
+
}
|
|
5556
|
+
:root {
|
|
5557
|
+
--x-string-justify-message-default: center;
|
|
5558
5558
|
--x-size-gap-message-default: var(--x-size-base-03);
|
|
5559
5559
|
--x-size-padding-message-default: var(--x-size-base-06);
|
|
5560
5560
|
--x-color-background-message-default: var(--x-color-base-neutral-95);
|
|
@@ -5661,22 +5661,6 @@
|
|
|
5661
5661
|
--x-size-padding-list-12: var(--x-size-base-12);
|
|
5662
5662
|
--x-size-padding-list-13: var(--x-size-base-13);
|
|
5663
5663
|
}
|
|
5664
|
-
/* @deprecated */
|
|
5665
|
-
:root {
|
|
5666
|
-
--x-size-padding-list-01: var(--x-size-base-01);
|
|
5667
|
-
--x-size-padding-list-02: var(--x-size-base-02);
|
|
5668
|
-
--x-size-padding-list-03: var(--x-size-base-03);
|
|
5669
|
-
--x-size-padding-list-04: var(--x-size-base-04);
|
|
5670
|
-
--x-size-padding-list-05: var(--x-size-base-05);
|
|
5671
|
-
--x-size-padding-list-06: var(--x-size-base-06);
|
|
5672
|
-
--x-size-padding-list-07: var(--x-size-base-07);
|
|
5673
|
-
--x-size-padding-list-08: var(--x-size-base-08);
|
|
5674
|
-
--x-size-padding-list-09: var(--x-size-base-09);
|
|
5675
|
-
--x-size-padding-list-10: var(--x-size-base-10);
|
|
5676
|
-
--x-size-padding-list-11: var(--x-size-base-11);
|
|
5677
|
-
--x-size-padding-list-12: var(--x-size-base-12);
|
|
5678
|
-
--x-size-padding-list-13: var(--x-size-base-13);
|
|
5679
|
-
}
|
|
5680
5664
|
|
|
5681
5665
|
/* @deprecated */
|
|
5682
5666
|
[class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
|
|
@@ -5974,210 +5958,70 @@
|
|
|
5974
5958
|
}
|
|
5975
5959
|
.x-list--gap-.x-list.x-list--horizontal {
|
|
5976
5960
|
gap: 0;
|
|
5977
|
-
}
|
|
5978
|
-
.x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
|
|
5979
|
-
margin-right: var(--x-size-gap-list-12);
|
|
5980
|
-
}
|
|
5981
|
-
}
|
|
5982
|
-
|
|
5983
|
-
.x-list--padding-13.x-list {
|
|
5984
|
-
padding: var(--x-size-padding-list-13);
|
|
5985
|
-
}
|
|
5986
|
-
|
|
5987
|
-
.x-list--gap-.x-list {
|
|
5988
|
-
gap: var(--x-size-gap-list-13);
|
|
5989
|
-
}
|
|
5990
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
5991
|
-
.x-list--gap-.x-list {
|
|
5992
|
-
gap: 0;
|
|
5993
|
-
}
|
|
5994
|
-
.x-list--gap-.x-list > *:not(:last-child) {
|
|
5995
|
-
margin-bottom: var(--x-size-gap-list-13);
|
|
5996
|
-
}
|
|
5997
|
-
.x-list--gap-.x-list.x-list--horizontal {
|
|
5998
|
-
gap: 0;
|
|
5999
|
-
}
|
|
6000
|
-
.x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
|
|
6001
|
-
margin-right: var(--x-size-gap-list-13);
|
|
6002
|
-
}
|
|
6003
|
-
}
|
|
6004
|
-
:root {
|
|
6005
|
-
--x-size-gap-list-01: var(--x-size-base-01);
|
|
6006
|
-
--x-size-gap-list-02: var(--x-size-base-02);
|
|
6007
|
-
--x-size-gap-list-03: var(--x-size-base-03);
|
|
6008
|
-
--x-size-gap-list-04: var(--x-size-base-04);
|
|
6009
|
-
--x-size-gap-list-05: var(--x-size-base-05);
|
|
6010
|
-
--x-size-gap-list-06: var(--x-size-base-06);
|
|
6011
|
-
--x-size-gap-list-07: var(--x-size-base-07);
|
|
6012
|
-
--x-size-gap-list-08: var(--x-size-base-08);
|
|
6013
|
-
--x-size-gap-list-09: var(--x-size-base-09);
|
|
6014
|
-
--x-size-gap-list-10: var(--x-size-base-10);
|
|
6015
|
-
--x-size-gap-list-11: var(--x-size-base-11);
|
|
6016
|
-
--x-size-gap-list-12: var(--x-size-base-12);
|
|
6017
|
-
--x-size-gap-list-13: var(--x-size-base-13);
|
|
6018
|
-
--x-size-gap-list-14: var(--x-size-base-14);
|
|
6019
|
-
--x-size-gap-list-15: var(--x-size-base-15);
|
|
6020
|
-
--x-size-gap-list-16: var(--x-size-base-16);
|
|
6021
|
-
--x-size-gap-list-17: var(--x-size-base-17);
|
|
6022
|
-
--x-size-gap-list-18: var(--x-size-base-18);
|
|
6023
|
-
--x-size-gap-list-19: var(--x-size-base-19);
|
|
6024
|
-
--x-size-gap-list-20: var(--x-size-base-20);
|
|
6025
|
-
}
|
|
6026
|
-
:root {
|
|
6027
|
-
--x-string-flow-list: column nowrap;
|
|
6028
|
-
--x-size-padding-list: 0;
|
|
6029
|
-
--x-size-gap-list: 0;
|
|
6030
|
-
--x-size-justify-list: stretch;
|
|
6031
|
-
--x-size-align-list: stretch;
|
|
6032
|
-
--x-size-align-list-stretch: stretch;
|
|
6033
|
-
}
|
|
6034
|
-
|
|
6035
|
-
.x-list {
|
|
6036
|
-
display: flex;
|
|
6037
|
-
flex-flow: var(--x-string-flow-list);
|
|
6038
|
-
list-style: none;
|
|
6039
|
-
gap: var(--x-size-gap-list);
|
|
6040
|
-
margin: 0;
|
|
6041
|
-
padding: var(--x-size-padding-list);
|
|
6042
|
-
justify-content: var(--x-size-justify-list);
|
|
6043
|
-
align-items: var(--x-size-align-list);
|
|
6044
|
-
min-width: 0;
|
|
6045
|
-
}
|
|
6046
|
-
@media not all and (min-resolution: 0.001dpcm) {
|
|
6047
|
-
.x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
|
|
6048
|
-
gap: 0;
|
|
6049
|
-
}
|
|
6050
|
-
.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
|
|
6051
|
-
margin-bottom: var(--x-size-gap-list);
|
|
6052
|
-
}
|
|
6053
|
-
.x-list.x-list--horizontal {
|
|
6054
|
-
gap: 0;
|
|
6055
|
-
}
|
|
6056
|
-
.x-list.x-list--horizontal > *:not(:last-child) {
|
|
6057
|
-
margin-right: var(--x-size-gap-list);
|
|
6058
|
-
}
|
|
6059
|
-
.x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
|
|
6060
|
-
gap: 0;
|
|
6061
|
-
}
|
|
6062
|
-
.x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
|
|
6063
|
-
margin-right: var(--x-size-gap-list);
|
|
6064
|
-
margin-bottom: var(--x-size-gap-list);
|
|
6065
|
-
}
|
|
6066
|
-
}
|
|
6067
|
-
|
|
6068
|
-
.x-list--vertical.x-list {
|
|
6069
|
-
flex-flow: column nowrap;
|
|
6070
|
-
}
|
|
6071
|
-
|
|
6072
|
-
.x-list--horizontal.x-list {
|
|
6073
|
-
flex-flow: row nowrap;
|
|
6074
|
-
}
|
|
6075
|
-
|
|
6076
|
-
.x-list--wrap.x-list {
|
|
6077
|
-
flex-flow: row wrap;
|
|
6078
|
-
}
|
|
6079
|
-
|
|
6080
|
-
.x-list--wrap-reverse.x-list {
|
|
6081
|
-
flex-flow: row wrap-reverse;
|
|
6082
|
-
}
|
|
6083
|
-
|
|
6084
|
-
.x-list--justify-stretch.x-list {
|
|
6085
|
-
justify-content: stretch;
|
|
6086
|
-
}
|
|
6087
|
-
|
|
6088
|
-
.x-list--justify-center.x-list {
|
|
6089
|
-
justify-content: center;
|
|
6090
|
-
}
|
|
6091
|
-
|
|
6092
|
-
.x-list--justify-end.x-list {
|
|
6093
|
-
justify-content: flex-end;
|
|
6094
|
-
}
|
|
6095
|
-
|
|
6096
|
-
.x-list--justify-start.x-list {
|
|
6097
|
-
justify-content: flex-start;
|
|
6098
|
-
}
|
|
6099
|
-
|
|
6100
|
-
.x-list--align-stretch.x-list {
|
|
6101
|
-
align-items: stretch;
|
|
6102
|
-
}
|
|
6103
|
-
|
|
6104
|
-
.x-list--align-center.x-list {
|
|
6105
|
-
align-items: center;
|
|
6106
|
-
}
|
|
6107
|
-
|
|
6108
|
-
.x-list--align-baseline.x-list {
|
|
6109
|
-
align-items: baseline;
|
|
6110
|
-
}
|
|
6111
|
-
|
|
6112
|
-
.x-list--align-end.x-list {
|
|
6113
|
-
align-items: flex-end;
|
|
6114
|
-
}
|
|
6115
|
-
|
|
6116
|
-
.x-list--align-start.x-list {
|
|
6117
|
-
align-items: flex-start;
|
|
6118
|
-
}
|
|
6119
|
-
|
|
6120
|
-
.x-list > .x-list__item--expand {
|
|
6121
|
-
flex: 1 1 auto;
|
|
6122
|
-
}
|
|
6123
|
-
.x-list > .x-list__item--no-expand {
|
|
6124
|
-
flex: 0 0 auto;
|
|
6125
|
-
}
|
|
6126
|
-
.x-list.x-list--horizontal > .x-list__item--expand {
|
|
6127
|
-
min-width: 0;
|
|
6128
|
-
}
|
|
6129
|
-
.x-list:not(.x-list--horizontal) > .x-list__item--expand {
|
|
6130
|
-
min-height: 0;
|
|
6131
|
-
}
|
|
6132
|
-
.x-list > .x-list__item--stretch {
|
|
6133
|
-
align-self: stretch;
|
|
6134
|
-
}
|
|
6135
|
-
.x-list > .x-list__item--flex-none {
|
|
6136
|
-
flex: none;
|
|
6137
|
-
}
|
|
6138
|
-
.x-list > .x-list__item--01 {
|
|
6139
|
-
flex: 1 12 auto;
|
|
6140
|
-
}
|
|
6141
|
-
.x-list > .x-list__item--02 {
|
|
6142
|
-
flex: 2 11 auto;
|
|
6143
|
-
}
|
|
6144
|
-
.x-list > .x-list__item--03 {
|
|
6145
|
-
flex: 3 10 auto;
|
|
6146
|
-
}
|
|
6147
|
-
.x-list > .x-list__item--04 {
|
|
6148
|
-
flex: 4 9 auto;
|
|
6149
|
-
}
|
|
6150
|
-
.x-list > .x-list__item--05 {
|
|
6151
|
-
flex: 5 8 auto;
|
|
6152
|
-
}
|
|
6153
|
-
.x-list > .x-list__item--06 {
|
|
6154
|
-
flex: 6 7 auto;
|
|
6155
|
-
}
|
|
6156
|
-
.x-list > .x-list__item--07 {
|
|
6157
|
-
flex: 7 6 auto;
|
|
6158
|
-
}
|
|
6159
|
-
.x-list > .x-list__item--08 {
|
|
6160
|
-
flex: 8 5 auto;
|
|
5961
|
+
}
|
|
5962
|
+
.x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
|
|
5963
|
+
margin-right: var(--x-size-gap-list-12);
|
|
5964
|
+
}
|
|
6161
5965
|
}
|
|
6162
|
-
|
|
6163
|
-
|
|
5966
|
+
|
|
5967
|
+
.x-list--padding-13.x-list {
|
|
5968
|
+
padding: var(--x-size-padding-list-13);
|
|
6164
5969
|
}
|
|
6165
|
-
|
|
6166
|
-
|
|
5970
|
+
|
|
5971
|
+
.x-list--gap-.x-list {
|
|
5972
|
+
gap: var(--x-size-gap-list-13);
|
|
6167
5973
|
}
|
|
6168
|
-
|
|
6169
|
-
|
|
5974
|
+
@media not all and (min-resolution: 0.001dpcm) {
|
|
5975
|
+
.x-list--gap-.x-list {
|
|
5976
|
+
gap: 0;
|
|
5977
|
+
}
|
|
5978
|
+
.x-list--gap-.x-list > *:not(:last-child) {
|
|
5979
|
+
margin-bottom: var(--x-size-gap-list-13);
|
|
5980
|
+
}
|
|
5981
|
+
.x-list--gap-.x-list.x-list--horizontal {
|
|
5982
|
+
gap: 0;
|
|
5983
|
+
}
|
|
5984
|
+
.x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
|
|
5985
|
+
margin-right: var(--x-size-gap-list-13);
|
|
5986
|
+
}
|
|
6170
5987
|
}
|
|
6171
|
-
|
|
6172
|
-
|
|
5988
|
+
/* @deprecated */
|
|
5989
|
+
:root {
|
|
5990
|
+
--x-size-padding-list-01: var(--x-size-base-01);
|
|
5991
|
+
--x-size-padding-list-02: var(--x-size-base-02);
|
|
5992
|
+
--x-size-padding-list-03: var(--x-size-base-03);
|
|
5993
|
+
--x-size-padding-list-04: var(--x-size-base-04);
|
|
5994
|
+
--x-size-padding-list-05: var(--x-size-base-05);
|
|
5995
|
+
--x-size-padding-list-06: var(--x-size-base-06);
|
|
5996
|
+
--x-size-padding-list-07: var(--x-size-base-07);
|
|
5997
|
+
--x-size-padding-list-08: var(--x-size-base-08);
|
|
5998
|
+
--x-size-padding-list-09: var(--x-size-base-09);
|
|
5999
|
+
--x-size-padding-list-10: var(--x-size-base-10);
|
|
6000
|
+
--x-size-padding-list-11: var(--x-size-base-11);
|
|
6001
|
+
--x-size-padding-list-12: var(--x-size-base-12);
|
|
6002
|
+
--x-size-padding-list-13: var(--x-size-base-13);
|
|
6173
6003
|
}
|
|
6174
6004
|
:root {
|
|
6175
|
-
--x-
|
|
6176
|
-
--x-size-
|
|
6177
|
-
--x-size-gap-list:
|
|
6178
|
-
--x-size-
|
|
6179
|
-
--x-size-
|
|
6180
|
-
--x-size-
|
|
6005
|
+
--x-size-gap-list-01: var(--x-size-base-01);
|
|
6006
|
+
--x-size-gap-list-02: var(--x-size-base-02);
|
|
6007
|
+
--x-size-gap-list-03: var(--x-size-base-03);
|
|
6008
|
+
--x-size-gap-list-04: var(--x-size-base-04);
|
|
6009
|
+
--x-size-gap-list-05: var(--x-size-base-05);
|
|
6010
|
+
--x-size-gap-list-06: var(--x-size-base-06);
|
|
6011
|
+
--x-size-gap-list-07: var(--x-size-base-07);
|
|
6012
|
+
--x-size-gap-list-08: var(--x-size-base-08);
|
|
6013
|
+
--x-size-gap-list-09: var(--x-size-base-09);
|
|
6014
|
+
--x-size-gap-list-10: var(--x-size-base-10);
|
|
6015
|
+
--x-size-gap-list-11: var(--x-size-base-11);
|
|
6016
|
+
--x-size-gap-list-12: var(--x-size-base-12);
|
|
6017
|
+
--x-size-gap-list-13: var(--x-size-base-13);
|
|
6018
|
+
--x-size-gap-list-14: var(--x-size-base-14);
|
|
6019
|
+
--x-size-gap-list-15: var(--x-size-base-15);
|
|
6020
|
+
--x-size-gap-list-16: var(--x-size-base-16);
|
|
6021
|
+
--x-size-gap-list-17: var(--x-size-base-17);
|
|
6022
|
+
--x-size-gap-list-18: var(--x-size-base-18);
|
|
6023
|
+
--x-size-gap-list-19: var(--x-size-base-19);
|
|
6024
|
+
--x-size-gap-list-20: var(--x-size-base-20);
|
|
6181
6025
|
}
|
|
6182
6026
|
:root {
|
|
6183
6027
|
--x-size-gap-list-01: var(--x-size-base-01);
|
|
@@ -6701,6 +6545,162 @@
|
|
|
6701
6545
|
margin-bottom: var(--x-size-gap-list-20);
|
|
6702
6546
|
}
|
|
6703
6547
|
}
|
|
6548
|
+
:root {
|
|
6549
|
+
--x-string-flow-list: column nowrap;
|
|
6550
|
+
--x-size-padding-list: 0;
|
|
6551
|
+
--x-size-gap-list: 0;
|
|
6552
|
+
--x-size-justify-list: stretch;
|
|
6553
|
+
--x-size-align-list: stretch;
|
|
6554
|
+
--x-size-align-list-stretch: stretch;
|
|
6555
|
+
}
|
|
6556
|
+
:root {
|
|
6557
|
+
--x-string-flow-list: column nowrap;
|
|
6558
|
+
--x-size-padding-list: 0;
|
|
6559
|
+
--x-size-gap-list: 0;
|
|
6560
|
+
--x-size-justify-list: stretch;
|
|
6561
|
+
--x-size-align-list: stretch;
|
|
6562
|
+
--x-size-align-list-stretch: stretch;
|
|
6563
|
+
}
|
|
6564
|
+
|
|
6565
|
+
.x-list {
|
|
6566
|
+
display: flex;
|
|
6567
|
+
flex-flow: var(--x-string-flow-list);
|
|
6568
|
+
list-style: none;
|
|
6569
|
+
gap: var(--x-size-gap-list);
|
|
6570
|
+
margin: 0;
|
|
6571
|
+
padding: var(--x-size-padding-list);
|
|
6572
|
+
justify-content: var(--x-size-justify-list);
|
|
6573
|
+
align-items: var(--x-size-align-list);
|
|
6574
|
+
min-width: 0;
|
|
6575
|
+
}
|
|
6576
|
+
@media not all and (min-resolution: 0.001dpcm) {
|
|
6577
|
+
.x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
|
|
6578
|
+
gap: 0;
|
|
6579
|
+
}
|
|
6580
|
+
.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
|
|
6581
|
+
margin-bottom: var(--x-size-gap-list);
|
|
6582
|
+
}
|
|
6583
|
+
.x-list.x-list--horizontal {
|
|
6584
|
+
gap: 0;
|
|
6585
|
+
}
|
|
6586
|
+
.x-list.x-list--horizontal > *:not(:last-child) {
|
|
6587
|
+
margin-right: var(--x-size-gap-list);
|
|
6588
|
+
}
|
|
6589
|
+
.x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
|
|
6590
|
+
gap: 0;
|
|
6591
|
+
}
|
|
6592
|
+
.x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
|
|
6593
|
+
margin-right: var(--x-size-gap-list);
|
|
6594
|
+
margin-bottom: var(--x-size-gap-list);
|
|
6595
|
+
}
|
|
6596
|
+
}
|
|
6597
|
+
|
|
6598
|
+
.x-list--vertical.x-list {
|
|
6599
|
+
flex-flow: column nowrap;
|
|
6600
|
+
}
|
|
6601
|
+
|
|
6602
|
+
.x-list--horizontal.x-list {
|
|
6603
|
+
flex-flow: row nowrap;
|
|
6604
|
+
}
|
|
6605
|
+
|
|
6606
|
+
.x-list--wrap.x-list {
|
|
6607
|
+
flex-flow: row wrap;
|
|
6608
|
+
}
|
|
6609
|
+
|
|
6610
|
+
.x-list--wrap-reverse.x-list {
|
|
6611
|
+
flex-flow: row wrap-reverse;
|
|
6612
|
+
}
|
|
6613
|
+
|
|
6614
|
+
.x-list--justify-stretch.x-list {
|
|
6615
|
+
justify-content: stretch;
|
|
6616
|
+
}
|
|
6617
|
+
|
|
6618
|
+
.x-list--justify-center.x-list {
|
|
6619
|
+
justify-content: center;
|
|
6620
|
+
}
|
|
6621
|
+
|
|
6622
|
+
.x-list--justify-end.x-list {
|
|
6623
|
+
justify-content: flex-end;
|
|
6624
|
+
}
|
|
6625
|
+
|
|
6626
|
+
.x-list--justify-start.x-list {
|
|
6627
|
+
justify-content: flex-start;
|
|
6628
|
+
}
|
|
6629
|
+
|
|
6630
|
+
.x-list--align-stretch.x-list {
|
|
6631
|
+
align-items: stretch;
|
|
6632
|
+
}
|
|
6633
|
+
|
|
6634
|
+
.x-list--align-center.x-list {
|
|
6635
|
+
align-items: center;
|
|
6636
|
+
}
|
|
6637
|
+
|
|
6638
|
+
.x-list--align-baseline.x-list {
|
|
6639
|
+
align-items: baseline;
|
|
6640
|
+
}
|
|
6641
|
+
|
|
6642
|
+
.x-list--align-end.x-list {
|
|
6643
|
+
align-items: flex-end;
|
|
6644
|
+
}
|
|
6645
|
+
|
|
6646
|
+
.x-list--align-start.x-list {
|
|
6647
|
+
align-items: flex-start;
|
|
6648
|
+
}
|
|
6649
|
+
|
|
6650
|
+
.x-list > .x-list__item--expand {
|
|
6651
|
+
flex: 1 1 auto;
|
|
6652
|
+
}
|
|
6653
|
+
.x-list > .x-list__item--no-expand {
|
|
6654
|
+
flex: 0 0 auto;
|
|
6655
|
+
}
|
|
6656
|
+
.x-list.x-list--horizontal > .x-list__item--expand {
|
|
6657
|
+
min-width: 0;
|
|
6658
|
+
}
|
|
6659
|
+
.x-list:not(.x-list--horizontal) > .x-list__item--expand {
|
|
6660
|
+
min-height: 0;
|
|
6661
|
+
}
|
|
6662
|
+
.x-list > .x-list__item--stretch {
|
|
6663
|
+
align-self: stretch;
|
|
6664
|
+
}
|
|
6665
|
+
.x-list > .x-list__item--flex-none {
|
|
6666
|
+
flex: none;
|
|
6667
|
+
}
|
|
6668
|
+
.x-list > .x-list__item--01 {
|
|
6669
|
+
flex: 1 12 auto;
|
|
6670
|
+
}
|
|
6671
|
+
.x-list > .x-list__item--02 {
|
|
6672
|
+
flex: 2 11 auto;
|
|
6673
|
+
}
|
|
6674
|
+
.x-list > .x-list__item--03 {
|
|
6675
|
+
flex: 3 10 auto;
|
|
6676
|
+
}
|
|
6677
|
+
.x-list > .x-list__item--04 {
|
|
6678
|
+
flex: 4 9 auto;
|
|
6679
|
+
}
|
|
6680
|
+
.x-list > .x-list__item--05 {
|
|
6681
|
+
flex: 5 8 auto;
|
|
6682
|
+
}
|
|
6683
|
+
.x-list > .x-list__item--06 {
|
|
6684
|
+
flex: 6 7 auto;
|
|
6685
|
+
}
|
|
6686
|
+
.x-list > .x-list__item--07 {
|
|
6687
|
+
flex: 7 6 auto;
|
|
6688
|
+
}
|
|
6689
|
+
.x-list > .x-list__item--08 {
|
|
6690
|
+
flex: 8 5 auto;
|
|
6691
|
+
}
|
|
6692
|
+
.x-list > .x-list__item--09 {
|
|
6693
|
+
flex: 9 4 auto;
|
|
6694
|
+
}
|
|
6695
|
+
.x-list > .x-list__item--10 {
|
|
6696
|
+
flex: 10 3 auto;
|
|
6697
|
+
}
|
|
6698
|
+
.x-list > .x-list__item--11 {
|
|
6699
|
+
flex: 11 2 auto;
|
|
6700
|
+
}
|
|
6701
|
+
.x-list > .x-list__item--12 {
|
|
6702
|
+
flex: 12 1 auto;
|
|
6703
|
+
}
|
|
6704
6704
|
:root {
|
|
6705
6705
|
--x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
|
|
6706
6706
|
--x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
@@ -6835,6 +6835,15 @@
|
|
|
6835
6835
|
);
|
|
6836
6836
|
--x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
|
|
6837
6837
|
}
|
|
6838
|
+
:root {
|
|
6839
|
+
--x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
|
|
6840
|
+
--x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
6841
|
+
--x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
6842
|
+
--x-size-border-radius-bottom-right-input-group-card: var(
|
|
6843
|
+
--x-size-border-radius-input-group-card
|
|
6844
|
+
);
|
|
6845
|
+
--x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
6846
|
+
}
|
|
6838
6847
|
:root {
|
|
6839
6848
|
--x-color-background-input-group-default: var(--x-color-background-input-default);
|
|
6840
6849
|
--x-color-border-input-group-default: var(--x-color-border-input-default);
|
|
@@ -7021,15 +7030,6 @@
|
|
|
7021
7030
|
);
|
|
7022
7031
|
--x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
7023
7032
|
}
|
|
7024
|
-
:root {
|
|
7025
|
-
--x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
|
|
7026
|
-
--x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
7027
|
-
--x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
7028
|
-
--x-size-border-radius-bottom-right-input-group-card: var(
|
|
7029
|
-
--x-size-border-radius-input-group-card
|
|
7030
|
-
);
|
|
7031
|
-
--x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
7032
|
-
}
|
|
7033
7033
|
|
|
7034
7034
|
.x-input-group--card.x-input-group,
|
|
7035
7035
|
.x-input-group--card .x-input-group {
|
|
@@ -7090,6 +7090,34 @@
|
|
|
7090
7090
|
--x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
|
|
7091
7091
|
--x-size-border-width-left-input-line: 0;
|
|
7092
7092
|
}
|
|
7093
|
+
:root {
|
|
7094
|
+
--x-color-background-input-default: var(--x-color-base-neutral-100);
|
|
7095
|
+
--x-color-border-input-default: var(--x-color-base-neutral-70);
|
|
7096
|
+
--x-color-border-input-default-focus: var(--x-color-base-lead);
|
|
7097
|
+
--x-color-text-input-default: var(--x-color-text-default);
|
|
7098
|
+
--x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
|
|
7099
|
+
--x-size-border-width-input-default: var(--x-size-border-width-base);
|
|
7100
|
+
--x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
|
|
7101
|
+
--x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
|
|
7102
|
+
--x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
|
|
7103
|
+
--x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
|
|
7104
|
+
--x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
|
|
7105
|
+
--x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
|
|
7106
|
+
--x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
|
|
7107
|
+
--x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
|
|
7108
|
+
--x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
|
|
7109
|
+
--x-size-height-input-default: var(--x-size-base-07);
|
|
7110
|
+
--x-size-padding-right-input-default: var(--x-size-base-04);
|
|
7111
|
+
--x-size-padding-left-input-default: var(--x-size-base-04);
|
|
7112
|
+
--x-font-family-input-default: var(--x-font-family-text);
|
|
7113
|
+
--x-size-font-input-default: var(--x-size-font-text);
|
|
7114
|
+
--x-size-line-height-input-default: var(--x-size-line-height-text);
|
|
7115
|
+
--x-number-font-weight-input-default: var(--x-number-font-weight-text);
|
|
7116
|
+
--x-font-family-input-placeholder-default: var(--x-font-family-input-default);
|
|
7117
|
+
--x-size-font-input-placeholder-default: var(--x-size-font-input-default);
|
|
7118
|
+
--x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
|
|
7119
|
+
--x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
|
|
7120
|
+
}
|
|
7093
7121
|
:root {
|
|
7094
7122
|
--x-size-padding-top-input-line: var(--x-size-base-03);
|
|
7095
7123
|
--x-size-padding-right-input-line: 0;
|
|
@@ -7220,34 +7248,6 @@
|
|
|
7220
7248
|
font-weight: var(--x-number-font-weight-input-placeholder-default);
|
|
7221
7249
|
line-height: var(--x-size-line-height-input-placeholder-default);
|
|
7222
7250
|
}
|
|
7223
|
-
:root {
|
|
7224
|
-
--x-color-background-input-default: var(--x-color-base-neutral-100);
|
|
7225
|
-
--x-color-border-input-default: var(--x-color-base-neutral-70);
|
|
7226
|
-
--x-color-border-input-default-focus: var(--x-color-base-lead);
|
|
7227
|
-
--x-color-text-input-default: var(--x-color-text-default);
|
|
7228
|
-
--x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
|
|
7229
|
-
--x-size-border-width-input-default: var(--x-size-border-width-base);
|
|
7230
|
-
--x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
|
|
7231
|
-
--x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
|
|
7232
|
-
--x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
|
|
7233
|
-
--x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
|
|
7234
|
-
--x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
|
|
7235
|
-
--x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
|
|
7236
|
-
--x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
|
|
7237
|
-
--x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
|
|
7238
|
-
--x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
|
|
7239
|
-
--x-size-height-input-default: var(--x-size-base-07);
|
|
7240
|
-
--x-size-padding-right-input-default: var(--x-size-base-04);
|
|
7241
|
-
--x-size-padding-left-input-default: var(--x-size-base-04);
|
|
7242
|
-
--x-font-family-input-default: var(--x-font-family-text);
|
|
7243
|
-
--x-size-font-input-default: var(--x-size-font-text);
|
|
7244
|
-
--x-size-line-height-input-default: var(--x-size-line-height-text);
|
|
7245
|
-
--x-number-font-weight-input-default: var(--x-number-font-weight-text);
|
|
7246
|
-
--x-font-family-input-placeholder-default: var(--x-font-family-input-default);
|
|
7247
|
-
--x-size-font-input-placeholder-default: var(--x-size-font-input-default);
|
|
7248
|
-
--x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
|
|
7249
|
-
--x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
|
|
7250
|
-
}
|
|
7251
7251
|
:root {
|
|
7252
7252
|
--x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
|
|
7253
7253
|
--x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
|
|
@@ -7279,10 +7279,6 @@
|
|
|
7279
7279
|
--x-size-width-icon-xl: var(--x-size-base-07);
|
|
7280
7280
|
--x-size-height-icon-xl: var(--x-size-base-07);
|
|
7281
7281
|
}
|
|
7282
|
-
:root {
|
|
7283
|
-
--x-size-width-icon-s: var(--x-size-base-03);
|
|
7284
|
-
--x-size-height-icon-s: var(--x-size-base-03);
|
|
7285
|
-
}
|
|
7286
7282
|
:root {
|
|
7287
7283
|
--x-size-width-icon-xl: var(--x-size-base-07);
|
|
7288
7284
|
--x-size-height-icon-xl: var(--x-size-base-07);
|
|
@@ -7302,12 +7298,12 @@
|
|
|
7302
7298
|
--x-size-height-icon-default: var(--x-size-height-icon-s);
|
|
7303
7299
|
}
|
|
7304
7300
|
:root {
|
|
7305
|
-
--x-size-width-icon-
|
|
7306
|
-
--x-size-height-icon-
|
|
7301
|
+
--x-size-width-icon-s: var(--x-size-base-03);
|
|
7302
|
+
--x-size-height-icon-s: var(--x-size-base-03);
|
|
7307
7303
|
}
|
|
7308
7304
|
:root {
|
|
7309
|
-
--x-size-width-icon-
|
|
7310
|
-
--x-size-height-icon-
|
|
7305
|
+
--x-size-width-icon-m: var(--x-size-base-05);
|
|
7306
|
+
--x-size-height-icon-m: var(--x-size-base-05);
|
|
7311
7307
|
}
|
|
7312
7308
|
:root {
|
|
7313
7309
|
--x-size-width-icon-m: var(--x-size-base-05);
|
|
@@ -7319,13 +7315,8 @@
|
|
|
7319
7315
|
--x-size-height-icon-default: var(--x-size-height-icon-m);
|
|
7320
7316
|
}
|
|
7321
7317
|
:root {
|
|
7322
|
-
--x-
|
|
7323
|
-
--x-
|
|
7324
|
-
--x-size-width-icon-default: var(--x-size-width-icon-m);
|
|
7325
|
-
--x-size-height-icon-default: var(--x-size-height-icon-m);
|
|
7326
|
-
--x-string-stroke-linecap-icon-default: butt;
|
|
7327
|
-
--x-string-stroke-linejoin-icon-default: mitter;
|
|
7328
|
-
--x-size-stroke-width-icon-default: 1px;
|
|
7318
|
+
--x-size-width-icon-l: var(--x-size-base-06);
|
|
7319
|
+
--x-size-height-icon-l: var(--x-size-base-06);
|
|
7329
7320
|
}
|
|
7330
7321
|
:root {
|
|
7331
7322
|
--x-size-width-icon-l: var(--x-size-base-06);
|
|
@@ -7345,6 +7336,15 @@
|
|
|
7345
7336
|
--x-string-stroke-linejoin-icon-default: mitter;
|
|
7346
7337
|
--x-size-stroke-width-icon-default: 1px;
|
|
7347
7338
|
}
|
|
7339
|
+
:root {
|
|
7340
|
+
--x-color-stroke-icon-default: currentColor;
|
|
7341
|
+
--x-color-fill-icon-default: none;
|
|
7342
|
+
--x-size-width-icon-default: var(--x-size-width-icon-m);
|
|
7343
|
+
--x-size-height-icon-default: var(--x-size-height-icon-m);
|
|
7344
|
+
--x-string-stroke-linecap-icon-default: butt;
|
|
7345
|
+
--x-string-stroke-linejoin-icon-default: mitter;
|
|
7346
|
+
--x-size-stroke-width-icon-default: 1px;
|
|
7347
|
+
}
|
|
7348
7348
|
|
|
7349
7349
|
.x-icon {
|
|
7350
7350
|
stroke: var(--x-color-stroke-icon-default);
|
|
@@ -7397,6 +7397,12 @@
|
|
|
7397
7397
|
--x-size-gap-grid: var(--x-size-base-03);
|
|
7398
7398
|
--x-size-min-width-grid-item: 150px;
|
|
7399
7399
|
}
|
|
7400
|
+
.x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
|
|
7401
|
+
.x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
|
|
7402
|
+
.x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
|
|
7403
|
+
.x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
|
|
7404
|
+
margin-left: auto;
|
|
7405
|
+
}
|
|
7400
7406
|
:root {
|
|
7401
7407
|
--x-size-margin-filter-children: 0;
|
|
7402
7408
|
--x-size-padding-top-filter-children: 0;
|
|
@@ -7436,12 +7442,6 @@
|
|
|
7436
7442
|
.x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
|
|
7437
7443
|
width: 100%;
|
|
7438
7444
|
}
|
|
7439
|
-
.x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
|
|
7440
|
-
.x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
|
|
7441
|
-
.x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
|
|
7442
|
-
.x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
|
|
7443
|
-
margin-left: auto;
|
|
7444
|
-
}
|
|
7445
7445
|
:root {
|
|
7446
7446
|
--x-color-background-filter-default: transparent;
|
|
7447
7447
|
--x-color-border-filter-default: var(--x-color-background-filter-default);
|
|
@@ -7832,18 +7832,6 @@
|
|
|
7832
7832
|
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7833
7833
|
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7834
7834
|
}
|
|
7835
|
-
:root {
|
|
7836
|
-
--x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
|
|
7837
|
-
--x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7838
|
-
--x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7839
|
-
--x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7840
|
-
--x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7841
|
-
--x-size-padding-facet-header-card: var(--x-size-base-03);
|
|
7842
|
-
--x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7843
|
-
--x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7844
|
-
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7845
|
-
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7846
|
-
}
|
|
7847
7835
|
|
|
7848
7836
|
.x-facet--card.x-facet,
|
|
7849
7837
|
.x-facet--card .x-facet {
|
|
@@ -7858,6 +7846,18 @@
|
|
|
7858
7846
|
--x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
|
|
7859
7847
|
--x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
|
|
7860
7848
|
}
|
|
7849
|
+
:root {
|
|
7850
|
+
--x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
|
|
7851
|
+
--x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7852
|
+
--x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7853
|
+
--x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7854
|
+
--x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7855
|
+
--x-size-padding-facet-header-card: var(--x-size-base-03);
|
|
7856
|
+
--x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7857
|
+
--x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7858
|
+
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7859
|
+
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7860
|
+
}
|
|
7861
7861
|
:root {
|
|
7862
7862
|
--x-size-width-dropdown-xl: 282px;
|
|
7863
7863
|
}
|
|
@@ -7932,37 +7932,13 @@
|
|
|
7932
7932
|
:root {
|
|
7933
7933
|
--x-size-width-dropdown-m: 130px;
|
|
7934
7934
|
}
|
|
7935
|
-
:root {
|
|
7936
|
-
--x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
|
|
7937
|
-
--x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
|
|
7938
|
-
--x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
|
|
7939
|
-
--x-size-padding-right-dropdown-item-line: 0;
|
|
7940
|
-
--x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
|
|
7941
|
-
--x-size-padding-left-dropdown-item-line: 0;
|
|
7942
|
-
--x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
|
|
7943
|
-
--x-size-padding-right-dropdown-toggle-line: 0;
|
|
7944
|
-
--x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
|
|
7945
|
-
--x-size-padding-left-dropdown-toggle-line: 0;
|
|
7946
|
-
--x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
|
|
7947
|
-
--x-size-border-width-top-dropdown-toggle-line: 0;
|
|
7948
|
-
--x-size-border-width-right-dropdown-toggle-line: 0;
|
|
7949
|
-
--x-size-border-width-bottom-dropdown-toggle-line: var(
|
|
7950
|
-
--x-size-border-width-dropdown-toggle-line
|
|
7951
|
-
);
|
|
7952
|
-
--x-size-border-width-left-dropdown-toggle-line: 0;
|
|
7953
|
-
--x-size-border-width-dropdown-list-line: 0;
|
|
7954
|
-
--x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
7955
|
-
--x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
7956
|
-
--x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
7957
|
-
--x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
7958
|
-
}
|
|
7959
|
-
:root {
|
|
7960
|
-
--x-size-width-dropdown-m: 130px;
|
|
7961
|
-
}
|
|
7962
7935
|
|
|
7963
7936
|
.x-dropdown.x-dropdown--m {
|
|
7964
7937
|
--x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
|
|
7965
7938
|
}
|
|
7939
|
+
:root {
|
|
7940
|
+
--x-size-width-dropdown-m: 130px;
|
|
7941
|
+
}
|
|
7966
7942
|
:root {
|
|
7967
7943
|
--x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
|
|
7968
7944
|
--x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
|
|
@@ -8026,9 +8002,40 @@
|
|
|
8026
8002
|
--x-size-border-width-left-dropdown-list-line
|
|
8027
8003
|
);
|
|
8028
8004
|
}
|
|
8005
|
+
:root {
|
|
8006
|
+
--x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
|
|
8007
|
+
--x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
|
|
8008
|
+
--x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
|
|
8009
|
+
--x-size-padding-right-dropdown-item-line: 0;
|
|
8010
|
+
--x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
|
|
8011
|
+
--x-size-padding-left-dropdown-item-line: 0;
|
|
8012
|
+
--x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
|
|
8013
|
+
--x-size-padding-right-dropdown-toggle-line: 0;
|
|
8014
|
+
--x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
|
|
8015
|
+
--x-size-padding-left-dropdown-toggle-line: 0;
|
|
8016
|
+
--x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
|
|
8017
|
+
--x-size-border-width-top-dropdown-toggle-line: 0;
|
|
8018
|
+
--x-size-border-width-right-dropdown-toggle-line: 0;
|
|
8019
|
+
--x-size-border-width-bottom-dropdown-toggle-line: var(
|
|
8020
|
+
--x-size-border-width-dropdown-toggle-line
|
|
8021
|
+
);
|
|
8022
|
+
--x-size-border-width-left-dropdown-toggle-line: 0;
|
|
8023
|
+
--x-size-border-width-dropdown-list-line: 0;
|
|
8024
|
+
--x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8025
|
+
--x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8026
|
+
--x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8027
|
+
--x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8028
|
+
}
|
|
8029
|
+
:root {
|
|
8030
|
+
--x-size-width-dropdown-l: 202px;
|
|
8031
|
+
}
|
|
8029
8032
|
:root {
|
|
8030
8033
|
--x-size-width-dropdown-l: 202px;
|
|
8031
8034
|
}
|
|
8035
|
+
|
|
8036
|
+
.x-dropdown.x-dropdown--l {
|
|
8037
|
+
--x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
|
|
8038
|
+
}
|
|
8032
8039
|
:root {
|
|
8033
8040
|
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
|
|
8034
8041
|
--x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
@@ -8103,11 +8110,17 @@
|
|
|
8103
8110
|
--x-string-overflow-dropdown-list-default: hidden;
|
|
8104
8111
|
}
|
|
8105
8112
|
:root {
|
|
8106
|
-
--x-size-
|
|
8107
|
-
|
|
8108
|
-
|
|
8109
|
-
|
|
8110
|
-
--x-size-
|
|
8113
|
+
--x-size-gap-dropdown-card: var(--x-size-base-03);
|
|
8114
|
+
--x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
|
|
8115
|
+
--x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8116
|
+
--x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8117
|
+
--x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8118
|
+
--x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8119
|
+
--x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
|
|
8120
|
+
--x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8121
|
+
--x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8122
|
+
--x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8123
|
+
--x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8111
8124
|
}
|
|
8112
8125
|
:root {
|
|
8113
8126
|
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
|
|
@@ -8364,19 +8377,6 @@
|
|
|
8364
8377
|
--x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8365
8378
|
--x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8366
8379
|
}
|
|
8367
|
-
:root {
|
|
8368
|
-
--x-size-gap-dropdown-card: var(--x-size-base-03);
|
|
8369
|
-
--x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
|
|
8370
|
-
--x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8371
|
-
--x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8372
|
-
--x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8373
|
-
--x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
8374
|
-
--x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
|
|
8375
|
-
--x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8376
|
-
--x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8377
|
-
--x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8378
|
-
--x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
8379
|
-
}
|
|
8380
8380
|
|
|
8381
8381
|
.x-dropdown--card {
|
|
8382
8382
|
--x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
|
|
@@ -8539,13 +8539,6 @@
|
|
|
8539
8539
|
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8540
8540
|
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8541
8541
|
}
|
|
8542
|
-
:root {
|
|
8543
|
-
--x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
|
|
8544
|
-
--x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8545
|
-
--x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8546
|
-
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8547
|
-
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8548
|
-
}
|
|
8549
8542
|
|
|
8550
8543
|
.x-button--pill.x-button,
|
|
8551
8544
|
.x-button--pill .x-button {
|
|
@@ -8561,6 +8554,13 @@
|
|
|
8561
8554
|
--x-size-border-radius-bottom-left-button-pill
|
|
8562
8555
|
);
|
|
8563
8556
|
}
|
|
8557
|
+
:root {
|
|
8558
|
+
--x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
|
|
8559
|
+
--x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8560
|
+
--x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8561
|
+
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8562
|
+
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8563
|
+
}
|
|
8564
8564
|
:root {
|
|
8565
8565
|
--x-color-background-button-ghost: transparent;
|
|
8566
8566
|
--x-color-border-button-ghost: transparent;
|
|
@@ -8696,6 +8696,13 @@
|
|
|
8696
8696
|
margin-right: var(--x-size-gap-button-default);
|
|
8697
8697
|
}
|
|
8698
8698
|
}
|
|
8699
|
+
:root {
|
|
8700
|
+
--x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
|
|
8701
|
+
--x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
|
|
8702
|
+
--x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
|
|
8703
|
+
--x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
|
|
8704
|
+
--x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
|
|
8705
|
+
}
|
|
8699
8706
|
:root {
|
|
8700
8707
|
--x-color-background-badge-default: var(--x-color-base-neutral-10);
|
|
8701
8708
|
--x-color-text-badge-default: var(--x-color-base-neutral-100);
|
|
@@ -8728,13 +8735,6 @@
|
|
|
8728
8735
|
--x-size-border-radius-bottom-left-button-card
|
|
8729
8736
|
);
|
|
8730
8737
|
}
|
|
8731
|
-
:root {
|
|
8732
|
-
--x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
|
|
8733
|
-
--x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
|
|
8734
|
-
--x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
|
|
8735
|
-
--x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
|
|
8736
|
-
--x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
|
|
8737
|
-
}
|
|
8738
8738
|
:root {
|
|
8739
8739
|
--x-color-background-badge-default: var(--x-color-base-neutral-10);
|
|
8740
8740
|
--x-color-text-badge-default: var(--x-color-base-neutral-100);
|
|
@@ -8784,6 +8784,19 @@
|
|
|
8784
8784
|
.x-badge-container {
|
|
8785
8785
|
position: relative;
|
|
8786
8786
|
}
|
|
8787
|
+
:root {
|
|
8788
|
+
--x-color-base-lead: #243d48;
|
|
8789
|
+
--x-color-base-auxiliary: #bfe1ec;
|
|
8790
|
+
--x-color-base-neutral-10: #1a1a1a;
|
|
8791
|
+
--x-color-base-neutral-35: #595959;
|
|
8792
|
+
--x-color-base-neutral-70: #b3b3b3;
|
|
8793
|
+
--x-color-base-neutral-95: #f2f2f2;
|
|
8794
|
+
--x-color-base-neutral-100: #ffffff;
|
|
8795
|
+
--x-color-base-accent: #0086b2;
|
|
8796
|
+
--x-color-base-enable: #00705c;
|
|
8797
|
+
--x-color-base-disable: #e11f26;
|
|
8798
|
+
--x-color-base-transparent: transparent;
|
|
8799
|
+
}
|
|
8787
8800
|
:root {
|
|
8788
8801
|
--x-size-base-01: 2px;
|
|
8789
8802
|
--x-size-base-02: 4px;
|
|
@@ -8806,19 +8819,6 @@
|
|
|
8806
8819
|
--x-size-base-19: 280px;
|
|
8807
8820
|
--x-size-base-20: 344px;
|
|
8808
8821
|
}
|
|
8809
|
-
:root {
|
|
8810
|
-
--x-color-base-lead: #243d48;
|
|
8811
|
-
--x-color-base-auxiliary: #bfe1ec;
|
|
8812
|
-
--x-color-base-neutral-10: #1a1a1a;
|
|
8813
|
-
--x-color-base-neutral-35: #595959;
|
|
8814
|
-
--x-color-base-neutral-70: #b3b3b3;
|
|
8815
|
-
--x-color-base-neutral-95: #f2f2f2;
|
|
8816
|
-
--x-color-base-neutral-100: #ffffff;
|
|
8817
|
-
--x-color-base-accent: #0086b2;
|
|
8818
|
-
--x-color-base-enable: #00705c;
|
|
8819
|
-
--x-color-base-disable: #e11f26;
|
|
8820
|
-
--x-color-base-transparent: transparent;
|
|
8821
|
-
}
|
|
8822
8822
|
:root {
|
|
8823
8823
|
--x-size-border-radius-base-none: 0;
|
|
8824
8824
|
--x-size-border-radius-base-s: var(--x-size-base-02);
|