@box/blueprint-web 17.19.2 → 17.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/checkbox/checkbox-item.js +1 -2
- package/dist/lib-esm/checkbox/checkbox.module.js +1 -1
- package/dist/lib-esm/combobox/combobox.js +5 -10
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/combobox-group/combobox-group.js +0 -1
- package/dist/lib-esm/combobox-group/combobox-group.module.js +1 -1
- package/dist/lib-esm/components.css +588 -1120
- package/dist/lib-esm/date-picker/date-picker.js +3 -5
- package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/index.css +588 -1120
- package/dist/lib-esm/input-chip/input-chip.js +6 -10
- package/dist/lib-esm/input-chip/input-chip.module.js +1 -1
- package/dist/lib-esm/password-input/password-input.js +2 -2
- package/dist/lib-esm/primitives/calendar/calendar.js +3 -8
- package/dist/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/dist/lib-esm/primitives/chips/chip-dropdown-indicator.js +5 -5
- package/dist/lib-esm/primitives/chips/chip.js +0 -1
- package/dist/lib-esm/primitives/chips/chip.module.js +1 -1
- package/dist/lib-esm/primitives/chips/chips-group.js +0 -1
- package/dist/lib-esm/radio-group/radio-group.js +0 -1
- package/dist/lib-esm/radio-group/radio-group.module.js +1 -1
- package/dist/lib-esm/radio-tiles/radio-tiles-option.js +0 -1
- package/dist/lib-esm/radio-tiles/radio-tiles-option.module.js +1 -1
- package/dist/lib-esm/radio-tiles/radio-tiles.js +0 -1
- package/dist/lib-esm/time-picker/time-picker.js +3 -5
- package/dist/lib-esm/time-picker/time-picker.module.js +1 -1
- package/dist/lib-esm/util-components/legend/legend.js +0 -1
- package/dist/lib-esm/util-components/legend/legend.module.js +1 -1
- package/package.json +3 -3
|
@@ -3807,11 +3807,19 @@
|
|
|
3807
3807
|
font-size:var(--text-with-info-badge-font-size);
|
|
3808
3808
|
margin-left:var(--text-with-info-badge-margin-left);
|
|
3809
3809
|
}
|
|
3810
|
-
.bp_legend_module_legendContainer--
|
|
3810
|
+
.bp_legend_module_legendContainer--c8a96{
|
|
3811
3811
|
padding:0;
|
|
3812
3812
|
}
|
|
3813
3813
|
|
|
3814
|
-
.bp_legend_module_fieldset--
|
|
3814
|
+
.bp_legend_module_fieldset--c8a96{
|
|
3815
|
+
border:0;
|
|
3816
|
+
display:flex;
|
|
3817
|
+
flex-direction:column;
|
|
3818
|
+
gap:var(--size-2);
|
|
3819
|
+
margin:0;
|
|
3820
|
+
padding:0;
|
|
3821
|
+
}
|
|
3822
|
+
.bp_legend_module_fieldset--c8a96 .bp_legend_module_legend--c8a96{
|
|
3815
3823
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3816
3824
|
font-size:var(--bp-font-size-05);
|
|
3817
3825
|
font-style:normal;
|
|
@@ -3819,7 +3827,7 @@
|
|
|
3819
3827
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3820
3828
|
line-height:var(--bp-font-line-height-04);
|
|
3821
3829
|
}
|
|
3822
|
-
:where(body.is-inter-font) .bp_legend_module_fieldset--
|
|
3830
|
+
:where(body.is-inter-font) .bp_legend_module_fieldset--c8a96 .bp_legend_module_legend--c8a96{
|
|
3823
3831
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3824
3832
|
font-size:.875rem;
|
|
3825
3833
|
font-style:normal;
|
|
@@ -3830,59 +3838,16 @@
|
|
|
3830
3838
|
text-transform:none;
|
|
3831
3839
|
}
|
|
3832
3840
|
|
|
3833
|
-
.bp_legend_module_fieldset--
|
|
3834
|
-
font-family:var(--body-default-bold-font-family);
|
|
3835
|
-
font-size:var(--body-default-bold-font-size);
|
|
3836
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
3837
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
3838
|
-
line-height:var(--body-default-bold-line-height);
|
|
3839
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
3840
|
-
text-transform:var(--body-default-bold-text-case);
|
|
3841
|
-
}
|
|
3842
|
-
|
|
3843
|
-
.bp_legend_module_fieldset--8a810{
|
|
3844
|
-
border:0;
|
|
3845
|
-
display:flex;
|
|
3846
|
-
flex-direction:column;
|
|
3847
|
-
gap:var(--size-2);
|
|
3848
|
-
margin:0;
|
|
3849
|
-
padding:0;
|
|
3850
|
-
}
|
|
3851
|
-
.bp_legend_module_fieldset--8a810 .bp_legend_module_legend--8a810{
|
|
3841
|
+
.bp_legend_module_fieldset--c8a96 .bp_legend_module_legend--c8a96{
|
|
3852
3842
|
padding:0 0 var(--size-2);
|
|
3853
3843
|
}
|
|
3854
|
-
.bp_legend_module_fieldset--
|
|
3844
|
+
.bp_legend_module_fieldset--c8a96.bp_legend_module_wide--c8a96{
|
|
3855
3845
|
gap:var(--size-4);
|
|
3856
3846
|
}
|
|
3857
|
-
.bp_legend_module_fieldset--
|
|
3847
|
+
.bp_legend_module_fieldset--c8a96.bp_legend_module_wide--c8a96 .bp_legend_module_legend--c8a96{
|
|
3858
3848
|
padding-bottom:var(--size-4);
|
|
3859
3849
|
}
|
|
3860
|
-
.bp_checkbox_module_option--
|
|
3861
|
-
--checkbox-size:var(--size-4);
|
|
3862
|
-
--checkbox-label-gap:var(--size-3);
|
|
3863
|
-
--checkbox-description-padding-left:calc(var(--size-4) + var(--size-3));
|
|
3864
|
-
--checkbox-line-height:var(--body-default-line-height);
|
|
3865
|
-
--checkbox-surface:var(--surface-checkbox-surface);
|
|
3866
|
-
--checkbox-surface-disabled:var(--surface-checkbox-surface);
|
|
3867
|
-
--checkbox-border:var(--border-2) solid var(--border-checkbox-border);
|
|
3868
|
-
--checkbox-radius:var(--radius-1);
|
|
3869
|
-
--checkbox-outline-focus:var(--outline-focus-on-light);
|
|
3870
|
-
--checkbox-outline-offset:var(--border-1);
|
|
3871
|
-
--checkbox-surface-selected:var(--surface-checkbox-surface-selected);
|
|
3872
|
-
--checkbox-border-selected:var(--border-2) solid var(--border-checkbox-border-selected);
|
|
3873
|
-
--checkbox-surface-selected-hover:var(--surface-checkbox-surface-selected-hover);
|
|
3874
|
-
--checkbox-border-hover:var(--border-2) solid var(--border-checkbox-border-hover);
|
|
3875
|
-
--checkbox-border-selected-hover:var(--border-2) solid var(--border-checkbox-border-selected-hover);
|
|
3876
|
-
font-family:var(--body-default-font-family);
|
|
3877
|
-
font-size:var(--body-default-font-size);
|
|
3878
|
-
font-weight:var(--body-default-font-weight);
|
|
3879
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
3880
|
-
line-height:var(--body-default-line-height);
|
|
3881
|
-
text-decoration:var(--body-default-text-decoration);
|
|
3882
|
-
text-transform:var(--body-default-text-case);
|
|
3883
|
-
}
|
|
3884
|
-
|
|
3885
|
-
.bp_checkbox_module_option--59970[data-modern=true]{
|
|
3850
|
+
.bp_checkbox_module_option--fee0a{
|
|
3886
3851
|
--checkbox-size:var(--bp-size-040);
|
|
3887
3852
|
--checkbox-label-gap:var(--bp-space-030);
|
|
3888
3853
|
--checkbox-description-padding-left:calc(var(--bp-size-040) + var(--bp-space-030));
|
|
@@ -3905,7 +3870,7 @@
|
|
|
3905
3870
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3906
3871
|
line-height:var(--bp-font-line-height-04);
|
|
3907
3872
|
}
|
|
3908
|
-
:where(body.is-inter-font) .bp_checkbox_module_option--
|
|
3873
|
+
:where(body.is-inter-font) .bp_checkbox_module_option--fee0a{
|
|
3909
3874
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3910
3875
|
font-size:.875rem;
|
|
3911
3876
|
font-style:normal;
|
|
@@ -3916,11 +3881,11 @@
|
|
|
3916
3881
|
text-transform:none;
|
|
3917
3882
|
}
|
|
3918
3883
|
|
|
3919
|
-
.bp_checkbox_module_option--
|
|
3884
|
+
.bp_checkbox_module_option--fee0a{
|
|
3920
3885
|
display:flex;
|
|
3921
3886
|
flex-direction:column;
|
|
3922
3887
|
}
|
|
3923
|
-
.bp_checkbox_module_option--
|
|
3888
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a{
|
|
3924
3889
|
all:unset;
|
|
3925
3890
|
align-items:center;
|
|
3926
3891
|
background-color:var(--checkbox-surface);
|
|
@@ -3934,67 +3899,67 @@
|
|
|
3934
3899
|
margin:calc((var(--checkbox-line-height) - var(--checkbox-size))/2) 0 0;
|
|
3935
3900
|
width:var(--checkbox-size);
|
|
3936
3901
|
}
|
|
3937
|
-
.bp_checkbox_module_option--
|
|
3902
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a .bp_checkbox_module_indicator--fee0a{
|
|
3938
3903
|
display:flex;
|
|
3939
3904
|
opacity:var(--bp-opacity-hidden);
|
|
3940
3905
|
}
|
|
3941
|
-
.bp_checkbox_module_option--
|
|
3906
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:focus-visible{
|
|
3942
3907
|
outline:var(--checkbox-border);
|
|
3943
3908
|
outline-offset:var(--checkbox-outline-offset);
|
|
3944
3909
|
}
|
|
3945
|
-
.bp_checkbox_module_option--
|
|
3910
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a[data-disabled]{
|
|
3946
3911
|
background-color:var(--checkbox-surface-disabled);
|
|
3947
3912
|
opacity:var(--disabled-opacity);
|
|
3948
3913
|
}
|
|
3949
|
-
.bp_checkbox_module_option--
|
|
3914
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a[data-state=checked],.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a[data-state=indeterminate]{
|
|
3950
3915
|
background-color:var(--checkbox-surface-selected);
|
|
3951
3916
|
border:var(--checkbox-border-selected);
|
|
3952
3917
|
}
|
|
3953
|
-
.bp_checkbox_module_option--
|
|
3918
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a[data-state=checked] .bp_checkbox_module_indicator--fee0a,.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a[data-state=indeterminate] .bp_checkbox_module_indicator--fee0a{
|
|
3954
3919
|
background-color:var(--checkbox-surface-selected);
|
|
3955
3920
|
opacity:var(--bp-opacity-visible);
|
|
3956
3921
|
}
|
|
3957
|
-
.bp_checkbox_module_option--
|
|
3922
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):focus-visible,.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover{
|
|
3958
3923
|
border:var(--checkbox-border-hover);
|
|
3959
3924
|
}
|
|
3960
|
-
.bp_checkbox_module_option--
|
|
3925
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):focus-visible[data-state=checked],.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):focus-visible[data-state=indeterminate],.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=checked],.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=indeterminate]{
|
|
3961
3926
|
background-color:var(--checkbox-surface-selected-hover);
|
|
3962
3927
|
border:var(--checkbox-border-selected-hover);
|
|
3963
3928
|
}
|
|
3964
|
-
.bp_checkbox_module_option--
|
|
3929
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):focus-visible[data-state=checked] .bp_checkbox_module_indicator--fee0a,.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):focus-visible[data-state=indeterminate] .bp_checkbox_module_indicator--fee0a,.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=checked] .bp_checkbox_module_indicator--fee0a,.bp_checkbox_module_option--fee0a .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=indeterminate] .bp_checkbox_module_indicator--fee0a{
|
|
3965
3930
|
background-color:var(--checkbox-surface-selected-hover);
|
|
3966
3931
|
}
|
|
3967
|
-
.bp_checkbox_module_option--
|
|
3932
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_label--fee0a{
|
|
3968
3933
|
cursor:pointer;
|
|
3969
3934
|
display:inline-flex;
|
|
3970
3935
|
flex-direction:row;
|
|
3971
3936
|
gap:var(--checkbox-label-gap);
|
|
3972
3937
|
width:fit-content;
|
|
3973
3938
|
}
|
|
3974
|
-
.bp_checkbox_module_option--
|
|
3939
|
+
.bp_checkbox_module_option--fee0a .bp_checkbox_module_description--fee0a{
|
|
3975
3940
|
padding-left:var(--checkbox-description-padding-left);
|
|
3976
3941
|
}
|
|
3977
|
-
.bp_checkbox_module_option--
|
|
3942
|
+
.bp_checkbox_module_option--fee0a.bp_checkbox_module_disabled--fee0a .bp_checkbox_module_label--fee0a{
|
|
3978
3943
|
cursor:default;
|
|
3979
3944
|
}
|
|
3980
3945
|
|
|
3981
|
-
.bp_checkbox_module_option--
|
|
3946
|
+
.bp_checkbox_module_option--fee0a[data-bp-animated=true] .bp_checkbox_module_checkbox--fee0a{
|
|
3982
3947
|
transition-duration:var(--bp-duration-short);
|
|
3983
3948
|
transition-property:background-color, border-color;
|
|
3984
3949
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
3985
3950
|
}
|
|
3986
|
-
.bp_checkbox_module_option--
|
|
3951
|
+
.bp_checkbox_module_option--fee0a[data-bp-animated=true] .bp_checkbox_module_checkbox--fee0a .bp_checkbox_module_indicator--fee0a{
|
|
3987
3952
|
transition-duration:var(--bp-duration-short);
|
|
3988
3953
|
transition-property:background-color, opacity;
|
|
3989
3954
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
3990
3955
|
}
|
|
3991
|
-
.bp_checkbox_module_option--
|
|
3956
|
+
.bp_checkbox_module_option--fee0a[data-bp-animated=true] .bp_checkbox_module_checkbox--fee0a .bp_checkbox_module_indicator--fee0a svg{
|
|
3992
3957
|
transform:scale(var(--bp-scale-default));
|
|
3993
3958
|
transition-duration:var(--bp-duration-short);
|
|
3994
3959
|
transition-property:transform;
|
|
3995
3960
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
3996
3961
|
}
|
|
3997
|
-
.bp_checkbox_module_option--
|
|
3962
|
+
.bp_checkbox_module_option--fee0a[data-bp-animated=true] .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=checked] .bp_checkbox_module_indicator--fee0a svg,.bp_checkbox_module_option--fee0a[data-bp-animated=true] .bp_checkbox_module_checkbox--fee0a:not([data-disabled]):hover[data-state=indeterminate] .bp_checkbox_module_indicator--fee0a svg{
|
|
3998
3963
|
transform:scale(var(--bp-scale-large));
|
|
3999
3964
|
}
|
|
4000
3965
|
|
|
@@ -4179,49 +4144,7 @@
|
|
|
4179
4144
|
max-width:100%;
|
|
4180
4145
|
}
|
|
4181
4146
|
|
|
4182
|
-
.bp_input_chip_module_container--
|
|
4183
|
-
--input-chip-surface:var(--surface-inputchip-surface);
|
|
4184
|
-
--input-chip-surface-hover:var(--surface-inputchip-surface-hover);
|
|
4185
|
-
--input-chip-surface-error:var(--surface-inputchip-surface-error);
|
|
4186
|
-
--input-chip-surface-variable:var(--purple-rain-20);
|
|
4187
|
-
--input-chip-text:var(--text-text-on-light);
|
|
4188
|
-
--input-chip-text-variable:var(--purple-rain-120);
|
|
4189
|
-
--input-chip-delete-icon:var(--purple-rain-120);
|
|
4190
|
-
--input-chip-border-error:var(--border-inputchip-border-error);
|
|
4191
|
-
--input-chip-border-radius:var(--radius-half);
|
|
4192
|
-
--input-chip-height:var(--size-7);
|
|
4193
|
-
--input-chip-padding-inline:var(--space-1);
|
|
4194
|
-
--input-chip-padding-block:var(--space-05);
|
|
4195
|
-
--input-chip-padding-inline-avatar:var(--space-05);
|
|
4196
|
-
--input-chip-padding-inline-delete:var(--space-1) var(--space-05);
|
|
4197
|
-
--input-chip-label-padding-inline:var(--space-2);
|
|
4198
|
-
--input-chip-focus-ring-width:var(--border-2);
|
|
4199
|
-
--input-chip-focus-ring-color:var(--outline-focus-on-light);
|
|
4200
|
-
--input-chip-focus-ring-offset-width:var(--border-1);
|
|
4201
|
-
--input-chip-focus-ring-offset-color:var(--outline-focus-on-dark);
|
|
4202
|
-
--input-chip-error-focus-ring-width:var(--border-2);
|
|
4203
|
-
--input-chip-error-focus-ring-color:var(--outline-focus-on-light);
|
|
4204
|
-
--input-chip-error-focus-ring-offset-width:var(--border-2);
|
|
4205
|
-
--input-chip-error-focus-ring-offset-color:var(--outline-focus-on-dark);
|
|
4206
|
-
--input-chip-delete-surface:var(--surface-cta-surface-icon);
|
|
4207
|
-
--input-chip-delete-icon-color:var(--icon-cta-icon);
|
|
4208
|
-
--input-chip-delete-surface-hover:var(--surface-cta-surface-icon-hover);
|
|
4209
|
-
--input-chip-delete-icon-hover:var(--icon-cta-icon-hover);
|
|
4210
|
-
--input-chip-delete-surface-pressed:var(--surface-cta-surface-icon-pressed);
|
|
4211
|
-
--input-chip-delete-icon-pressed:var(--icon-cta-icon-pressed);
|
|
4212
|
-
--input-chip-delete-icon-border-radius:var(--radius-half);
|
|
4213
|
-
--input-chip-delete-padding-inline:var(--space-1);
|
|
4214
|
-
--input-chip-delete-padding-block:var(--space-1);
|
|
4215
|
-
font-family:var(--body-default-font-family);
|
|
4216
|
-
font-size:var(--body-default-font-size);
|
|
4217
|
-
font-weight:var(--body-default-font-weight);
|
|
4218
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
4219
|
-
line-height:var(--body-default-line-height);
|
|
4220
|
-
text-decoration:var(--body-default-text-decoration);
|
|
4221
|
-
text-transform:var(--body-default-text-case);
|
|
4222
|
-
}
|
|
4223
|
-
|
|
4224
|
-
.bp_input_chip_module_container--cd126[data-modern=true]{
|
|
4147
|
+
.bp_input_chip_module_container--caf48{
|
|
4225
4148
|
--input-chip-surface:var(--bp-gray-10);
|
|
4226
4149
|
--input-chip-surface-hover:var(--bp-gray-10);
|
|
4227
4150
|
--input-chip-surface-error:var(--bp-watermelon-red-10);
|
|
@@ -4261,7 +4184,7 @@
|
|
|
4261
4184
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4262
4185
|
line-height:var(--bp-font-line-height-04);
|
|
4263
4186
|
}
|
|
4264
|
-
:where(body.is-inter-font) .bp_input_chip_module_container--
|
|
4187
|
+
:where(body.is-inter-font) .bp_input_chip_module_container--caf48{
|
|
4265
4188
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4266
4189
|
font-size:.875rem;
|
|
4267
4190
|
font-style:normal;
|
|
@@ -4272,7 +4195,7 @@
|
|
|
4272
4195
|
text-transform:none;
|
|
4273
4196
|
}
|
|
4274
4197
|
|
|
4275
|
-
.bp_input_chip_module_container--
|
|
4198
|
+
.bp_input_chip_module_container--caf48{
|
|
4276
4199
|
align-items:center;
|
|
4277
4200
|
background-color:var(--input-chip-surface);
|
|
4278
4201
|
border:none;
|
|
@@ -4288,33 +4211,33 @@
|
|
|
4288
4211
|
-webkit-user-select:none;
|
|
4289
4212
|
user-select:none;
|
|
4290
4213
|
}
|
|
4291
|
-
.bp_input_chip_module_container--
|
|
4214
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_avatarContainer--caf48{
|
|
4292
4215
|
padding-inline:var(--input-chip-padding-inline-avatar);
|
|
4293
4216
|
}
|
|
4294
|
-
.bp_input_chip_module_container--
|
|
4217
|
+
.bp_input_chip_module_container--caf48:not(.bp_input_chip_module_avatarContainer--caf48).bp_input_chip_module_deleteButton--caf48{
|
|
4295
4218
|
padding-inline:var(--input-chip-padding-inline-delete);
|
|
4296
4219
|
}
|
|
4297
|
-
.bp_input_chip_module_container--
|
|
4220
|
+
.bp_input_chip_module_container--caf48:not(.bp_input_chip_module_avatarContainer--caf48).bp_input_chip_module_noDeleteButton--caf48{
|
|
4298
4221
|
padding-inline:calc(var(--bp-space-020) - var(--bp-space-005)) var(--bp-space-005);
|
|
4299
4222
|
}
|
|
4300
|
-
.bp_input_chip_module_container--
|
|
4223
|
+
.bp_input_chip_module_container--caf48:not(.bp_input_chip_module_error--caf48):focus{
|
|
4301
4224
|
background-color:var(--input-chip-surface-hover);
|
|
4302
4225
|
box-shadow:0 0 0 var(--input-chip-focus-ring-offset-width) var(--input-chip-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-focus-ring-width) + var(--input-chip-focus-ring-offset-width)) var(--input-chip-focus-ring-color);
|
|
4303
4226
|
}
|
|
4304
|
-
.bp_input_chip_module_container--
|
|
4227
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_error--caf48{
|
|
4305
4228
|
background-color:var(--input-chip-surface-error);
|
|
4306
4229
|
outline:var(--border-1) solid var(--input-chip-border-error);
|
|
4307
4230
|
}
|
|
4308
|
-
.bp_input_chip_module_container--
|
|
4231
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_error--caf48:focus{
|
|
4309
4232
|
box-shadow:0 0 0 var(--input-chip-error-focus-ring-offset-width) var(--input-chip-error-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-error-focus-ring-width) + var(--input-chip-error-focus-ring-offset-width)) var(--input-chip-error-focus-ring-color);
|
|
4310
4233
|
}
|
|
4311
|
-
.bp_input_chip_module_container--
|
|
4234
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48{
|
|
4312
4235
|
background:var(--input-chip-delete-surface);
|
|
4313
4236
|
}
|
|
4314
|
-
.bp_input_chip_module_container--
|
|
4237
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48 *{
|
|
4315
4238
|
fill:var(--input-chip-delete-icon-color);
|
|
4316
4239
|
}
|
|
4317
|
-
.bp_input_chip_module_container--
|
|
4240
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48{
|
|
4318
4241
|
align-items:center;
|
|
4319
4242
|
border-radius:var(--input-chip-delete-icon-border-radius);
|
|
4320
4243
|
display:flex;
|
|
@@ -4323,79 +4246,77 @@
|
|
|
4323
4246
|
padding-block:var(--input-chip-delete-padding-block);
|
|
4324
4247
|
padding-inline:var(--input-chip-delete-padding-inline);
|
|
4325
4248
|
}
|
|
4326
|
-
.bp_input_chip_module_container--
|
|
4249
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48:hover{
|
|
4327
4250
|
background:var(--input-chip-delete-surface-hover);
|
|
4328
4251
|
}
|
|
4329
|
-
.bp_input_chip_module_container--
|
|
4252
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48:hover *{
|
|
4330
4253
|
fill:var(--input-chip-delete-icon-hover);
|
|
4331
4254
|
}
|
|
4332
|
-
.bp_input_chip_module_container--
|
|
4255
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48:active{
|
|
4333
4256
|
background:var(--input-chip-delete-surface-pressed);
|
|
4334
4257
|
}
|
|
4335
|
-
.bp_input_chip_module_container--
|
|
4258
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_deleteIcon--caf48:active *{
|
|
4336
4259
|
fill:var(--input-chip-delete-icon-pressed);
|
|
4337
4260
|
}
|
|
4338
|
-
.bp_input_chip_module_container--
|
|
4261
|
+
.bp_input_chip_module_container--caf48 .bp_input_chip_module_label--caf48{
|
|
4339
4262
|
overflow:hidden;
|
|
4340
4263
|
padding-inline:var(--input-chip-label-padding-inline);
|
|
4341
4264
|
text-overflow:ellipsis;
|
|
4342
4265
|
white-space:nowrap;
|
|
4343
4266
|
}
|
|
4344
|
-
.bp_input_chip_module_container--
|
|
4267
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48{
|
|
4345
4268
|
background-color:var(--input-chip-surface-variable);
|
|
4346
4269
|
}
|
|
4347
|
-
.bp_input_chip_module_container--
|
|
4270
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_label--caf48{
|
|
4348
4271
|
color:var(--input-chip-text-variable);
|
|
4349
4272
|
}
|
|
4350
|
-
.bp_input_chip_module_container--
|
|
4273
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48:focus{
|
|
4351
4274
|
background-color:var(--input-chip-surface-variable);
|
|
4352
4275
|
}
|
|
4353
|
-
.bp_input_chip_module_container--
|
|
4276
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48{
|
|
4354
4277
|
background:var(--input-chip-delete-surface);
|
|
4355
4278
|
}
|
|
4356
|
-
.bp_input_chip_module_container--
|
|
4279
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48 *{
|
|
4357
4280
|
fill:var(--input-chip-delete-icon);
|
|
4358
4281
|
}
|
|
4359
|
-
.bp_input_chip_module_container--
|
|
4282
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48:hover{
|
|
4360
4283
|
background:var(--input-chip-delete-surface-hover);
|
|
4361
4284
|
}
|
|
4362
|
-
.bp_input_chip_module_container--
|
|
4285
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48:hover *{
|
|
4363
4286
|
fill:var(--input-chip-delete-icon);
|
|
4364
4287
|
}
|
|
4365
|
-
.bp_input_chip_module_container--
|
|
4288
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48:active{
|
|
4366
4289
|
background:var(--input-chip-delete-surface-pressed);
|
|
4367
4290
|
}
|
|
4368
|
-
.bp_input_chip_module_container--
|
|
4291
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_variable--caf48 .bp_input_chip_module_deleteIcon--caf48:active *{
|
|
4369
4292
|
fill:var(--input-chip-delete-icon);
|
|
4370
4293
|
}
|
|
4371
|
-
.bp_input_chip_module_container--
|
|
4372
|
-
flex-shrink:0;
|
|
4373
|
-
}
|
|
4374
|
-
.bp_input_chip_module_container--cd126 .bp_input_chip_module_avatar--cd126.bp_input_chip_module_modern--cd126{
|
|
4294
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_avatarContainer--caf48 .bp_input_chip_module_avatar--caf48{
|
|
4375
4295
|
border-radius:var(--bp-radius-04) 0 0 var(--bp-radius-04);
|
|
4296
|
+
flex-shrink:0;
|
|
4376
4297
|
height:1.75rem;
|
|
4377
4298
|
overflow:hidden;
|
|
4378
4299
|
width:1.75rem;
|
|
4379
4300
|
}
|
|
4380
|
-
.bp_input_chip_module_container--
|
|
4301
|
+
.bp_input_chip_module_container--caf48.bp_input_chip_module_avatarContainer--caf48 .bp_input_chip_module_avatar--caf48 *{
|
|
4381
4302
|
border-radius:unset;
|
|
4382
4303
|
}
|
|
4383
4304
|
|
|
4384
|
-
.bp_input_chip_module_container--
|
|
4305
|
+
.bp_input_chip_module_container--caf48[data-bp-animated=true][data-state=open]{
|
|
4385
4306
|
animation-duration:var(--bp-duration-short);
|
|
4386
4307
|
animation-fill-mode:both;
|
|
4387
|
-
animation-name:bp_input_chip_module_bpInputChipFadeEnter--
|
|
4308
|
+
animation-name:bp_input_chip_module_bpInputChipFadeEnter--caf48;
|
|
4388
4309
|
animation-timing-function:var(--bp-curve-extra-small-on);
|
|
4389
4310
|
}
|
|
4390
|
-
.bp_input_chip_module_container--
|
|
4311
|
+
.bp_input_chip_module_container--caf48[data-bp-animated=true][data-state=closed]{
|
|
4391
4312
|
animation-duration:var(--bp-duration-short);
|
|
4392
4313
|
animation-fill-mode:forwards;
|
|
4393
|
-
animation-name:bp_input_chip_module_bpInputChipFadeExit--
|
|
4314
|
+
animation-name:bp_input_chip_module_bpInputChipFadeExit--caf48;
|
|
4394
4315
|
animation-timing-function:var(--bp-curve-extra-small-off);
|
|
4395
4316
|
pointer-events:none;
|
|
4396
4317
|
}
|
|
4397
4318
|
|
|
4398
|
-
@keyframes bp_input_chip_module_bpInputChipFadeEnter--
|
|
4319
|
+
@keyframes bp_input_chip_module_bpInputChipFadeEnter--caf48{
|
|
4399
4320
|
from{
|
|
4400
4321
|
opacity:var(--bp-opacity-hidden);
|
|
4401
4322
|
}
|
|
@@ -4403,7 +4324,7 @@
|
|
|
4403
4324
|
opacity:var(--bp-opacity-visible);
|
|
4404
4325
|
}
|
|
4405
4326
|
}
|
|
4406
|
-
@keyframes bp_input_chip_module_bpInputChipFadeExit--
|
|
4327
|
+
@keyframes bp_input_chip_module_bpInputChipFadeExit--caf48{
|
|
4407
4328
|
from{
|
|
4408
4329
|
opacity:var(--bp-opacity-visible);
|
|
4409
4330
|
}
|
|
@@ -4776,93 +4697,7 @@
|
|
|
4776
4697
|
.bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
|
|
4777
4698
|
margin-block-start:var(--text-area-container-row-gap);
|
|
4778
4699
|
}
|
|
4779
|
-
.bp_combobox_module_container--
|
|
4780
|
-
--max-lines:3;
|
|
4781
|
-
--input-height:var(--space-5);
|
|
4782
|
-
--chip-height:var(--space-7);
|
|
4783
|
-
--combobox-height:2.5rem;
|
|
4784
|
-
--combobox-space:calc((var(--combobox-height) - var(--input-height))/2);
|
|
4785
|
-
--combobox-with-chips-space:calc((var(--combobox-height) - var(--chip-height))/2);
|
|
4786
|
-
--combobox-border-width:var(--border-1);
|
|
4787
|
-
--combobox-border-width-error:var(--border-2);
|
|
4788
|
-
--combobox-border-width-focus:var(--border-2);
|
|
4789
|
-
--combobox-label-color:var(--text-text-on-light);
|
|
4790
|
-
--combobox-label-margin-block-end:var(--space-2);
|
|
4791
|
-
--combobox-container-contents-gap:var(--space-2);
|
|
4792
|
-
--combobox-container-background-color:var(--surface-dropdown-surface);
|
|
4793
|
-
--combobox-container-border-top-width:var(--blueprint-combobox-border-top-width, var(--combobox-border-width));
|
|
4794
|
-
--combobox-container-border-right-width:var(--blueprint-combobox-border-right-width, var(--combobox-border-width));
|
|
4795
|
-
--combobox-container-border-bottom-width:var(
|
|
4796
|
-
--blueprint-combobox-border-bottom-width,
|
|
4797
|
-
var(--combobox-border-width)
|
|
4798
|
-
);
|
|
4799
|
-
--combobox-container-border-left-width:var(--blueprint-combobox-border-left-width, var(--combobox-border-width));
|
|
4800
|
-
--combobox-container-border-color:var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
4801
|
-
--combobox-container-border-color-hover:var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
4802
|
-
--combobox-container-border-radius:var(--blueprint-combobox-input-radius, var(--radius-2));
|
|
4803
|
-
--combobox-container-box-shadow:var(--innershadow-1);
|
|
4804
|
-
--combobox-container-padding-block:calc(var(--combobox-space) - var(--combobox-border-width));
|
|
4805
|
-
--combobox-container-padding-inline:var(--space-3);
|
|
4806
|
-
--combobox-container-padding-inline-end-with-buttons:var(--space-10);
|
|
4807
|
-
--combobox-container-focus-background-color:var(--surface-dropdown-surface-focus);
|
|
4808
|
-
--combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--outline-focus-on-light);
|
|
4809
|
-
--combobox-padding-block-focus:calc(var(--combobox-space) - var(--combobox-border-width-focus));
|
|
4810
|
-
--combobox-container-focus-padding-block:var(--combobox-padding-block-focus);
|
|
4811
|
-
--combobox-container-error-background-color:var(--surface-dropdown-surface-error);
|
|
4812
|
-
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--border-2));
|
|
4813
|
-
--combobox-container-error-border-right-width:var(--blueprint-combobox-border-error-right-width, var(--border-2));
|
|
4814
|
-
--combobox-container-error-border-bottom-width:var(
|
|
4815
|
-
--blueprint-combobox-border-error-bottom-width,
|
|
4816
|
-
var(--border-2)
|
|
4817
|
-
);
|
|
4818
|
-
--combobox-container-error-border-left-width:var(--blueprint-combobox-border-error-left-width, var(--border-2));
|
|
4819
|
-
--combobox-container-error-border-color:var(--border-input-border-error);
|
|
4820
|
-
--combobox-padding-block-error:calc(var(--combobox-space) - var(--combobox-border-width-error));
|
|
4821
|
-
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
4822
|
-
--combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--space-2) + var(--max-lines)*var(--space-6));
|
|
4823
|
-
--combobox-with-chips-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width));
|
|
4824
|
-
--combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
|
|
4825
|
-
--combobox-container-with-chips-error-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width-error));
|
|
4826
|
-
--combobox-container-with-chips-focus-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width-focus));
|
|
4827
|
-
--combobox-text-input-color:var(--text-text-on-light);
|
|
4828
|
-
--combobox-text-input-wrapper-gap:var(--space-2);
|
|
4829
|
-
--combobox-text-input-background-color:#0000;
|
|
4830
|
-
--combobox-text-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
4831
|
-
--combobox-error-icon-fill:var(--icon-icon-error-on-light);
|
|
4832
|
-
--combobox-inline-error-margin-block-start:var(--space-2);
|
|
4833
|
-
--combobox-inline-error-icon-width:var(--size-5);
|
|
4834
|
-
--combobox-inline-error-icon-height:var(--size-5);
|
|
4835
|
-
--combobox-button-spacing:var(--space-2);
|
|
4836
|
-
--combobox-buttons-gap:var(--space-1);
|
|
4837
|
-
--combobox-container-padding-inline-end-with-inline-error-and-buttons:calc(var(--combobox-container-padding-inline-end-with-buttons) + var(--combobox-inline-error-icon-width) + var(--combobox-buttons-gap));
|
|
4838
|
-
font-family:var(--body-default-font-family);
|
|
4839
|
-
font-size:var(--body-default-font-size);
|
|
4840
|
-
font-weight:var(--body-default-font-weight);
|
|
4841
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
4842
|
-
line-height:var(--body-default-line-height);
|
|
4843
|
-
text-decoration:var(--body-default-text-decoration);
|
|
4844
|
-
text-transform:var(--body-default-text-case);
|
|
4845
|
-
}
|
|
4846
|
-
.bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_label--9b3ff{
|
|
4847
|
-
font-family:var(--body-default-bold-font-family);
|
|
4848
|
-
font-size:var(--body-default-bold-font-size);
|
|
4849
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
4850
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
4851
|
-
line-height:var(--body-default-bold-line-height);
|
|
4852
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
4853
|
-
text-transform:var(--body-default-bold-text-case);
|
|
4854
|
-
}
|
|
4855
|
-
.bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_textInput--9b3ff{
|
|
4856
|
-
font-family:var(--body-default-font-family);
|
|
4857
|
-
font-size:var(--body-default-font-size);
|
|
4858
|
-
font-weight:var(--body-default-font-weight);
|
|
4859
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
4860
|
-
line-height:var(--body-default-line-height);
|
|
4861
|
-
text-decoration:var(--body-default-text-decoration);
|
|
4862
|
-
text-transform:var(--body-default-text-case);
|
|
4863
|
-
}
|
|
4864
|
-
|
|
4865
|
-
.bp_combobox_module_container--9b3ff[data-modern=true]{
|
|
4700
|
+
.bp_combobox_module_container--73717{
|
|
4866
4701
|
--max-lines:3;
|
|
4867
4702
|
--bp-innershadow-01:var(--innershadow-1);
|
|
4868
4703
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -4934,7 +4769,7 @@
|
|
|
4934
4769
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4935
4770
|
line-height:var(--bp-font-line-height-04);
|
|
4936
4771
|
}
|
|
4937
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
4772
|
+
:where(body.is-inter-font) .bp_combobox_module_container--73717{
|
|
4938
4773
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4939
4774
|
font-size:.875rem;
|
|
4940
4775
|
font-style:normal;
|
|
@@ -4945,152 +4780,41 @@
|
|
|
4945
4780
|
text-transform:none;
|
|
4946
4781
|
}
|
|
4947
4782
|
|
|
4948
|
-
.bp_combobox_module_container--
|
|
4949
|
-
|
|
4950
|
-
|
|
4951
|
-
font-style:normal;
|
|
4952
|
-
font-weight:var(--bp-font-weight-bold);
|
|
4953
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4954
|
-
line-height:var(--bp-font-line-height-04);
|
|
4955
|
-
}
|
|
4956
|
-
:where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
|
|
4957
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4958
|
-
font-size:.875rem;
|
|
4959
|
-
font-style:normal;
|
|
4960
|
-
font-weight:600;
|
|
4961
|
-
letter-spacing:.00625rem;
|
|
4962
|
-
line-height:1.375rem;
|
|
4963
|
-
text-decoration:none;
|
|
4964
|
-
text-transform:none;
|
|
4965
|
-
}
|
|
4966
|
-
|
|
4967
|
-
.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
|
|
4968
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4969
|
-
font-size:var(--bp-font-size-05);
|
|
4970
|
-
font-style:normal;
|
|
4971
|
-
font-weight:var(--bp-font-weight-regular);
|
|
4972
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4973
|
-
line-height:var(--bp-font-line-height-04);
|
|
4974
|
-
}
|
|
4975
|
-
:where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
|
|
4976
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4977
|
-
font-size:.875rem;
|
|
4978
|
-
font-style:normal;
|
|
4979
|
-
font-weight:450;
|
|
4980
|
-
letter-spacing:.00625rem;
|
|
4981
|
-
line-height:1.375rem;
|
|
4982
|
-
text-decoration:none;
|
|
4983
|
-
text-transform:none;
|
|
4783
|
+
.bp_combobox_module_container--73717{
|
|
4784
|
+
display:flex;
|
|
4785
|
+
flex-direction:column;
|
|
4984
4786
|
}
|
|
4985
|
-
|
|
4986
|
-
|
|
4987
|
-
--option-height:2.25rem;
|
|
4988
|
-
--dropdown-max-height:12.5rem;
|
|
4989
|
-
--combobox-popover-max-height:min(
|
|
4990
|
-
var(--popover-available-height, var(--option-height)),
|
|
4991
|
-
var(--dropdown-max-height)
|
|
4992
|
-
);
|
|
4993
|
-
--combobox-popover-background-color:var(--surface-menu-surface);
|
|
4994
|
-
--combobox-popover-border:var(--border-1) solid var(--border-card-border);
|
|
4995
|
-
--combobox-popover-border-radius:var(--radius-3);
|
|
4996
|
-
--combobox-popover-padding-block:var(--space-3);
|
|
4997
|
-
--combobox-popover-padding-inline:var(--space-3);
|
|
4998
|
-
--combobox-popover-box-shadow:var(--dropshadow-3);
|
|
4999
|
-
--combobox-option-border:var(--border-2) solid #0000;
|
|
5000
|
-
--combobox-option-border-radius:var(--radius-3);
|
|
5001
|
-
--combobox-option-padding-block:var(--space-2);
|
|
5002
|
-
--combobox-option-padding-inline:var(--space-2);
|
|
5003
|
-
--combobox-option-disabled-opacity:var(--disabled-opacity);
|
|
5004
|
-
--combobox-option-active-background-color:var(--surface-menu-surface-focus);
|
|
5005
|
-
--combobox-option-active-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5006
|
-
--combobox-option-active-padding-block:var(--space-2);
|
|
5007
|
-
--combobox-option-active-padding-inline:var(--space-2);
|
|
5008
|
-
--combobox-option-hover-background-color:var(--surface-menu-surface-hover);
|
|
5009
|
-
--combobox-option-indicator-top:0;
|
|
5010
|
-
--combobox-option-indicator-left:var(--space-2);
|
|
5011
|
-
--combobox-option-indicator-height:var(--size-9);
|
|
5012
|
-
--combobox-option-indicator-icon-fill:var(--icon-icon-on-light);
|
|
5013
|
-
--combobox-option-with-indicator-padding-inline:var(--space-10) var(--space-2);
|
|
5014
|
-
--combobox-option-text-color:var(--text-text-on-light);
|
|
5015
|
-
--combobox-loading-indicator-position:unset;
|
|
5016
|
-
--combobox-no-result-option-color:var(--text-text-on-light);
|
|
5017
|
-
--combobox-popover-backdrop-filter:none;
|
|
5018
|
-
font-family:var(--body-default-font-family);
|
|
5019
|
-
font-size:var(--body-default-font-size);
|
|
5020
|
-
font-weight:var(--body-default-font-weight);
|
|
5021
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
5022
|
-
line-height:var(--body-default-line-height);
|
|
5023
|
-
text-decoration:var(--body-default-text-decoration);
|
|
5024
|
-
text-transform:var(--body-default-text-case);
|
|
4787
|
+
.bp_combobox_module_container--73717.bp_combobox_module_disabled--73717{
|
|
4788
|
+
opacity:var(--disabled-opacity);
|
|
5025
4789
|
}
|
|
5026
|
-
|
|
5027
|
-
.bp_combobox_module_popover--9b3ff[data-modern=true]{
|
|
5028
|
-
--option-height:2.25rem;
|
|
5029
|
-
--dropdown-max-height:12.5rem;
|
|
5030
|
-
--bp-dropshadow-03:var(--dropshadow-3);
|
|
5031
|
-
--combobox-popover-max-height:min(
|
|
5032
|
-
var(--popover-available-height, var(--option-height)),
|
|
5033
|
-
var(--dropdown-max-height)
|
|
5034
|
-
);
|
|
5035
|
-
--combobox-popover-background-color:var(--bp-surface-menu-surface-dropdown);
|
|
5036
|
-
--combobox-popover-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
5037
|
-
--combobox-popover-border-radius:var(--bp-radius-10);
|
|
5038
|
-
--combobox-popover-padding-block:var(--bp-space-030);
|
|
5039
|
-
--combobox-popover-padding-inline:var(--bp-space-030);
|
|
5040
|
-
--combobox-popover-box-shadow:var(--bp-dropshadow-03);
|
|
5041
|
-
--combobox-option-border:var(--bp-border-02) solid #0000;
|
|
5042
|
-
--combobox-option-border-radius:var(--bp-radius-06);
|
|
5043
|
-
--combobox-option-padding-block:var(--bp-space-020);
|
|
5044
|
-
--combobox-option-padding-inline:var(--bp-space-020);
|
|
5045
|
-
--combobox-option-disabled-opacity:0.3;
|
|
5046
|
-
--combobox-option-active-background-color:var(--bp-surface-menu-item-surface-pressed);
|
|
5047
|
-
--combobox-option-active-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
5048
|
-
--combobox-option-active-padding-block:var(--bp-space-020);
|
|
5049
|
-
--combobox-option-active-padding-inline:var(--bp-space-020);
|
|
5050
|
-
--combobox-option-hover-background-color:var(--bp-surface-menu-item-surface-hover);
|
|
5051
|
-
--combobox-option-indicator-top:0;
|
|
5052
|
-
--combobox-option-indicator-left:var(--bp-space-020);
|
|
5053
|
-
--combobox-option-indicator-height:var(--bp-size-090);
|
|
5054
|
-
--combobox-option-indicator-icon-fill:var(--bp-icon-icon-on-light);
|
|
5055
|
-
--combobox-option-with-indicator-padding-inline:var(--bp-space-100) var(--bp-space-020);
|
|
5056
|
-
--combobox-option-text-color:var(--bp-text-text-on-light);
|
|
5057
|
-
--combobox-loading-indicator-position:unset;
|
|
5058
|
-
--combobox-no-result-option-color:var(--bp-text-text-on-light);
|
|
5059
|
-
--combobox-popover-backdrop-filter:blur(16px);
|
|
4790
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_label--73717{
|
|
5060
4791
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5061
4792
|
font-size:var(--bp-font-size-05);
|
|
5062
4793
|
font-style:normal;
|
|
5063
|
-
font-weight:var(--bp-font-weight-
|
|
4794
|
+
font-weight:var(--bp-font-weight-bold);
|
|
5064
4795
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5065
4796
|
line-height:var(--bp-font-line-height-04);
|
|
5066
4797
|
}
|
|
5067
|
-
:where(body.is-inter-font) .
|
|
4798
|
+
:where(body.is-inter-font) .bp_combobox_module_container--73717 .bp_combobox_module_label--73717{
|
|
5068
4799
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5069
4800
|
font-size:.875rem;
|
|
5070
4801
|
font-style:normal;
|
|
5071
|
-
font-weight:
|
|
4802
|
+
font-weight:600;
|
|
5072
4803
|
letter-spacing:.00625rem;
|
|
5073
4804
|
line-height:1.375rem;
|
|
5074
4805
|
text-decoration:none;
|
|
5075
4806
|
text-transform:none;
|
|
5076
4807
|
}
|
|
5077
4808
|
|
|
5078
|
-
.bp_combobox_module_container--
|
|
5079
|
-
display:flex;
|
|
5080
|
-
flex-direction:column;
|
|
5081
|
-
}
|
|
5082
|
-
.bp_combobox_module_container--9b3ff.bp_combobox_module_disabled--9b3ff{
|
|
5083
|
-
opacity:var(--disabled-opacity);
|
|
5084
|
-
}
|
|
5085
|
-
.bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff{
|
|
4809
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_label--73717{
|
|
5086
4810
|
color:var(--combobox-label-color);
|
|
5087
4811
|
flex:0 0 fit-content;
|
|
5088
4812
|
overflow-wrap:break-word;
|
|
5089
4813
|
}
|
|
5090
|
-
.bp_combobox_module_container--
|
|
4814
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_label--73717:not(.bp_combobox_module_hiddenLabel--73717){
|
|
5091
4815
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
5092
4816
|
}
|
|
5093
|
-
.bp_combobox_module_container--
|
|
4817
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717{
|
|
5094
4818
|
--combobox-container-border-compensation:0px;
|
|
5095
4819
|
background-color:var(--combobox-container-background-color);
|
|
5096
4820
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
@@ -5103,7 +4827,7 @@
|
|
|
5103
4827
|
overflow:hidden;
|
|
5104
4828
|
position:relative;
|
|
5105
4829
|
}
|
|
5106
|
-
.bp_combobox_module_container--
|
|
4830
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_comboboxContainerInner--73717{
|
|
5107
4831
|
display:flex;
|
|
5108
4832
|
flex-wrap:wrap;
|
|
5109
4833
|
gap:var(--combobox-container-contents-gap);
|
|
@@ -5111,31 +4835,31 @@
|
|
|
5111
4835
|
padding-block:var(--combobox-container-padding-block);
|
|
5112
4836
|
padding-inline:calc(var(--combobox-container-padding-inline) - max(var(--blueprint-combobox-padding-compensation-inline-start, 0px), var(--combobox-container-border-compensation))) calc(var(--combobox-container-padding-inline) - var(--combobox-container-border-compensation));
|
|
5113
4837
|
}
|
|
5114
|
-
.bp_combobox_module_container--
|
|
4838
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717.bp_combobox_module_withChips--73717 .bp_combobox_module_comboboxContainerInner--73717{
|
|
5115
4839
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
5116
4840
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
5117
4841
|
}
|
|
5118
|
-
.bp_combobox_module_container--
|
|
4842
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717.bp_combobox_module_withChips--73717:not(:disabled).bp_combobox_module_error--73717 .bp_combobox_module_comboboxContainerInner--73717{
|
|
5119
4843
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
5120
4844
|
}
|
|
5121
|
-
.bp_combobox_module_container--
|
|
4845
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717.bp_combobox_module_withChips--73717:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--73717{
|
|
5122
4846
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
5123
4847
|
}
|
|
5124
|
-
.bp_combobox_module_container--
|
|
4848
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717.bp_combobox_module_withComboboxButtons--73717 .bp_combobox_module_comboboxContainerInner--73717{
|
|
5125
4849
|
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
|
|
5126
4850
|
}
|
|
5127
|
-
.bp_combobox_module_container--
|
|
4851
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717.bp_combobox_module_withComboboxButtons--73717.bp_combobox_module_withInlineErrorAndEndButton--73717 .bp_combobox_module_comboboxContainerInner--73717{
|
|
5128
4852
|
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
|
|
5129
4853
|
}
|
|
5130
|
-
.bp_combobox_module_container--
|
|
4854
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled):has(input:focus){
|
|
5131
4855
|
--combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
|
|
5132
4856
|
background-color:var(--combobox-container-focus-background-color);
|
|
5133
4857
|
border:var(--combobox-container-focus-border);
|
|
5134
4858
|
}
|
|
5135
|
-
.bp_combobox_module_container--
|
|
4859
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--73717{
|
|
5136
4860
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
5137
4861
|
}
|
|
5138
|
-
.bp_combobox_module_container--
|
|
4862
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled).bp_combobox_module_error--73717,.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled):has([aria-invalid=true]){
|
|
5139
4863
|
--combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
|
|
5140
4864
|
background-color:var(--combobox-container-error-background-color);
|
|
5141
4865
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
@@ -5143,22 +4867,41 @@
|
|
|
5143
4867
|
border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
|
|
5144
4868
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
5145
4869
|
}
|
|
5146
|
-
.bp_combobox_module_container--
|
|
4870
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled).bp_combobox_module_error--73717 .bp_combobox_module_comboboxContainerInner--73717,.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--73717{
|
|
5147
4871
|
padding-block:var(--combobox-container-error-padding-block);
|
|
5148
4872
|
}
|
|
5149
|
-
.bp_combobox_module_container--
|
|
4873
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--73717, :has([aria-invalid=true])){
|
|
5150
4874
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
5151
4875
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
5152
4876
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
5153
4877
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
5154
4878
|
}
|
|
5155
|
-
.bp_combobox_module_container--
|
|
4879
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717{
|
|
5156
4880
|
align-items:center;
|
|
5157
4881
|
display:flex;
|
|
5158
4882
|
flex:content;
|
|
5159
4883
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
5160
4884
|
}
|
|
5161
|
-
.bp_combobox_module_container--
|
|
4885
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_textInput--73717{
|
|
4886
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4887
|
+
font-size:var(--bp-font-size-05);
|
|
4888
|
+
font-style:normal;
|
|
4889
|
+
font-weight:var(--bp-font-weight-regular);
|
|
4890
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4891
|
+
line-height:var(--bp-font-line-height-04);
|
|
4892
|
+
}
|
|
4893
|
+
:where(body.is-inter-font) .bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_textInput--73717{
|
|
4894
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4895
|
+
font-size:.875rem;
|
|
4896
|
+
font-style:normal;
|
|
4897
|
+
font-weight:450;
|
|
4898
|
+
letter-spacing:.00625rem;
|
|
4899
|
+
line-height:1.375rem;
|
|
4900
|
+
text-decoration:none;
|
|
4901
|
+
text-transform:none;
|
|
4902
|
+
}
|
|
4903
|
+
|
|
4904
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_textInput--73717{
|
|
5162
4905
|
background-color:var(--combobox-text-input-background-color);
|
|
5163
4906
|
border:none;
|
|
5164
4907
|
color:var(--combobox-text-input-color);
|
|
@@ -5167,14 +4910,14 @@
|
|
|
5167
4910
|
padding:0;
|
|
5168
4911
|
width:100%;
|
|
5169
4912
|
}
|
|
5170
|
-
.bp_combobox_module_container--
|
|
4913
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_textInput--73717::placeholder{
|
|
5171
4914
|
color:var(--combobox-text-input-placeholder-color);
|
|
5172
4915
|
opacity:1;
|
|
5173
4916
|
}
|
|
5174
|
-
.bp_combobox_module_container--
|
|
4917
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_errorIcon--73717 path{
|
|
5175
4918
|
fill:var(--combobox-error-icon-fill);
|
|
5176
4919
|
}
|
|
5177
|
-
.bp_combobox_module_container--
|
|
4920
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_comboboxButtons--73717{
|
|
5178
4921
|
align-items:center;
|
|
5179
4922
|
display:flex;
|
|
5180
4923
|
gap:var(--combobox-buttons-gap);
|
|
@@ -5182,22 +4925,73 @@
|
|
|
5182
4925
|
right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5183
4926
|
top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5184
4927
|
}
|
|
5185
|
-
.bp_combobox_module_container--
|
|
4928
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717 .bp_combobox_module_textInputWrapper--73717 .bp_combobox_module_inlineErrorIcon--73717{
|
|
5186
4929
|
height:var(--combobox-inline-error-icon-height);
|
|
5187
4930
|
width:var(--combobox-inline-error-icon-width);
|
|
5188
4931
|
}
|
|
5189
|
-
.bp_combobox_module_container--
|
|
4932
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_inlineError--73717{
|
|
5190
4933
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
5191
4934
|
}
|
|
5192
|
-
.bp_combobox_module_container--
|
|
4935
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717[data-bp-animated=true]{
|
|
5193
4936
|
transition-duration:var(--bp-duration-short);
|
|
5194
4937
|
transition-property:border-color, background-color;
|
|
5195
4938
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5196
4939
|
}
|
|
5197
|
-
.bp_combobox_module_container--
|
|
4940
|
+
.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--73717,.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--73717 .bp_combobox_module_comboboxContainer--73717[data-bp-animated=true]:not(:disabled):has(input:hover){
|
|
5198
4941
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5199
4942
|
}
|
|
5200
|
-
.bp_combobox_module_popover--
|
|
4943
|
+
.bp_combobox_module_popover--73717{
|
|
4944
|
+
--option-height:2.25rem;
|
|
4945
|
+
--dropdown-max-height:12.5rem;
|
|
4946
|
+
--bp-dropshadow-03:var(--dropshadow-3);
|
|
4947
|
+
--combobox-popover-max-height:min(
|
|
4948
|
+
var(--popover-available-height, var(--option-height)),
|
|
4949
|
+
var(--dropdown-max-height)
|
|
4950
|
+
);
|
|
4951
|
+
--combobox-popover-background-color:var(--bp-surface-menu-surface-dropdown);
|
|
4952
|
+
--combobox-popover-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
4953
|
+
--combobox-popover-border-radius:var(--bp-radius-10);
|
|
4954
|
+
--combobox-popover-padding-block:var(--bp-space-030);
|
|
4955
|
+
--combobox-popover-padding-inline:var(--bp-space-030);
|
|
4956
|
+
--combobox-popover-box-shadow:var(--bp-dropshadow-03);
|
|
4957
|
+
--combobox-option-border:var(--bp-border-02) solid #0000;
|
|
4958
|
+
--combobox-option-border-radius:var(--bp-radius-06);
|
|
4959
|
+
--combobox-option-padding-block:var(--bp-space-020);
|
|
4960
|
+
--combobox-option-padding-inline:var(--bp-space-020);
|
|
4961
|
+
--combobox-option-disabled-opacity:0.3;
|
|
4962
|
+
--combobox-option-active-background-color:var(--bp-surface-menu-item-surface-pressed);
|
|
4963
|
+
--combobox-option-active-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4964
|
+
--combobox-option-active-padding-block:var(--bp-space-020);
|
|
4965
|
+
--combobox-option-active-padding-inline:var(--bp-space-020);
|
|
4966
|
+
--combobox-option-hover-background-color:var(--bp-surface-menu-item-surface-hover);
|
|
4967
|
+
--combobox-option-indicator-top:0;
|
|
4968
|
+
--combobox-option-indicator-left:var(--bp-space-020);
|
|
4969
|
+
--combobox-option-indicator-height:var(--bp-size-090);
|
|
4970
|
+
--combobox-option-indicator-icon-fill:var(--bp-icon-icon-on-light);
|
|
4971
|
+
--combobox-option-with-indicator-padding-inline:var(--bp-space-100) var(--bp-space-020);
|
|
4972
|
+
--combobox-option-text-color:var(--bp-text-text-on-light);
|
|
4973
|
+
--combobox-loading-indicator-position:unset;
|
|
4974
|
+
--combobox-no-result-option-color:var(--bp-text-text-on-light);
|
|
4975
|
+
--combobox-popover-backdrop-filter:blur(16px);
|
|
4976
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4977
|
+
font-size:var(--bp-font-size-05);
|
|
4978
|
+
font-style:normal;
|
|
4979
|
+
font-weight:var(--bp-font-weight-regular);
|
|
4980
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4981
|
+
line-height:var(--bp-font-line-height-04);
|
|
4982
|
+
}
|
|
4983
|
+
:where(body.is-inter-font) .bp_combobox_module_popover--73717{
|
|
4984
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4985
|
+
font-size:.875rem;
|
|
4986
|
+
font-style:normal;
|
|
4987
|
+
font-weight:450;
|
|
4988
|
+
letter-spacing:.00625rem;
|
|
4989
|
+
line-height:1.375rem;
|
|
4990
|
+
text-decoration:none;
|
|
4991
|
+
text-transform:none;
|
|
4992
|
+
}
|
|
4993
|
+
|
|
4994
|
+
.bp_combobox_module_popover--73717{
|
|
5201
4995
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
5202
4996
|
background-color:var(--combobox-popover-background-color);
|
|
5203
4997
|
border:var(--combobox-popover-border);
|
|
@@ -5206,14 +5000,14 @@
|
|
|
5206
5000
|
overflow:hidden;
|
|
5207
5001
|
z-index:var(--z-index-popover);
|
|
5208
5002
|
}
|
|
5209
|
-
.bp_combobox_module_popover--
|
|
5003
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_popoverInner--73717{
|
|
5210
5004
|
box-sizing:initial !important;
|
|
5211
5005
|
max-height:var(--combobox-popover-max-height);
|
|
5212
5006
|
overflow:auto;
|
|
5213
5007
|
padding-block:var(--combobox-popover-padding-block);
|
|
5214
5008
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
5215
5009
|
}
|
|
5216
|
-
.bp_combobox_module_popover--
|
|
5010
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717{
|
|
5217
5011
|
border:var(--combobox-option-border);
|
|
5218
5012
|
border-radius:var(--combobox-option-border-radius);
|
|
5219
5013
|
box-sizing:border-box;
|
|
@@ -5228,21 +5022,21 @@
|
|
|
5228
5022
|
user-select:none;
|
|
5229
5023
|
width:100%;
|
|
5230
5024
|
}
|
|
5231
|
-
.bp_combobox_module_popover--
|
|
5025
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717[aria-disabled]{
|
|
5232
5026
|
opacity:var(--combobox-option-disabled-opacity);
|
|
5233
5027
|
}
|
|
5234
|
-
.bp_combobox_module_popover--
|
|
5028
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717[data-active-item]:not([aria-disabled]){
|
|
5235
5029
|
background-color:var(--combobox-option-active-background-color);
|
|
5236
5030
|
border:var(--combobox-option-active-border);
|
|
5237
5031
|
}
|
|
5238
|
-
.bp_combobox_module_popover--
|
|
5032
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717:active{
|
|
5239
5033
|
background-color:var(--combobox-option-hover-background-color);
|
|
5240
5034
|
border:var(--combobox-option-border);
|
|
5241
5035
|
}
|
|
5242
|
-
.bp_combobox_module_popover--
|
|
5036
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717:hover{
|
|
5243
5037
|
background-color:var(--combobox-option-hover-background-color);
|
|
5244
5038
|
}
|
|
5245
|
-
.bp_combobox_module_popover--
|
|
5039
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717 .bp_combobox_module_indicator--73717{
|
|
5246
5040
|
align-items:center;
|
|
5247
5041
|
display:flex;
|
|
5248
5042
|
height:var(--combobox-option-indicator-height);
|
|
@@ -5251,93 +5045,86 @@
|
|
|
5251
5045
|
position:absolute;
|
|
5252
5046
|
top:var(--combobox-option-indicator-top);
|
|
5253
5047
|
}
|
|
5254
|
-
.bp_combobox_module_popover--
|
|
5048
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_option--73717 .bp_combobox_module_indicator--73717 .bp_combobox_module_indicatorIcon--73717 path{
|
|
5255
5049
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
5256
5050
|
}
|
|
5257
|
-
.bp_combobox_module_popover--
|
|
5051
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_optionWithIndicator--73717{
|
|
5258
5052
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
5259
5053
|
}
|
|
5260
|
-
.bp_combobox_module_popover--
|
|
5054
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_loadingIndicator--73717{
|
|
5261
5055
|
position:var(--combobox-loading-indicator-position);
|
|
5262
5056
|
}
|
|
5263
|
-
.bp_combobox_module_popover--
|
|
5057
|
+
.bp_combobox_module_popover--73717 .bp_combobox_module_noResultOption--73717{
|
|
5264
5058
|
color:var(--combobox-no-result-option-color);
|
|
5265
5059
|
-webkit-user-select:none;
|
|
5266
5060
|
user-select:none;
|
|
5267
5061
|
}
|
|
5268
5062
|
|
|
5269
|
-
.bp_combobox_module_popover--
|
|
5063
|
+
.bp_combobox_module_popover--73717[data-bp-animated=true]{
|
|
5270
5064
|
opacity:var(--bp-opacity-hidden);
|
|
5271
5065
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5272
5066
|
transition-duration:var(--bp-duration-short);
|
|
5273
5067
|
transition-property:opacity, transform;
|
|
5274
5068
|
transition-timing-function:var(--bp-curve-medium-off);
|
|
5275
5069
|
}
|
|
5276
|
-
.bp_combobox_module_popover--
|
|
5070
|
+
.bp_combobox_module_popover--73717[data-bp-animated=true][data-side=top]{
|
|
5277
5071
|
transform:translateY(var(--bp-space-020));
|
|
5278
5072
|
}
|
|
5279
|
-
.bp_combobox_module_popover--
|
|
5073
|
+
.bp_combobox_module_popover--73717[data-bp-animated=true][data-enter]{
|
|
5280
5074
|
opacity:var(--bp-opacity-visible);
|
|
5281
5075
|
transform:translateY(0);
|
|
5282
5076
|
transition-duration:var(--bp-duration-medium);
|
|
5283
5077
|
transition-timing-function:var(--bp-curve-medium-on);
|
|
5284
5078
|
}
|
|
5285
5079
|
|
|
5286
|
-
.bp_combobox_module_popover--
|
|
5080
|
+
.bp_combobox_module_popover--73717[data-bp-animated=true] .bp_combobox_module_option--73717{
|
|
5287
5081
|
transition-duration:var(--bp-duration-short);
|
|
5288
5082
|
transition-property:background-color;
|
|
5289
5083
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5290
5084
|
}
|
|
5291
|
-
.bp_combobox_module_popover--
|
|
5085
|
+
.bp_combobox_module_popover--73717[data-bp-animated=true] .bp_combobox_module_option--73717:active,.bp_combobox_module_popover--73717[data-bp-animated=true] .bp_combobox_module_option--73717:hover,.bp_combobox_module_popover--73717[data-bp-animated=true] .bp_combobox_module_option--73717[data-active-item]:not([aria-disabled]){
|
|
5292
5086
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5293
5087
|
}
|
|
5294
|
-
.bp_combobox_group_module_container--
|
|
5295
|
-
--combobox-group-container-gap:var(--space-2);
|
|
5296
|
-
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5297
|
-
--combobox-group-label-color:var(--text-text-on-light);
|
|
5298
|
-
--combobox-group-shared-border-compensation:calc(var(--border-2) - var(--border-1));
|
|
5299
|
-
}
|
|
5300
|
-
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_trailing--07d83{
|
|
5301
|
-
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5302
|
-
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5303
|
-
--blueprint-combobox-border-left-width:0;
|
|
5304
|
-
--blueprint-select-border-left-width:0;
|
|
5305
|
-
--blueprint-select-padding-compensation-left:0px;
|
|
5306
|
-
}
|
|
5307
|
-
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_leading--07d83{
|
|
5308
|
-
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5309
|
-
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5310
|
-
--blueprint-select-padding-compensation-right:0px;
|
|
5311
|
-
}
|
|
5312
|
-
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_label--07d83{
|
|
5313
|
-
font-family:var(--body-default-bold-font-family);
|
|
5314
|
-
font-size:var(--body-default-bold-font-size);
|
|
5315
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
5316
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
5317
|
-
line-height:var(--body-default-bold-line-height);
|
|
5318
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
5319
|
-
text-transform:var(--body-default-bold-text-case);
|
|
5320
|
-
}
|
|
5321
|
-
|
|
5322
|
-
.bp_combobox_group_module_container--07d83[data-modern=true]{
|
|
5088
|
+
.bp_combobox_group_module_container--51f27{
|
|
5323
5089
|
--combobox-group-container-gap:var(--bp-space-020);
|
|
5324
5090
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5325
5091
|
--combobox-group-label-color:var(--bp-text-text-on-light);
|
|
5326
5092
|
--combobox-group-shared-border-compensation:calc(var(--bp-border-02) - var(--bp-border-01));
|
|
5093
|
+
align-items:flex-start;
|
|
5094
|
+
display:flex;
|
|
5095
|
+
flex-direction:column;
|
|
5096
|
+
gap:var(--combobox-group-container-gap);
|
|
5097
|
+
width:100%;
|
|
5327
5098
|
}
|
|
5328
|
-
.bp_combobox_group_module_container--
|
|
5099
|
+
.bp_combobox_group_module_container--51f27 .bp_combobox_group_module_trailing--51f27{
|
|
5329
5100
|
--blueprint-combobox-input-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5330
5101
|
--blueprint-select-trigger-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5331
5102
|
--blueprint-combobox-border-left-width:0;
|
|
5332
5103
|
--blueprint-select-border-left-width:0;
|
|
5333
5104
|
--blueprint-select-padding-compensation-left:0px;
|
|
5334
5105
|
}
|
|
5335
|
-
.bp_combobox_group_module_container--
|
|
5106
|
+
.bp_combobox_group_module_container--51f27 .bp_combobox_group_module_leading--51f27{
|
|
5336
5107
|
--blueprint-combobox-input-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5337
5108
|
--blueprint-select-trigger-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5338
5109
|
--blueprint-select-padding-compensation-right:0px;
|
|
5339
5110
|
}
|
|
5340
|
-
|
|
5111
|
+
|
|
5112
|
+
.bp_combobox_group_module_comboboxContainer--51f27{
|
|
5113
|
+
flex:1;
|
|
5114
|
+
}
|
|
5115
|
+
|
|
5116
|
+
.bp_combobox_group_module_comboboxGroupcontainer--51f27{
|
|
5117
|
+
display:flex;
|
|
5118
|
+
flex-direction:row;
|
|
5119
|
+
width:100%;
|
|
5120
|
+
}
|
|
5121
|
+
|
|
5122
|
+
.bp_combobox_group_module_disabled--51f27{
|
|
5123
|
+
opacity:var(--combobox-group-disabled-opacity);
|
|
5124
|
+
pointer-events:none;
|
|
5125
|
+
}
|
|
5126
|
+
|
|
5127
|
+
.bp_combobox_group_module_label--51f27{
|
|
5341
5128
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5342
5129
|
font-size:var(--bp-font-size-05);
|
|
5343
5130
|
font-style:normal;
|
|
@@ -5345,7 +5132,7 @@
|
|
|
5345
5132
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5346
5133
|
line-height:var(--bp-font-line-height-04);
|
|
5347
5134
|
}
|
|
5348
|
-
:where(body.is-inter-font) .
|
|
5135
|
+
:where(body.is-inter-font) .bp_combobox_group_module_label--51f27{
|
|
5349
5136
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5350
5137
|
font-size:.875rem;
|
|
5351
5138
|
font-style:normal;
|
|
@@ -5356,89 +5143,66 @@
|
|
|
5356
5143
|
text-transform:none;
|
|
5357
5144
|
}
|
|
5358
5145
|
|
|
5359
|
-
.
|
|
5360
|
-
align-items:flex-start;
|
|
5361
|
-
display:flex;
|
|
5362
|
-
flex-direction:column;
|
|
5363
|
-
gap:var(--combobox-group-container-gap);
|
|
5364
|
-
width:100%;
|
|
5365
|
-
}
|
|
5366
|
-
|
|
5367
|
-
.bp_combobox_group_module_comboboxContainer--07d83{
|
|
5368
|
-
flex:1;
|
|
5369
|
-
}
|
|
5370
|
-
|
|
5371
|
-
.bp_combobox_group_module_comboboxGroupcontainer--07d83{
|
|
5372
|
-
display:flex;
|
|
5373
|
-
flex-direction:row;
|
|
5374
|
-
width:100%;
|
|
5375
|
-
}
|
|
5376
|
-
|
|
5377
|
-
.bp_combobox_group_module_disabled--07d83{
|
|
5378
|
-
opacity:var(--combobox-group-disabled-opacity);
|
|
5379
|
-
pointer-events:none;
|
|
5380
|
-
}
|
|
5381
|
-
|
|
5382
|
-
.bp_combobox_group_module_label--07d83{
|
|
5146
|
+
.bp_combobox_group_module_label--51f27{
|
|
5383
5147
|
color:var(--combobox-group-label-color);
|
|
5384
5148
|
flex:0 0 fit-content;
|
|
5385
5149
|
overflow-wrap:break-word;
|
|
5386
5150
|
}
|
|
5387
5151
|
|
|
5388
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5152
|
+
.bp_combobox_group_module_errorCombobox--51f27.bp_combobox_group_module_leading--51f27{
|
|
5389
5153
|
--blueprint-select-border-right-width:0;
|
|
5390
5154
|
}
|
|
5391
5155
|
|
|
5392
|
-
.bp_combobox_group_module_errorSelect--
|
|
5156
|
+
.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_leading--51f27{
|
|
5393
5157
|
--blueprint-combobox-border-right-width:0;
|
|
5394
5158
|
}
|
|
5395
5159
|
|
|
5396
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5160
|
+
.bp_combobox_group_module_errorCombobox--51f27.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_trailing--51f27{
|
|
5397
5161
|
--blueprint-select-border-error-left-width:0;
|
|
5398
5162
|
}
|
|
5399
5163
|
|
|
5400
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5164
|
+
.bp_combobox_group_module_errorCombobox--51f27.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_leading--51f27{
|
|
5401
5165
|
--blueprint-select-border-error-right-width:0;
|
|
5402
5166
|
}
|
|
5403
5167
|
|
|
5404
|
-
.bp_combobox_group_module_errorSelect--
|
|
5168
|
+
.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_trailing--51f27,.bp_combobox_group_module_selectHasFocus--51f27.bp_combobox_group_module_trailing--51f27{
|
|
5405
5169
|
--blueprint-combobox-padding-compensation-inline-start:var(--combobox-group-shared-border-compensation);
|
|
5406
5170
|
}
|
|
5407
5171
|
|
|
5408
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5172
|
+
.bp_combobox_group_module_selectHasFocus--51f27.bp_combobox_group_module_leading--51f27{
|
|
5409
5173
|
--blueprint-combobox-border-right-width:0;
|
|
5410
5174
|
}
|
|
5411
5175
|
|
|
5412
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5176
|
+
.bp_combobox_group_module_selectHasFocus--51f27.bp_combobox_group_module_errorCombobox--51f27.bp_combobox_group_module_leading--51f27{
|
|
5413
5177
|
--blueprint-combobox-border-error-right-width:0;
|
|
5414
5178
|
}
|
|
5415
5179
|
|
|
5416
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5180
|
+
.bp_combobox_group_module_selectHasFocus--51f27.bp_combobox_group_module_errorCombobox--51f27.bp_combobox_group_module_trailing--51f27{
|
|
5417
5181
|
--blueprint-combobox-border-error-left-width:0;
|
|
5418
5182
|
}
|
|
5419
5183
|
|
|
5420
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5184
|
+
.bp_combobox_group_module_comboboxHasFocus--51f27.bp_combobox_group_module_leading--51f27{
|
|
5421
5185
|
--blueprint-select-border-right-width:0;
|
|
5422
5186
|
}
|
|
5423
5187
|
|
|
5424
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5188
|
+
.bp_combobox_group_module_comboboxHasFocus--51f27.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_leading--51f27{
|
|
5425
5189
|
--blueprint-select-border-error-right-width:0;
|
|
5426
5190
|
}
|
|
5427
5191
|
|
|
5428
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5192
|
+
.bp_combobox_group_module_comboboxHasFocus--51f27.bp_combobox_group_module_errorSelect--51f27.bp_combobox_group_module_trailing--51f27{
|
|
5429
5193
|
--blueprint-select-border-error-left-width:0;
|
|
5430
5194
|
}
|
|
5431
5195
|
|
|
5432
|
-
.bp_combobox_group_module_container--
|
|
5196
|
+
.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27 > .bp_combobox_group_module_leading--51f27 [data-border-wrapper],.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27 > .bp_combobox_group_module_leading--51f27 [role=combobox],.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27 > .bp_combobox_group_module_trailing--51f27 [data-border-wrapper],.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27 > .bp_combobox_group_module_trailing--51f27 [role=combobox]{
|
|
5433
5197
|
transition-duration:var(--bp-duration-short);
|
|
5434
5198
|
transition-property:border-color, background-color;
|
|
5435
5199
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5436
5200
|
}
|
|
5437
|
-
.bp_combobox_group_module_container--
|
|
5201
|
+
.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27:has(> .bp_combobox_group_module_trailing--51f27 [role=combobox]:hover:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true])) > .bp_combobox_group_module_leading--51f27 [data-border-wrapper]:not(:has([aria-invalid=true]), :has(input:focus), :has(input:hover)){
|
|
5438
5202
|
border-right-color:var(--bp-border-select-border-hover);
|
|
5439
5203
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5440
5204
|
}
|
|
5441
|
-
.bp_combobox_group_module_container--
|
|
5205
|
+
.bp_combobox_group_module_container--51f27[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--51f27:has(> .bp_combobox_group_module_trailing--51f27 [data-border-wrapper]:has(input:hover)) > .bp_combobox_group_module_leading--51f27 [role=combobox]:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true], :hover){
|
|
5442
5206
|
border-right-color:var(--bp-border-combobox-border-hover);
|
|
5443
5207
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5444
5208
|
}
|
|
@@ -6773,68 +6537,7 @@
|
|
|
6773
6537
|
width:var(--border-2);
|
|
6774
6538
|
z-index:-1;
|
|
6775
6539
|
}
|
|
6776
|
-
.bp_calendar_module_calendar--
|
|
6777
|
-
--calendar-background:var(--gray-white);
|
|
6778
|
-
--calendar-padding-inline:var(--space-4);
|
|
6779
|
-
--calendar-padding-block:var(--space-4);
|
|
6780
|
-
--calendar-border-radius:var(--radius-2);
|
|
6781
|
-
--calendar-box-shadow:var(--dropshadow-3);
|
|
6782
|
-
--calendar-cell-selected-background:var(--box-blue-100);
|
|
6783
|
-
--calendar-cell-hovered-background:var(--gray-05);
|
|
6784
|
-
--calendar-cell-selected-hovered-background:var(--dark-blue-100);
|
|
6785
|
-
--calendar-cell-selected-focused-background:var(--dark-blue-100);
|
|
6786
|
-
--calendar-cell-outside-range-text-color:var(--gray-10);
|
|
6787
|
-
--calendar-cell-selected-text-color:var(--gray-white);
|
|
6788
|
-
--calendar-cell-border-radius:var(--radius-2);
|
|
6789
|
-
--calendar-cell-text-color:var(--gray-90);
|
|
6790
|
-
--calendar-cell-today-text-color:var(--box-blue-100);
|
|
6791
|
-
--calendar-cell-today-disabled-opacity:.6;
|
|
6792
|
-
--calendar-cell-today-dot-diameter:var(--space-1);
|
|
6793
|
-
--calendar-cell-today-dot-background:var(--box-blue-100);
|
|
6794
|
-
--calendar-cell-today-dot-bottom:var(--space-1);
|
|
6795
|
-
--calendar-cell-size:var(--size-8);
|
|
6796
|
-
--calendar-cell-focus-box-shadow:0 0 0 var(--size-05) var(--box-blue-100);
|
|
6797
|
-
--calendar-header-text-color:var(--gray-90);
|
|
6798
|
-
--calendar-header-button-background:var(--gray-white);
|
|
6799
|
-
--calendar-header-button-hover-background:var(--gray-05);
|
|
6800
|
-
--calendar-header-button-size:var(--size-8);
|
|
6801
|
-
--calendar-header-button-outline-width:var(--size-05);
|
|
6802
|
-
--calendar-header-button-focus-box-shadow:0 0 0 var(--size-05) var(--box-blue-100);
|
|
6803
|
-
--calendar-header-margin-bottom:var(--space-2);
|
|
6804
|
-
--calendar-header-cell-text-color:var(--text-text-on-light-secondary);
|
|
6805
|
-
--calendar-disabled-text-color:var(--gray-30);
|
|
6806
|
-
--calendar-focus-outline:var(--border-1) solid #fff;
|
|
6807
|
-
}
|
|
6808
|
-
.bp_calendar_module_calendar--74524[data-modern=false],.bp_calendar_module_calendar--74524[data-modern=false] .bp_calendar_module_calendarHeaderCell--74524{
|
|
6809
|
-
font-family:var(--body-default-font-family);
|
|
6810
|
-
font-size:var(--body-default-font-size);
|
|
6811
|
-
font-weight:var(--body-default-font-weight);
|
|
6812
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
6813
|
-
line-height:var(--body-default-line-height);
|
|
6814
|
-
text-decoration:var(--body-default-text-decoration);
|
|
6815
|
-
text-transform:var(--body-default-text-case);
|
|
6816
|
-
}
|
|
6817
|
-
.bp_calendar_module_calendar--74524[data-modern=false] .bp_calendar_module_calendarHeaderHeading--74524{
|
|
6818
|
-
font-family:var(--body-large-bold-font-family);
|
|
6819
|
-
font-size:var(--body-large-bold-font-size);
|
|
6820
|
-
font-weight:var(--body-large-bold-font-weight);
|
|
6821
|
-
letter-spacing:var(--body-large-bold-letter-spacing);
|
|
6822
|
-
line-height:var(--body-large-bold-line-height);
|
|
6823
|
-
text-decoration:var(--body-large-bold-text-decoration);
|
|
6824
|
-
text-transform:var(--body-large-bold-text-case);
|
|
6825
|
-
}
|
|
6826
|
-
.bp_calendar_module_calendar--74524[data-modern=false] .bp_calendar_module_calendarCell--74524.bp_calendar_module_today--74524{
|
|
6827
|
-
font-family:var(--body-default-bold-font-family);
|
|
6828
|
-
font-size:var(--body-default-bold-font-size);
|
|
6829
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
6830
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
6831
|
-
line-height:var(--body-default-bold-line-height);
|
|
6832
|
-
line-height:var(--calendar-cell-size);
|
|
6833
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
6834
|
-
text-transform:var(--body-default-bold-text-case);
|
|
6835
|
-
}
|
|
6836
|
-
|
|
6837
|
-
.bp_calendar_module_calendar--74524[data-modern=true]{
|
|
6540
|
+
.bp_calendar_module_calendar--1b820{
|
|
6838
6541
|
--calendar-background:var(--bp-gray-white);
|
|
6839
6542
|
--calendar-padding-inline:var(--bp-space-040);
|
|
6840
6543
|
--calendar-padding-block:var(--bp-space-040);
|
|
@@ -6849,7 +6552,7 @@
|
|
|
6849
6552
|
--calendar-cell-border-radius:var(--bp-radius-04);
|
|
6850
6553
|
--calendar-cell-text-color:var(--bp-text-text-on-light);
|
|
6851
6554
|
--calendar-cell-today-text-color:var(--bp-box-blue-100);
|
|
6852
|
-
--calendar-cell-today-disabled-opacity
|
|
6555
|
+
--calendar-cell-today-disabled-opacity:0.6;
|
|
6853
6556
|
--calendar-cell-today-dot-diameter:var(--bp-space-010);
|
|
6854
6557
|
--calendar-cell-today-dot-background:var(--bp-box-blue-100);
|
|
6855
6558
|
--calendar-cell-today-dot-bottom:var(--bp-space-010);
|
|
@@ -6872,7 +6575,7 @@
|
|
|
6872
6575
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6873
6576
|
line-height:var(--bp-font-line-height-04);
|
|
6874
6577
|
}
|
|
6875
|
-
:where(body.is-inter-font) .bp_calendar_module_calendar--
|
|
6578
|
+
:where(body.is-inter-font) .bp_calendar_module_calendar--1b820{
|
|
6876
6579
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6877
6580
|
font-size:.875rem;
|
|
6878
6581
|
font-style:normal;
|
|
@@ -6883,11 +6586,23 @@
|
|
|
6883
6586
|
text-transform:none;
|
|
6884
6587
|
}
|
|
6885
6588
|
|
|
6886
|
-
.bp_calendar_module_calendar--
|
|
6887
|
-
|
|
6888
|
-
|
|
6589
|
+
.bp_calendar_module_calendar--1b820{
|
|
6590
|
+
background:var(--calendar-background);
|
|
6591
|
+
border-radius:var(--calendar-border-radius);
|
|
6592
|
+
box-shadow:var(--calendar-box-shadow);
|
|
6593
|
+
max-width:100%;
|
|
6594
|
+
padding-block:var(--calendar-padding-block);
|
|
6595
|
+
padding-inline:var(--calendar-padding-inline);
|
|
6596
|
+
width:fit-content;
|
|
6597
|
+
}
|
|
6598
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarGrid--1b820{
|
|
6599
|
+
border-collapse:revert;
|
|
6600
|
+
border-spacing:revert;
|
|
6601
|
+
}
|
|
6602
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarGrid--1b820 td{
|
|
6603
|
+
padding:1px;
|
|
6889
6604
|
}
|
|
6890
|
-
.bp_calendar_module_calendar--
|
|
6605
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeaderCell--1b820{
|
|
6891
6606
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6892
6607
|
font-size:var(--bp-font-size-05);
|
|
6893
6608
|
font-style:normal;
|
|
@@ -6895,7 +6610,7 @@
|
|
|
6895
6610
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6896
6611
|
line-height:var(--bp-font-line-height-04);
|
|
6897
6612
|
}
|
|
6898
|
-
:where(body.is-inter-font) .bp_calendar_module_calendar--
|
|
6613
|
+
:where(body.is-inter-font) .bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeaderCell--1b820{
|
|
6899
6614
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6900
6615
|
font-size:.875rem;
|
|
6901
6616
|
font-style:normal;
|
|
@@ -6906,11 +6621,20 @@
|
|
|
6906
6621
|
text-transform:none;
|
|
6907
6622
|
}
|
|
6908
6623
|
|
|
6909
|
-
.bp_calendar_module_calendar--
|
|
6624
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeaderCell--1b820{
|
|
6625
|
+
color:var(--calendar-header-cell-text-color);
|
|
6910
6626
|
height:var(--calendar-cell-size);
|
|
6911
6627
|
padding:0;
|
|
6628
|
+
text-align:center;
|
|
6629
|
+
}
|
|
6630
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820{
|
|
6631
|
+
align-items:center;
|
|
6632
|
+
color:var(--calendar-header-text-color);
|
|
6633
|
+
display:flex;
|
|
6634
|
+
height:var(--calendar-cell-size);
|
|
6635
|
+
margin-block:var(--bp-space-010);
|
|
6912
6636
|
}
|
|
6913
|
-
.bp_calendar_module_calendar--
|
|
6637
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderHeading--1b820{
|
|
6914
6638
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6915
6639
|
font-size:var(--bp-font-size-06);
|
|
6916
6640
|
font-style:normal;
|
|
@@ -6918,7 +6642,7 @@
|
|
|
6918
6642
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6919
6643
|
line-height:var(--bp-font-line-height-05);
|
|
6920
6644
|
}
|
|
6921
|
-
:where(body.is-inter-font) .bp_calendar_module_calendar--
|
|
6645
|
+
:where(body.is-inter-font) .bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderHeading--1b820{
|
|
6922
6646
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6923
6647
|
font-size:1rem;
|
|
6924
6648
|
font-style:normal;
|
|
@@ -6929,68 +6653,13 @@
|
|
|
6929
6653
|
text-transform:none;
|
|
6930
6654
|
}
|
|
6931
6655
|
|
|
6932
|
-
.bp_calendar_module_calendar--
|
|
6933
|
-
height:var(--calendar-header-button-size);
|
|
6934
|
-
margin:0;
|
|
6935
|
-
padding:0;
|
|
6936
|
-
width:var(--calendar-header-button-size);
|
|
6937
|
-
}
|
|
6938
|
-
.bp_calendar_module_calendar--74524[data-modern=true] .bp_calendar_module_calendarCell--74524.bp_calendar_module_today--74524{
|
|
6939
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6940
|
-
font-size:var(--bp-font-size-05);
|
|
6941
|
-
font-style:normal;
|
|
6942
|
-
font-weight:var(--bp-font-weight-bold);
|
|
6943
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6944
|
-
line-height:var(--bp-font-line-height-04);
|
|
6945
|
-
}
|
|
6946
|
-
:where(body.is-inter-font) .bp_calendar_module_calendar--74524[data-modern=true] .bp_calendar_module_calendarCell--74524.bp_calendar_module_today--74524{
|
|
6947
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6948
|
-
font-size:.875rem;
|
|
6949
|
-
font-style:normal;
|
|
6950
|
-
font-weight:600;
|
|
6951
|
-
letter-spacing:.00625rem;
|
|
6952
|
-
line-height:1.375rem;
|
|
6953
|
-
text-decoration:none;
|
|
6954
|
-
text-transform:none;
|
|
6955
|
-
}
|
|
6956
|
-
|
|
6957
|
-
.bp_calendar_module_calendar--74524[data-modern=true] .bp_calendar_module_calendarCell--74524.bp_calendar_module_today--74524{
|
|
6958
|
-
line-height:var(--calendar-cell-size);
|
|
6959
|
-
}
|
|
6960
|
-
|
|
6961
|
-
.bp_calendar_module_calendar--74524{
|
|
6962
|
-
background:var(--calendar-background);
|
|
6963
|
-
border-radius:var(--calendar-border-radius);
|
|
6964
|
-
box-shadow:var(--calendar-box-shadow);
|
|
6965
|
-
max-width:100%;
|
|
6966
|
-
padding-block:var(--calendar-padding-block);
|
|
6967
|
-
padding-inline:var(--calendar-padding-inline);
|
|
6968
|
-
width:fit-content;
|
|
6969
|
-
}
|
|
6970
|
-
.bp_calendar_module_calendar--74524 .bp_calendar_module_calendarGrid--74524{
|
|
6971
|
-
border-collapse:revert;
|
|
6972
|
-
border-spacing:revert;
|
|
6973
|
-
}
|
|
6974
|
-
.bp_calendar_module_calendar--74524 .bp_calendar_module_calendarGrid--74524 td{
|
|
6975
|
-
padding:1px;
|
|
6976
|
-
}
|
|
6977
|
-
.bp_calendar_module_calendar--74524 .bp_calendar_module_calendarHeaderCell--74524{
|
|
6978
|
-
color:var(--calendar-header-cell-text-color);
|
|
6979
|
-
text-align:center;
|
|
6980
|
-
}
|
|
6981
|
-
.bp_calendar_module_calendar--74524 .bp_calendar_module_calendarHeader--74524{
|
|
6982
|
-
align-items:center;
|
|
6983
|
-
color:var(--calendar-header-text-color);
|
|
6984
|
-
display:flex;
|
|
6985
|
-
margin-block-end:var(--calendar-header-margin-bottom);
|
|
6986
|
-
}
|
|
6987
|
-
.bp_calendar_module_calendar--74524 .bp_calendar_module_calendarHeader--74524 .bp_calendar_module_calendarHeaderHeading--74524{
|
|
6656
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderHeading--1b820{
|
|
6988
6657
|
flex:1;
|
|
6989
6658
|
margin:0;
|
|
6990
6659
|
text-align:center;
|
|
6991
6660
|
text-transform:capitalize;
|
|
6992
6661
|
}
|
|
6993
|
-
.bp_calendar_module_calendar--
|
|
6662
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderButton--1b820{
|
|
6994
6663
|
align-items:center;
|
|
6995
6664
|
background-color:var(--calendar-header-button-background);
|
|
6996
6665
|
border:none;
|
|
@@ -7004,21 +6673,21 @@
|
|
|
7004
6673
|
padding:0;
|
|
7005
6674
|
width:var(--calendar-header-button-size);
|
|
7006
6675
|
}
|
|
7007
|
-
.bp_calendar_module_calendar--
|
|
6676
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderButton--1b820:disabled{
|
|
7008
6677
|
cursor:default;
|
|
7009
6678
|
opacity:var(--disabled-opacity);
|
|
7010
6679
|
}
|
|
7011
|
-
.bp_calendar_module_calendar--
|
|
6680
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderButton--1b820:disabled *{
|
|
7012
6681
|
fill:var(--calendar-disabled-text-color);
|
|
7013
6682
|
}
|
|
7014
|
-
.bp_calendar_module_calendar--
|
|
6683
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderButton--1b820:hover:not(:disabled){
|
|
7015
6684
|
background-color:var(--calendar-header-button-hover-background);
|
|
7016
6685
|
}
|
|
7017
|
-
.bp_calendar_module_calendar--
|
|
6686
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarHeader--1b820 .bp_calendar_module_calendarHeaderButton--1b820[data-focus-visible]{
|
|
7018
6687
|
background-color:var(--calendar-header-button-hover-background);
|
|
7019
6688
|
box-shadow:var(--calendar-header-button-focus-box-shadow);
|
|
7020
6689
|
}
|
|
7021
|
-
.bp_calendar_module_calendar--
|
|
6690
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820{
|
|
7022
6691
|
border-radius:var(--calendar-cell-border-radius);
|
|
7023
6692
|
color:var(--calendar-cell-text-color);
|
|
7024
6693
|
line-height:var(--calendar-cell-size);
|
|
@@ -7026,15 +6695,35 @@
|
|
|
7026
6695
|
text-align:center;
|
|
7027
6696
|
width:var(--calendar-cell-size);
|
|
7028
6697
|
}
|
|
7029
|
-
.bp_calendar_module_calendar--
|
|
6698
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820.bp_calendar_module_today--1b820{
|
|
6699
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6700
|
+
font-size:var(--bp-font-size-05);
|
|
6701
|
+
font-style:normal;
|
|
6702
|
+
font-weight:var(--bp-font-weight-bold);
|
|
6703
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6704
|
+
line-height:var(--bp-font-line-height-04);
|
|
6705
|
+
}
|
|
6706
|
+
:where(body.is-inter-font) .bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820.bp_calendar_module_today--1b820{
|
|
6707
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6708
|
+
font-size:.875rem;
|
|
6709
|
+
font-style:normal;
|
|
6710
|
+
font-weight:600;
|
|
6711
|
+
letter-spacing:.00625rem;
|
|
6712
|
+
line-height:1.375rem;
|
|
6713
|
+
text-decoration:none;
|
|
6714
|
+
text-transform:none;
|
|
6715
|
+
}
|
|
6716
|
+
|
|
6717
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820.bp_calendar_module_today--1b820{
|
|
7030
6718
|
color:var(--calendar-cell-today-text-color);
|
|
6719
|
+
line-height:var(--calendar-cell-size);
|
|
7031
6720
|
position:relative;
|
|
7032
6721
|
}
|
|
7033
|
-
.bp_calendar_module_calendar--
|
|
6722
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820.bp_calendar_module_today--1b820[data-disabled]{
|
|
7034
6723
|
cursor:default;
|
|
7035
6724
|
opacity:var(--calendar-cell-today-disabled-opacity);
|
|
7036
6725
|
}
|
|
7037
|
-
.bp_calendar_module_calendar--
|
|
6726
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820.bp_calendar_module_today--1b820::after{
|
|
7038
6727
|
background-color:var(--calendar-cell-today-dot-background);
|
|
7039
6728
|
border-radius:50%;
|
|
7040
6729
|
bottom:var(--calendar-cell-today-dot-bottom);
|
|
@@ -7045,85 +6734,40 @@
|
|
|
7045
6734
|
transform:translateX(-50%);
|
|
7046
6735
|
width:var(--calendar-cell-today-dot-diameter);
|
|
7047
6736
|
}
|
|
7048
|
-
.bp_calendar_module_calendar--
|
|
6737
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820:not([data-outside-month]){
|
|
7049
6738
|
cursor:pointer;
|
|
7050
6739
|
}
|
|
7051
|
-
.bp_calendar_module_calendar--
|
|
6740
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820:not([data-outside-month], [data-selected], [data-disabled]):hover{
|
|
7052
6741
|
background-color:var(--calendar-cell-hovered-background);
|
|
7053
6742
|
}
|
|
7054
|
-
.bp_calendar_module_calendar--
|
|
6743
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-focus-visible]:not([data-outside-month]){
|
|
7055
6744
|
box-shadow:var(--calendar-cell-focus-box-shadow);
|
|
7056
6745
|
}
|
|
7057
|
-
.bp_calendar_module_calendar--
|
|
6746
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-selected]{
|
|
7058
6747
|
background-color:var(--calendar-cell-selected-background);
|
|
7059
6748
|
color:var(--calendar-cell-selected-text-color);
|
|
7060
6749
|
}
|
|
7061
|
-
.bp_calendar_module_calendar--
|
|
6750
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-selected]:hover{
|
|
7062
6751
|
background-color:var(--calendar-cell-selected-hovered-background);
|
|
7063
6752
|
}
|
|
7064
|
-
.bp_calendar_module_calendar--
|
|
6753
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-selected][data-focus-visible]{
|
|
7065
6754
|
background-color:var(--calendar-cell-selected-focused-background);
|
|
7066
6755
|
box-shadow:var(--calendar-cell-focus-box-shadow);
|
|
7067
6756
|
outline:var(--calendar-focus-outline);
|
|
7068
6757
|
outline-offset:-.0625rem;
|
|
7069
6758
|
}
|
|
7070
|
-
.bp_calendar_module_calendar--
|
|
6759
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-selected]::after{
|
|
7071
6760
|
background-color:var(--calendar-cell-selected-text-color);
|
|
7072
6761
|
}
|
|
7073
|
-
.bp_calendar_module_calendar--
|
|
6762
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-disabled]:not(.bp_calendar_module_today--1b820){
|
|
7074
6763
|
color:var(--calendar-cell-outside-range-text-color);
|
|
7075
6764
|
cursor:default;
|
|
7076
6765
|
}
|
|
7077
|
-
.bp_calendar_module_calendar--
|
|
6766
|
+
.bp_calendar_module_calendar--1b820 .bp_calendar_module_calendarCell--1b820[data-unavailable]{
|
|
7078
6767
|
color:var(--calendar-disabled-text-color);
|
|
7079
6768
|
text-decoration:line-through;
|
|
7080
6769
|
}
|
|
7081
|
-
.bp_date_picker_module_datePicker--
|
|
7082
|
-
--date-picker-label-margin-bottom:var(--space-2);
|
|
7083
|
-
--date-picker-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
7084
|
-
--date-picker-input-placeholder-focused-color:var(--text-text-on-light);
|
|
7085
|
-
--date-picker-input-text-color:var(--text-text-on-light);
|
|
7086
|
-
--date-picker-input-segment-focused-background:var(--light-blue-20);
|
|
7087
|
-
--date-picker-input-inner-shadow:var(--innershadow-1);
|
|
7088
|
-
--date-picker-height:var(--size-10);
|
|
7089
|
-
--date-picker-padding-inline:var(--space-2);
|
|
7090
|
-
--date-picker-border:var(--border-1) solid var(--border-input-border);
|
|
7091
|
-
--date-picker-hover-outline-color:var(--border-input-border-hover);
|
|
7092
|
-
--date-picker-margin:var(--border-1);
|
|
7093
|
-
--date-picker-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
7094
|
-
--date-picker-error-outline:var(--border-2) solid var(--text-text-error-on-light);
|
|
7095
|
-
--date-picker-border-radius:var(--radius-2);
|
|
7096
|
-
--date-picker-icon-button-size:var(--size-6);
|
|
7097
|
-
--date-picker-inline-error-margin:var(--space-2);
|
|
7098
|
-
--date-picker-icon-button-border-radius:var(--radius-2);
|
|
7099
|
-
--date-picker-icon-button-focus-background-color:var(--surface-cta-surface-icon-pressed);
|
|
7100
|
-
--date-picker-icon-button-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
7101
|
-
--date-picker-icon-button-active-background:var(--surface-cta-surface-icon-pressed);
|
|
7102
|
-
--date-picker-icon-button-active-fill:var(--icon-cta-icon-pressed);
|
|
7103
|
-
--date-picker-icon-button-hover-background:var(--surface-cta-surface-icon-hover);
|
|
7104
|
-
--date-picker-icon-button-hover-fill:var(--icon-cta-icon-hover);
|
|
7105
|
-
--date-picker-clear-button-right:var(--size-9);
|
|
7106
|
-
}
|
|
7107
|
-
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_label--464ce{
|
|
7108
|
-
font-family:var(--body-default-bold-font-family);
|
|
7109
|
-
font-size:var(--body-default-bold-font-size);
|
|
7110
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
7111
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
7112
|
-
line-height:var(--body-default-bold-line-height);
|
|
7113
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
7114
|
-
text-transform:var(--body-default-bold-text-case);
|
|
7115
|
-
}
|
|
7116
|
-
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_group--464ce{
|
|
7117
|
-
font-family:var(--body-default-font-family);
|
|
7118
|
-
font-size:var(--body-default-font-size);
|
|
7119
|
-
font-weight:var(--body-default-font-weight);
|
|
7120
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
7121
|
-
line-height:var(--body-default-line-height);
|
|
7122
|
-
text-decoration:var(--body-default-text-decoration);
|
|
7123
|
-
text-transform:var(--body-default-text-case);
|
|
7124
|
-
}
|
|
7125
|
-
|
|
7126
|
-
.bp_date_picker_module_datePicker--464ce[data-modern=true]{
|
|
6770
|
+
.bp_date_picker_module_datePicker--37291{
|
|
7127
6771
|
--date-picker-label-margin-bottom:var(--bp-space-020);
|
|
7128
6772
|
--date-picker-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
7129
6773
|
--date-picker-input-placeholder-focused-color:var(--bp-text-text-on-light);
|
|
@@ -7148,8 +6792,15 @@
|
|
|
7148
6792
|
--date-picker-icon-button-hover-background:var(--bp-surface-cta-surface-icon-hover);
|
|
7149
6793
|
--date-picker-icon-button-hover-fill:var(--bp-icon-cta-icon-hover);
|
|
7150
6794
|
--date-picker-clear-button-right:var(--bp-size-090);
|
|
6795
|
+
width:100%;
|
|
7151
6796
|
}
|
|
7152
|
-
.bp_date_picker_module_datePicker--
|
|
6797
|
+
.bp_date_picker_module_datePicker--37291.bp_date_picker_module_disabled--37291{
|
|
6798
|
+
opacity:var(--disabled-opacity);
|
|
6799
|
+
pointer-events:none;
|
|
6800
|
+
-webkit-user-select:none;
|
|
6801
|
+
user-select:none;
|
|
6802
|
+
}
|
|
6803
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_label--37291{
|
|
7153
6804
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7154
6805
|
font-size:var(--bp-font-size-05);
|
|
7155
6806
|
font-style:normal;
|
|
@@ -7157,7 +6808,7 @@
|
|
|
7157
6808
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7158
6809
|
line-height:var(--bp-font-line-height-04);
|
|
7159
6810
|
}
|
|
7160
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
6811
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--37291 .bp_date_picker_module_label--37291{
|
|
7161
6812
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7162
6813
|
font-size:.875rem;
|
|
7163
6814
|
font-style:normal;
|
|
@@ -7168,7 +6819,13 @@
|
|
|
7168
6819
|
text-transform:none;
|
|
7169
6820
|
}
|
|
7170
6821
|
|
|
7171
|
-
.bp_date_picker_module_datePicker--
|
|
6822
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_label--37291{
|
|
6823
|
+
cursor:default;
|
|
6824
|
+
display:flex;
|
|
6825
|
+
margin-block-end:var(--date-picker-label-margin-bottom);
|
|
6826
|
+
width:fit-content;
|
|
6827
|
+
}
|
|
6828
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291{
|
|
7172
6829
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7173
6830
|
font-size:var(--bp-font-size-05);
|
|
7174
6831
|
font-style:normal;
|
|
@@ -7176,7 +6833,7 @@
|
|
|
7176
6833
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7177
6834
|
line-height:var(--bp-font-line-height-04);
|
|
7178
6835
|
}
|
|
7179
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
6836
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291{
|
|
7180
6837
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7181
6838
|
font-size:.875rem;
|
|
7182
6839
|
font-style:normal;
|
|
@@ -7187,28 +6844,13 @@
|
|
|
7187
6844
|
text-transform:none;
|
|
7188
6845
|
}
|
|
7189
6846
|
|
|
7190
|
-
.bp_date_picker_module_datePicker--
|
|
7191
|
-
width:100%;
|
|
7192
|
-
}
|
|
7193
|
-
.bp_date_picker_module_datePicker--464ce.bp_date_picker_module_disabled--464ce{
|
|
7194
|
-
opacity:var(--disabled-opacity);
|
|
7195
|
-
pointer-events:none;
|
|
7196
|
-
-webkit-user-select:none;
|
|
7197
|
-
user-select:none;
|
|
7198
|
-
}
|
|
7199
|
-
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_label--464ce{
|
|
7200
|
-
cursor:default;
|
|
7201
|
-
display:flex;
|
|
7202
|
-
margin-block-end:var(--date-picker-label-margin-bottom);
|
|
7203
|
-
width:fit-content;
|
|
7204
|
-
}
|
|
7205
|
-
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce{
|
|
6847
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291{
|
|
7206
6848
|
align-items:center;
|
|
7207
6849
|
display:inline-flex;
|
|
7208
6850
|
position:relative;
|
|
7209
6851
|
width:100%;
|
|
7210
6852
|
}
|
|
7211
|
-
.bp_date_picker_module_datePicker--
|
|
6853
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291{
|
|
7212
6854
|
align-items:center;
|
|
7213
6855
|
border-radius:var(--date-picker-border-radius);
|
|
7214
6856
|
box-shadow:var(--date-picker-input-inner-shadow);
|
|
@@ -7219,23 +6861,23 @@
|
|
|
7219
6861
|
position:relative;
|
|
7220
6862
|
width:100%;
|
|
7221
6863
|
}
|
|
7222
|
-
.bp_date_picker_module_datePicker--
|
|
6864
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291:focus-within{
|
|
7223
6865
|
outline:var(--date-picker-focus-outline);
|
|
7224
6866
|
}
|
|
7225
|
-
.bp_date_picker_module_datePicker--
|
|
6867
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291.bp_date_picker_module_error--37291:not(:focus-within){
|
|
7226
6868
|
outline:var(--date-picker-error-outline);
|
|
7227
6869
|
}
|
|
7228
|
-
.bp_date_picker_module_datePicker--
|
|
6870
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291.bp_date_picker_module_error--37291:focus-within{
|
|
7229
6871
|
outline:var(--date-picker-focus-outline);
|
|
7230
6872
|
}
|
|
7231
|
-
.bp_date_picker_module_datePicker--
|
|
6873
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291 .bp_date_picker_module_groupContainerInput--37291{
|
|
7232
6874
|
align-items:center;
|
|
7233
6875
|
display:inline-flex;
|
|
7234
6876
|
height:var(--date-picker-height);
|
|
7235
6877
|
text-transform:uppercase;
|
|
7236
6878
|
white-space:nowrap;
|
|
7237
6879
|
}
|
|
7238
|
-
.bp_date_picker_module_datePicker--
|
|
6880
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291 .bp_date_picker_module_groupContainerInput--37291 .bp_date_picker_module_groupContainerInputSegment--37291{
|
|
7239
6881
|
border:unset;
|
|
7240
6882
|
border-radius:unset;
|
|
7241
6883
|
box-shadow:unset;
|
|
@@ -7245,21 +6887,21 @@
|
|
|
7245
6887
|
transition:unset;
|
|
7246
6888
|
width:unset;
|
|
7247
6889
|
}
|
|
7248
|
-
.bp_date_picker_module_datePicker--
|
|
6890
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291 .bp_date_picker_module_groupContainerInput--37291 .bp_date_picker_module_groupContainerInputSegment--37291[data-placeholder]{
|
|
7249
6891
|
color:var(--date-picker-input-placeholder-color);
|
|
7250
6892
|
}
|
|
7251
|
-
.bp_date_picker_module_datePicker--
|
|
6893
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291 .bp_date_picker_module_groupContainerInput--37291 .bp_date_picker_module_groupContainerInputSegment--37291:focus{
|
|
7252
6894
|
background:var(--date-picker-input-segment-focused-background);
|
|
7253
6895
|
caret-color:#0000;
|
|
7254
6896
|
outline:none;
|
|
7255
6897
|
}
|
|
7256
|
-
.bp_date_picker_module_datePicker--
|
|
6898
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_groupContainer--37291 .bp_date_picker_module_groupContainerInput--37291 .bp_date_picker_module_groupContainerInputSegment--37291:focus[data-placeholder]{
|
|
7257
6899
|
color:var(--date-picker-input-placeholder-focused-color);
|
|
7258
6900
|
}
|
|
7259
|
-
.bp_date_picker_module_datePicker--
|
|
6901
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291:hover .bp_date_picker_module_groupContainer--37291:not(:focus-within, .bp_date_picker_module_error--37291){
|
|
7260
6902
|
outline-color:var(--date-picker-hover-outline-color);
|
|
7261
6903
|
}
|
|
7262
|
-
.bp_date_picker_module_datePicker--
|
|
6904
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291{
|
|
7263
6905
|
align-items:center;
|
|
7264
6906
|
background-color:initial;
|
|
7265
6907
|
border:none;
|
|
@@ -7274,70 +6916,70 @@
|
|
|
7274
6916
|
right:var(--date-picker-padding-inline);
|
|
7275
6917
|
width:var(--date-picker-icon-button-size);
|
|
7276
6918
|
}
|
|
7277
|
-
.bp_date_picker_module_datePicker--
|
|
6919
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291.bp_date_picker_module_clear--37291{
|
|
7278
6920
|
right:var(--date-picker-clear-button-right);
|
|
7279
6921
|
}
|
|
7280
|
-
.bp_date_picker_module_datePicker--
|
|
6922
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:focus-visible,.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291[data-focus-visible]{
|
|
7281
6923
|
background-color:var(--date-picker-icon-button-focus-background-color);
|
|
7282
6924
|
outline:var(--date-picker-icon-button-focus-outline);
|
|
7283
6925
|
}
|
|
7284
|
-
.bp_date_picker_module_datePicker--
|
|
6926
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:hover{
|
|
7285
6927
|
background:var(--date-picker-icon-button-hover-background);
|
|
7286
6928
|
}
|
|
7287
|
-
.bp_date_picker_module_datePicker--
|
|
6929
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:hover *{
|
|
7288
6930
|
fill:var(--date-picker-icon-button-hover-fill);
|
|
7289
6931
|
}
|
|
7290
|
-
.bp_date_picker_module_datePicker--
|
|
6932
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:active{
|
|
7291
6933
|
background:var(--date-picker-icon-button-active-background);
|
|
7292
6934
|
}
|
|
7293
|
-
.bp_date_picker_module_datePicker--
|
|
6935
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:active *{
|
|
7294
6936
|
fill:var(--date-picker-icon-button-active-fill);
|
|
7295
6937
|
}
|
|
7296
|
-
.bp_date_picker_module_datePicker--
|
|
6938
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_group--37291 .bp_date_picker_module_button--37291:disabled{
|
|
7297
6939
|
opacity:1;
|
|
7298
6940
|
}
|
|
7299
|
-
.bp_date_picker_module_datePicker--
|
|
6941
|
+
.bp_date_picker_module_datePicker--37291 .bp_date_picker_module_inlineError--37291{
|
|
7300
6942
|
margin-block-start:var(--date-picker-inline-error-margin);
|
|
7301
6943
|
}
|
|
7302
6944
|
|
|
7303
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
6945
|
+
.bp_date_picker_module_datePickerPopoverContent--37291{
|
|
7304
6946
|
z-index:var(--z-index-popover);
|
|
7305
6947
|
}
|
|
7306
6948
|
|
|
7307
|
-
.bp_date_picker_module_groupContainer--
|
|
6949
|
+
.bp_date_picker_module_groupContainer--37291[data-bp-animated=true]{
|
|
7308
6950
|
transition-duration:var(--bp-duration-short);
|
|
7309
6951
|
transition-property:outline-color;
|
|
7310
6952
|
transition-timing-function:var(--bp-curve-small-off);
|
|
7311
6953
|
}
|
|
7312
6954
|
|
|
7313
|
-
.bp_date_picker_module_group--
|
|
6955
|
+
.bp_date_picker_module_group--37291:hover .bp_date_picker_module_groupContainer--37291[data-bp-animated=true]:not(:focus-within, .bp_date_picker_module_error--37291), .bp_date_picker_module_groupContainer--37291[data-bp-animated=true].bp_date_picker_module_error--37291, .bp_date_picker_module_groupContainer--37291[data-bp-animated=true]:focus-within{
|
|
7314
6956
|
transition-timing-function:var(--bp-curve-small-on);
|
|
7315
6957
|
}
|
|
7316
6958
|
|
|
7317
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
6959
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=open]{
|
|
7318
6960
|
animation-duration:var(--bp-duration-medium);
|
|
7319
6961
|
animation-fill-mode:backwards;
|
|
7320
6962
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
7321
6963
|
}
|
|
7322
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7323
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
6964
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=open][data-side=top]{
|
|
6965
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--37291, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--37291;
|
|
7324
6966
|
}
|
|
7325
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7326
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
6967
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=open][data-side=bottom]{
|
|
6968
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--37291, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--37291;
|
|
7327
6969
|
}
|
|
7328
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
6970
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=closed]{
|
|
7329
6971
|
animation-duration:var(--bp-duration-short);
|
|
7330
6972
|
animation-fill-mode:forwards;
|
|
7331
6973
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
7332
6974
|
}
|
|
7333
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7334
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
6975
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=closed][data-side=top]{
|
|
6976
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--37291, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--37291;
|
|
7335
6977
|
}
|
|
7336
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7337
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
6978
|
+
.bp_date_picker_module_datePickerPopoverContent--37291[data-bp-animated=true][data-state=closed][data-side=bottom]{
|
|
6979
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--37291, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--37291;
|
|
7338
6980
|
}
|
|
7339
6981
|
|
|
7340
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--
|
|
6982
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--37291{
|
|
7341
6983
|
from{
|
|
7342
6984
|
opacity:var(--bp-opacity-hidden);
|
|
7343
6985
|
}
|
|
@@ -7345,7 +6987,7 @@
|
|
|
7345
6987
|
opacity:var(--bp-opacity-visible);
|
|
7346
6988
|
}
|
|
7347
6989
|
}
|
|
7348
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--
|
|
6990
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--37291{
|
|
7349
6991
|
from{
|
|
7350
6992
|
opacity:var(--bp-opacity-visible);
|
|
7351
6993
|
}
|
|
@@ -7353,7 +6995,7 @@
|
|
|
7353
6995
|
opacity:var(--bp-opacity-hidden);
|
|
7354
6996
|
}
|
|
7355
6997
|
}
|
|
7356
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
6998
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--37291{
|
|
7357
6999
|
from{
|
|
7358
7000
|
transform:translateY(var(--bp-space-020));
|
|
7359
7001
|
}
|
|
@@ -7361,7 +7003,7 @@
|
|
|
7361
7003
|
transform:translateY(0);
|
|
7362
7004
|
}
|
|
7363
7005
|
}
|
|
7364
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
7006
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--37291{
|
|
7365
7007
|
from{
|
|
7366
7008
|
transform:translateY(0);
|
|
7367
7009
|
}
|
|
@@ -7369,7 +7011,7 @@
|
|
|
7369
7011
|
transform:translateY(var(--bp-space-020));
|
|
7370
7012
|
}
|
|
7371
7013
|
}
|
|
7372
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
7014
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--37291{
|
|
7373
7015
|
from{
|
|
7374
7016
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
7375
7017
|
}
|
|
@@ -7377,7 +7019,7 @@
|
|
|
7377
7019
|
transform:translateY(0);
|
|
7378
7020
|
}
|
|
7379
7021
|
}
|
|
7380
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
7022
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--37291{
|
|
7381
7023
|
from{
|
|
7382
7024
|
transform:translateY(0);
|
|
7383
7025
|
}
|
|
@@ -10304,110 +9946,34 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10304
9946
|
inset-inline-end:.5rem;
|
|
10305
9947
|
width:var(--size-6);
|
|
10306
9948
|
}
|
|
10307
|
-
.bp_password_input_module_passwordInput--450e7 .bp_password_input_module_iconButton--450e7:active,.bp_password_input_module_passwordInput--450e7 .bp_password_input_module_iconButton--450e7:hover{
|
|
10308
|
-
background:none;
|
|
10309
|
-
}
|
|
10310
|
-
|
|
10311
|
-
.bp_progress_bar_module_reactAriaProgressBar--71ccb{
|
|
10312
|
-
--progress-bar-border-radius:var(--bp-radius-02);
|
|
10313
|
-
--progress-bar-track-bg:var(--bp-surface-progress-bar-surface-brand-background);
|
|
10314
|
-
--progress-bar-fill-bg:var(--bp-surface-nav-surface-brand-foreground);
|
|
10315
|
-
display:grid;
|
|
10316
|
-
gap:var(--bp-space-010);
|
|
10317
|
-
grid-template-areas:"label value" "bar bar";
|
|
10318
|
-
grid-template-columns:1fr auto;
|
|
10319
|
-
}
|
|
10320
|
-
.bp_progress_bar_module_reactAriaProgressBar--71ccb .bp_progress_bar_module_bar--71ccb{
|
|
10321
|
-
background:var(--progress-bar-track-bg);
|
|
10322
|
-
border-radius:var(--progress-bar-border-radius);
|
|
10323
|
-
forced-color-adjust:none;
|
|
10324
|
-
grid-area:bar;
|
|
10325
|
-
height:.375rem;
|
|
10326
|
-
overflow:hidden;
|
|
10327
|
-
will-change:transform;
|
|
10328
|
-
}
|
|
10329
|
-
.bp_progress_bar_module_reactAriaProgressBar--71ccb .bp_progress_bar_module_fill--71ccb{
|
|
10330
|
-
background:var(--progress-bar-fill-bg);
|
|
10331
|
-
border-radius:var(--progress-bar-border-radius);
|
|
10332
|
-
height:100%;
|
|
10333
|
-
}
|
|
10334
|
-
.bp_chip_module_chip--e6fd2[data-modern=false]{
|
|
10335
|
-
--chip-gap:var(--space-2);
|
|
10336
|
-
--chip-height:var(--size-8);
|
|
10337
|
-
--chip-radius:var(--radius-half);
|
|
10338
|
-
--chip-padding-inline:0;
|
|
10339
|
-
--chip-label-inline-padding:var(--space-4);
|
|
10340
|
-
--chip-item-inline-padding:var(--space-2);
|
|
10341
|
-
--chip-status-gap:var(--space-2);
|
|
10342
|
-
--chip-status-height:var(--size-5);
|
|
10343
|
-
--chip-status-padding:var(--space-2);
|
|
10344
|
-
--chip-status-background-default:var(--gray-10);
|
|
10345
|
-
--chip-status-radius:var(--radius-half);
|
|
10346
|
-
--chip-text-color:var(--text-text-on-light);
|
|
10347
|
-
--chip-text-color-disabled:var(--text-text-on-light-disabled);
|
|
10348
|
-
--chip-button-background:var(--surface-chip-button-surface);
|
|
10349
|
-
--chip-button-background-hover:var(--surface-chip-button-surface-hover);
|
|
10350
|
-
--chip-button-status-text-color:var(--text-text-on-dark);
|
|
10351
|
-
--chip-button-status-background:var(--box-blue-100);
|
|
10352
|
-
--chip-button-icon-color:var(--icon-icon-on-light);
|
|
10353
|
-
--chip-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
10354
|
-
--chip-button-outline-width:var(--border-2);
|
|
10355
|
-
--chip-button-outline-color:var(--outline-focus-on-light);
|
|
10356
|
-
--chip-single-select-background:var(--surface-filterchip-surface-single);
|
|
10357
|
-
--chip-single-select-icon-color:var(--icon-icon-on-light);
|
|
10358
|
-
--chip-single-select-background-hover:var(--surface-filterchip-surface-single-hover);
|
|
10359
|
-
--chip-single-select-background-selected:var(--surface-filterchip-surface-single-on);
|
|
10360
|
-
--chip-single-select-background-selected-hover:var(--surface-filterchip-surface-single-on-hover);
|
|
10361
|
-
--chip-single-select-text-color-selected:var(--text-text-on-dark);
|
|
10362
|
-
--chip-single-select-status-text-color-selected:var(--text-text-on-light);
|
|
10363
|
-
--chip-multi-select-background:var(--surface-filterchip-surface-multi);
|
|
10364
|
-
--chip-multi-select-background-hover:var(--surface-filterchip-surface-multi-hover);
|
|
10365
|
-
--chip-multi-select-background-selected:var(--surface-filterchip-surface-multi-on);
|
|
10366
|
-
--chip-multi-select-background-selected-hover:var(--surface-filterchip-surface-multi-on-hover);
|
|
10367
|
-
--chip-multi-select-text-color-selected:var(--text-cta-link);
|
|
10368
|
-
--chip-multi-select-status-text-color-selected:var(--text-text-on-dark);
|
|
10369
|
-
--chip-multi-select-status-background-selected:var(--box-blue-100);
|
|
10370
|
-
--chip-multi-select-icon-color:var(--icon-icon-on-light);
|
|
10371
|
-
--chip-multi-select-border-selected:var(--border-1) solid var(--border-filterchip-border-multi-on);
|
|
10372
|
-
--chip-multi-select-border-color-selected:var(--border-filterchip-border-multi-on);
|
|
10373
|
-
--chip-multi-select-focus-border-selected:var(--border-1) solid var(--gray-white);
|
|
10374
|
-
font-family:var(--body-default-bold-font-family);
|
|
10375
|
-
font-size:var(--body-default-bold-font-size);
|
|
10376
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
10377
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
10378
|
-
line-height:var(--body-default-bold-line-height);
|
|
10379
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
10380
|
-
text-transform:var(--body-default-bold-text-case);
|
|
10381
|
-
}
|
|
10382
|
-
.bp_chip_module_chip--e6fd2[data-modern=false].bp_chip_module_chipButton--e6fd2,.bp_chip_module_chip--e6fd2[data-modern=false].bp_chip_module_multiSelectChip--e6fd2{
|
|
10383
|
-
font-family:var(--body-default-font-family);
|
|
10384
|
-
font-size:var(--body-default-font-size);
|
|
10385
|
-
font-weight:var(--body-default-font-weight);
|
|
10386
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
10387
|
-
line-height:var(--body-default-line-height);
|
|
10388
|
-
text-decoration:var(--body-default-text-decoration);
|
|
10389
|
-
text-transform:var(--body-default-text-case);
|
|
10390
|
-
}
|
|
10391
|
-
.bp_chip_module_chip--e6fd2[data-modern=false].bp_chip_module_multiSelectChip--e6fd2 span::before,.bp_chip_module_chip--e6fd2[data-modern=false].bp_chip_module_multiSelectChip--e6fd2[data-state=on]{
|
|
10392
|
-
font-family:var(--body-default-bold-font-family);
|
|
10393
|
-
font-size:var(--body-default-bold-font-size);
|
|
10394
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
10395
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
10396
|
-
line-height:var(--body-default-bold-line-height);
|
|
10397
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
10398
|
-
text-transform:var(--body-default-bold-text-case);
|
|
10399
|
-
}
|
|
10400
|
-
.bp_chip_module_chip--e6fd2[data-modern=false] .bp_chip_module_chipStatus--e6fd2{
|
|
10401
|
-
font-family:var(--label-bold-font-family);
|
|
10402
|
-
font-size:var(--label-bold-font-size);
|
|
10403
|
-
font-weight:var(--label-bold-font-weight);
|
|
10404
|
-
letter-spacing:var(--label-bold-letter-spacing);
|
|
10405
|
-
line-height:var(--label-bold-line-height);
|
|
10406
|
-
text-decoration:var(--label-bold-text-decoration);
|
|
10407
|
-
text-transform:var(--label-bold-text-case);
|
|
9949
|
+
.bp_password_input_module_passwordInput--450e7 .bp_password_input_module_iconButton--450e7:active,.bp_password_input_module_passwordInput--450e7 .bp_password_input_module_iconButton--450e7:hover{
|
|
9950
|
+
background:none;
|
|
10408
9951
|
}
|
|
10409
9952
|
|
|
10410
|
-
.
|
|
9953
|
+
.bp_progress_bar_module_reactAriaProgressBar--71ccb{
|
|
9954
|
+
--progress-bar-border-radius:var(--bp-radius-02);
|
|
9955
|
+
--progress-bar-track-bg:var(--bp-surface-progress-bar-surface-brand-background);
|
|
9956
|
+
--progress-bar-fill-bg:var(--bp-surface-nav-surface-brand-foreground);
|
|
9957
|
+
display:grid;
|
|
9958
|
+
gap:var(--bp-space-010);
|
|
9959
|
+
grid-template-areas:"label value" "bar bar";
|
|
9960
|
+
grid-template-columns:1fr auto;
|
|
9961
|
+
}
|
|
9962
|
+
.bp_progress_bar_module_reactAriaProgressBar--71ccb .bp_progress_bar_module_bar--71ccb{
|
|
9963
|
+
background:var(--progress-bar-track-bg);
|
|
9964
|
+
border-radius:var(--progress-bar-border-radius);
|
|
9965
|
+
forced-color-adjust:none;
|
|
9966
|
+
grid-area:bar;
|
|
9967
|
+
height:.375rem;
|
|
9968
|
+
overflow:hidden;
|
|
9969
|
+
will-change:transform;
|
|
9970
|
+
}
|
|
9971
|
+
.bp_progress_bar_module_reactAriaProgressBar--71ccb .bp_progress_bar_module_fill--71ccb{
|
|
9972
|
+
background:var(--progress-bar-fill-bg);
|
|
9973
|
+
border-radius:var(--progress-bar-border-radius);
|
|
9974
|
+
height:100%;
|
|
9975
|
+
}
|
|
9976
|
+
.bp_chip_module_chip--ad68d{
|
|
10411
9977
|
--chip-gap:var(--bp-space-020);
|
|
10412
9978
|
--chip-height:var(--bp-size-090);
|
|
10413
9979
|
--chip-radius:var(--bp-radius-16);
|
|
@@ -10454,83 +10020,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10454
10020
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10455
10021
|
line-height:var(--bp-font-line-height-04);
|
|
10456
10022
|
}
|
|
10457
|
-
:where(body.is-inter-font) .bp_chip_module_chip--
|
|
10458
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10459
|
-
font-size:.875rem;
|
|
10460
|
-
font-style:normal;
|
|
10461
|
-
font-weight:600;
|
|
10462
|
-
letter-spacing:.00625rem;
|
|
10463
|
-
line-height:1.375rem;
|
|
10464
|
-
text-decoration:none;
|
|
10465
|
-
text-transform:none;
|
|
10466
|
-
}
|
|
10467
|
-
|
|
10468
|
-
.bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_chipButton--e6fd2{
|
|
10469
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10470
|
-
font-size:var(--bp-font-size-05);
|
|
10471
|
-
font-style:normal;
|
|
10472
|
-
font-weight:var(--bp-font-weight-regular);
|
|
10473
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10474
|
-
line-height:var(--bp-font-line-height-04);
|
|
10475
|
-
}
|
|
10476
|
-
:where(body.is-inter-font) .bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_chipButton--e6fd2{
|
|
10477
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10478
|
-
font-size:.875rem;
|
|
10479
|
-
font-style:normal;
|
|
10480
|
-
font-weight:450;
|
|
10481
|
-
letter-spacing:.00625rem;
|
|
10482
|
-
line-height:1.375rem;
|
|
10483
|
-
text-decoration:none;
|
|
10484
|
-
text-transform:none;
|
|
10485
|
-
}
|
|
10486
|
-
|
|
10487
|
-
.bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2{
|
|
10488
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10489
|
-
font-size:var(--bp-font-size-05);
|
|
10490
|
-
font-style:normal;
|
|
10491
|
-
font-weight:var(--bp-font-weight-regular);
|
|
10492
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10493
|
-
line-height:var(--bp-font-line-height-04);
|
|
10494
|
-
}
|
|
10495
|
-
:where(body.is-inter-font) .bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2{
|
|
10496
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10497
|
-
font-size:.875rem;
|
|
10498
|
-
font-style:normal;
|
|
10499
|
-
font-weight:450;
|
|
10500
|
-
letter-spacing:.00625rem;
|
|
10501
|
-
line-height:1.375rem;
|
|
10502
|
-
text-decoration:none;
|
|
10503
|
-
text-transform:none;
|
|
10504
|
-
}
|
|
10505
|
-
|
|
10506
|
-
.bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2[data-state=on]{
|
|
10507
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10508
|
-
font-size:var(--bp-font-size-05);
|
|
10509
|
-
font-style:normal;
|
|
10510
|
-
font-weight:var(--bp-font-weight-bold);
|
|
10511
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10512
|
-
line-height:var(--bp-font-line-height-04);
|
|
10513
|
-
}
|
|
10514
|
-
:where(body.is-inter-font) .bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2[data-state=on]{
|
|
10515
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10516
|
-
font-size:.875rem;
|
|
10517
|
-
font-style:normal;
|
|
10518
|
-
font-weight:600;
|
|
10519
|
-
letter-spacing:.00625rem;
|
|
10520
|
-
line-height:1.375rem;
|
|
10521
|
-
text-decoration:none;
|
|
10522
|
-
text-transform:none;
|
|
10523
|
-
}
|
|
10524
|
-
|
|
10525
|
-
.bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2 span::before{
|
|
10526
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10527
|
-
font-size:var(--bp-font-size-05);
|
|
10528
|
-
font-style:normal;
|
|
10529
|
-
font-weight:var(--bp-font-weight-bold);
|
|
10530
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10531
|
-
line-height:var(--bp-font-line-height-04);
|
|
10532
|
-
}
|
|
10533
|
-
:where(body.is-inter-font) .bp_chip_module_chip--e6fd2[data-modern=true].bp_chip_module_multiSelectChip--e6fd2 span::before{
|
|
10023
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d{
|
|
10534
10024
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10535
10025
|
font-size:.875rem;
|
|
10536
10026
|
font-style:normal;
|
|
@@ -10541,41 +10031,22 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10541
10031
|
text-transform:none;
|
|
10542
10032
|
}
|
|
10543
10033
|
|
|
10544
|
-
.bp_chip_module_chip--
|
|
10545
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10546
|
-
font-size:var(--bp-font-size-02);
|
|
10547
|
-
font-style:normal;
|
|
10548
|
-
font-weight:var(--bp-font-weight-bold);
|
|
10549
|
-
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
10550
|
-
line-height:var(--bp-font-line-height-03);
|
|
10551
|
-
}
|
|
10552
|
-
:where(body.is-inter-font) .bp_chip_module_chip--e6fd2[data-modern=true] .bp_chip_module_chipStatus--e6fd2{
|
|
10553
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10554
|
-
font-size:.625rem;
|
|
10555
|
-
font-style:normal;
|
|
10556
|
-
font-weight:550;
|
|
10557
|
-
letter-spacing:.01875rem;
|
|
10558
|
-
line-height:1rem;
|
|
10559
|
-
text-decoration:none;
|
|
10560
|
-
text-transform:none;
|
|
10561
|
-
}
|
|
10562
|
-
|
|
10563
|
-
.bp_chip_module_chip--e6fd2{
|
|
10034
|
+
.bp_chip_module_chip--ad68d{
|
|
10564
10035
|
padding-inline:var(--chip-padding-inline);
|
|
10565
10036
|
}
|
|
10566
|
-
.bp_chip_module_chip--
|
|
10037
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_labelText--ad68d:first-child{
|
|
10567
10038
|
margin-inline-start:var(--chip-label-inline-padding);
|
|
10568
10039
|
}
|
|
10569
|
-
.bp_chip_module_chip--
|
|
10040
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_labelText--ad68d:last-child{
|
|
10570
10041
|
margin-inline-end:var(--chip-label-inline-padding);
|
|
10571
10042
|
}
|
|
10572
|
-
.bp_chip_module_chip--
|
|
10043
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_chipStatus--ad68d:first-child,.bp_chip_module_chip--ad68d svg:first-child{
|
|
10573
10044
|
margin-inline-start:var(--chip-item-inline-padding);
|
|
10574
10045
|
}
|
|
10575
|
-
.bp_chip_module_chip--
|
|
10046
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_chipStatus--ad68d:last-child,.bp_chip_module_chip--ad68d svg:last-child{
|
|
10576
10047
|
margin-inline-end:var(--chip-item-inline-padding);
|
|
10577
10048
|
}
|
|
10578
|
-
.bp_chip_module_chip--
|
|
10049
|
+
.bp_chip_module_chip--ad68d{
|
|
10579
10050
|
align-items:center;
|
|
10580
10051
|
border:none;
|
|
10581
10052
|
border-radius:var(--chip-radius);
|
|
@@ -10585,15 +10056,34 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10585
10056
|
gap:var(--chip-gap);
|
|
10586
10057
|
height:var(--chip-height);
|
|
10587
10058
|
}
|
|
10588
|
-
.bp_chip_module_chip--
|
|
10059
|
+
.bp_chip_module_chip--ad68d:disabled{
|
|
10589
10060
|
color:var(--chip-text-color-disabled);
|
|
10590
10061
|
cursor:default;
|
|
10591
10062
|
pointer-events:none;
|
|
10592
10063
|
}
|
|
10593
|
-
.bp_chip_module_chip--
|
|
10064
|
+
.bp_chip_module_chip--ad68d:disabled svg{
|
|
10594
10065
|
opacity:.4;
|
|
10595
10066
|
}
|
|
10596
|
-
.bp_chip_module_chip--
|
|
10067
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_chipStatus--ad68d{
|
|
10068
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10069
|
+
font-size:var(--bp-font-size-02);
|
|
10070
|
+
font-style:normal;
|
|
10071
|
+
font-weight:var(--bp-font-weight-bold);
|
|
10072
|
+
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
10073
|
+
line-height:var(--bp-font-line-height-03);
|
|
10074
|
+
}
|
|
10075
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d .bp_chip_module_chipStatus--ad68d{
|
|
10076
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10077
|
+
font-size:.625rem;
|
|
10078
|
+
font-style:normal;
|
|
10079
|
+
font-weight:550;
|
|
10080
|
+
letter-spacing:.01875rem;
|
|
10081
|
+
line-height:1rem;
|
|
10082
|
+
text-decoration:none;
|
|
10083
|
+
text-transform:none;
|
|
10084
|
+
}
|
|
10085
|
+
|
|
10086
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_chipStatus--ad68d{
|
|
10597
10087
|
align-items:center;
|
|
10598
10088
|
background-color:var(--chip-status-background-default);
|
|
10599
10089
|
border-radius:var(--chip-status-radius);
|
|
@@ -10605,100 +10095,173 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10605
10095
|
justify-content:center;
|
|
10606
10096
|
padding:var(--chip-status-padding);
|
|
10607
10097
|
}
|
|
10608
|
-
.bp_chip_module_chip--
|
|
10098
|
+
.bp_chip_module_chip--ad68d .bp_chip_module_labelText--ad68d{
|
|
10609
10099
|
white-space:nowrap;
|
|
10610
10100
|
}
|
|
10611
|
-
.bp_chip_module_chip--
|
|
10101
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d{
|
|
10102
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10103
|
+
font-size:var(--bp-font-size-05);
|
|
10104
|
+
font-style:normal;
|
|
10105
|
+
font-weight:var(--bp-font-weight-regular);
|
|
10106
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10107
|
+
line-height:var(--bp-font-line-height-04);
|
|
10108
|
+
}
|
|
10109
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d{
|
|
10110
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10111
|
+
font-size:.875rem;
|
|
10112
|
+
font-style:normal;
|
|
10113
|
+
font-weight:450;
|
|
10114
|
+
letter-spacing:.00625rem;
|
|
10115
|
+
line-height:1.375rem;
|
|
10116
|
+
text-decoration:none;
|
|
10117
|
+
text-transform:none;
|
|
10118
|
+
}
|
|
10119
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:focus-visible{
|
|
10612
10120
|
box-shadow:0 0 0 var(--chip-button-outline-width) var(--chip-button-outline-width);
|
|
10613
10121
|
outline:none;
|
|
10614
10122
|
overflow:visible;
|
|
10615
10123
|
}
|
|
10616
|
-
.bp_chip_module_chip--
|
|
10124
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d path{
|
|
10617
10125
|
fill:var(--chip-button-icon-color);
|
|
10618
10126
|
}
|
|
10619
|
-
.bp_chip_module_chip--
|
|
10127
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d{
|
|
10620
10128
|
background-color:var(--chip-button-background);
|
|
10621
10129
|
}
|
|
10622
|
-
.bp_chip_module_chip--
|
|
10130
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d .bp_chip_module_chipStatus--ad68d{
|
|
10623
10131
|
background-color:var(--chip-button-status-background);
|
|
10624
10132
|
color:var(--chip-button-status-text-color);
|
|
10625
10133
|
}
|
|
10626
|
-
.bp_chip_module_chip--
|
|
10134
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:focus-visible,.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d[data-active-item]{
|
|
10627
10135
|
box-shadow:var(--chip-button-focus-box-shadow);
|
|
10628
10136
|
outline:none;
|
|
10629
10137
|
}
|
|
10630
|
-
.bp_chip_module_chip--
|
|
10138
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:disabled{
|
|
10631
10139
|
pointer-events:none;
|
|
10632
10140
|
}
|
|
10633
|
-
.bp_chip_module_chip--
|
|
10141
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:disabled .bp_chip_module_chipStatus--ad68d,.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:disabled svg{
|
|
10634
10142
|
opacity:.4;
|
|
10635
10143
|
}
|
|
10636
|
-
.bp_chip_module_chip--
|
|
10144
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_chipButton--ad68d:hover:enabled{
|
|
10637
10145
|
background-color:var(--chip-button-background-hover);
|
|
10638
10146
|
}
|
|
10639
|
-
.bp_chip_module_chip--
|
|
10147
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d path{
|
|
10640
10148
|
fill:var(--chip-single-select-icon-color);
|
|
10641
10149
|
}
|
|
10642
|
-
.bp_chip_module_chip--
|
|
10150
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d{
|
|
10643
10151
|
background-color:var(--chip-single-select-background);
|
|
10644
10152
|
}
|
|
10645
|
-
.bp_chip_module_chip--
|
|
10153
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d[data-state=on] path{
|
|
10646
10154
|
fill:var(--chip-single-select-text-color-selected);
|
|
10647
10155
|
}
|
|
10648
|
-
.bp_chip_module_chip--
|
|
10156
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d[data-state=on]{
|
|
10649
10157
|
background-color:var(--chip-single-select-background-selected);
|
|
10650
10158
|
color:var(--chip-single-select-text-color-selected);
|
|
10651
10159
|
}
|
|
10652
|
-
.bp_chip_module_chip--
|
|
10160
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d[data-state=on]:hover{
|
|
10653
10161
|
background-color:var(--chip-single-select-background-selected-hover);
|
|
10654
10162
|
}
|
|
10655
|
-
.bp_chip_module_chip--
|
|
10163
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d[data-state=on] .bp_chip_module_chipStatus--ad68d{
|
|
10656
10164
|
color:var(--chip-single-select-status-text-color-selected);
|
|
10657
10165
|
}
|
|
10658
|
-
.bp_chip_module_chip--
|
|
10166
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d:focus-visible,.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d[data-active-item]{
|
|
10659
10167
|
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
10660
10168
|
outline:var(--border-1) solid var(--gray-white);
|
|
10661
10169
|
outline-offset:calc(var(--border-1)*-1);
|
|
10662
10170
|
}
|
|
10663
|
-
.bp_chip_module_chip--
|
|
10171
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_singleSelectChip--ad68d:hover:not([data-state=on]){
|
|
10664
10172
|
background-color:var(--chip-single-select-background-hover);
|
|
10665
10173
|
}
|
|
10666
|
-
.bp_chip_module_chip--
|
|
10174
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d{
|
|
10175
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10176
|
+
font-size:var(--bp-font-size-05);
|
|
10177
|
+
font-style:normal;
|
|
10178
|
+
font-weight:var(--bp-font-weight-regular);
|
|
10179
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10180
|
+
line-height:var(--bp-font-line-height-04);
|
|
10181
|
+
}
|
|
10182
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d{
|
|
10183
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10184
|
+
font-size:.875rem;
|
|
10185
|
+
font-style:normal;
|
|
10186
|
+
font-weight:450;
|
|
10187
|
+
letter-spacing:.00625rem;
|
|
10188
|
+
line-height:1.375rem;
|
|
10189
|
+
text-decoration:none;
|
|
10190
|
+
text-transform:none;
|
|
10191
|
+
}
|
|
10192
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d path{
|
|
10667
10193
|
fill:var(--chip-multi-select-icon-color);
|
|
10668
10194
|
}
|
|
10669
|
-
.bp_chip_module_chip--
|
|
10195
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d{
|
|
10670
10196
|
background-color:var(--chip-multi-select-background);
|
|
10671
10197
|
}
|
|
10672
|
-
.bp_chip_module_chip--
|
|
10198
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on]{
|
|
10199
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10200
|
+
font-size:var(--bp-font-size-05);
|
|
10201
|
+
font-style:normal;
|
|
10202
|
+
font-weight:var(--bp-font-weight-bold);
|
|
10203
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10204
|
+
line-height:var(--bp-font-line-height-04);
|
|
10205
|
+
}
|
|
10206
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on]{
|
|
10207
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10208
|
+
font-size:.875rem;
|
|
10209
|
+
font-style:normal;
|
|
10210
|
+
font-weight:600;
|
|
10211
|
+
letter-spacing:.00625rem;
|
|
10212
|
+
line-height:1.375rem;
|
|
10213
|
+
text-decoration:none;
|
|
10214
|
+
text-transform:none;
|
|
10215
|
+
}
|
|
10216
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on] path{
|
|
10673
10217
|
fill:var(--chip-multi-select-text-color-selected);
|
|
10674
10218
|
}
|
|
10675
|
-
.bp_chip_module_chip--
|
|
10219
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on]{
|
|
10676
10220
|
background-color:var(--chip-multi-select-background-selected);
|
|
10677
10221
|
border:var(--chip-multi-select-border-selected);
|
|
10678
10222
|
color:var(--chip-multi-select-text-color-selected);
|
|
10679
10223
|
}
|
|
10680
|
-
.bp_chip_module_chip--
|
|
10224
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on]:hover{
|
|
10681
10225
|
background-color:var(--chip-multi-select-background-selected-hover);
|
|
10682
10226
|
}
|
|
10683
|
-
.bp_chip_module_chip--
|
|
10227
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on]:focus-visible,.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on][data-active-item]{
|
|
10684
10228
|
border:var(--chip-multi-select-focus-border-selected);
|
|
10685
10229
|
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
10686
10230
|
outline:var(--border-1) solid var(--chip-multi-select-border-color-selected);
|
|
10687
10231
|
outline-offset:calc(var(--border-2)*-1);
|
|
10688
10232
|
}
|
|
10689
|
-
.bp_chip_module_chip--
|
|
10233
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-state=on] .bp_chip_module_chipStatus--ad68d{
|
|
10690
10234
|
background-color:var(--chip-multi-select-status-background-selected);
|
|
10691
10235
|
color:var(--chip-multi-select-status-text-color-selected);
|
|
10692
10236
|
}
|
|
10693
|
-
.bp_chip_module_chip--
|
|
10237
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d:focus-visible:not([data-state=on]),.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d[data-active-item]:not([data-state=on]){
|
|
10694
10238
|
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
10695
10239
|
outline:var(--border-1) solid var(--gray-white);
|
|
10696
10240
|
outline-offset:calc(var(--border-1)*-1);
|
|
10697
10241
|
}
|
|
10698
|
-
.bp_chip_module_chip--
|
|
10242
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d:hover:not([data-state=on]){
|
|
10699
10243
|
background-color:var(--chip-multi-select-background-hover);
|
|
10700
10244
|
}
|
|
10701
|
-
.bp_chip_module_chip--
|
|
10245
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d span::before{
|
|
10246
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10247
|
+
font-size:var(--bp-font-size-05);
|
|
10248
|
+
font-style:normal;
|
|
10249
|
+
font-weight:var(--bp-font-weight-bold);
|
|
10250
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10251
|
+
line-height:var(--bp-font-line-height-04);
|
|
10252
|
+
}
|
|
10253
|
+
:where(body.is-inter-font) .bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d span::before{
|
|
10254
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10255
|
+
font-size:.875rem;
|
|
10256
|
+
font-style:normal;
|
|
10257
|
+
font-weight:600;
|
|
10258
|
+
letter-spacing:.00625rem;
|
|
10259
|
+
line-height:1.375rem;
|
|
10260
|
+
text-decoration:none;
|
|
10261
|
+
text-transform:none;
|
|
10262
|
+
}
|
|
10263
|
+
|
|
10264
|
+
.bp_chip_module_chip--ad68d.bp_chip_module_multiSelectChip--ad68d span::before{
|
|
10702
10265
|
content:attr(data-text);
|
|
10703
10266
|
display:block;
|
|
10704
10267
|
height:0;
|
|
@@ -10706,30 +10269,22 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
10706
10269
|
visibility:hidden;
|
|
10707
10270
|
}
|
|
10708
10271
|
|
|
10709
|
-
.bp_chip_module_chipsGroup--
|
|
10710
|
-
--chips-group-gap:var(--space-2);
|
|
10711
|
-
--chips-group-small-screen-padding:var(--space-05);
|
|
10712
|
-
}
|
|
10713
|
-
|
|
10714
|
-
.bp_chip_module_chipsGroup--e6fd2[data-modern=true]{
|
|
10272
|
+
.bp_chip_module_chipsGroup--ad68d{
|
|
10715
10273
|
--chips-group-gap:var(--bp-space-020);
|
|
10716
10274
|
--chips-group-small-screen-padding:var(--bp-space-005);
|
|
10717
|
-
}
|
|
10718
|
-
|
|
10719
|
-
.bp_chip_module_chipsGroup--e6fd2{
|
|
10720
10275
|
display:flex;
|
|
10721
10276
|
flex-wrap:wrap;
|
|
10722
10277
|
gap:var(--chips-group-gap);
|
|
10723
10278
|
}
|
|
10724
10279
|
@media (max-width: 767px){
|
|
10725
|
-
.bp_chip_module_chipsGroup--
|
|
10280
|
+
.bp_chip_module_chipsGroup--ad68d{
|
|
10726
10281
|
-ms-overflow-style:none;
|
|
10727
10282
|
scrollbar-width:none;
|
|
10728
10283
|
}
|
|
10729
|
-
.bp_chip_module_chipsGroup--
|
|
10284
|
+
.bp_chip_module_chipsGroup--ad68d::-webkit-scrollbar{
|
|
10730
10285
|
display:none;
|
|
10731
10286
|
}
|
|
10732
|
-
.bp_chip_module_chipsGroup--
|
|
10287
|
+
.bp_chip_module_chipsGroup--ad68d{
|
|
10733
10288
|
flex-wrap:nowrap;
|
|
10734
10289
|
overflow-x:scroll;
|
|
10735
10290
|
padding:var(--chips-group-small-screen-padding);
|
|
@@ -12445,18 +12000,8 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12445
12000
|
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-disabled=true]{
|
|
12446
12001
|
opacity:.5;
|
|
12447
12002
|
}
|
|
12448
|
-
.bp_radio_group_module_root--
|
|
12449
|
-
--radio-line-height:var(--
|
|
12450
|
-
font-family:var(--body-default-font-family);
|
|
12451
|
-
font-size:var(--body-default-font-size);
|
|
12452
|
-
font-weight:var(--body-default-font-weight);
|
|
12453
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
12454
|
-
line-height:var(--body-default-line-height);
|
|
12455
|
-
text-decoration:var(--body-default-text-decoration);
|
|
12456
|
-
text-transform:var(--body-default-text-case);
|
|
12457
|
-
}
|
|
12458
|
-
|
|
12459
|
-
.bp_radio_group_module_root--c45d0[data-modern=true]{
|
|
12003
|
+
.bp_radio_group_module_root--8c22a{
|
|
12004
|
+
--radio-line-height:var(--bp-font-line-height-04);
|
|
12460
12005
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12461
12006
|
font-size:var(--bp-font-size-05);
|
|
12462
12007
|
font-style:normal;
|
|
@@ -12464,7 +12009,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12464
12009
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12465
12010
|
line-height:var(--bp-font-line-height-04);
|
|
12466
12011
|
}
|
|
12467
|
-
:where(body.is-inter-font) .bp_radio_group_module_root--
|
|
12012
|
+
:where(body.is-inter-font) .bp_radio_group_module_root--8c22a{
|
|
12468
12013
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12469
12014
|
font-size:.875rem;
|
|
12470
12015
|
font-style:normal;
|
|
@@ -12475,41 +12020,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12475
12020
|
text-transform:none;
|
|
12476
12021
|
}
|
|
12477
12022
|
|
|
12478
|
-
.bp_radio_group_module_root--
|
|
12479
|
-
--radio-line-height:var(--bp-font-line-height-04);
|
|
12480
|
-
}
|
|
12481
|
-
|
|
12482
|
-
.bp_radio_group_module_root--c45d0{
|
|
12023
|
+
.bp_radio_group_module_root--8c22a{
|
|
12483
12024
|
display:flex;
|
|
12484
12025
|
flex-direction:column;
|
|
12485
12026
|
gap:var(--space-2);
|
|
12486
12027
|
}
|
|
12487
12028
|
|
|
12488
|
-
.bp_radio_group_module_horizontal--
|
|
12029
|
+
.bp_radio_group_module_horizontal--8c22a{
|
|
12489
12030
|
flex-direction:row;
|
|
12490
12031
|
gap:1.625rem;
|
|
12491
12032
|
}
|
|
12492
12033
|
|
|
12493
|
-
.bp_radio_group_module_radioOption--
|
|
12034
|
+
.bp_radio_group_module_radioOption--8c22a{
|
|
12494
12035
|
display:flex;
|
|
12495
12036
|
flex-direction:column;
|
|
12496
12037
|
}
|
|
12497
|
-
.bp_radio_group_module_radioOption--
|
|
12038
|
+
.bp_radio_group_module_radioOption--8c22a .bp_radio_group_module_label--8c22a{
|
|
12498
12039
|
align-items:flex-start;
|
|
12499
12040
|
cursor:pointer;
|
|
12500
12041
|
display:inline-flex;
|
|
12501
12042
|
gap:var(--size-3);
|
|
12502
12043
|
width:fit-content;
|
|
12503
12044
|
}
|
|
12504
|
-
.bp_radio_group_module_radioOption--
|
|
12045
|
+
.bp_radio_group_module_radioOption--8c22a .bp_radio_group_module_description--8c22a{
|
|
12505
12046
|
padding-left:calc(var(--size-4) + var(--size-3));
|
|
12506
12047
|
}
|
|
12507
|
-
.bp_radio_group_module_radioOption--
|
|
12048
|
+
.bp_radio_group_module_radioOption--8c22a.bp_radio_group_module_disabled--8c22a .bp_radio_group_module_label--8c22a,[role=radiogroup][data-disabled] .bp_radio_group_module_radioOption--8c22a .bp_radio_group_module_label--8c22a{
|
|
12508
12049
|
color:var(--text-text-on-light-secondary);
|
|
12509
12050
|
cursor:default;
|
|
12510
12051
|
}
|
|
12511
12052
|
|
|
12512
|
-
.bp_radio_group_module_radioButton--
|
|
12053
|
+
.bp_radio_group_module_radioButton--8c22a{
|
|
12513
12054
|
all:unset;
|
|
12514
12055
|
align-items:center;
|
|
12515
12056
|
background-color:var(--surface-radio-surface);
|
|
@@ -12523,53 +12064,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12523
12064
|
margin:calc((var(--radio-line-height) - var(--size-4))/2) 0 0;
|
|
12524
12065
|
width:var(--size-4);
|
|
12525
12066
|
}
|
|
12526
|
-
.bp_radio_group_module_radioButton--
|
|
12067
|
+
.bp_radio_group_module_radioButton--8c22a .bp_radio_group_module_indicator--8c22a{
|
|
12527
12068
|
background-color:var(--surface-radio-surface-selected);
|
|
12528
12069
|
border-radius:50%;
|
|
12529
12070
|
height:var(--size-2);
|
|
12530
12071
|
transition:transform .1s;
|
|
12531
12072
|
width:var(--size-2);
|
|
12532
12073
|
}
|
|
12533
|
-
.bp_radio_group_module_radioButton--
|
|
12074
|
+
.bp_radio_group_module_radioButton--8c22a:focus-visible{
|
|
12534
12075
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
12535
12076
|
}
|
|
12536
|
-
.bp_radio_group_module_radioButton--
|
|
12077
|
+
.bp_radio_group_module_radioButton--8c22a[data-disabled]{
|
|
12537
12078
|
opacity:var(--disabled-opacity);
|
|
12538
12079
|
}
|
|
12539
|
-
.bp_radio_group_module_radioButton--
|
|
12080
|
+
.bp_radio_group_module_radioButton--8c22a[data-state=unchecked]{
|
|
12540
12081
|
background-color:var(--surface-radio-surface);
|
|
12541
12082
|
border:var(--border-2) solid var(--border-radio-border);
|
|
12542
12083
|
}
|
|
12543
|
-
.bp_radio_group_module_radioButton--
|
|
12084
|
+
.bp_radio_group_module_radioButton--8c22a[data-state=unchecked] .bp_radio_group_module_indicator--8c22a{
|
|
12544
12085
|
transform:scale(0);
|
|
12545
12086
|
}
|
|
12546
|
-
.bp_radio_group_module_radioButton--
|
|
12087
|
+
.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):focus-visible,.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):hover{
|
|
12547
12088
|
border:var(--border-2) solid var(--border-radio-border-hover);
|
|
12548
12089
|
}
|
|
12549
|
-
.bp_radio_group_module_radioButton--
|
|
12090
|
+
.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):focus-visible[data-state=checked],.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):hover[data-state=checked]{
|
|
12550
12091
|
border:var(--border-2) solid var(--border-radio-border-selected-hover);
|
|
12551
12092
|
}
|
|
12552
|
-
.bp_radio_group_module_radioButton--
|
|
12093
|
+
.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):focus-visible[data-state=checked] .bp_radio_group_module_indicator--8c22a,.bp_radio_group_module_radioButton--8c22a:not([data-disabled]):hover[data-state=checked] .bp_radio_group_module_indicator--8c22a{
|
|
12553
12094
|
background-color:var(--surface-radio-surface-selected-hover);
|
|
12554
12095
|
}
|
|
12555
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12556
|
-
--radio-tile-background:var(--surface-radiotile-surface);
|
|
12557
|
-
--radio-tile-border:var(--border-1) solid var(--border-radiotile-border);
|
|
12558
|
-
--radio-tile-border-radius:var(--radius-3);
|
|
12559
|
-
--radio-tile-icon-color:var(--icon-icon-on-light-secondary);
|
|
12560
|
-
--radio-tile-checked-background:var(--surface-radiotile-surface-selected);
|
|
12561
|
-
--radio-tile-checked-box-shadow:0 0 0 var(--border-2) var(--border-radiotile-border-selected);
|
|
12562
|
-
--radio-tile-hover-background:var(--surface-radiotile-surface-hover);
|
|
12563
|
-
--radio-tile-hover-border:var(--border-1) solid var(--border-radiotile-border-hover);
|
|
12564
|
-
--radio-tile-focus-outline:var(--border-2) solid var(--border-input-border-focus);
|
|
12565
|
-
--radio-tile-focus-outline-offset:var(--border-2);
|
|
12566
|
-
--radio-tile-checked-focus-outline-offset:var(--border-3);
|
|
12567
|
-
--radio-tile-label-padding-default:var(--space-2);
|
|
12568
|
-
--radio-tile-label-padding-icon-only:var(--space-2);
|
|
12569
|
-
--radio-tile-label-padding-label-only:var(--space-2);
|
|
12570
|
-
}
|
|
12571
|
-
|
|
12572
|
-
.bp_radio_tiles_option_module_radioTileOption--8a512[data-modern=true]{
|
|
12096
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939{
|
|
12573
12097
|
--radio-tile-background:var(--bp-surface-radio-tile-surface);
|
|
12574
12098
|
--radio-tile-border:var(--bp-border-01) solid var(--bp-border-radio-tile-border);
|
|
12575
12099
|
--radio-tile-border-radius:var(--bp-radius-06);
|
|
@@ -12584,9 +12108,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12584
12108
|
--radio-tile-label-padding-default:var(--bp-space-030);
|
|
12585
12109
|
--radio-tile-label-padding-icon-only:var(--bp-space-020);
|
|
12586
12110
|
--radio-tile-label-padding-label-only:var(--bp-space-020) var(--bp-space-030);
|
|
12587
|
-
}
|
|
12588
|
-
|
|
12589
|
-
.bp_radio_tiles_option_module_radioTileOption--8a512{
|
|
12590
12111
|
background-color:var(--radio-tile-background);
|
|
12591
12112
|
border:var(--radio-tile-border);
|
|
12592
12113
|
border-radius:var(--radio-tile-border-radius);
|
|
@@ -12602,36 +12123,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12602
12123
|
-webkit-user-select:none;
|
|
12603
12124
|
user-select:none;
|
|
12604
12125
|
}
|
|
12605
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12126
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939 .bp_radio_tiles_option_module_icon--d5939{
|
|
12606
12127
|
display:inline-flex;
|
|
12607
12128
|
}
|
|
12608
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12129
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939 .bp_radio_tiles_option_module_icon--d5939 > svg > path{
|
|
12609
12130
|
fill:var(--radio-tile-icon-color);
|
|
12610
12131
|
}
|
|
12611
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12132
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939.bp_radio_tiles_option_module_disabled--d5939{
|
|
12612
12133
|
cursor:default;
|
|
12613
12134
|
opacity:.6;
|
|
12614
12135
|
}
|
|
12615
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12136
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939:has(:focus-visible){
|
|
12616
12137
|
outline:var(--radio-tile-focus-outline);
|
|
12617
12138
|
outline-offset:var(--radio-tile-focus-outline-offset);
|
|
12618
12139
|
}
|
|
12619
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12140
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939.bp_radio_tiles_option_module_checked--d5939{
|
|
12620
12141
|
background-color:var(--radio-tile-checked-background);
|
|
12621
12142
|
border-color:#0000;
|
|
12622
12143
|
box-shadow:var(--radio-tile-checked-box-shadow);
|
|
12623
12144
|
}
|
|
12624
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12145
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939.bp_radio_tiles_option_module_checked--d5939:focus-within{
|
|
12625
12146
|
outline-offset:var(--radio-tile-checked-focus-outline-offset);
|
|
12626
12147
|
}
|
|
12627
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12148
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939.bp_radio_tiles_option_module_checked--d5939 .bp_radio_tiles_option_module_icon--d5939 > svg > path{
|
|
12628
12149
|
fill:var(--icon-icon-blue);
|
|
12629
12150
|
}
|
|
12630
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12151
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939:hover:not(.bp_radio_tiles_option_module_disabled--d5939, .bp_radio_tiles_option_module_checked--d5939){
|
|
12631
12152
|
background-color:var(--radio-tile-hover-background);
|
|
12632
12153
|
border:var(--radio-tile-hover-border);
|
|
12633
12154
|
}
|
|
12634
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12155
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939 > label{
|
|
12635
12156
|
align-items:center;
|
|
12636
12157
|
box-sizing:border-box;
|
|
12637
12158
|
cursor:inherit;
|
|
@@ -12642,14 +12163,14 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12642
12163
|
padding:var(--radio-tile-label-padding-default);
|
|
12643
12164
|
width:100%;
|
|
12644
12165
|
}
|
|
12645
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12166
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939 > label.bp_radio_tiles_option_module_iconOnly--d5939{
|
|
12646
12167
|
padding:var(--radio-tile-label-padding-icon-only);
|
|
12647
12168
|
}
|
|
12648
|
-
.bp_radio_tiles_option_module_radioTileOption--
|
|
12169
|
+
.bp_radio_tiles_option_module_radioTileOption--d5939 > label.bp_radio_tiles_option_module_labelOnly--d5939{
|
|
12649
12170
|
padding:var(--radio-tile-label-padding-label-only);
|
|
12650
12171
|
}
|
|
12651
12172
|
|
|
12652
|
-
.bp_radio_tiles_option_module_radioTileLabel--
|
|
12173
|
+
.bp_radio_tiles_option_module_radioTileLabel--d5939{
|
|
12653
12174
|
max-width:100%;
|
|
12654
12175
|
overflow:hidden;
|
|
12655
12176
|
text-align:center;
|
|
@@ -13684,58 +13205,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13684
13205
|
background:var(--text-toggle-button-background-on-pressed);
|
|
13685
13206
|
border-color:var(--text-toggle-button-border-color-on-pressed);
|
|
13686
13207
|
}
|
|
13687
|
-
.bp_time_picker_module_timePicker--
|
|
13688
|
-
--time-picker-label-margin-bottom:var(--space-2);
|
|
13689
|
-
--time-picker-label-color:var(--text-text-on-light);
|
|
13690
|
-
--time-picker-height:var(--size-10);
|
|
13691
|
-
--time-picker-background:var(--surface-input-surface);
|
|
13692
|
-
--time-picker-outline:var(--border-1) solid var(--border-input-border);
|
|
13693
|
-
--time-picker-outline-hover:var(--border-1) solid var(--border-input-border);
|
|
13694
|
-
--time-picker-border-radius:var(--radius-2);
|
|
13695
|
-
--time-picker-inner-shadow:var(--innershadow-1);
|
|
13696
|
-
--time-picker-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
13697
|
-
--time-picker-error-outline:var(--border-2) solid var(--text-text-error-on-light);
|
|
13698
|
-
--time-picker-padding-inline:var(--space-3) var(--space-4);
|
|
13699
|
-
--time-picker-text-color:var(--text-text-on-light);
|
|
13700
|
-
--time-picker-input-segment-border-radius:var(--radius-1);
|
|
13701
|
-
--time-picker-data-placeholder-color:var(--text-text-on-light-secondary);
|
|
13702
|
-
--time-picker-spin-button-margin:0 var(--space-05);
|
|
13703
|
-
--time-picker-spin-button-padding:0 var(--space-1);
|
|
13704
|
-
--time-picker-input-segment-active-background:var(--box-blue-100);
|
|
13705
|
-
--time-picker-input-segment-active-text-color:var(--text-text-on-dark);
|
|
13706
|
-
--time-picker-clear-button-size:var(--size-4);
|
|
13707
|
-
--time-picker-clear-button-right-offset:var(--size-11);
|
|
13708
|
-
--time-picker-clear-button-radius:var(--radius-2);
|
|
13709
|
-
--time-picker-clear-button-background:#0000;
|
|
13710
|
-
--time-picker-clear-button-hover-background:var(--surface-cta-surface-icon-hover);
|
|
13711
|
-
--time-picker-clear-button-active-background:var(--surface-cta-surface-icon-pressed);
|
|
13712
|
-
--time-picker-clear-button-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
13713
|
-
--time-picker-clear-button-hover-icon-color:var(--icon-cta-icon-hover);
|
|
13714
|
-
--time-picker-clear-button-active-icon-color:var(--icon-cta-icon-pressed);
|
|
13715
|
-
--time-picker-clock-icon-right-offset:var(--space-4);
|
|
13716
|
-
--time-picker-inline-error-margin-top:var(--space-2);
|
|
13717
|
-
--time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
|
|
13718
|
-
}
|
|
13719
|
-
.bp_time_picker_module_timePicker--3d8a3[data-modern=false] .bp_time_picker_module_label--3d8a3{
|
|
13720
|
-
font-family:var(--body-default-bold-font-family);
|
|
13721
|
-
font-size:var(--body-default-bold-font-size);
|
|
13722
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
13723
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
13724
|
-
line-height:var(--body-default-bold-line-height);
|
|
13725
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
13726
|
-
text-transform:var(--body-default-bold-text-case);
|
|
13727
|
-
}
|
|
13728
|
-
.bp_time_picker_module_timePicker--3d8a3[data-modern=false] .bp_time_picker_module_group--3d8a3{
|
|
13729
|
-
font-family:var(--body-default-font-family);
|
|
13730
|
-
font-size:var(--body-default-font-size);
|
|
13731
|
-
font-weight:var(--body-default-font-weight);
|
|
13732
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
13733
|
-
line-height:var(--body-default-line-height);
|
|
13734
|
-
text-decoration:var(--body-default-text-decoration);
|
|
13735
|
-
text-transform:var(--body-default-text-case);
|
|
13736
|
-
}
|
|
13737
|
-
|
|
13738
|
-
.bp_time_picker_module_timePicker--3d8a3[data-modern=true]{
|
|
13208
|
+
.bp_time_picker_module_timePicker--96cfe{
|
|
13739
13209
|
--time-picker-label-margin-bottom:var(--bp-space-020);
|
|
13740
13210
|
--time-picker-label-color:var(--bp-text-text-on-light);
|
|
13741
13211
|
--time-picker-height:var(--bp-size-100);
|
|
@@ -13766,8 +13236,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13766
13236
|
--time-picker-clock-icon-right-offset:var(--bp-space-040);
|
|
13767
13237
|
--time-picker-inline-error-margin-top:var(--bp-space-020);
|
|
13768
13238
|
--time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
|
|
13239
|
+
width:100%;
|
|
13769
13240
|
}
|
|
13770
|
-
.bp_time_picker_module_timePicker--
|
|
13241
|
+
.bp_time_picker_module_timePicker--96cfe.bp_time_picker_module_disabled--96cfe{
|
|
13242
|
+
opacity:var(--disabled-opacity);
|
|
13243
|
+
pointer-events:none;
|
|
13244
|
+
-webkit-user-select:none;
|
|
13245
|
+
user-select:none;
|
|
13246
|
+
}
|
|
13247
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_label--96cfe{
|
|
13771
13248
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13772
13249
|
font-size:var(--bp-font-size-05);
|
|
13773
13250
|
font-style:normal;
|
|
@@ -13775,7 +13252,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13775
13252
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
13776
13253
|
line-height:var(--bp-font-line-height-04);
|
|
13777
13254
|
}
|
|
13778
|
-
:where(body.is-inter-font) .bp_time_picker_module_timePicker--
|
|
13255
|
+
:where(body.is-inter-font) .bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_label--96cfe{
|
|
13779
13256
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13780
13257
|
font-size:.875rem;
|
|
13781
13258
|
font-style:normal;
|
|
@@ -13786,7 +13263,14 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13786
13263
|
text-transform:none;
|
|
13787
13264
|
}
|
|
13788
13265
|
|
|
13789
|
-
.bp_time_picker_module_timePicker--
|
|
13266
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_label--96cfe{
|
|
13267
|
+
color:var(--time-picker-label-color);
|
|
13268
|
+
cursor:default;
|
|
13269
|
+
display:block;
|
|
13270
|
+
margin-block-end:var(--time-picker-label-margin-bottom);
|
|
13271
|
+
width:fit-content;
|
|
13272
|
+
}
|
|
13273
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe{
|
|
13790
13274
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13791
13275
|
font-size:var(--bp-font-size-05);
|
|
13792
13276
|
font-style:normal;
|
|
@@ -13794,7 +13278,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13794
13278
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
13795
13279
|
line-height:var(--bp-font-line-height-04);
|
|
13796
13280
|
}
|
|
13797
|
-
:where(body.is-inter-font) .bp_time_picker_module_timePicker--
|
|
13281
|
+
:where(body.is-inter-font) .bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe{
|
|
13798
13282
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13799
13283
|
font-size:.875rem;
|
|
13800
13284
|
font-style:normal;
|
|
@@ -13805,23 +13289,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13805
13289
|
text-transform:none;
|
|
13806
13290
|
}
|
|
13807
13291
|
|
|
13808
|
-
.bp_time_picker_module_timePicker--
|
|
13809
|
-
width:100%;
|
|
13810
|
-
}
|
|
13811
|
-
.bp_time_picker_module_timePicker--3d8a3.bp_time_picker_module_disabled--3d8a3{
|
|
13812
|
-
opacity:var(--disabled-opacity);
|
|
13813
|
-
pointer-events:none;
|
|
13814
|
-
-webkit-user-select:none;
|
|
13815
|
-
user-select:none;
|
|
13816
|
-
}
|
|
13817
|
-
.bp_time_picker_module_timePicker--3d8a3 .bp_time_picker_module_label--3d8a3{
|
|
13818
|
-
color:var(--time-picker-label-color);
|
|
13819
|
-
cursor:default;
|
|
13820
|
-
display:block;
|
|
13821
|
-
margin-block-end:var(--time-picker-label-margin-bottom);
|
|
13822
|
-
width:fit-content;
|
|
13823
|
-
}
|
|
13824
|
-
.bp_time_picker_module_timePicker--3d8a3 .bp_time_picker_module_group--3d8a3{
|
|
13292
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe{
|
|
13825
13293
|
align-items:center;
|
|
13826
13294
|
background-color:var(--time-picker-background);
|
|
13827
13295
|
border-radius:var(--time-picker-border-radius);
|
|
@@ -13833,19 +13301,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13833
13301
|
position:relative;
|
|
13834
13302
|
width:100%;
|
|
13835
13303
|
}
|
|
13836
|
-
.bp_time_picker_module_timePicker--
|
|
13304
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe:hover{
|
|
13837
13305
|
outline:var(--time-picker-outline-hover);
|
|
13838
13306
|
}
|
|
13839
|
-
.bp_time_picker_module_timePicker--
|
|
13307
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe:focus-within{
|
|
13840
13308
|
outline:var(--time-picker-focus-outline);
|
|
13841
13309
|
}
|
|
13842
|
-
.bp_time_picker_module_timePicker--
|
|
13310
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe.bp_time_picker_module_error--96cfe:not(:focus-within){
|
|
13843
13311
|
outline:var(--time-picker-error-outline);
|
|
13844
13312
|
}
|
|
13845
|
-
.bp_time_picker_module_timePicker--
|
|
13313
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_group--96cfe.bp_time_picker_module_error--96cfe:focus-within{
|
|
13846
13314
|
outline:var(--time-picker-focus-outline);
|
|
13847
13315
|
}
|
|
13848
|
-
.bp_time_picker_module_timePicker--
|
|
13316
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInput--96cfe{
|
|
13849
13317
|
align-items:center;
|
|
13850
13318
|
display:inline-flex;
|
|
13851
13319
|
height:var(--time-picker-height);
|
|
@@ -13853,7 +13321,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13853
13321
|
text-transform:uppercase;
|
|
13854
13322
|
white-space:nowrap;
|
|
13855
13323
|
}
|
|
13856
|
-
.bp_time_picker_module_timePicker--
|
|
13324
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe{
|
|
13857
13325
|
border:unset;
|
|
13858
13326
|
border-radius:unset;
|
|
13859
13327
|
border-radius:var(--time-picker-input-segment-border-radius);
|
|
@@ -13864,27 +13332,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13864
13332
|
transition:unset;
|
|
13865
13333
|
width:unset;
|
|
13866
13334
|
}
|
|
13867
|
-
.bp_time_picker_module_timePicker--
|
|
13335
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe[data-placeholder]{
|
|
13868
13336
|
color:var(--time-picker-data-placeholder-color);
|
|
13869
13337
|
}
|
|
13870
|
-
.bp_time_picker_module_timePicker--
|
|
13338
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe[role=spinbutton]{
|
|
13871
13339
|
border-radius:var(--time-picker-input-segment-border-radius);
|
|
13872
13340
|
margin:var(--time-picker-spin-button-margin);
|
|
13873
13341
|
padding:var(--time-picker-spin-button-padding);
|
|
13874
13342
|
}
|
|
13875
|
-
.bp_time_picker_module_timePicker--
|
|
13343
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe:active,.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe:focus{
|
|
13876
13344
|
background:var(--time-picker-input-segment-active-background);
|
|
13877
13345
|
caret-color:#0000;
|
|
13878
13346
|
color:var(--time-picker-input-segment-active-text-color);
|
|
13879
13347
|
outline:none;
|
|
13880
13348
|
}
|
|
13881
|
-
.bp_time_picker_module_timePicker--
|
|
13349
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe:nth-child(1 of [role=spinbutton]){
|
|
13882
13350
|
margin-inline-start:0;
|
|
13883
13351
|
}
|
|
13884
|
-
.bp_time_picker_module_timePicker--
|
|
13352
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_timeInputSegment--96cfe[data-type=literal] + [data-type=dayPeriod]{
|
|
13885
13353
|
margin-inline-start:calc(var(--space-1)*-1);
|
|
13886
13354
|
}
|
|
13887
|
-
.bp_time_picker_module_timePicker--
|
|
13355
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe{
|
|
13888
13356
|
align-items:center;
|
|
13889
13357
|
background-color:var(--time-picker-clear-button-background);
|
|
13890
13358
|
border:none;
|
|
@@ -13897,30 +13365,30 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13897
13365
|
position:absolute;
|
|
13898
13366
|
right:var(--time-picker-clear-button-right-offset);
|
|
13899
13367
|
}
|
|
13900
|
-
.bp_time_picker_module_timePicker--
|
|
13368
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:focus-visible,.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe[data-focus-visible]{
|
|
13901
13369
|
background-color:var(--time-picker-clear-button-active-background);
|
|
13902
13370
|
outline:var(--time-picker-clear-button-focus-outline);
|
|
13903
13371
|
}
|
|
13904
|
-
.bp_time_picker_module_timePicker--
|
|
13372
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:hover{
|
|
13905
13373
|
background:var(--time-picker-clear-button-hover-background);
|
|
13906
13374
|
}
|
|
13907
|
-
.bp_time_picker_module_timePicker--
|
|
13375
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:hover *{
|
|
13908
13376
|
fill:var(--time-picker-clear-button-hover-icon-color);
|
|
13909
13377
|
}
|
|
13910
|
-
.bp_time_picker_module_timePicker--
|
|
13378
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:active{
|
|
13911
13379
|
background:var(--time-picker-clear-button-active-background);
|
|
13912
13380
|
}
|
|
13913
|
-
.bp_time_picker_module_timePicker--
|
|
13381
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:active *{
|
|
13914
13382
|
fill:var(--time-picker-clear-button-active-icon-color);
|
|
13915
13383
|
}
|
|
13916
|
-
.bp_time_picker_module_timePicker--
|
|
13384
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clearButton--96cfe:disabled{
|
|
13917
13385
|
opacity:1;
|
|
13918
13386
|
}
|
|
13919
|
-
.bp_time_picker_module_timePicker--
|
|
13387
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_clockIcon--96cfe{
|
|
13920
13388
|
position:absolute;
|
|
13921
13389
|
right:var(--time-picker-clock-icon-right-offset);
|
|
13922
13390
|
}
|
|
13923
|
-
.bp_time_picker_module_timePicker--
|
|
13391
|
+
.bp_time_picker_module_timePicker--96cfe .bp_time_picker_module_inlineError--96cfe{
|
|
13924
13392
|
margin-block-start:var(--time-picker-inline-error-margin-top);
|
|
13925
13393
|
}
|
|
13926
13394
|
.bp_toolbar_module_dropdownIndicator--eb4ca.bp_toolbar_module_invertCaret--eb4ca{
|