@delightui/components 0.1.111 → 0.1.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/molecules/Modal/Modal.types.d.ts +5 -0
- package/dist/cjs/components/molecules/Search/Search.d.ts +1 -1
- package/dist/cjs/components/molecules/Search/Search.types.d.ts +1 -1
- package/dist/cjs/components/organisms/SlideOutPanel/FadeTransition.d.ts +8 -0
- package/dist/cjs/library.css +1691 -81
- package/dist/cjs/library.js +3 -3
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/molecules/Modal/Modal.types.d.ts +5 -0
- package/dist/esm/components/molecules/Search/Search.d.ts +1 -1
- package/dist/esm/components/molecules/Search/Search.types.d.ts +1 -1
- package/dist/esm/components/organisms/SlideOutPanel/FadeTransition.d.ts +8 -0
- package/dist/esm/library.css +1691 -81
- package/dist/esm/library.js +3 -3
- package/dist/esm/library.js.map +1 -1
- package/dist/index.d.ts +7 -2
- package/docs/components/molecules/Search.md +1 -1
- package/docs/components/utils/RenderStateView.md +1 -1
- package/package.json +3 -2
package/dist/cjs/library.css
CHANGED
|
@@ -3807,69 +3807,65 @@ span.flatpickr-weekday {
|
|
|
3807
3807
|
}
|
|
3808
3808
|
.Search-module_search__ktB-4 {
|
|
3809
3809
|
display: flex;
|
|
3810
|
-
|
|
3811
|
-
width: var(--search-input-width);
|
|
3812
|
-
row-gap: var(--search-input-row-gap);
|
|
3813
|
-
-moz-column-gap: var(--search-input-column-gap);
|
|
3814
|
-
column-gap: var(--search-input-column-gap);
|
|
3815
|
-
border-bottom-width: var(--search-input-border-bottom-width);
|
|
3816
|
-
border-left-width: var(--search-input-border-left-width);
|
|
3817
|
-
border-right-width: var(--search-input-border-right-width);
|
|
3818
|
-
border-top-width: var(--search-input-border-top-width);
|
|
3819
|
-
border-style: var(--search-input-border-style);
|
|
3820
|
-
border-color: var(--search-input-border-color);
|
|
3821
|
-
border-top-left-radius: var(--search-input-border-top-left-radius);
|
|
3822
|
-
border-top-right-radius: var(--search-input-border-top-right-radius);
|
|
3823
|
-
border-bottom-right-radius: var(--search-input-border-bottom-right-radius);
|
|
3824
|
-
border-bottom-left-radius: var(--search-input-border-bottom-left-radius);
|
|
3825
|
-
background-color: var(--search-input-background-color);
|
|
3826
|
-
color: var(--search-input-color);
|
|
3827
|
-
}
|
|
3828
|
-
.Search-module_search__ktB-4 .Search-module_searchElement__YebtI {
|
|
3829
|
-
flex: 1;
|
|
3810
|
+
align-items: center;
|
|
3830
3811
|
width: 100%;
|
|
3831
|
-
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3836
|
-
|
|
3837
|
-
|
|
3838
|
-
|
|
3839
|
-
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3846
|
-
|
|
3847
|
-
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
3852
|
-
|
|
3853
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3861
|
-
|
|
3862
|
-
padding-
|
|
3812
|
+
width: var(--search-width, 100%);
|
|
3813
|
+
height: 32px;
|
|
3814
|
+
height: var(--search-height, 32px);
|
|
3815
|
+
gap: var(--search-row-gap);
|
|
3816
|
+
}
|
|
3817
|
+
.Search-module_search__ktB-4 .Search-module_searchInput__3QtnC {
|
|
3818
|
+
width: 100%;
|
|
3819
|
+
--input-opacity: var(--search-input-opacity);
|
|
3820
|
+
--input-height: var(--search-input-height);
|
|
3821
|
+
--input-min-height: var(--search-input-min-height);
|
|
3822
|
+
--input-max-height: var(--search-input-max-height);
|
|
3823
|
+
--input-width: var(--search-input-width);
|
|
3824
|
+
--input-min-width: var(--search-input-min-width);
|
|
3825
|
+
--input-max-width: var(--search-input-max-width);
|
|
3826
|
+
--input-background-color: var(--search-input-background-color);
|
|
3827
|
+
--input-fill: var(--search-input-fill);
|
|
3828
|
+
--input-border-top-left-radius: var(--search-input-border-top-left-radius);
|
|
3829
|
+
--input-border-top-right-radius: var(--search-input-border-top-right-radius);
|
|
3830
|
+
--input-border-bottom-left-radius: var(--search-input-border-bottom-left-radius);
|
|
3831
|
+
--input-border-bottom-right-radius: var(--search-input-border-bottom-right-radius);
|
|
3832
|
+
--input-border-color: var(--search-input-border-color);
|
|
3833
|
+
--input-border-style: var(--search-input-border-style, solid);
|
|
3834
|
+
--input-border-gap: var(--search-input-border-gap);
|
|
3835
|
+
--input-border-dash: var(--search-input-border-dash);
|
|
3836
|
+
--input-border-top-width: var(--search-input-border-top-width);
|
|
3837
|
+
--input-border-right-width: var(--search-input-border-right-width);
|
|
3838
|
+
--input-border-bottom-width: var(--search-input-border-bottom-width);
|
|
3839
|
+
--input-border-left-width: var(--search-input-border-left-width);
|
|
3840
|
+
--input-outline-color: var(--search-input-outline-color);
|
|
3841
|
+
--input-outline-style: var(--search-input-outline-style);
|
|
3842
|
+
--input-outline-width: var(--search-input-outline-width);
|
|
3843
|
+
--input-padding-left: var(--search-input-padding-left);
|
|
3844
|
+
--input-padding-right: var(--search-input-padding-right);
|
|
3845
|
+
--input-padding-top: var(--search-input-padding-top);
|
|
3846
|
+
--input-padding-bottom: var(--search-input-padding-bottom);
|
|
3847
|
+
--input-row-gap: var(--search-input-row-gap);
|
|
3848
|
+
--input-column-gap: var(--search-input-column-gap);
|
|
3849
|
+
--input-font-family: var(--search-input-font-family);
|
|
3850
|
+
--input-font-size: var(--search-input-font-size);
|
|
3851
|
+
--input-font-weight: var(--search-input-font-weight);
|
|
3852
|
+
--input-color: var(--search-input-color);
|
|
3853
|
+
--input-letter-spacing: var(--search-input-letter-spacing);
|
|
3854
|
+
--input-line-height: var(--search-input-line-height);
|
|
3855
|
+
}
|
|
3856
|
+
.Search-module_search__ktB-4 .Search-module_searchIcon__zgtEI {
|
|
3863
3857
|
align-self: center;
|
|
3858
|
+
width: var(--search-icon-width);
|
|
3859
|
+
height: var(--search-icon-height);
|
|
3864
3860
|
}
|
|
3865
|
-
.Search-module_search__ktB-4 .Search-
|
|
3866
|
-
padding-left: var(--search-input-column-gap);
|
|
3861
|
+
.Search-module_search__ktB-4 .Search-module_clearButton__zKPUC {
|
|
3867
3862
|
align-self: center;
|
|
3863
|
+
width: var(--search-clear-button-width);
|
|
3864
|
+
height: var(--search-clear-button-height);
|
|
3868
3865
|
}
|
|
3869
|
-
.Search-module_search__ktB-4 .Search-
|
|
3870
|
-
|
|
3871
|
-
|
|
3872
|
-
gap: var(--search-input-column-gap);
|
|
3866
|
+
.Search-module_search__ktB-4 .Search-module_searchButton__Lxsg8 {
|
|
3867
|
+
align-self: center;
|
|
3868
|
+
height: 32px;
|
|
3873
3869
|
}
|
|
3874
3870
|
.Dropzone-module_dropzone__4uDyI {
|
|
3875
3871
|
width: var(--dropzone-width);
|
|
@@ -4433,10 +4429,9 @@ span.flatpickr-weekday {
|
|
|
4433
4429
|
.SlideOutPanel-module_slideOutPanel__eBr9a {
|
|
4434
4430
|
display: flex;
|
|
4435
4431
|
position: fixed;
|
|
4436
|
-
transform: none;
|
|
4437
|
-
transform: initial;
|
|
4438
4432
|
opacity: 0;
|
|
4439
|
-
transition: transform 0.3s ease, opacity 0.3s ease;
|
|
4433
|
+
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
|
|
4434
|
+
will-change: transform, opacity;
|
|
4440
4435
|
--modal-height: var(--slide-out-panel-height);
|
|
4441
4436
|
--modal-min-height: var(--slide-out-panel-min-height);
|
|
4442
4437
|
--modal-max-height: var(--slide-out-panel-max-height);
|
|
@@ -4474,60 +4469,100 @@ span.flatpickr-weekday {
|
|
|
4474
4469
|
display: flex;
|
|
4475
4470
|
flex-direction: column;
|
|
4476
4471
|
}
|
|
4477
|
-
.SlideOutPanel-module_slideOutPanel--right__I8eTm {
|
|
4472
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm {
|
|
4478
4473
|
top: 0;
|
|
4479
|
-
right:
|
|
4474
|
+
right: 0;
|
|
4480
4475
|
left: auto;
|
|
4481
4476
|
left: initial;
|
|
4482
4477
|
height: 100vh;
|
|
4478
|
+
transform: translateX(100%);
|
|
4479
|
+
opacity: 0;
|
|
4483
4480
|
}
|
|
4484
|
-
.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-
|
|
4485
|
-
|
|
4481
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_entering__ke9qM {
|
|
4482
|
+
opacity: 1;
|
|
4483
|
+
transform: translateX(0);
|
|
4484
|
+
}
|
|
4485
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_entered__MGd5P {
|
|
4486
4486
|
opacity: 1;
|
|
4487
|
+
transform: translateX(0);
|
|
4488
|
+
}
|
|
4489
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_exited__hD8lv {
|
|
4490
|
+
opacity: 0;
|
|
4491
|
+
transform: translateX(100%);
|
|
4487
4492
|
}
|
|
4488
|
-
.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4493
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--right__I8eTm.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4489
4494
|
width: var(--slide-out-panel-width);
|
|
4490
4495
|
}
|
|
4491
|
-
.SlideOutPanel-module_slideOutPanel--left__oBPI2 {
|
|
4496
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2 {
|
|
4492
4497
|
top: 0;
|
|
4493
4498
|
right: auto;
|
|
4494
4499
|
right: initial;
|
|
4495
|
-
left:
|
|
4500
|
+
left: 0;
|
|
4496
4501
|
height: 100vh;
|
|
4502
|
+
transform: translateX(-100%);
|
|
4503
|
+
opacity: 0;
|
|
4497
4504
|
}
|
|
4498
|
-
.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-
|
|
4499
|
-
left: 0;
|
|
4505
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_entering__ke9qM {
|
|
4500
4506
|
opacity: 1;
|
|
4507
|
+
transform: translateX(0);
|
|
4501
4508
|
}
|
|
4502
|
-
.SlideOutPanel-
|
|
4509
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_entered__MGd5P {
|
|
4510
|
+
opacity: 1;
|
|
4511
|
+
transform: translateX(0);
|
|
4512
|
+
}
|
|
4513
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_exited__hD8lv {
|
|
4514
|
+
opacity: 0;
|
|
4515
|
+
transform: translateX(-100%);
|
|
4516
|
+
}
|
|
4517
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--left__oBPI2.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4503
4518
|
width: var(--slide-out-panel-width);
|
|
4504
4519
|
}
|
|
4505
|
-
.SlideOutPanel-module_slideOutPanel--top__4e54e {
|
|
4506
|
-
top:
|
|
4520
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e {
|
|
4521
|
+
top: 0;
|
|
4507
4522
|
left: 0;
|
|
4508
4523
|
bottom: auto;
|
|
4509
4524
|
bottom: initial;
|
|
4510
4525
|
width: 100vw;
|
|
4526
|
+
transform: translateY(-100%);
|
|
4527
|
+
opacity: 0;
|
|
4511
4528
|
}
|
|
4512
|
-
.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-
|
|
4513
|
-
|
|
4529
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_entering__ke9qM {
|
|
4530
|
+
opacity: 1;
|
|
4531
|
+
transform: translateY(0);
|
|
4532
|
+
}
|
|
4533
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_entered__MGd5P {
|
|
4514
4534
|
opacity: 1;
|
|
4535
|
+
transform: translateY(0);
|
|
4536
|
+
}
|
|
4537
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_exited__hD8lv {
|
|
4538
|
+
opacity: 0;
|
|
4539
|
+
transform: translateY(-100%);
|
|
4515
4540
|
}
|
|
4516
|
-
.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4541
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--top__4e54e.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4517
4542
|
height: var(--slide-out-panel-height);
|
|
4518
4543
|
}
|
|
4519
|
-
.SlideOutPanel-module_slideOutPanel--bottom__E3bRO {
|
|
4544
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO {
|
|
4520
4545
|
top: auto;
|
|
4521
4546
|
top: initial;
|
|
4547
|
+
bottom: 0;
|
|
4522
4548
|
left: 0;
|
|
4523
|
-
bottom: -100%;
|
|
4524
4549
|
width: 100vw;
|
|
4550
|
+
transform: translateY(100%);
|
|
4551
|
+
opacity: 0;
|
|
4525
4552
|
}
|
|
4526
|
-
.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-
|
|
4527
|
-
bottom: 0;
|
|
4553
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_entering__ke9qM {
|
|
4528
4554
|
opacity: 1;
|
|
4555
|
+
transform: translateY(0);
|
|
4529
4556
|
}
|
|
4530
|
-
.SlideOutPanel-
|
|
4557
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_entered__MGd5P {
|
|
4558
|
+
opacity: 1;
|
|
4559
|
+
transform: translateY(0);
|
|
4560
|
+
}
|
|
4561
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_exiting__2wHss, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_exited__hD8lv {
|
|
4562
|
+
opacity: 0;
|
|
4563
|
+
transform: translateY(100%);
|
|
4564
|
+
}
|
|
4565
|
+
.SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--small__FNO8Q, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--medium__9-tzL, .SlideOutPanel-module_slideOutPanel__eBr9a.SlideOutPanel-module_slideOutPanel--bottom__E3bRO.SlideOutPanel-module_slideOutPanel--large__7RHyd {
|
|
4531
4566
|
height: var(--slide-out-panel-height);
|
|
4532
4567
|
}
|
|
4533
4568
|
|
|
@@ -14620,6 +14655,1581 @@ span.flatpickr-weekday {
|
|
|
14620
14655
|
--date-picker-day-paragraph-spacing: 0px;
|
|
14621
14656
|
--date-picker-day-paragraph-indent: 0px
|
|
14622
14657
|
}
|
|
14658
|
+
[data-theme='custom'] [component-variant^="search-"], [data-theme='dark'] [component-variant^="search-"], [data-theme='light'] [component-variant^="search-"] {
|
|
14659
|
+
--search-opacity: 1;
|
|
14660
|
+
--search-height: auto;
|
|
14661
|
+
--search-min-height: auto;
|
|
14662
|
+
--search-max-height: none;
|
|
14663
|
+
--search-width: auto;
|
|
14664
|
+
--search-min-width: auto;
|
|
14665
|
+
--search-max-width: none;
|
|
14666
|
+
--search-background-color: transparent;
|
|
14667
|
+
--search-fill: currentcolor;
|
|
14668
|
+
--search-border-top-left-radius: 0px;
|
|
14669
|
+
--search-border-top-right-radius: 0px;
|
|
14670
|
+
--search-border-bottom-left-radius: 0px;
|
|
14671
|
+
--search-border-bottom-right-radius: 0px;
|
|
14672
|
+
--search-border-color: transparent;
|
|
14673
|
+
--search-border-style: solid;
|
|
14674
|
+
--search-border-gap: normal;
|
|
14675
|
+
--search-border-dash: none;
|
|
14676
|
+
--search-border-top-width: 0px;
|
|
14677
|
+
--search-border-right-width: 0px;
|
|
14678
|
+
--search-border-bottom-width: 0px;
|
|
14679
|
+
--search-border-left-width: 0px;
|
|
14680
|
+
--search-outline-color: auto;
|
|
14681
|
+
--search-outline-style: solid;
|
|
14682
|
+
--search-outline-width: 0px;
|
|
14683
|
+
--search-padding-left: 0px;
|
|
14684
|
+
--search-padding-right: 0px;
|
|
14685
|
+
--search-padding-top: 0px;
|
|
14686
|
+
--search-padding-bottom: 0px;
|
|
14687
|
+
--search-row-gap: 0px;
|
|
14688
|
+
--search-column-gap: 0px;
|
|
14689
|
+
--search-font-family: sans-serif;
|
|
14690
|
+
--search-font-size: medium;
|
|
14691
|
+
--search-color: currentcolor;
|
|
14692
|
+
--search-letter-spacing: normal;
|
|
14693
|
+
--search-line-height: normal;
|
|
14694
|
+
--search-paragraph-spacing: ;
|
|
14695
|
+
--search-paragraph-indent:
|
|
14696
|
+
}
|
|
14697
|
+
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
|
|
14698
|
+
--search-width: 100%;
|
|
14699
|
+
--search-background-color: var(--interactive-surface-secondary-default);
|
|
14700
|
+
--search-color: var(--text-secondary);
|
|
14701
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14702
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14703
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14704
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14705
|
+
--search-border-color: var(--border-border-grey-3);
|
|
14706
|
+
--search-border-top-width: 1px;
|
|
14707
|
+
--search-border-right-width: 1px;
|
|
14708
|
+
--search-border-bottom-width: 1px;
|
|
14709
|
+
--search-border-left-width: 1px;
|
|
14710
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14711
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14712
|
+
--search-font-family: var(--font-family-body);
|
|
14713
|
+
--search-font-size: var(--font-size-body-small);
|
|
14714
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14715
|
+
--search-line-height: var(--line-height-body-small);
|
|
14716
|
+
--search-paragraph-spacing: 0px;
|
|
14717
|
+
--search-paragraph-indent: 0px
|
|
14718
|
+
}
|
|
14719
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
|
|
14720
|
+
--search-width: 100%;
|
|
14721
|
+
--search-color: var(--text-secondary);
|
|
14722
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14723
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14724
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14725
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14726
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14727
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14728
|
+
--search-font-family: var(--font-family-body);
|
|
14729
|
+
--search-font-size: var(--font-size-body-small);
|
|
14730
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14731
|
+
--search-line-height: var(--line-height-body-small);
|
|
14732
|
+
--search-paragraph-spacing: 0px;
|
|
14733
|
+
--search-paragraph-indent: 0px
|
|
14734
|
+
}
|
|
14735
|
+
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
|
|
14736
|
+
--search-width: 100%;
|
|
14737
|
+
--search-color: var(--text-secondary);
|
|
14738
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14739
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14740
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14741
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14742
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14743
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14744
|
+
--search-font-family: var(--font-family-body);
|
|
14745
|
+
--search-font-size: var(--font-size-body-small);
|
|
14746
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14747
|
+
--search-line-height: var(--line-height-body-small);
|
|
14748
|
+
--search-paragraph-spacing: 0px;
|
|
14749
|
+
--search-paragraph-indent: 0px
|
|
14750
|
+
}
|
|
14751
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
14752
|
+
--search-width: 100%;
|
|
14753
|
+
--search-color: var(--text-secondary);
|
|
14754
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14755
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14756
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14757
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14758
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14759
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14760
|
+
--search-font-family: var(--font-family-body);
|
|
14761
|
+
--search-font-size: var(--font-size-body-small);
|
|
14762
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14763
|
+
--search-line-height: var(--line-height-body-small);
|
|
14764
|
+
--search-paragraph-spacing: 0px;
|
|
14765
|
+
--search-paragraph-indent: 0px
|
|
14766
|
+
}
|
|
14767
|
+
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
|
|
14768
|
+
--search-width: 100%;
|
|
14769
|
+
--search-color: var(--text-secondary);
|
|
14770
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14771
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14772
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14773
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14774
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14775
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14776
|
+
--search-font-family: var(--font-family-body);
|
|
14777
|
+
--search-font-size: var(--font-size-body-small);
|
|
14778
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14779
|
+
--search-line-height: var(--line-height-body-small);
|
|
14780
|
+
--search-paragraph-spacing: 0px;
|
|
14781
|
+
--search-paragraph-indent: 0px
|
|
14782
|
+
}
|
|
14783
|
+
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
|
|
14784
|
+
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
|
|
14785
|
+
[data-theme='light'] [component-variant="search-auto-default"][disabled],
|
|
14786
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
|
|
14787
|
+
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
|
|
14788
|
+
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
|
|
14789
|
+
--search-width: 100%;
|
|
14790
|
+
--search-color: var(--text-secondary);
|
|
14791
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14792
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14793
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14794
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14795
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14796
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14797
|
+
--search-font-family: var(--font-family-body);
|
|
14798
|
+
--search-font-size: var(--font-size-body-small);
|
|
14799
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14800
|
+
--search-line-height: var(--line-height-body-small);
|
|
14801
|
+
--search-paragraph-spacing: 0px;
|
|
14802
|
+
--search-paragraph-indent: 0px
|
|
14803
|
+
}
|
|
14804
|
+
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
|
|
14805
|
+
--search-width: 100%;
|
|
14806
|
+
--search-color: var(--text-secondary);
|
|
14807
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14808
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14809
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14810
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14811
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14812
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14813
|
+
--search-font-family: var(--font-family-body);
|
|
14814
|
+
--search-font-size: var(--font-size-body-small);
|
|
14815
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14816
|
+
--search-line-height: var(--line-height-body-small);
|
|
14817
|
+
--search-paragraph-spacing: 0px;
|
|
14818
|
+
--search-paragraph-indent: 0px
|
|
14819
|
+
}
|
|
14820
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
|
|
14821
|
+
--search-width: 100%;
|
|
14822
|
+
--search-color: var(--text-secondary);
|
|
14823
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14824
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14825
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14826
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14827
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14828
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14829
|
+
--search-font-family: var(--font-family-body);
|
|
14830
|
+
--search-font-size: var(--font-size-body-small);
|
|
14831
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14832
|
+
--search-line-height: var(--line-height-body-small);
|
|
14833
|
+
--search-paragraph-spacing: 0px;
|
|
14834
|
+
--search-paragraph-indent: 0px
|
|
14835
|
+
}
|
|
14836
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
14837
|
+
--search-width: 100%;
|
|
14838
|
+
--search-color: var(--text-secondary);
|
|
14839
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14840
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14841
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14842
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14843
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14844
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14845
|
+
--search-font-family: var(--font-family-body);
|
|
14846
|
+
--search-font-size: var(--font-size-body-small);
|
|
14847
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14848
|
+
--search-line-height: var(--line-height-body-small);
|
|
14849
|
+
--search-paragraph-spacing: 0px;
|
|
14850
|
+
--search-paragraph-indent: 0px
|
|
14851
|
+
}
|
|
14852
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
14853
|
+
--search-width: 100%;
|
|
14854
|
+
--search-color: var(--text-secondary);
|
|
14855
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14856
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14857
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14858
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14859
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14860
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14861
|
+
--search-font-family: var(--font-family-body);
|
|
14862
|
+
--search-font-size: var(--font-size-body-small);
|
|
14863
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14864
|
+
--search-line-height: var(--line-height-body-small);
|
|
14865
|
+
--search-paragraph-spacing: 0px;
|
|
14866
|
+
--search-paragraph-indent: 0px
|
|
14867
|
+
}
|
|
14868
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
|
|
14869
|
+
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
|
|
14870
|
+
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
|
|
14871
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
|
|
14872
|
+
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
|
|
14873
|
+
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
|
|
14874
|
+
--search-width: 100%;
|
|
14875
|
+
--search-color: var(--text-secondary);
|
|
14876
|
+
--search-border-top-left-radius: var(--corner-radius-extra-small);
|
|
14877
|
+
--search-border-top-right-radius: var(--corner-radius-extra-small);
|
|
14878
|
+
--search-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
14879
|
+
--search-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
14880
|
+
--search-row-gap: var(--spacing-space-5);
|
|
14881
|
+
--search-column-gap: var(--spacing-space-5);
|
|
14882
|
+
--search-font-family: var(--font-family-body);
|
|
14883
|
+
--search-font-size: var(--font-size-body-small);
|
|
14884
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14885
|
+
--search-line-height: var(--line-height-body-small);
|
|
14886
|
+
--search-paragraph-spacing: 0px;
|
|
14887
|
+
--search-paragraph-indent: 0px
|
|
14888
|
+
}
|
|
14889
|
+
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
|
|
14890
|
+
--search-width: 100%;
|
|
14891
|
+
--search-color: var(--text-secondary);
|
|
14892
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14893
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14894
|
+
--search-font-family: var(--font-family-body);
|
|
14895
|
+
--search-font-size: var(--font-size-body-small);
|
|
14896
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14897
|
+
--search-line-height: var(--line-height-body-small);
|
|
14898
|
+
--search-paragraph-spacing: 0px;
|
|
14899
|
+
--search-paragraph-indent: 0px
|
|
14900
|
+
}
|
|
14901
|
+
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
|
|
14902
|
+
--search-width: 100%;
|
|
14903
|
+
--search-color: var(--text-primary);
|
|
14904
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14905
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14906
|
+
--search-font-family: var(--font-family-body);
|
|
14907
|
+
--search-font-size: var(--font-size-body-small);
|
|
14908
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14909
|
+
--search-line-height: var(--line-height-body-small);
|
|
14910
|
+
--search-paragraph-spacing: 0px;
|
|
14911
|
+
--search-paragraph-indent: 0px
|
|
14912
|
+
}
|
|
14913
|
+
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
|
|
14914
|
+
--search-width: 100%;
|
|
14915
|
+
--search-color: var(--text-primary);
|
|
14916
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14917
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14918
|
+
--search-font-family: var(--font-family-body);
|
|
14919
|
+
--search-font-size: var(--font-size-body-small);
|
|
14920
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14921
|
+
--search-line-height: var(--line-height-body-small);
|
|
14922
|
+
--search-paragraph-spacing: 0px;
|
|
14923
|
+
--search-paragraph-indent: 0px
|
|
14924
|
+
}
|
|
14925
|
+
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
14926
|
+
--search-width: 100%;
|
|
14927
|
+
--search-color: var(--text-primary);
|
|
14928
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14929
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14930
|
+
--search-font-family: var(--font-family-body);
|
|
14931
|
+
--search-font-size: var(--font-size-body-small);
|
|
14932
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14933
|
+
--search-line-height: var(--line-height-body-small);
|
|
14934
|
+
--search-paragraph-spacing: 0px;
|
|
14935
|
+
--search-paragraph-indent: 0px
|
|
14936
|
+
}
|
|
14937
|
+
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
|
|
14938
|
+
--search-width: 100%;
|
|
14939
|
+
--search-color: var(--text-primary);
|
|
14940
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14941
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14942
|
+
--search-font-family: var(--font-family-body);
|
|
14943
|
+
--search-font-size: var(--font-size-body-small);
|
|
14944
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14945
|
+
--search-line-height: var(--line-height-body-small);
|
|
14946
|
+
--search-paragraph-spacing: 0px;
|
|
14947
|
+
--search-paragraph-indent: 0px
|
|
14948
|
+
}
|
|
14949
|
+
[data-theme='custom'] [component-variant="search-button-default"][disabled],
|
|
14950
|
+
[data-theme='dark'] [component-variant="search-button-default"][disabled],
|
|
14951
|
+
[data-theme='light'] [component-variant="search-button-default"][disabled],
|
|
14952
|
+
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
|
|
14953
|
+
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
|
|
14954
|
+
[data-theme='light'] [component-variant="search-button-default"]:disabled {
|
|
14955
|
+
--search-width: 100%;
|
|
14956
|
+
--search-color: var(--text-tertiary);
|
|
14957
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14958
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14959
|
+
--search-font-family: var(--font-family-body);
|
|
14960
|
+
--search-font-size: var(--font-size-body-small);
|
|
14961
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14962
|
+
--search-line-height: var(--line-height-body-small);
|
|
14963
|
+
--search-paragraph-spacing: 0px;
|
|
14964
|
+
--search-paragraph-indent: 0px
|
|
14965
|
+
}
|
|
14966
|
+
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
|
|
14967
|
+
--search-width: 100%;
|
|
14968
|
+
--search-color: var(--text-primary);
|
|
14969
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14970
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14971
|
+
--search-font-family: var(--font-family-body);
|
|
14972
|
+
--search-font-size: var(--font-size-body-small);
|
|
14973
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14974
|
+
--search-line-height: var(--line-height-body-small);
|
|
14975
|
+
--search-paragraph-spacing: 0px;
|
|
14976
|
+
--search-paragraph-indent: 0px
|
|
14977
|
+
}
|
|
14978
|
+
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
|
|
14979
|
+
--search-width: 100%;
|
|
14980
|
+
--search-color: var(--text-secondary);
|
|
14981
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14982
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14983
|
+
--search-font-family: var(--font-family-body);
|
|
14984
|
+
--search-font-size: var(--font-size-body-small);
|
|
14985
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14986
|
+
--search-line-height: var(--line-height-body-small);
|
|
14987
|
+
--search-paragraph-spacing: 0px;
|
|
14988
|
+
--search-paragraph-indent: 0px
|
|
14989
|
+
}
|
|
14990
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
|
|
14991
|
+
--search-width: 100%;
|
|
14992
|
+
--search-color: var(--text-primary);
|
|
14993
|
+
--search-row-gap: var(--spacing-space-3);
|
|
14994
|
+
--search-column-gap: var(--spacing-space-3);
|
|
14995
|
+
--search-font-family: var(--font-family-body);
|
|
14996
|
+
--search-font-size: var(--font-size-body-small);
|
|
14997
|
+
--search-font-weight: var(--font-weight-regular);
|
|
14998
|
+
--search-line-height: var(--line-height-body-small);
|
|
14999
|
+
--search-paragraph-spacing: 0px;
|
|
15000
|
+
--search-paragraph-indent: 0px
|
|
15001
|
+
}
|
|
15002
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15003
|
+
--search-width: 100%;
|
|
15004
|
+
--search-color: var(--text-primary);
|
|
15005
|
+
--search-row-gap: var(--spacing-space-3);
|
|
15006
|
+
--search-column-gap: var(--spacing-space-3);
|
|
15007
|
+
--search-font-family: var(--font-family-body);
|
|
15008
|
+
--search-font-size: var(--font-size-body-small);
|
|
15009
|
+
--search-font-weight: var(--font-weight-regular);
|
|
15010
|
+
--search-line-height: var(--line-height-body-small);
|
|
15011
|
+
--search-paragraph-spacing: 0px;
|
|
15012
|
+
--search-paragraph-indent: 0px
|
|
15013
|
+
}
|
|
15014
|
+
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15015
|
+
--search-width: 100%;
|
|
15016
|
+
--search-color: var(--text-primary);
|
|
15017
|
+
--search-row-gap: var(--spacing-space-3);
|
|
15018
|
+
--search-column-gap: var(--spacing-space-3);
|
|
15019
|
+
--search-font-family: var(--font-family-body);
|
|
15020
|
+
--search-font-size: var(--font-size-body-small);
|
|
15021
|
+
--search-font-weight: var(--font-weight-regular);
|
|
15022
|
+
--search-line-height: var(--line-height-body-small);
|
|
15023
|
+
--search-paragraph-spacing: 0px;
|
|
15024
|
+
--search-paragraph-indent: 0px
|
|
15025
|
+
}
|
|
15026
|
+
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
|
|
15027
|
+
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
|
|
15028
|
+
[data-theme='light'] [component-variant="search-button-filled"][disabled],
|
|
15029
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
|
|
15030
|
+
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
|
|
15031
|
+
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
|
|
15032
|
+
--search-width: 100%;
|
|
15033
|
+
--search-color: var(--text-tertiary);
|
|
15034
|
+
--search-row-gap: var(--spacing-space-3);
|
|
15035
|
+
--search-column-gap: var(--spacing-space-3);
|
|
15036
|
+
--search-font-family: var(--font-family-body);
|
|
15037
|
+
--search-font-size: var(--font-size-body-small);
|
|
15038
|
+
--search-font-weight: var(--font-weight-regular);
|
|
15039
|
+
--search-line-height: var(--line-height-body-small);
|
|
15040
|
+
--search-paragraph-spacing: 0px;
|
|
15041
|
+
--search-paragraph-indent: 0px
|
|
15042
|
+
}
|
|
15043
|
+
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
|
|
15044
|
+
--search-input-width: 100%;
|
|
15045
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15046
|
+
--search-input-color: var(--text-secondary);
|
|
15047
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15048
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15049
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15050
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15051
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15052
|
+
--search-input-border-top-width: 1px;
|
|
15053
|
+
--search-input-border-right-width: 1px;
|
|
15054
|
+
--search-input-border-bottom-width: 1px;
|
|
15055
|
+
--search-input-border-left-width: 1px;
|
|
15056
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15057
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15058
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15059
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15060
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15061
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15062
|
+
--search-input-font-family: var(--font-family-body);
|
|
15063
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15064
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15065
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15066
|
+
--search-input-paragraph-spacing: 0px;
|
|
15067
|
+
--search-input-paragraph-indent: 0px
|
|
15068
|
+
}
|
|
15069
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
|
|
15070
|
+
--search-input-width: 100%;
|
|
15071
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15072
|
+
--search-input-color: var(--text-secondary);
|
|
15073
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15074
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15075
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15076
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15077
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15078
|
+
--search-input-border-top-width: 1px;
|
|
15079
|
+
--search-input-border-right-width: 1px;
|
|
15080
|
+
--search-input-border-bottom-width: 1px;
|
|
15081
|
+
--search-input-border-left-width: 1px;
|
|
15082
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15083
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15084
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15085
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15086
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15087
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15088
|
+
--search-input-font-family: var(--font-family-body);
|
|
15089
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15090
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15091
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15092
|
+
--search-input-paragraph-spacing: 0px;
|
|
15093
|
+
--search-input-paragraph-indent: 0px
|
|
15094
|
+
}
|
|
15095
|
+
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
|
|
15096
|
+
--search-input-width: 100%;
|
|
15097
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15098
|
+
--search-input-color: var(--text-secondary);
|
|
15099
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15100
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15101
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15102
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15103
|
+
--search-input-border-color: var(--border-primary);
|
|
15104
|
+
--search-input-border-top-width: 1px;
|
|
15105
|
+
--search-input-border-right-width: 1px;
|
|
15106
|
+
--search-input-border-bottom-width: 1px;
|
|
15107
|
+
--search-input-border-left-width: 1px;
|
|
15108
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15109
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15110
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15111
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15112
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15113
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15114
|
+
--search-input-font-family: var(--font-family-body);
|
|
15115
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15116
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15117
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15118
|
+
--search-input-paragraph-spacing: 0px;
|
|
15119
|
+
--search-input-paragraph-indent: 0px
|
|
15120
|
+
}
|
|
15121
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15122
|
+
--search-input-width: 100%;
|
|
15123
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15124
|
+
--search-input-color: var(--text-secondary);
|
|
15125
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15126
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15127
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15128
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15129
|
+
--search-input-border-color: var(--border-border-grey-1);
|
|
15130
|
+
--search-input-border-top-width: 1px;
|
|
15131
|
+
--search-input-border-right-width: 1px;
|
|
15132
|
+
--search-input-border-bottom-width: 1px;
|
|
15133
|
+
--search-input-border-left-width: 1px;
|
|
15134
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15135
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15136
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15137
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15138
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15139
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15140
|
+
--search-input-font-family: var(--font-family-body);
|
|
15141
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15142
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15143
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15144
|
+
--search-input-paragraph-spacing: 0px;
|
|
15145
|
+
--search-input-paragraph-indent: 0px
|
|
15146
|
+
}
|
|
15147
|
+
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
|
|
15148
|
+
--search-input-width: 100%;
|
|
15149
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15150
|
+
--search-input-color: var(--text-secondary);
|
|
15151
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15152
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15153
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15154
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15155
|
+
--search-input-border-color: var(--border-destructive);
|
|
15156
|
+
--search-input-border-top-width: 1px;
|
|
15157
|
+
--search-input-border-right-width: 1px;
|
|
15158
|
+
--search-input-border-bottom-width: 1px;
|
|
15159
|
+
--search-input-border-left-width: 1px;
|
|
15160
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15161
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15162
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15163
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15164
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15165
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15166
|
+
--search-input-font-family: var(--font-family-body);
|
|
15167
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15168
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15169
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15170
|
+
--search-input-paragraph-spacing: 0px;
|
|
15171
|
+
--search-input-paragraph-indent: 0px
|
|
15172
|
+
}
|
|
15173
|
+
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
|
|
15174
|
+
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
|
|
15175
|
+
[data-theme='light'] [component-variant="search-auto-default"][disabled],
|
|
15176
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
|
|
15177
|
+
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
|
|
15178
|
+
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
|
|
15179
|
+
--search-input-width: 100%;
|
|
15180
|
+
--search-input-background-color: var(--interactive-surface-secondary-disabled);
|
|
15181
|
+
--search-input-color: var(--text-secondary);
|
|
15182
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15183
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15184
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15185
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15186
|
+
--search-input-border-color: var(--border-border-grey-2);
|
|
15187
|
+
--search-input-border-top-width: 1px;
|
|
15188
|
+
--search-input-border-right-width: 1px;
|
|
15189
|
+
--search-input-border-bottom-width: 1px;
|
|
15190
|
+
--search-input-border-left-width: 1px;
|
|
15191
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15192
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15193
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15194
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15195
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15196
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15197
|
+
--search-input-font-family: var(--font-family-body);
|
|
15198
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15199
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15200
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15201
|
+
--search-input-paragraph-spacing: 0px;
|
|
15202
|
+
--search-input-paragraph-indent: 0px
|
|
15203
|
+
}
|
|
15204
|
+
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
|
|
15205
|
+
--search-input-width: 100%;
|
|
15206
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15207
|
+
--search-input-color: var(--text-secondary);
|
|
15208
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15209
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15210
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15211
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15212
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15213
|
+
--search-input-border-top-width: 1px;
|
|
15214
|
+
--search-input-border-right-width: 1px;
|
|
15215
|
+
--search-input-border-bottom-width: 1px;
|
|
15216
|
+
--search-input-border-left-width: 1px;
|
|
15217
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15218
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15219
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15220
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15221
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15222
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15223
|
+
--search-input-font-family: var(--font-family-body);
|
|
15224
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15225
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15226
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15227
|
+
--search-input-paragraph-spacing: 0px;
|
|
15228
|
+
--search-input-paragraph-indent: 0px
|
|
15229
|
+
}
|
|
15230
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
|
|
15231
|
+
--search-input-width: 100%;
|
|
15232
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15233
|
+
--search-input-color: var(--text-secondary);
|
|
15234
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15235
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15236
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15237
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15238
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15239
|
+
--search-input-border-top-width: 1px;
|
|
15240
|
+
--search-input-border-right-width: 1px;
|
|
15241
|
+
--search-input-border-bottom-width: 1px;
|
|
15242
|
+
--search-input-border-left-width: 1px;
|
|
15243
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15244
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15245
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15246
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15247
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15248
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15249
|
+
--search-input-font-family: var(--font-family-body);
|
|
15250
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15251
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15252
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15253
|
+
--search-input-paragraph-spacing: 0px;
|
|
15254
|
+
--search-input-paragraph-indent: 0px
|
|
15255
|
+
}
|
|
15256
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15257
|
+
--search-input-width: 100%;
|
|
15258
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15259
|
+
--search-input-color: var(--text-secondary);
|
|
15260
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15261
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15262
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15263
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15264
|
+
--search-input-border-color: var(--border-border-grey-1);
|
|
15265
|
+
--search-input-border-top-width: 1px;
|
|
15266
|
+
--search-input-border-right-width: 1px;
|
|
15267
|
+
--search-input-border-bottom-width: 1px;
|
|
15268
|
+
--search-input-border-left-width: 1px;
|
|
15269
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15270
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15271
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15272
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15273
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15274
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15275
|
+
--search-input-font-family: var(--font-family-body);
|
|
15276
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15277
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15278
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15279
|
+
--search-input-paragraph-spacing: 0px;
|
|
15280
|
+
--search-input-paragraph-indent: 0px
|
|
15281
|
+
}
|
|
15282
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15283
|
+
--search-input-width: 100%;
|
|
15284
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15285
|
+
--search-input-color: var(--text-secondary);
|
|
15286
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15287
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15288
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15289
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15290
|
+
--search-input-border-color: var(--border-destructive);
|
|
15291
|
+
--search-input-border-top-width: 1px;
|
|
15292
|
+
--search-input-border-right-width: 1px;
|
|
15293
|
+
--search-input-border-bottom-width: 1px;
|
|
15294
|
+
--search-input-border-left-width: 1px;
|
|
15295
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15296
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15297
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15298
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15299
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15300
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15301
|
+
--search-input-font-family: var(--font-family-body);
|
|
15302
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15303
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15304
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15305
|
+
--search-input-paragraph-spacing: 0px;
|
|
15306
|
+
--search-input-paragraph-indent: 0px
|
|
15307
|
+
}
|
|
15308
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
|
|
15309
|
+
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
|
|
15310
|
+
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
|
|
15311
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
|
|
15312
|
+
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
|
|
15313
|
+
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
|
|
15314
|
+
--search-input-width: 100%;
|
|
15315
|
+
--search-input-background-color: var(--interactive-surface-secondary-disabled);
|
|
15316
|
+
--search-input-color: var(--text-secondary);
|
|
15317
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15318
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15319
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15320
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15321
|
+
--search-input-border-color: var(--border-border-grey-2);
|
|
15322
|
+
--search-input-border-top-width: 1px;
|
|
15323
|
+
--search-input-border-right-width: 1px;
|
|
15324
|
+
--search-input-border-bottom-width: 1px;
|
|
15325
|
+
--search-input-border-left-width: 1px;
|
|
15326
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15327
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15328
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15329
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15330
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15331
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15332
|
+
--search-input-font-family: var(--font-family-body);
|
|
15333
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15334
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15335
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15336
|
+
--search-input-paragraph-spacing: 0px;
|
|
15337
|
+
--search-input-paragraph-indent: 0px
|
|
15338
|
+
}
|
|
15339
|
+
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
|
|
15340
|
+
--search-input-width: 100%;
|
|
15341
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15342
|
+
--search-input-color: var(--text-secondary);
|
|
15343
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15344
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15345
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15346
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15347
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15348
|
+
--search-input-border-top-width: 1px;
|
|
15349
|
+
--search-input-border-right-width: 1px;
|
|
15350
|
+
--search-input-border-bottom-width: 1px;
|
|
15351
|
+
--search-input-border-left-width: 1px;
|
|
15352
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15353
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15354
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15355
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15356
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15357
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15358
|
+
--search-input-font-family: var(--font-family-body);
|
|
15359
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15360
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15361
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15362
|
+
--search-input-paragraph-spacing: 0px;
|
|
15363
|
+
--search-input-paragraph-indent: 0px
|
|
15364
|
+
}
|
|
15365
|
+
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
|
|
15366
|
+
--search-input-width: 100%;
|
|
15367
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15368
|
+
--search-input-color: var(--text-primary);
|
|
15369
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15370
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15371
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15372
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15373
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15374
|
+
--search-input-border-top-width: 1px;
|
|
15375
|
+
--search-input-border-right-width: 1px;
|
|
15376
|
+
--search-input-border-bottom-width: 1px;
|
|
15377
|
+
--search-input-border-left-width: 1px;
|
|
15378
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15379
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15380
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15381
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15382
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15383
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15384
|
+
--search-input-font-family: var(--font-family-body);
|
|
15385
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15386
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15387
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15388
|
+
--search-input-paragraph-spacing: 0px;
|
|
15389
|
+
--search-input-paragraph-indent: 0px
|
|
15390
|
+
}
|
|
15391
|
+
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
|
|
15392
|
+
--search-input-width: 100%;
|
|
15393
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15394
|
+
--search-input-color: var(--text-primary);
|
|
15395
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15396
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15397
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15398
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15399
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15400
|
+
--search-input-border-top-width: 1px;
|
|
15401
|
+
--search-input-border-right-width: 1px;
|
|
15402
|
+
--search-input-border-bottom-width: 1px;
|
|
15403
|
+
--search-input-border-left-width: 1px;
|
|
15404
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15405
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15406
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15407
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15408
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15409
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15410
|
+
--search-input-font-family: var(--font-family-body);
|
|
15411
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15412
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15413
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15414
|
+
--search-input-paragraph-spacing: 0px;
|
|
15415
|
+
--search-input-paragraph-indent: 0px
|
|
15416
|
+
}
|
|
15417
|
+
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15418
|
+
--search-input-width: 100%;
|
|
15419
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15420
|
+
--search-input-color: var(--text-primary);
|
|
15421
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15422
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15423
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15424
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15425
|
+
--search-input-border-color: var(--border-border-grey-1);
|
|
15426
|
+
--search-input-border-top-width: 1px;
|
|
15427
|
+
--search-input-border-right-width: 1px;
|
|
15428
|
+
--search-input-border-bottom-width: 1px;
|
|
15429
|
+
--search-input-border-left-width: 1px;
|
|
15430
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15431
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15432
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15433
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15434
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15435
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15436
|
+
--search-input-font-family: var(--font-family-body);
|
|
15437
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15438
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15439
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15440
|
+
--search-input-paragraph-spacing: 0px;
|
|
15441
|
+
--search-input-paragraph-indent: 0px
|
|
15442
|
+
}
|
|
15443
|
+
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
|
|
15444
|
+
--search-input-width: 100%;
|
|
15445
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15446
|
+
--search-input-color: var(--text-primary);
|
|
15447
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15448
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15449
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15450
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15451
|
+
--search-input-border-color: var(--border-destructive);
|
|
15452
|
+
--search-input-border-top-width: 1px;
|
|
15453
|
+
--search-input-border-right-width: 1px;
|
|
15454
|
+
--search-input-border-bottom-width: 1px;
|
|
15455
|
+
--search-input-border-left-width: 1px;
|
|
15456
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15457
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15458
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15459
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15460
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15461
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15462
|
+
--search-input-font-family: var(--font-family-body);
|
|
15463
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15464
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15465
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15466
|
+
--search-input-paragraph-spacing: 0px;
|
|
15467
|
+
--search-input-paragraph-indent: 0px
|
|
15468
|
+
}
|
|
15469
|
+
[data-theme='custom'] [component-variant="search-button-default"][disabled],
|
|
15470
|
+
[data-theme='dark'] [component-variant="search-button-default"][disabled],
|
|
15471
|
+
[data-theme='light'] [component-variant="search-button-default"][disabled],
|
|
15472
|
+
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
|
|
15473
|
+
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
|
|
15474
|
+
[data-theme='light'] [component-variant="search-button-default"]:disabled {
|
|
15475
|
+
--search-input-width: 100%;
|
|
15476
|
+
--search-input-background-color: var(--interactive-surface-secondary-disabled);
|
|
15477
|
+
--search-input-color: var(--text-tertiary);
|
|
15478
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15479
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15480
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15481
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15482
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15483
|
+
--search-input-border-top-width: 1px;
|
|
15484
|
+
--search-input-border-right-width: 1px;
|
|
15485
|
+
--search-input-border-bottom-width: 1px;
|
|
15486
|
+
--search-input-border-left-width: 1px;
|
|
15487
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15488
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15489
|
+
--search-input-padding-top: var(--spacing-space-5);
|
|
15490
|
+
--search-input-padding-bottom: var(--spacing-space-5);
|
|
15491
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15492
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15493
|
+
--search-input-font-family: var(--font-family-body);
|
|
15494
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15495
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15496
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15497
|
+
--search-input-paragraph-spacing: 0px;
|
|
15498
|
+
--search-input-paragraph-indent: 0px
|
|
15499
|
+
}
|
|
15500
|
+
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
|
|
15501
|
+
--search-input-width: 100%;
|
|
15502
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15503
|
+
--search-input-color: var(--text-primary);
|
|
15504
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15505
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15506
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15507
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15508
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15509
|
+
--search-input-border-top-width: 1px;
|
|
15510
|
+
--search-input-border-right-width: 1px;
|
|
15511
|
+
--search-input-border-bottom-width: 1px;
|
|
15512
|
+
--search-input-border-left-width: 1px;
|
|
15513
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15514
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15515
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15516
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15517
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15518
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15519
|
+
--search-input-font-family: var(--font-family-body);
|
|
15520
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15521
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15522
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15523
|
+
--search-input-paragraph-spacing: 0px;
|
|
15524
|
+
--search-input-paragraph-indent: 0px
|
|
15525
|
+
}
|
|
15526
|
+
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
|
|
15527
|
+
--search-input-width: 100%;
|
|
15528
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15529
|
+
--search-input-color: var(--text-secondary);
|
|
15530
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15531
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15532
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15533
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15534
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15535
|
+
--search-input-border-top-width: 1px;
|
|
15536
|
+
--search-input-border-right-width: 1px;
|
|
15537
|
+
--search-input-border-bottom-width: 1px;
|
|
15538
|
+
--search-input-border-left-width: 1px;
|
|
15539
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15540
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15541
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15542
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15543
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15544
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15545
|
+
--search-input-font-family: var(--font-family-body);
|
|
15546
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15547
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15548
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15549
|
+
--search-input-paragraph-spacing: 0px;
|
|
15550
|
+
--search-input-paragraph-indent: 0px
|
|
15551
|
+
}
|
|
15552
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
|
|
15553
|
+
--search-input-width: 100%;
|
|
15554
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15555
|
+
--search-input-color: var(--text-primary);
|
|
15556
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15557
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15558
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15559
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15560
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15561
|
+
--search-input-border-top-width: 1px;
|
|
15562
|
+
--search-input-border-right-width: 1px;
|
|
15563
|
+
--search-input-border-bottom-width: 1px;
|
|
15564
|
+
--search-input-border-left-width: 1px;
|
|
15565
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15566
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15567
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15568
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15569
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15570
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15571
|
+
--search-input-font-family: var(--font-family-body);
|
|
15572
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15573
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15574
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15575
|
+
--search-input-paragraph-spacing: 0px;
|
|
15576
|
+
--search-input-paragraph-indent: 0px
|
|
15577
|
+
}
|
|
15578
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15579
|
+
--search-input-width: 100%;
|
|
15580
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15581
|
+
--search-input-color: var(--text-primary);
|
|
15582
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15583
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15584
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15585
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15586
|
+
--search-input-border-color: var(--border-border-grey-1);
|
|
15587
|
+
--search-input-border-top-width: 1px;
|
|
15588
|
+
--search-input-border-right-width: 1px;
|
|
15589
|
+
--search-input-border-bottom-width: 1px;
|
|
15590
|
+
--search-input-border-left-width: 1px;
|
|
15591
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15592
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15593
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15594
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15595
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15596
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15597
|
+
--search-input-font-family: var(--font-family-body);
|
|
15598
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15599
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15600
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15601
|
+
--search-input-paragraph-spacing: 0px;
|
|
15602
|
+
--search-input-paragraph-indent: 0px
|
|
15603
|
+
}
|
|
15604
|
+
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15605
|
+
--search-input-width: 100%;
|
|
15606
|
+
--search-input-background-color: var(--interactive-surface-secondary-default);
|
|
15607
|
+
--search-input-color: var(--text-primary);
|
|
15608
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15609
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15610
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15611
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15612
|
+
--search-input-border-color: var(--border-destructive);
|
|
15613
|
+
--search-input-border-top-width: 1px;
|
|
15614
|
+
--search-input-border-right-width: 1px;
|
|
15615
|
+
--search-input-border-bottom-width: 1px;
|
|
15616
|
+
--search-input-border-left-width: 1px;
|
|
15617
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15618
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15619
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15620
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15621
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15622
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15623
|
+
--search-input-font-family: var(--font-family-body);
|
|
15624
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15625
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15626
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15627
|
+
--search-input-paragraph-spacing: 0px;
|
|
15628
|
+
--search-input-paragraph-indent: 0px
|
|
15629
|
+
}
|
|
15630
|
+
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
|
|
15631
|
+
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
|
|
15632
|
+
[data-theme='light'] [component-variant="search-button-filled"][disabled],
|
|
15633
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
|
|
15634
|
+
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
|
|
15635
|
+
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
|
|
15636
|
+
--search-input-width: 100%;
|
|
15637
|
+
--search-input-background-color: var(--interactive-surface-secondary-disabled);
|
|
15638
|
+
--search-input-color: var(--text-tertiary);
|
|
15639
|
+
--search-input-border-top-left-radius: var(--corner-radius-extra-small);
|
|
15640
|
+
--search-input-border-top-right-radius: var(--corner-radius-extra-small);
|
|
15641
|
+
--search-input-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
15642
|
+
--search-input-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
15643
|
+
--search-input-border-color: var(--border-border-grey-3);
|
|
15644
|
+
--search-input-border-top-width: 1px;
|
|
15645
|
+
--search-input-border-right-width: 1px;
|
|
15646
|
+
--search-input-border-bottom-width: 1px;
|
|
15647
|
+
--search-input-border-left-width: 1px;
|
|
15648
|
+
--search-input-padding-left: var(--spacing-space-5);
|
|
15649
|
+
--search-input-padding-right: var(--spacing-space-5);
|
|
15650
|
+
--search-input-padding-top: var(--spacing-space-3);
|
|
15651
|
+
--search-input-padding-bottom: var(--spacing-space-3);
|
|
15652
|
+
--search-input-row-gap: var(--spacing-space-5);
|
|
15653
|
+
--search-input-column-gap: var(--spacing-space-5);
|
|
15654
|
+
--search-input-font-family: var(--font-family-body);
|
|
15655
|
+
--search-input-font-size: var(--font-size-body-small);
|
|
15656
|
+
--search-input-font-weight: var(--font-weight-regular);
|
|
15657
|
+
--search-input-line-height: var(--line-height-body-small);
|
|
15658
|
+
--search-input-paragraph-spacing: 0px;
|
|
15659
|
+
--search-input-paragraph-indent: 0px
|
|
15660
|
+
}
|
|
15661
|
+
[data-theme='custom'] [component-variant="search-auto-default"], [data-theme='dark'] [component-variant="search-auto-default"], [data-theme='light'] [component-variant="search-auto-default"] {
|
|
15662
|
+
--search-icon-height: 16px;
|
|
15663
|
+
--search-icon-width: 16px;
|
|
15664
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15665
|
+
--search-icon-font-family: sans-sarif;
|
|
15666
|
+
--search-icon-font-size: initial;
|
|
15667
|
+
--search-icon-font-weight: regular;
|
|
15668
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15669
|
+
--search-icon-paragraph-indent: 0px
|
|
15670
|
+
}
|
|
15671
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:hover:not(:disabled):not([disabled]) {
|
|
15672
|
+
--search-icon-height: 16px;
|
|
15673
|
+
--search-icon-width: 16px;
|
|
15674
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15675
|
+
--search-icon-font-family: sans-sarif;
|
|
15676
|
+
--search-icon-font-size: initial;
|
|
15677
|
+
--search-icon-font-weight: regular;
|
|
15678
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15679
|
+
--search-icon-paragraph-indent: 0px
|
|
15680
|
+
}
|
|
15681
|
+
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
|
|
15682
|
+
--search-icon-height: 16px;
|
|
15683
|
+
--search-icon-width: 16px;
|
|
15684
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15685
|
+
--search-icon-font-family: sans-sarif;
|
|
15686
|
+
--search-icon-font-size: initial;
|
|
15687
|
+
--search-icon-font-weight: regular;
|
|
15688
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15689
|
+
--search-icon-paragraph-indent: 0px
|
|
15690
|
+
}
|
|
15691
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15692
|
+
--search-icon-height: 16px;
|
|
15693
|
+
--search-icon-width: 16px;
|
|
15694
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15695
|
+
--search-icon-font-family: sans-sarif;
|
|
15696
|
+
--search-icon-font-size: initial;
|
|
15697
|
+
--search-icon-font-weight: regular;
|
|
15698
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15699
|
+
--search-icon-paragraph-indent: 0px
|
|
15700
|
+
}
|
|
15701
|
+
[data-theme='custom'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:invalid:not(:disabled):not([disabled]) {
|
|
15702
|
+
--search-icon-height: 16px;
|
|
15703
|
+
--search-icon-width: 16px;
|
|
15704
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15705
|
+
--search-icon-font-family: sans-sarif;
|
|
15706
|
+
--search-icon-font-size: initial;
|
|
15707
|
+
--search-icon-font-weight: regular;
|
|
15708
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15709
|
+
--search-icon-paragraph-indent: 0px
|
|
15710
|
+
}
|
|
15711
|
+
[data-theme='custom'] [component-variant="search-auto-default"][disabled],
|
|
15712
|
+
[data-theme='dark'] [component-variant="search-auto-default"][disabled],
|
|
15713
|
+
[data-theme='light'] [component-variant="search-auto-default"][disabled],
|
|
15714
|
+
[data-theme='custom'] [component-variant="search-auto-default"]:disabled,
|
|
15715
|
+
[data-theme='dark'] [component-variant="search-auto-default"]:disabled,
|
|
15716
|
+
[data-theme='light'] [component-variant="search-auto-default"]:disabled {
|
|
15717
|
+
--search-icon-height: 16px;
|
|
15718
|
+
--search-icon-width: 16px;
|
|
15719
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15720
|
+
--search-icon-font-family: sans-sarif;
|
|
15721
|
+
--search-icon-font-size: initial;
|
|
15722
|
+
--search-icon-font-weight: regular;
|
|
15723
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15724
|
+
--search-icon-paragraph-indent: 0px
|
|
15725
|
+
}
|
|
15726
|
+
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
|
|
15727
|
+
--search-icon-height: 16px;
|
|
15728
|
+
--search-icon-width: 16px;
|
|
15729
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15730
|
+
--search-icon-font-family: sans-sarif;
|
|
15731
|
+
--search-icon-font-size: initial;
|
|
15732
|
+
--search-icon-font-weight: regular;
|
|
15733
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15734
|
+
--search-icon-paragraph-indent: 0px
|
|
15735
|
+
}
|
|
15736
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
|
|
15737
|
+
--search-icon-height: 16px;
|
|
15738
|
+
--search-icon-width: 16px;
|
|
15739
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15740
|
+
--search-icon-font-family: sans-sarif;
|
|
15741
|
+
--search-icon-font-size: initial;
|
|
15742
|
+
--search-icon-font-weight: regular;
|
|
15743
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15744
|
+
--search-icon-paragraph-indent: 0px
|
|
15745
|
+
}
|
|
15746
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15747
|
+
--search-icon-height: 16px;
|
|
15748
|
+
--search-icon-width: 16px;
|
|
15749
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15750
|
+
--search-icon-font-family: sans-sarif;
|
|
15751
|
+
--search-icon-font-size: initial;
|
|
15752
|
+
--search-icon-font-weight: regular;
|
|
15753
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15754
|
+
--search-icon-paragraph-indent: 0px
|
|
15755
|
+
}
|
|
15756
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15757
|
+
--search-icon-height: 16px;
|
|
15758
|
+
--search-icon-width: 16px;
|
|
15759
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15760
|
+
--search-icon-font-family: sans-sarif;
|
|
15761
|
+
--search-icon-font-size: initial;
|
|
15762
|
+
--search-icon-font-weight: regular;
|
|
15763
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15764
|
+
--search-icon-paragraph-indent: 0px
|
|
15765
|
+
}
|
|
15766
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
|
|
15767
|
+
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
|
|
15768
|
+
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
|
|
15769
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
|
|
15770
|
+
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
|
|
15771
|
+
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
|
|
15772
|
+
--search-icon-height: 16px;
|
|
15773
|
+
--search-icon-width: 16px;
|
|
15774
|
+
--search-icon-background-color: rgb(233, 233, 234);
|
|
15775
|
+
--search-icon-font-family: sans-sarif;
|
|
15776
|
+
--search-icon-font-size: initial;
|
|
15777
|
+
--search-icon-font-weight: regular;
|
|
15778
|
+
--search-icon-paragraph-spacing: 0px;
|
|
15779
|
+
--search-icon-paragraph-indent: 0px
|
|
15780
|
+
}
|
|
15781
|
+
[data-theme='custom'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-default"]:active:not(:disabled):not([disabled]) {
|
|
15782
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15783
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15784
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15785
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15786
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15787
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15788
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15789
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15790
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15791
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15792
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15793
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15794
|
+
--search-clear-button-font-size: initial;
|
|
15795
|
+
--search-clear-button-font-weight: regular;
|
|
15796
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15797
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15798
|
+
}
|
|
15799
|
+
[data-theme='custom'] [component-variant="search-auto-filled"], [data-theme='dark'] [component-variant="search-auto-filled"], [data-theme='light'] [component-variant="search-auto-filled"] {
|
|
15800
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15801
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15802
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15803
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15804
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15805
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15806
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15807
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15808
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15809
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15810
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15811
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15812
|
+
--search-clear-button-font-size: initial;
|
|
15813
|
+
--search-clear-button-font-weight: regular;
|
|
15814
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15815
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15816
|
+
}
|
|
15817
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:hover:not(:disabled):not([disabled]) {
|
|
15818
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15819
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15820
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15821
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15822
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15823
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15824
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15825
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15826
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15827
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15828
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15829
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15830
|
+
--search-clear-button-font-size: initial;
|
|
15831
|
+
--search-clear-button-font-weight: regular;
|
|
15832
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15833
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15834
|
+
}
|
|
15835
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15836
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15837
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15838
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15839
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15840
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15841
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15842
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15843
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15844
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15845
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15846
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15847
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15848
|
+
--search-clear-button-font-size: initial;
|
|
15849
|
+
--search-clear-button-font-weight: regular;
|
|
15850
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15851
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15852
|
+
}
|
|
15853
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-auto-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15854
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15855
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15856
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15857
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15858
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15859
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15860
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15861
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15862
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15863
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15864
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15865
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15866
|
+
--search-clear-button-font-size: initial;
|
|
15867
|
+
--search-clear-button-font-weight: regular;
|
|
15868
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15869
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15870
|
+
}
|
|
15871
|
+
[data-theme='custom'] [component-variant="search-auto-filled"][disabled],
|
|
15872
|
+
[data-theme='dark'] [component-variant="search-auto-filled"][disabled],
|
|
15873
|
+
[data-theme='light'] [component-variant="search-auto-filled"][disabled],
|
|
15874
|
+
[data-theme='custom'] [component-variant="search-auto-filled"]:disabled,
|
|
15875
|
+
[data-theme='dark'] [component-variant="search-auto-filled"]:disabled,
|
|
15876
|
+
[data-theme='light'] [component-variant="search-auto-filled"]:disabled {
|
|
15877
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15878
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15879
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15880
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15881
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15882
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15883
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15884
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15885
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15886
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15887
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15888
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15889
|
+
--search-clear-button-font-size: initial;
|
|
15890
|
+
--search-clear-button-font-weight: regular;
|
|
15891
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15892
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15893
|
+
}
|
|
15894
|
+
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
|
|
15895
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15896
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15897
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15898
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15899
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15900
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15901
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15902
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15903
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15904
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15905
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15906
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15907
|
+
--search-clear-button-font-size: initial;
|
|
15908
|
+
--search-clear-button-font-weight: regular;
|
|
15909
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15910
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15911
|
+
}
|
|
15912
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
|
|
15913
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15914
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15915
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15916
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15917
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15918
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15919
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15920
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15921
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15922
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15923
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15924
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15925
|
+
--search-clear-button-font-size: initial;
|
|
15926
|
+
--search-clear-button-font-weight: regular;
|
|
15927
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15928
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15929
|
+
}
|
|
15930
|
+
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
|
|
15931
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15932
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15933
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15934
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15935
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15936
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15937
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15938
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15939
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15940
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15941
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15942
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15943
|
+
--search-clear-button-font-size: initial;
|
|
15944
|
+
--search-clear-button-font-weight: regular;
|
|
15945
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15946
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15947
|
+
}
|
|
15948
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
15949
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15950
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15951
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15952
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15953
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15954
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15955
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15956
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15957
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15958
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15959
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15960
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15961
|
+
--search-clear-button-font-size: initial;
|
|
15962
|
+
--search-clear-button-font-weight: regular;
|
|
15963
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15964
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15965
|
+
}
|
|
15966
|
+
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
15967
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-default);
|
|
15968
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15969
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15970
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15971
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15972
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15973
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15974
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15975
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15976
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
15977
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
15978
|
+
--search-clear-button-font-family: sans-sarif;
|
|
15979
|
+
--search-clear-button-font-size: initial;
|
|
15980
|
+
--search-clear-button-font-weight: regular;
|
|
15981
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
15982
|
+
--search-clear-button-paragraph-indent: 0px
|
|
15983
|
+
}
|
|
15984
|
+
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
|
|
15985
|
+
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
|
|
15986
|
+
[data-theme='light'] [component-variant="search-button-filled"][disabled],
|
|
15987
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
|
|
15988
|
+
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
|
|
15989
|
+
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
|
|
15990
|
+
--search-clear-button-background-color: var(--interactive-surface-ghost-disabled);
|
|
15991
|
+
--search-clear-button-border-top-left-radius: var(--spacing-space-2);
|
|
15992
|
+
--search-clear-button-border-top-right-radius: var(--spacing-space-2);
|
|
15993
|
+
--search-clear-button-border-bottom-left-radius: var(--spacing-space-2);
|
|
15994
|
+
--search-clear-button-border-bottom-right-radius: var(--spacing-space-2);
|
|
15995
|
+
--search-clear-button-padding-left: var(--spacing-space-3);
|
|
15996
|
+
--search-clear-button-padding-right: var(--spacing-space-3);
|
|
15997
|
+
--search-clear-button-padding-top: var(--spacing-space-3);
|
|
15998
|
+
--search-clear-button-padding-bottom: var(--spacing-space-3);
|
|
15999
|
+
--search-clear-button-row-gap: var(--spacing-space-1);
|
|
16000
|
+
--search-clear-button-column-gap: var(--spacing-space-1);
|
|
16001
|
+
--search-clear-button-font-family: sans-sarif;
|
|
16002
|
+
--search-clear-button-font-size: initial;
|
|
16003
|
+
--search-clear-button-font-weight: regular;
|
|
16004
|
+
--search-clear-button-paragraph-spacing: 0px;
|
|
16005
|
+
--search-clear-button-paragraph-indent: 0px
|
|
16006
|
+
}
|
|
16007
|
+
[data-theme='custom'] [component-variant="search-button-default"], [data-theme='dark'] [component-variant="search-button-default"], [data-theme='light'] [component-variant="search-button-default"] {
|
|
16008
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16009
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16010
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16011
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16012
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16013
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16014
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16015
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16016
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16017
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16018
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16019
|
+
--search-search-button-font-family: sans-sarif;
|
|
16020
|
+
--search-search-button-font-size: initial;
|
|
16021
|
+
--search-search-button-font-weight: regular;
|
|
16022
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16023
|
+
--search-search-button-paragraph-indent: 0px
|
|
16024
|
+
}
|
|
16025
|
+
[data-theme='custom'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:hover:not(:disabled):not([disabled]) {
|
|
16026
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16027
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16028
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16029
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16030
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16031
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16032
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16033
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16034
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16035
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16036
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16037
|
+
--search-search-button-font-family: sans-sarif;
|
|
16038
|
+
--search-search-button-font-size: initial;
|
|
16039
|
+
--search-search-button-font-weight: regular;
|
|
16040
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16041
|
+
--search-search-button-paragraph-indent: 0px
|
|
16042
|
+
}
|
|
16043
|
+
[data-theme='custom'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:active:not(:disabled):not([disabled]) {
|
|
16044
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16045
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16046
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16047
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16048
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16049
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16050
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16051
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16052
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16053
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16054
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16055
|
+
--search-search-button-font-family: sans-sarif;
|
|
16056
|
+
--search-search-button-font-size: initial;
|
|
16057
|
+
--search-search-button-font-weight: regular;
|
|
16058
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16059
|
+
--search-search-button-paragraph-indent: 0px
|
|
16060
|
+
}
|
|
16061
|
+
[data-theme='custom'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:focus-visible:not(:disabled):not([disabled]) {
|
|
16062
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16063
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16064
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16065
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16066
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16067
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16068
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16069
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16070
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16071
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16072
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16073
|
+
--search-search-button-font-family: sans-sarif;
|
|
16074
|
+
--search-search-button-font-size: initial;
|
|
16075
|
+
--search-search-button-font-weight: regular;
|
|
16076
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16077
|
+
--search-search-button-paragraph-indent: 0px
|
|
16078
|
+
}
|
|
16079
|
+
[data-theme='custom'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-default"]:invalid:not(:disabled):not([disabled]) {
|
|
16080
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16081
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16082
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16083
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16084
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16085
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16086
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16087
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16088
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16089
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16090
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16091
|
+
--search-search-button-font-family: sans-sarif;
|
|
16092
|
+
--search-search-button-font-size: initial;
|
|
16093
|
+
--search-search-button-font-weight: regular;
|
|
16094
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16095
|
+
--search-search-button-paragraph-indent: 0px
|
|
16096
|
+
}
|
|
16097
|
+
[data-theme='custom'] [component-variant="search-button-default"][disabled],
|
|
16098
|
+
[data-theme='dark'] [component-variant="search-button-default"][disabled],
|
|
16099
|
+
[data-theme='light'] [component-variant="search-button-default"][disabled],
|
|
16100
|
+
[data-theme='custom'] [component-variant="search-button-default"]:disabled,
|
|
16101
|
+
[data-theme='dark'] [component-variant="search-button-default"]:disabled,
|
|
16102
|
+
[data-theme='light'] [component-variant="search-button-default"]:disabled {
|
|
16103
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16104
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16105
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16106
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16107
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16108
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16109
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16110
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16111
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16112
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16113
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16114
|
+
--search-search-button-font-family: sans-sarif;
|
|
16115
|
+
--search-search-button-font-size: initial;
|
|
16116
|
+
--search-search-button-font-weight: regular;
|
|
16117
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16118
|
+
--search-search-button-paragraph-indent: 0px
|
|
16119
|
+
}
|
|
16120
|
+
[data-theme='custom'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:active:not(:disabled):not([disabled]) {
|
|
16121
|
+
--search-search-button-background-color: var(--interactive-surface-primary-default);
|
|
16122
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16123
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16124
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16125
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16126
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16127
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16128
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16129
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16130
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16131
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16132
|
+
--search-search-button-font-family: sans-sarif;
|
|
16133
|
+
--search-search-button-font-size: initial;
|
|
16134
|
+
--search-search-button-font-weight: regular;
|
|
16135
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16136
|
+
--search-search-button-paragraph-indent: 0px
|
|
16137
|
+
}
|
|
16138
|
+
[data-theme='custom'] [component-variant="search-button-filled"], [data-theme='dark'] [component-variant="search-button-filled"], [data-theme='light'] [component-variant="search-button-filled"] {
|
|
16139
|
+
--search-search-button-background-color: var(--interactive-surface-primary-default);
|
|
16140
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16141
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16142
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16143
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16144
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16145
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16146
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16147
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16148
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16149
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16150
|
+
--search-search-button-font-family: sans-sarif;
|
|
16151
|
+
--search-search-button-font-size: initial;
|
|
16152
|
+
--search-search-button-font-weight: regular;
|
|
16153
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16154
|
+
--search-search-button-paragraph-indent: 0px
|
|
16155
|
+
}
|
|
16156
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:hover:not(:disabled):not([disabled]) {
|
|
16157
|
+
--search-search-button-background-color: var(--interactive-surface-primary-default);
|
|
16158
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16159
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16160
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16161
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16162
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16163
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16164
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16165
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16166
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16167
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16168
|
+
--search-search-button-font-family: sans-sarif;
|
|
16169
|
+
--search-search-button-font-size: initial;
|
|
16170
|
+
--search-search-button-font-weight: regular;
|
|
16171
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16172
|
+
--search-search-button-paragraph-indent: 0px
|
|
16173
|
+
}
|
|
16174
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:focus-visible:not(:disabled):not([disabled]) {
|
|
16175
|
+
--search-search-button-background-color: var(--interactive-surface-primary-default);
|
|
16176
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16177
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16178
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16179
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16180
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16181
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16182
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16183
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16184
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16185
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16186
|
+
--search-search-button-font-family: sans-sarif;
|
|
16187
|
+
--search-search-button-font-size: initial;
|
|
16188
|
+
--search-search-button-font-weight: regular;
|
|
16189
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16190
|
+
--search-search-button-paragraph-indent: 0px
|
|
16191
|
+
}
|
|
16192
|
+
[data-theme='custom'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"][invalid]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="search-button-filled"]:invalid:not(:disabled):not([disabled]) {
|
|
16193
|
+
--search-search-button-background-color: var(--interactive-surface-primary-default);
|
|
16194
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16195
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16196
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16197
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16198
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16199
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16200
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16201
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16202
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16203
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16204
|
+
--search-search-button-font-family: sans-sarif;
|
|
16205
|
+
--search-search-button-font-size: initial;
|
|
16206
|
+
--search-search-button-font-weight: regular;
|
|
16207
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16208
|
+
--search-search-button-paragraph-indent: 0px
|
|
16209
|
+
}
|
|
16210
|
+
[data-theme='custom'] [component-variant="search-button-filled"][disabled],
|
|
16211
|
+
[data-theme='dark'] [component-variant="search-button-filled"][disabled],
|
|
16212
|
+
[data-theme='light'] [component-variant="search-button-filled"][disabled],
|
|
16213
|
+
[data-theme='custom'] [component-variant="search-button-filled"]:disabled,
|
|
16214
|
+
[data-theme='dark'] [component-variant="search-button-filled"]:disabled,
|
|
16215
|
+
[data-theme='light'] [component-variant="search-button-filled"]:disabled {
|
|
16216
|
+
--search-search-button-background-color: var(--interactive-surface-primary-disabled-1);
|
|
16217
|
+
--search-search-button-border-top-left-radius: var(--corner-radius-extra-small);
|
|
16218
|
+
--search-search-button-border-top-right-radius: var(--corner-radius-extra-small);
|
|
16219
|
+
--search-search-button-border-bottom-left-radius: var(--corner-radius-extra-small);
|
|
16220
|
+
--search-search-button-border-bottom-right-radius: var(--corner-radius-extra-small);
|
|
16221
|
+
--search-search-button-padding-left: var(--spacing-space-4);
|
|
16222
|
+
--search-search-button-padding-right: var(--spacing-space-4);
|
|
16223
|
+
--search-search-button-padding-top: var(--spacing-space-4);
|
|
16224
|
+
--search-search-button-padding-bottom: var(--spacing-space-4);
|
|
16225
|
+
--search-search-button-row-gap: var(--spacing-space-1);
|
|
16226
|
+
--search-search-button-column-gap: var(--spacing-space-1);
|
|
16227
|
+
--search-search-button-font-family: sans-sarif;
|
|
16228
|
+
--search-search-button-font-size: initial;
|
|
16229
|
+
--search-search-button-font-weight: regular;
|
|
16230
|
+
--search-search-button-paragraph-spacing: 0px;
|
|
16231
|
+
--search-search-button-paragraph-indent: 0px
|
|
16232
|
+
}
|
|
14623
16233
|
[data-theme='dark'] [component-variant^="form-field-"], [data-theme='light'] [component-variant^="form-field-"] {
|
|
14624
16234
|
--form-field-opacity: 1;
|
|
14625
16235
|
--form-field-height: auto;
|