@box/blueprint-web 18.4.0 → 18.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/blueprint-configuration-context/consts.d.ts +1 -1
- package/dist/lib-esm/blueprint-configuration-context/consts.js +5 -1
- package/dist/lib-esm/components.css +218 -122
- package/dist/lib-esm/index.css +218 -122
- package/dist/lib-esm/primitives/tabs/tab-list.js +31 -5
- package/dist/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/dist/lib-esm/primitives/tabs/use-tab-indicator.d.ts +17 -0
- package/dist/lib-esm/primitives/tabs/use-tab-indicator.js +62 -0
- package/dist/lib-esm/select/select.js +8 -14
- package/dist/lib-esm/select/select.module.js +1 -1
- package/package.json +3 -4
package/dist/lib-esm/index.css
CHANGED
|
@@ -5039,13 +5039,13 @@
|
|
|
5039
5039
|
border-right-color:var(--bp-border-combobox-border-hover);
|
|
5040
5040
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5041
5041
|
}
|
|
5042
|
-
.bp_select_module_ellipsis--
|
|
5042
|
+
.bp_select_module_ellipsis--69358{
|
|
5043
5043
|
overflow:hidden;
|
|
5044
5044
|
text-overflow:ellipsis;
|
|
5045
5045
|
white-space:nowrap;
|
|
5046
5046
|
}
|
|
5047
5047
|
|
|
5048
|
-
.bp_select_module_container--
|
|
5048
|
+
.bp_select_module_container--69358{
|
|
5049
5049
|
--select-gap:var(--bp-space-020);
|
|
5050
5050
|
--select-label-color:var(--bp-text-text-on-light);
|
|
5051
5051
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -5083,7 +5083,7 @@
|
|
|
5083
5083
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5084
5084
|
line-height:var(--bp-font-line-height-04);
|
|
5085
5085
|
}
|
|
5086
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
5086
|
+
:where(body.is-inter-font) .bp_select_module_container--69358{
|
|
5087
5087
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5088
5088
|
font-size:.875rem;
|
|
5089
5089
|
font-style:normal;
|
|
@@ -5094,17 +5094,17 @@
|
|
|
5094
5094
|
text-transform:none;
|
|
5095
5095
|
}
|
|
5096
5096
|
|
|
5097
|
-
.bp_select_module_container--
|
|
5097
|
+
.bp_select_module_container--69358{
|
|
5098
5098
|
--select-trigger-btn-padding-compensation:calc(var(--select-trigger-btn-thick-border-width) - var(--select-trigger-btn-border-width));
|
|
5099
5099
|
--select-trigger-btn-thick-padding-inline:calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-left, var(--select-trigger-btn-padding-compensation))) calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-right, var(--select-trigger-btn-padding-compensation)));
|
|
5100
5100
|
display:flex;
|
|
5101
5101
|
flex-direction:column;
|
|
5102
5102
|
gap:var(--select-gap);
|
|
5103
5103
|
}
|
|
5104
|
-
.bp_select_module_container--
|
|
5104
|
+
.bp_select_module_container--69358.bp_select_module_disabled--69358{
|
|
5105
5105
|
opacity:var(--disabled-opacity);
|
|
5106
5106
|
}
|
|
5107
|
-
.bp_select_module_container--
|
|
5107
|
+
.bp_select_module_container--69358 .bp_select_module_label--69358{
|
|
5108
5108
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5109
5109
|
font-size:var(--bp-font-size-05);
|
|
5110
5110
|
font-style:normal;
|
|
@@ -5112,7 +5112,7 @@
|
|
|
5112
5112
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5113
5113
|
line-height:var(--bp-font-line-height-04);
|
|
5114
5114
|
}
|
|
5115
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
5115
|
+
:where(body.is-inter-font) .bp_select_module_container--69358 .bp_select_module_label--69358{
|
|
5116
5116
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5117
5117
|
font-size:.875rem;
|
|
5118
5118
|
font-style:normal;
|
|
@@ -5123,12 +5123,12 @@
|
|
|
5123
5123
|
text-transform:none;
|
|
5124
5124
|
}
|
|
5125
5125
|
|
|
5126
|
-
.bp_select_module_container--
|
|
5126
|
+
.bp_select_module_container--69358 .bp_select_module_label--69358{
|
|
5127
5127
|
color:var(--select-label-color);
|
|
5128
5128
|
flex:0 0 fit-content;
|
|
5129
5129
|
overflow-wrap:break-word;
|
|
5130
5130
|
}
|
|
5131
|
-
.bp_select_module_container--
|
|
5131
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358{
|
|
5132
5132
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5133
5133
|
font-size:var(--bp-font-size-05);
|
|
5134
5134
|
font-style:normal;
|
|
@@ -5136,7 +5136,7 @@
|
|
|
5136
5136
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5137
5137
|
line-height:var(--bp-font-line-height-04);
|
|
5138
5138
|
}
|
|
5139
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
5139
|
+
:where(body.is-inter-font) .bp_select_module_container--69358 .bp_select_module_triggerBtn--69358{
|
|
5140
5140
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5141
5141
|
font-size:.875rem;
|
|
5142
5142
|
font-style:normal;
|
|
@@ -5147,7 +5147,7 @@
|
|
|
5147
5147
|
text-transform:none;
|
|
5148
5148
|
}
|
|
5149
5149
|
|
|
5150
|
-
.bp_select_module_container--
|
|
5150
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358{
|
|
5151
5151
|
align-items:center;
|
|
5152
5152
|
background-color:var(--select-trigger-btn-bg-color);
|
|
5153
5153
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -5168,7 +5168,7 @@
|
|
|
5168
5168
|
text-align:start;
|
|
5169
5169
|
width:100%;
|
|
5170
5170
|
}
|
|
5171
|
-
.bp_select_module_container--
|
|
5171
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_triggerValue--69358{
|
|
5172
5172
|
align-items:center;
|
|
5173
5173
|
display:flex;
|
|
5174
5174
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -5177,7 +5177,7 @@
|
|
|
5177
5177
|
text-overflow:ellipsis;
|
|
5178
5178
|
white-space:nowrap;
|
|
5179
5179
|
}
|
|
5180
|
-
.bp_select_module_container--
|
|
5180
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_triggerLeftElement--69358{
|
|
5181
5181
|
align-items:center;
|
|
5182
5182
|
display:flex;
|
|
5183
5183
|
flex-shrink:0;
|
|
@@ -5185,21 +5185,21 @@
|
|
|
5185
5185
|
justify-content:center;
|
|
5186
5186
|
width:var(--select-trigger-left-element-size);
|
|
5187
5187
|
}
|
|
5188
|
-
.bp_select_module_container--
|
|
5188
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 span{
|
|
5189
5189
|
overflow:hidden;
|
|
5190
5190
|
text-overflow:ellipsis;
|
|
5191
5191
|
white-space:nowrap;
|
|
5192
5192
|
}
|
|
5193
|
-
.bp_select_module_container--
|
|
5193
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:disabled{
|
|
5194
5194
|
cursor:default;
|
|
5195
5195
|
}
|
|
5196
|
-
.bp_select_module_container--
|
|
5196
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358.bp_select_module_readonly--69358:not(:disabled){
|
|
5197
5197
|
background-color:var(--gray-02);
|
|
5198
5198
|
box-shadow:none;
|
|
5199
5199
|
color:var(--text-text-on-light-secondary);
|
|
5200
5200
|
cursor:default;
|
|
5201
5201
|
}
|
|
5202
|
-
.bp_select_module_container--
|
|
5202
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled).bp_select_module_error--69358, .bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled)[aria-invalid=true]{
|
|
5203
5203
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
5204
5204
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
5205
5205
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
@@ -5207,52 +5207,52 @@
|
|
|
5207
5207
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
5208
5208
|
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
5209
5209
|
}
|
|
5210
|
-
.bp_select_module_container--
|
|
5210
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358):focus,.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled).bp_select_module_error--69358:focus,.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled)[aria-invalid=true]:focus{
|
|
5211
5211
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
5212
5212
|
border:var(--select-trigger-btn-focus-border);
|
|
5213
5213
|
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
5214
5214
|
}
|
|
5215
|
-
.bp_select_module_container--
|
|
5215
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled, :focus, .bp_select_module_error--69358, [aria-invalid=true]):hover{
|
|
5216
5216
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
5217
5217
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
5218
5218
|
}
|
|
5219
|
-
.bp_select_module_container--
|
|
5219
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_iconWrapper--69358{
|
|
5220
5220
|
flex-shrink:0;
|
|
5221
5221
|
-webkit-user-select:none;
|
|
5222
5222
|
user-select:none;
|
|
5223
5223
|
}
|
|
5224
|
-
.bp_select_module_container--
|
|
5224
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_iconCaret--69358{
|
|
5225
5225
|
display:block;
|
|
5226
5226
|
height:var(--select-trigger-btn-caret-height);
|
|
5227
5227
|
width:var(--select-trigger-btn-caret-width);
|
|
5228
5228
|
}
|
|
5229
|
-
.bp_select_module_container--
|
|
5229
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_iconCaret--69358 path{
|
|
5230
5230
|
fill:var(--select-trigger-btn-caret-color);
|
|
5231
5231
|
}
|
|
5232
|
-
.bp_select_module_container--
|
|
5232
|
+
.bp_select_module_container--69358 .bp_select_module_triggerBtn--69358 .bp_select_module_iconPencilCrossed--69358{
|
|
5233
5233
|
display:block;
|
|
5234
5234
|
height:var(--select-trigger-btn-pencil-height);
|
|
5235
5235
|
width:var(--select-trigger-btn-pencil-width);
|
|
5236
5236
|
}
|
|
5237
5237
|
|
|
5238
|
-
.bp_select_module_container--
|
|
5238
|
+
.bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled){
|
|
5239
5239
|
transition-duration:var(--bp-duration-short);
|
|
5240
5240
|
transition-property:border-color, background-color;
|
|
5241
5241
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5242
5242
|
}
|
|
5243
|
-
.bp_select_module_container--
|
|
5243
|
+
.bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled).bp_select_module_error--69358, .bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled):focus, .bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled):hover, .bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled)[aria-invalid=true]{
|
|
5244
5244
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5245
5245
|
}
|
|
5246
|
-
.bp_select_module_container--
|
|
5246
|
+
.bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled) .bp_select_module_iconCaret--69358{
|
|
5247
5247
|
transition-duration:var(--bp-duration-short);
|
|
5248
5248
|
transition-property:transform;
|
|
5249
5249
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
5250
5250
|
}
|
|
5251
|
-
.bp_select_module_container--
|
|
5251
|
+
.bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled)[data-bp-exiting=true] .bp_select_module_iconCaret--69358, .bp_select_module_container--69358[data-bp-animated=true] .bp_select_module_triggerBtn--69358:not(.bp_select_module_readonly--69358, :disabled)[data-state=closed]:hover .bp_select_module_iconCaret--69358{
|
|
5252
5252
|
transform:translateY(var(--bp-size-005));
|
|
5253
5253
|
}
|
|
5254
5254
|
|
|
5255
|
-
.bp_select_module_content--
|
|
5255
|
+
.bp_select_module_content--69358{
|
|
5256
5256
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
5257
5257
|
--select-content-backdrop-filter:blur(16px);
|
|
5258
5258
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -5283,7 +5283,7 @@
|
|
|
5283
5283
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5284
5284
|
line-height:var(--bp-font-line-height-04);
|
|
5285
5285
|
}
|
|
5286
|
-
:where(body.is-inter-font) .bp_select_module_content--
|
|
5286
|
+
:where(body.is-inter-font) .bp_select_module_content--69358{
|
|
5287
5287
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5288
5288
|
font-size:.875rem;
|
|
5289
5289
|
font-style:normal;
|
|
@@ -5294,7 +5294,7 @@
|
|
|
5294
5294
|
text-transform:none;
|
|
5295
5295
|
}
|
|
5296
5296
|
|
|
5297
|
-
.bp_select_module_content--
|
|
5297
|
+
.bp_select_module_content--69358{
|
|
5298
5298
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
5299
5299
|
background-color:var(--select-content-bg-color);
|
|
5300
5300
|
border:var(--select-content-border);
|
|
@@ -5306,11 +5306,14 @@
|
|
|
5306
5306
|
overflow:hidden auto;
|
|
5307
5307
|
z-index:var(--z-index-popover);
|
|
5308
5308
|
}
|
|
5309
|
-
.bp_select_module_content--
|
|
5309
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358{
|
|
5310
|
+
box-sizing:border-box;
|
|
5311
|
+
min-width:100%;
|
|
5310
5312
|
padding-block:var(--select-content-viewport-padding-block);
|
|
5311
5313
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
5314
|
+
width:fit-content;
|
|
5312
5315
|
}
|
|
5313
|
-
.bp_select_module_content--
|
|
5316
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358{
|
|
5314
5317
|
align-items:center;
|
|
5315
5318
|
border:var(--select-content-viewport-option-border);
|
|
5316
5319
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -5326,27 +5329,27 @@
|
|
|
5326
5329
|
-webkit-user-select:none;
|
|
5327
5330
|
user-select:none;
|
|
5328
5331
|
}
|
|
5329
|
-
.bp_select_module_content--
|
|
5332
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358[data-disabled]{
|
|
5330
5333
|
opacity:var(--disabled-opacity);
|
|
5331
5334
|
pointer-events:none;
|
|
5332
5335
|
}
|
|
5333
|
-
.bp_select_module_content--
|
|
5336
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358:focus-visible{
|
|
5334
5337
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
5335
5338
|
border:var(--select-content-viewport-option-focus-border);
|
|
5336
5339
|
}
|
|
5337
|
-
.bp_select_module_content--
|
|
5340
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358:hover{
|
|
5338
5341
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
5339
5342
|
}
|
|
5340
|
-
.bp_select_module_content--
|
|
5343
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358:active{
|
|
5341
5344
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
5342
5345
|
}
|
|
5343
|
-
.bp_select_module_content--
|
|
5346
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_secondaryText--69358{
|
|
5344
5347
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
5345
5348
|
min-width:0;
|
|
5346
5349
|
overflow-wrap:break-word;
|
|
5347
5350
|
white-space:normal;
|
|
5348
5351
|
}
|
|
5349
|
-
.bp_select_module_content--
|
|
5352
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_textWrapper--69358{
|
|
5350
5353
|
align-items:center;
|
|
5351
5354
|
display:flex;
|
|
5352
5355
|
flex:1;
|
|
@@ -5355,24 +5358,24 @@
|
|
|
5355
5358
|
min-width:0;
|
|
5356
5359
|
overflow:hidden;
|
|
5357
5360
|
}
|
|
5358
|
-
.bp_select_module_content--
|
|
5361
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_textWrapper--69358 span:first-child{
|
|
5359
5362
|
overflow:hidden;
|
|
5360
5363
|
overflow-wrap:break-word;
|
|
5361
5364
|
}
|
|
5362
|
-
.bp_select_module_content--
|
|
5365
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_textWrapper--69358.bp_select_module_ellipsis--69358 span:first-child{
|
|
5363
5366
|
overflow-wrap:normal;
|
|
5364
5367
|
text-overflow:ellipsis;
|
|
5365
5368
|
white-space:nowrap;
|
|
5366
5369
|
width:100%;
|
|
5367
5370
|
}
|
|
5368
|
-
.bp_select_module_content--
|
|
5371
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_textWrapper--69358.bp_select_module_ellipsis--69358 .bp_select_module_secondaryText--69358{
|
|
5369
5372
|
-webkit-box-orient:vertical;
|
|
5370
5373
|
-webkit-line-clamp:2;
|
|
5371
5374
|
display:-webkit-box;
|
|
5372
5375
|
overflow:hidden;
|
|
5373
5376
|
width:100%;
|
|
5374
5377
|
}
|
|
5375
|
-
.bp_select_module_content--
|
|
5378
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_leftElement--69358{
|
|
5376
5379
|
align-items:center;
|
|
5377
5380
|
display:flex;
|
|
5378
5381
|
flex-shrink:0;
|
|
@@ -5380,14 +5383,14 @@
|
|
|
5380
5383
|
justify-content:center;
|
|
5381
5384
|
width:var(--select-content-viewport-option-left-element-size);
|
|
5382
5385
|
}
|
|
5383
|
-
.bp_select_module_content--
|
|
5386
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358.bp_select_module_hasLeftElement--69358 .bp_select_module_textWrapper--69358{
|
|
5384
5387
|
align-items:flex-start;
|
|
5385
5388
|
flex-direction:column;
|
|
5386
5389
|
}
|
|
5387
|
-
.bp_select_module_content--
|
|
5390
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358.bp_select_module_hasLeftElement--69358 .bp_select_module_textWrapper--69358 .bp_select_module_secondaryText--69358{
|
|
5388
5391
|
width:100%;
|
|
5389
5392
|
}
|
|
5390
|
-
.bp_select_module_content--
|
|
5393
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_indicator--69358{
|
|
5391
5394
|
align-items:center;
|
|
5392
5395
|
display:flex;
|
|
5393
5396
|
height:100%;
|
|
@@ -5396,70 +5399,69 @@
|
|
|
5396
5399
|
position:absolute;
|
|
5397
5400
|
top:0;
|
|
5398
5401
|
}
|
|
5399
|
-
.bp_select_module_content--
|
|
5402
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_option--69358 .bp_select_module_indicator--69358 path{
|
|
5400
5403
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
5401
5404
|
}
|
|
5402
|
-
.bp_select_module_content--
|
|
5405
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358 .bp_select_module_separator--69358{
|
|
5403
5406
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
5404
5407
|
flex-shrink:0;
|
|
5405
5408
|
height:var(--select-content-viewport-option-separator-height);
|
|
5406
5409
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
5407
5410
|
}
|
|
5408
|
-
.bp_select_module_content--
|
|
5411
|
+
.bp_select_module_content--69358 .bp_select_module_viewport--69358.bp_select_module_withTruncatedText--69358{
|
|
5409
5412
|
box-sizing:border-box;
|
|
5410
|
-
display:block !important;
|
|
5411
5413
|
max-width:100%;
|
|
5412
|
-
min-width:0
|
|
5414
|
+
min-width:0;
|
|
5413
5415
|
width:100%;
|
|
5414
5416
|
}
|
|
5415
5417
|
|
|
5416
|
-
.bp_select_module_content--
|
|
5418
|
+
.bp_select_module_content--69358[data-bp-animated=true]{
|
|
5417
5419
|
transform-origin:var(--radix-select-content-transform-origin);
|
|
5418
5420
|
}
|
|
5419
|
-
.bp_select_module_content--
|
|
5421
|
+
.bp_select_module_content--69358[data-bp-animated=true] .bp_select_module_viewport--69358 .bp_select_module_option--69358{
|
|
5420
5422
|
transition-duration:var(--bp-duration-short);
|
|
5421
5423
|
transition-property:background-color;
|
|
5422
5424
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5423
5425
|
}
|
|
5424
|
-
.bp_select_module_content--
|
|
5426
|
+
.bp_select_module_content--69358[data-bp-animated=true] .bp_select_module_viewport--69358 .bp_select_module_option--69358:active,.bp_select_module_content--69358[data-bp-animated=true] .bp_select_module_viewport--69358 .bp_select_module_option--69358:focus-visible,.bp_select_module_content--69358[data-bp-animated=true] .bp_select_module_viewport--69358 .bp_select_module_option--69358:hover{
|
|
5425
5427
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5426
5428
|
}
|
|
5427
|
-
.bp_select_module_content--
|
|
5429
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true]){
|
|
5428
5430
|
animation-duration:var(--bp-duration-medium);
|
|
5429
5431
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
5430
5432
|
}
|
|
5431
|
-
.bp_select_module_content--
|
|
5432
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--
|
|
5433
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=top]{
|
|
5434
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--69358, bp_select_module_bpSelectFadeIn--69358;
|
|
5433
5435
|
}
|
|
5434
|
-
.bp_select_module_content--
|
|
5435
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
5436
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=bottom]{
|
|
5437
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--69358, bp_select_module_bpSelectFadeIn--69358;
|
|
5436
5438
|
}
|
|
5437
|
-
.bp_select_module_content--
|
|
5438
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
5439
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=left]{
|
|
5440
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--69358, bp_select_module_bpSelectFadeIn--69358;
|
|
5439
5441
|
}
|
|
5440
|
-
.bp_select_module_content--
|
|
5441
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--
|
|
5442
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=right]{
|
|
5443
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--69358, bp_select_module_bpSelectFadeIn--69358;
|
|
5442
5444
|
}
|
|
5443
|
-
.bp_select_module_content--
|
|
5445
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-bp-exiting=true]{
|
|
5444
5446
|
animation-duration:var(--bp-duration-short);
|
|
5445
5447
|
animation-fill-mode:forwards;
|
|
5446
5448
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
5447
5449
|
pointer-events:none;
|
|
5448
5450
|
}
|
|
5449
|
-
.bp_select_module_content--
|
|
5450
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideExit--
|
|
5451
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-bp-exiting=true][data-side=top]{
|
|
5452
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideExit--69358, bp_select_module_bpSelectFadeOut--69358;
|
|
5451
5453
|
}
|
|
5452
|
-
.bp_select_module_content--
|
|
5453
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--
|
|
5454
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-bp-exiting=true][data-side=bottom]{
|
|
5455
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--69358, bp_select_module_bpSelectFadeOut--69358;
|
|
5454
5456
|
}
|
|
5455
|
-
.bp_select_module_content--
|
|
5456
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--
|
|
5457
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-bp-exiting=true][data-side=left]{
|
|
5458
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--69358, bp_select_module_bpSelectFadeOut--69358;
|
|
5457
5459
|
}
|
|
5458
|
-
.bp_select_module_content--
|
|
5459
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideExit--
|
|
5460
|
+
.bp_select_module_content--69358[data-bp-animated=true][data-bp-exiting=true][data-side=right]{
|
|
5461
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideExit--69358, bp_select_module_bpSelectFadeOut--69358;
|
|
5460
5462
|
}
|
|
5461
5463
|
|
|
5462
|
-
@keyframes bp_select_module_bpSelectFadeIn--
|
|
5464
|
+
@keyframes bp_select_module_bpSelectFadeIn--69358{
|
|
5463
5465
|
from{
|
|
5464
5466
|
opacity:var(--bp-opacity-hidden);
|
|
5465
5467
|
}
|
|
@@ -5467,7 +5469,7 @@
|
|
|
5467
5469
|
opacity:var(--bp-opacity-visible);
|
|
5468
5470
|
}
|
|
5469
5471
|
}
|
|
5470
|
-
@keyframes bp_select_module_bpSelectFadeOut--
|
|
5472
|
+
@keyframes bp_select_module_bpSelectFadeOut--69358{
|
|
5471
5473
|
from{
|
|
5472
5474
|
opacity:var(--bp-opacity-visible);
|
|
5473
5475
|
}
|
|
@@ -5475,7 +5477,7 @@
|
|
|
5475
5477
|
opacity:var(--bp-opacity-hidden);
|
|
5476
5478
|
}
|
|
5477
5479
|
}
|
|
5478
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--
|
|
5480
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--69358{
|
|
5479
5481
|
from{
|
|
5480
5482
|
transform:translateY(var(--bp-space-020));
|
|
5481
5483
|
}
|
|
@@ -5483,7 +5485,7 @@
|
|
|
5483
5485
|
transform:translateY(0);
|
|
5484
5486
|
}
|
|
5485
5487
|
}
|
|
5486
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideExit--
|
|
5488
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideExit--69358{
|
|
5487
5489
|
from{
|
|
5488
5490
|
transform:translateY(0);
|
|
5489
5491
|
}
|
|
@@ -5491,7 +5493,7 @@
|
|
|
5491
5493
|
transform:translateY(var(--bp-space-020));
|
|
5492
5494
|
}
|
|
5493
5495
|
}
|
|
5494
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
5496
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--69358{
|
|
5495
5497
|
from{
|
|
5496
5498
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5497
5499
|
}
|
|
@@ -5499,7 +5501,7 @@
|
|
|
5499
5501
|
transform:translateY(0);
|
|
5500
5502
|
}
|
|
5501
5503
|
}
|
|
5502
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--
|
|
5504
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--69358{
|
|
5503
5505
|
from{
|
|
5504
5506
|
transform:translateY(0);
|
|
5505
5507
|
}
|
|
@@ -5507,7 +5509,7 @@
|
|
|
5507
5509
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5508
5510
|
}
|
|
5509
5511
|
}
|
|
5510
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
5512
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--69358{
|
|
5511
5513
|
from{
|
|
5512
5514
|
transform:translateX(var(--bp-space-020));
|
|
5513
5515
|
}
|
|
@@ -5515,7 +5517,7 @@
|
|
|
5515
5517
|
transform:translateX(0);
|
|
5516
5518
|
}
|
|
5517
5519
|
}
|
|
5518
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--
|
|
5520
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--69358{
|
|
5519
5521
|
from{
|
|
5520
5522
|
transform:translateX(0);
|
|
5521
5523
|
}
|
|
@@ -5523,7 +5525,7 @@
|
|
|
5523
5525
|
transform:translateX(var(--bp-space-020));
|
|
5524
5526
|
}
|
|
5525
5527
|
}
|
|
5526
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--
|
|
5528
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--69358{
|
|
5527
5529
|
from{
|
|
5528
5530
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
5529
5531
|
}
|
|
@@ -5531,7 +5533,7 @@
|
|
|
5531
5533
|
transform:translateX(0);
|
|
5532
5534
|
}
|
|
5533
5535
|
}
|
|
5534
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideExit--
|
|
5536
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideExit--69358{
|
|
5535
5537
|
from{
|
|
5536
5538
|
transform:translateX(0);
|
|
5537
5539
|
}
|
|
@@ -11498,17 +11500,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11498
11500
|
opacity:.3;
|
|
11499
11501
|
}
|
|
11500
11502
|
|
|
11501
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
11503
|
+
.bp_tabs_module_hiddenWidthSetter--13d72{
|
|
11502
11504
|
display:block;
|
|
11503
11505
|
height:0;
|
|
11504
11506
|
overflow:hidden;
|
|
11505
11507
|
visibility:hidden;
|
|
11506
11508
|
}
|
|
11507
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
11509
|
+
.bp_tabs_module_hiddenWidthSetter--13d72 > *{
|
|
11508
11510
|
visibility:hidden;
|
|
11509
11511
|
}
|
|
11510
11512
|
|
|
11511
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11513
|
+
.bp_tabs_module_contentSwitchTabList--13d72{
|
|
11512
11514
|
--content-switch-tab-list-gap:var(--bp-space-010);
|
|
11513
11515
|
--content-switch-tab-list-padding:var(--bp-space-010);
|
|
11514
11516
|
--content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
|
|
@@ -11531,7 +11533,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11531
11533
|
min-width:fit-content;
|
|
11532
11534
|
padding:var(--content-switch-tab-list-padding);
|
|
11533
11535
|
}
|
|
11534
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11536
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72{
|
|
11535
11537
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11536
11538
|
font-size:var(--bp-font-size-05);
|
|
11537
11539
|
font-style:normal;
|
|
@@ -11539,7 +11541,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11539
11541
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11540
11542
|
line-height:var(--bp-font-line-height-04);
|
|
11541
11543
|
}
|
|
11542
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
11544
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72{
|
|
11543
11545
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11544
11546
|
font-size:.875rem;
|
|
11545
11547
|
font-style:normal;
|
|
@@ -11550,12 +11552,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11550
11552
|
text-transform:none;
|
|
11551
11553
|
}
|
|
11552
11554
|
|
|
11553
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11555
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72{
|
|
11554
11556
|
align-items:center;
|
|
11555
11557
|
background:#0000;
|
|
11556
11558
|
border:none;
|
|
11557
11559
|
border-radius:var(--content-switch-tab-border-radius);
|
|
11558
11560
|
color:var(--content-switch-tab-color);
|
|
11561
|
+
cursor:pointer;
|
|
11559
11562
|
display:flex;
|
|
11560
11563
|
flex-direction:column;
|
|
11561
11564
|
height:var(--content-switch-tab-height);
|
|
@@ -11564,7 +11567,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11564
11567
|
padding-inline:var(--content-switch-tab-padding-inline);
|
|
11565
11568
|
white-space:nowrap;
|
|
11566
11569
|
}
|
|
11567
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11570
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72[aria-selected=true]{
|
|
11568
11571
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11569
11572
|
font-size:var(--bp-font-size-05);
|
|
11570
11573
|
font-style:normal;
|
|
@@ -11572,7 +11575,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11572
11575
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11573
11576
|
line-height:var(--bp-font-line-height-04);
|
|
11574
11577
|
}
|
|
11575
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
11578
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72[aria-selected=true]{
|
|
11576
11579
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11577
11580
|
font-size:.875rem;
|
|
11578
11581
|
font-style:normal;
|
|
@@ -11583,12 +11586,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11583
11586
|
text-transform:none;
|
|
11584
11587
|
}
|
|
11585
11588
|
|
|
11586
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11589
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72[aria-selected=true]{
|
|
11587
11590
|
background:var(--content-switch-tab-selected-background);
|
|
11588
11591
|
box-shadow:var(--content-switch-tab-selected-box-shadow);
|
|
11589
11592
|
color:var(--content-switch-tab-selected-color);
|
|
11590
11593
|
}
|
|
11591
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11594
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72 .bp_tabs_module_hiddenWidthSetter--13d72{
|
|
11592
11595
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11593
11596
|
font-size:var(--bp-font-size-05);
|
|
11594
11597
|
font-style:normal;
|
|
@@ -11596,7 +11599,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11596
11599
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11597
11600
|
line-height:var(--bp-font-line-height-04);
|
|
11598
11601
|
}
|
|
11599
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
11602
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72 .bp_tabs_module_hiddenWidthSetter--13d72{
|
|
11600
11603
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11601
11604
|
font-size:.875rem;
|
|
11602
11605
|
font-style:normal;
|
|
@@ -11607,19 +11610,52 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11607
11610
|
text-transform:none;
|
|
11608
11611
|
}
|
|
11609
11612
|
|
|
11610
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11613
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true])[data-focus-visible]{
|
|
11611
11614
|
border-color:#0000;
|
|
11612
11615
|
box-shadow:var(--content-switch-tab-focus-box-shadow);
|
|
11613
11616
|
}
|
|
11614
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11617
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
|
|
11615
11618
|
background:var(--content-switch-tab-hover-background);
|
|
11616
11619
|
}
|
|
11617
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
11620
|
+
.bp_tabs_module_contentSwitchTabList--13d72 .bp_tabs_module_contentSwitchTab--13d72[aria-disabled=true]{
|
|
11618
11621
|
opacity:.3;
|
|
11619
11622
|
pointer-events:none;
|
|
11620
11623
|
}
|
|
11624
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true]{
|
|
11625
|
+
position:relative;
|
|
11626
|
+
}
|
|
11627
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_tabIndicator--13d72{
|
|
11628
|
+
background:var(--content-switch-tab-selected-background);
|
|
11629
|
+
border-radius:var(--content-switch-tab-border-radius);
|
|
11630
|
+
box-shadow:var(--content-switch-tab-selected-box-shadow);
|
|
11631
|
+
height:var(--content-switch-tab-height);
|
|
11632
|
+
top:var(--content-switch-tab-list-padding);
|
|
11633
|
+
transition-duration:var(--bp-duration-medium);
|
|
11634
|
+
transition-property:transform, width;
|
|
11635
|
+
transition-timing-function:ease-in-out;
|
|
11636
|
+
z-index:0;
|
|
11637
|
+
}
|
|
11638
|
+
@media (prefers-reduced-motion: reduce){
|
|
11639
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_tabIndicator--13d72{
|
|
11640
|
+
transition:none;
|
|
11641
|
+
}
|
|
11642
|
+
}
|
|
11643
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_contentSwitchTab--13d72{
|
|
11644
|
+
position:relative;
|
|
11645
|
+
z-index:1;
|
|
11646
|
+
}
|
|
11647
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_contentSwitchTab--13d72[aria-selected=true]{
|
|
11648
|
+
background:#0000;
|
|
11649
|
+
box-shadow:none;
|
|
11650
|
+
}
|
|
11651
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true])[aria-selected=true]:hover,.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true])[aria-selected=true][data-focus-visible]{
|
|
11652
|
+
background:#0000;
|
|
11653
|
+
}
|
|
11654
|
+
.bp_tabs_module_contentSwitchTabList--13d72[data-bp-animated=true] .bp_tabs_module_contentSwitchTab--13d72:not([aria-disabled=true])[aria-selected=true][data-focus-visible]{
|
|
11655
|
+
box-shadow:var(--content-switch-tab-focus-box-shadow);
|
|
11656
|
+
}
|
|
11621
11657
|
|
|
11622
|
-
.bp_tabs_module_tabsListContainer--
|
|
11658
|
+
.bp_tabs_module_tabsListContainer--13d72{
|
|
11623
11659
|
--tab-height:var(--bp-size-100);
|
|
11624
11660
|
--tab-inline-padding:var(--bp-space-030);
|
|
11625
11661
|
--tab-background:var(--bp-surface-tab-surface);
|
|
@@ -11645,13 +11681,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11645
11681
|
overflow-y:hidden;
|
|
11646
11682
|
scroll-behavior:smooth;
|
|
11647
11683
|
}
|
|
11648
|
-
.bp_tabs_module_tabsListContainer--
|
|
11684
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72{
|
|
11685
|
+
--tab-separator-width:var(--tab-gap);
|
|
11649
11686
|
display:flex;
|
|
11650
11687
|
overflow-x:auto;
|
|
11651
11688
|
padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11652
11689
|
position:relative;
|
|
11653
11690
|
}
|
|
11654
|
-
|
|
11691
|
+
@media only screen and (max-width: 1023px){
|
|
11692
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72{
|
|
11693
|
+
--tab-separator-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11694
|
+
}
|
|
11695
|
+
}
|
|
11696
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72::after{
|
|
11655
11697
|
border-bottom:var(--tab-border);
|
|
11656
11698
|
bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11657
11699
|
content:"";
|
|
@@ -11659,19 +11701,14 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11659
11701
|
position:absolute;
|
|
11660
11702
|
right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11661
11703
|
}
|
|
11662
|
-
.bp_tabs_module_tabsListContainer--
|
|
11704
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tabSeparator--13d72{
|
|
11663
11705
|
border-bottom:var(--tab-separator-border);
|
|
11664
|
-
min-width:var(--tab-
|
|
11706
|
+
min-width:var(--tab-separator-width);
|
|
11665
11707
|
}
|
|
11666
|
-
.bp_tabs_module_tabsListContainer--
|
|
11708
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tabSeparator--13d72:last-child{
|
|
11667
11709
|
display:none;
|
|
11668
11710
|
}
|
|
11669
|
-
|
|
11670
|
-
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
|
|
11671
|
-
min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11672
|
-
}
|
|
11673
|
-
}
|
|
11674
|
-
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
|
|
11711
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72{
|
|
11675
11712
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11676
11713
|
font-size:var(--bp-font-size-05);
|
|
11677
11714
|
font-style:normal;
|
|
@@ -11679,7 +11716,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11679
11716
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11680
11717
|
line-height:var(--bp-font-line-height-04);
|
|
11681
11718
|
}
|
|
11682
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
11719
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72{
|
|
11683
11720
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11684
11721
|
font-size:.875rem;
|
|
11685
11722
|
font-style:normal;
|
|
@@ -11690,7 +11727,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11690
11727
|
text-transform:none;
|
|
11691
11728
|
}
|
|
11692
11729
|
|
|
11693
|
-
.bp_tabs_module_tabsListContainer--
|
|
11730
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72{
|
|
11694
11731
|
align-items:center;
|
|
11695
11732
|
background:var(--tab-background);
|
|
11696
11733
|
border-style:none;
|
|
@@ -11702,10 +11739,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11702
11739
|
display:flex;
|
|
11703
11740
|
height:var(--tab-height);
|
|
11704
11741
|
padding-inline:var(--tab-inline-padding);
|
|
11742
|
+
position:relative;
|
|
11705
11743
|
scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11706
11744
|
z-index:2;
|
|
11707
11745
|
}
|
|
11708
|
-
.bp_tabs_module_tabsListContainer--
|
|
11746
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72::after{
|
|
11747
|
+
background:#0000;
|
|
11748
|
+
bottom:calc(var(--bp-border-01)*-1);
|
|
11749
|
+
content:"";
|
|
11750
|
+
height:var(--bp-border-02);
|
|
11751
|
+
left:calc(var(--tab-separator-width)*-1);
|
|
11752
|
+
pointer-events:none;
|
|
11753
|
+
position:absolute;
|
|
11754
|
+
right:calc(var(--tab-separator-width)*-1);
|
|
11755
|
+
transition:background-color var(--bp-duration-medium) ease-in-out;
|
|
11756
|
+
}
|
|
11757
|
+
@media (prefers-reduced-motion: reduce){
|
|
11758
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72::after{
|
|
11759
|
+
transition:none;
|
|
11760
|
+
}
|
|
11761
|
+
}
|
|
11762
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[aria-selected=true]{
|
|
11709
11763
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11710
11764
|
font-size:var(--bp-font-size-05);
|
|
11711
11765
|
font-style:normal;
|
|
@@ -11713,7 +11767,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11713
11767
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11714
11768
|
line-height:var(--bp-font-line-height-04);
|
|
11715
11769
|
}
|
|
11716
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
11770
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[aria-selected=true]{
|
|
11717
11771
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11718
11772
|
font-size:.875rem;
|
|
11719
11773
|
font-style:normal;
|
|
@@ -11724,11 +11778,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11724
11778
|
text-transform:none;
|
|
11725
11779
|
}
|
|
11726
11780
|
|
|
11727
|
-
.bp_tabs_module_tabsListContainer--
|
|
11781
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[aria-selected=true]{
|
|
11728
11782
|
border-bottom:var(--tab-border-selected);
|
|
11729
11783
|
color:var(--tab-font-selected-color);
|
|
11730
11784
|
}
|
|
11731
|
-
.bp_tabs_module_tabsListContainer--
|
|
11785
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72 .bp_tabs_module_hiddenWidthSetter--13d72{
|
|
11732
11786
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11733
11787
|
font-size:var(--bp-font-size-05);
|
|
11734
11788
|
font-style:normal;
|
|
@@ -11736,7 +11790,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11736
11790
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11737
11791
|
line-height:var(--bp-font-line-height-04);
|
|
11738
11792
|
}
|
|
11739
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
11793
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72 .bp_tabs_module_hiddenWidthSetter--13d72{
|
|
11740
11794
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11741
11795
|
font-size:.875rem;
|
|
11742
11796
|
font-style:normal;
|
|
@@ -11747,23 +11801,25 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11747
11801
|
text-transform:none;
|
|
11748
11802
|
}
|
|
11749
11803
|
|
|
11750
|
-
.bp_tabs_module_tabsListContainer--
|
|
11804
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:hover{
|
|
11751
11805
|
background-color:var(--tab-background-hover);
|
|
11752
|
-
border-bottom:var(--tab-border-hover);
|
|
11753
11806
|
color:var(--tab-font-color-hover);
|
|
11754
11807
|
}
|
|
11755
|
-
.bp_tabs_module_tabsListContainer--
|
|
11808
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:hover[aria-selected=true]{
|
|
11756
11809
|
border-bottom:var(--tab-border-selected-hover);
|
|
11757
11810
|
color:var(--tab-font-selected-color);
|
|
11758
11811
|
}
|
|
11759
|
-
.bp_tabs_module_tabsListContainer--
|
|
11812
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:hover:not([aria-selected=true])::after{
|
|
11813
|
+
background:var(--bp-border-tab-border-hover);
|
|
11814
|
+
}
|
|
11815
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:active{
|
|
11760
11816
|
background-color:var(--tab-background-pressed);
|
|
11761
11817
|
color:var(--tab-font-color-hover);
|
|
11762
11818
|
}
|
|
11763
|
-
.bp_tabs_module_tabsListContainer--
|
|
11819
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:active[aria-selected=true]{
|
|
11764
11820
|
color:var(--tab-font-selected-color);
|
|
11765
11821
|
}
|
|
11766
|
-
.bp_tabs_module_tabsListContainer--
|
|
11822
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:focus-visible,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[data-focus-visible]{
|
|
11767
11823
|
background-color:var(--tab-background-hover);
|
|
11768
11824
|
border-bottom:var(--tab-border-focus);
|
|
11769
11825
|
border-radius:var(--tab-border-radius);
|
|
@@ -11772,13 +11828,53 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11772
11828
|
outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
|
|
11773
11829
|
outline-offset:var(--tab-border-focus-outline-offset);
|
|
11774
11830
|
}
|
|
11775
|
-
.bp_tabs_module_tabsListContainer--
|
|
11831
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[data-focus-visible][aria-selected=true]{
|
|
11776
11832
|
border-bottom:var(--tab-border-selected);
|
|
11777
11833
|
color:var(--tab-font-selected-color);
|
|
11778
11834
|
}
|
|
11779
|
-
.bp_tabs_module_tabsListContainer--
|
|
11835
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72 .bp_tabs_module_tab--13d72[aria-disabled=true]{
|
|
11780
11836
|
opacity:.5;
|
|
11781
11837
|
}
|
|
11838
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tabIndicator--13d72{
|
|
11839
|
+
background:var(--bp-border-tab-border-selected);
|
|
11840
|
+
bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
11841
|
+
height:var(--bp-border-02);
|
|
11842
|
+
transition-duration:var(--bp-duration-medium);
|
|
11843
|
+
transition-property:transform, width;
|
|
11844
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
11845
|
+
z-index:3;
|
|
11846
|
+
}
|
|
11847
|
+
@media (prefers-reduced-motion: reduce){
|
|
11848
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tabIndicator--13d72{
|
|
11849
|
+
transition:none;
|
|
11850
|
+
}
|
|
11851
|
+
}
|
|
11852
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true]:has(.bp_tabs_module_tab--13d72[aria-selected=true]:hover) .bp_tabs_module_tabIndicator--13d72{
|
|
11853
|
+
background:var(--bp-border-tab-border-selected-hover);
|
|
11854
|
+
}
|
|
11855
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72:active,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72:focus-visible,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72:hover,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[data-focus-visible]{
|
|
11856
|
+
border-bottom:var(--tab-border);
|
|
11857
|
+
}
|
|
11858
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72:focus-visible:not([aria-selected=true])::after,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[data-focus-visible]:not([aria-selected=true])::after{
|
|
11859
|
+
background:var(--bp-border-tab-border-hover);
|
|
11860
|
+
}
|
|
11861
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72:focus-visible:not([aria-selected=true]),.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[data-focus-visible]:not([aria-selected=true]){
|
|
11862
|
+
box-shadow:inset 0 0 0 1px #fff;
|
|
11863
|
+
}
|
|
11864
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[aria-selected=true],.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[aria-selected=true]:active,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[aria-selected=true]:hover{
|
|
11865
|
+
border-bottom:var(--tab-border);
|
|
11866
|
+
box-shadow:none;
|
|
11867
|
+
}
|
|
11868
|
+
.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[aria-selected=true]:focus-visible,.bp_tabs_module_tabsListContainer--13d72 .bp_tabs_module_tabList--13d72[data-bp-animated=true] .bp_tabs_module_tab--13d72[aria-selected=true][data-focus-visible]{
|
|
11869
|
+
border-bottom:var(--tab-border);
|
|
11870
|
+
box-shadow:inset 0 0 0 1px #fff;
|
|
11871
|
+
}
|
|
11872
|
+
|
|
11873
|
+
.bp_tabs_module_tabIndicator--13d72{
|
|
11874
|
+
left:0;
|
|
11875
|
+
pointer-events:none;
|
|
11876
|
+
position:absolute;
|
|
11877
|
+
}
|
|
11782
11878
|
.bp_radio_group_module_root--8c22a{
|
|
11783
11879
|
--radio-line-height:var(--bp-font-line-height-04);
|
|
11784
11880
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|