@box/blueprint-web 16.20.0 → 16.20.2
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/accordion/accordion.module.js +1 -1
- package/dist/lib-esm/components.css +471 -415
- package/dist/lib-esm/index.css +471 -415
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/number-field/constants.d.ts +5 -0
- package/dist/lib-esm/number-field/constants.js +9 -0
- package/dist/lib-esm/number-field/index.d.ts +2 -0
- package/dist/lib-esm/number-field/number-field-control.d.ts +24 -0
- package/dist/lib-esm/number-field/number-field-control.js +82 -0
- package/dist/lib-esm/number-field/number-field.d.ts +9 -0
- package/dist/lib-esm/number-field/number-field.js +140 -0
- package/dist/lib-esm/number-field/number-field.module.js +4 -0
- package/dist/lib-esm/number-field/stepper-button.d.ts +21 -0
- package/dist/lib-esm/number-field/stepper-button.js +41 -0
- package/dist/lib-esm/number-field/types.d.ts +99 -0
- package/package.json +3 -3
|
@@ -2210,7 +2210,7 @@
|
|
|
2210
2210
|
}
|
|
2211
2211
|
}
|
|
2212
2212
|
|
|
2213
|
-
.bp_accordion_module_accordionItem--
|
|
2213
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=false]{
|
|
2214
2214
|
--accordion-min-width:320px;
|
|
2215
2215
|
--accordion-item-radius:none;
|
|
2216
2216
|
--accordion-item-radius-expanded:none;
|
|
@@ -2250,7 +2250,7 @@
|
|
|
2250
2250
|
--accordion-item-header-min-height:unset;
|
|
2251
2251
|
}
|
|
2252
2252
|
|
|
2253
|
-
.bp_accordion_module_accordionItem--
|
|
2253
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true]{
|
|
2254
2254
|
--accordion-min-width:320px;
|
|
2255
2255
|
--accordion-item-radius:var(--bp-radius-08);
|
|
2256
2256
|
--accordion-item-radius-expanded:var(--bp-radius-10);
|
|
@@ -2294,15 +2294,15 @@
|
|
|
2294
2294
|
--accordion-item-highlight-border-color-expanded:var(--bp-box-blue-100);
|
|
2295
2295
|
}
|
|
2296
2296
|
|
|
2297
|
-
.bp_accordion_module_accordionContent--
|
|
2298
|
-
animation:bp_accordion_module_slideDown--
|
|
2297
|
+
.bp_accordion_module_accordionContent--a9ba9[data-state=open]{
|
|
2298
|
+
animation:bp_accordion_module_slideDown--a9ba9 .15s ease-out;
|
|
2299
2299
|
}
|
|
2300
2300
|
|
|
2301
|
-
.bp_accordion_module_accordionContent--
|
|
2302
|
-
animation:bp_accordion_module_slideUp--
|
|
2301
|
+
.bp_accordion_module_accordionContent--a9ba9[data-state=closed]{
|
|
2302
|
+
animation:bp_accordion_module_slideUp--a9ba9 .15s ease-out;
|
|
2303
2303
|
}
|
|
2304
2304
|
|
|
2305
|
-
.bp_accordion_module_accordionContentLayout--
|
|
2305
|
+
.bp_accordion_module_accordionContentLayout--a9ba9{
|
|
2306
2306
|
display:flex;
|
|
2307
2307
|
flex:1 1 auto;
|
|
2308
2308
|
flex-direction:column;
|
|
@@ -2313,26 +2313,26 @@
|
|
|
2313
2313
|
padding-inline:var(--accordion-content-padding-inline);
|
|
2314
2314
|
}
|
|
2315
2315
|
|
|
2316
|
-
.bp_accordion_module_accordionContent--
|
|
2316
|
+
.bp_accordion_module_accordionContent--a9ba9[data-state=closed] .bp_accordion_module_accordionContentLayout--a9ba9{
|
|
2317
2317
|
overflow:hidden;
|
|
2318
2318
|
}
|
|
2319
2319
|
|
|
2320
|
-
.bp_accordion_module_accordionContent--
|
|
2321
|
-
animation:bp_accordion_module_enableAccordionScroll--
|
|
2320
|
+
.bp_accordion_module_accordionContent--a9ba9[data-state=open] .bp_accordion_module_accordionContentLayout--a9ba9{
|
|
2321
|
+
animation:bp_accordion_module_enableAccordionScroll--a9ba9 .15s step-end forwards;
|
|
2322
2322
|
}
|
|
2323
2323
|
|
|
2324
|
-
.bp_accordion_module_accordionContent--
|
|
2324
|
+
.bp_accordion_module_accordionContent--a9ba9{
|
|
2325
2325
|
display:flex;
|
|
2326
2326
|
flex:1 1 auto;
|
|
2327
2327
|
flex-direction:column;
|
|
2328
2328
|
min-height:0;
|
|
2329
2329
|
overflow:hidden;
|
|
2330
2330
|
}
|
|
2331
|
-
.bp_accordion_module_accordionContent--
|
|
2331
|
+
.bp_accordion_module_accordionContent--a9ba9[hidden]{
|
|
2332
2332
|
display:none;
|
|
2333
2333
|
}
|
|
2334
2334
|
|
|
2335
|
-
@keyframes bp_accordion_module_slideDown--
|
|
2335
|
+
@keyframes bp_accordion_module_slideDown--a9ba9{
|
|
2336
2336
|
from{
|
|
2337
2337
|
height:0;
|
|
2338
2338
|
}
|
|
@@ -2340,7 +2340,7 @@
|
|
|
2340
2340
|
height:var(--radix-accordion-content-height);
|
|
2341
2341
|
}
|
|
2342
2342
|
}
|
|
2343
|
-
@keyframes bp_accordion_module_slideUp--
|
|
2343
|
+
@keyframes bp_accordion_module_slideUp--a9ba9{
|
|
2344
2344
|
from{
|
|
2345
2345
|
height:var(--radix-accordion-content-height);
|
|
2346
2346
|
}
|
|
@@ -2348,7 +2348,7 @@
|
|
|
2348
2348
|
height:0;
|
|
2349
2349
|
}
|
|
2350
2350
|
}
|
|
2351
|
-
@keyframes bp_accordion_module_enableAccordionScroll--
|
|
2351
|
+
@keyframes bp_accordion_module_enableAccordionScroll--a9ba9{
|
|
2352
2352
|
0%{
|
|
2353
2353
|
overflow:hidden;
|
|
2354
2354
|
}
|
|
@@ -2356,26 +2356,26 @@
|
|
|
2356
2356
|
overflow:auto;
|
|
2357
2357
|
}
|
|
2358
2358
|
}
|
|
2359
|
-
.bp_accordion_module_accordion--
|
|
2359
|
+
.bp_accordion_module_accordion--a9ba9{
|
|
2360
2360
|
display:flex;
|
|
2361
2361
|
flex-direction:column;
|
|
2362
2362
|
gap:var(--bp-space-030);
|
|
2363
2363
|
padding:var(--bp-space-030);
|
|
2364
2364
|
}
|
|
2365
2365
|
|
|
2366
|
-
.bp_accordion_module_accordionContentWrapper--
|
|
2366
|
+
.bp_accordion_module_accordionContentWrapper--a9ba9{
|
|
2367
2367
|
display:flex;
|
|
2368
2368
|
flex:1 1 auto;
|
|
2369
2369
|
flex-direction:column;
|
|
2370
2370
|
min-height:0;
|
|
2371
2371
|
}
|
|
2372
2372
|
|
|
2373
|
-
.bp_accordion_module_accordionInlineErrorWrapper--
|
|
2373
|
+
.bp_accordion_module_accordionInlineErrorWrapper--a9ba9{
|
|
2374
2374
|
padding-block-start:var(--accordion-error-padding-block-start);
|
|
2375
2375
|
padding-inline:var(--accordion-error-padding-inline);
|
|
2376
2376
|
}
|
|
2377
2377
|
|
|
2378
|
-
.bp_accordion_module_accordionItem--
|
|
2378
|
+
.bp_accordion_module_accordionItem--a9ba9{
|
|
2379
2379
|
-webkit-tap-highlight-color:transparent;
|
|
2380
2380
|
background:none;
|
|
2381
2381
|
border-bottom:var(--accordion-item-border);
|
|
@@ -2385,23 +2385,23 @@
|
|
|
2385
2385
|
min-width:var(--accordion-min-width);
|
|
2386
2386
|
overflow:hidden;
|
|
2387
2387
|
}
|
|
2388
|
-
.bp_accordion_module_accordionItem--
|
|
2388
|
+
.bp_accordion_module_accordionItem--a9ba9[data-state=open]{
|
|
2389
2389
|
background-color:var(--accordion-item-background-expanded);
|
|
2390
2390
|
border:var(--accordion-item-border-expanded);
|
|
2391
2391
|
border-bottom:var(--accordion-item-border-bottom-expanded);
|
|
2392
2392
|
border-radius:var(--accordion-item-radius-expanded);
|
|
2393
2393
|
}
|
|
2394
2394
|
|
|
2395
|
-
.bp_accordion_module_accordionItem--
|
|
2395
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true].bp_accordion_module_highlighted--a9ba9{
|
|
2396
2396
|
border:var(--accordion-item-highlight-border-width) solid var(--accordion-item-highlight-border-color);
|
|
2397
2397
|
}
|
|
2398
2398
|
|
|
2399
|
-
.bp_accordion_module_accordionItem--
|
|
2399
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true].bp_accordion_module_highlighted--a9ba9[data-state=open]{
|
|
2400
2400
|
background-color:var(--accordion-item-highlight-background-expanded);
|
|
2401
2401
|
border-color:var(--accordion-item-highlight-border-color-expanded);
|
|
2402
2402
|
}
|
|
2403
2403
|
|
|
2404
|
-
.bp_accordion_module_accordionFixedContent--
|
|
2404
|
+
.bp_accordion_module_accordionFixedContent--a9ba9{
|
|
2405
2405
|
background-color:var(--accordion-item-background-collapsed);
|
|
2406
2406
|
border:var(--accordion-trigger-border);
|
|
2407
2407
|
border-radius:var(--accordion-item-radius);
|
|
@@ -2412,7 +2412,7 @@
|
|
|
2412
2412
|
padding-inline:var(--accordion-fixed-content-padding-inline);
|
|
2413
2413
|
}
|
|
2414
2414
|
|
|
2415
|
-
.bp_accordion_module_accordionHeader--
|
|
2415
|
+
.bp_accordion_module_accordionHeader--a9ba9{
|
|
2416
2416
|
align-items:center;
|
|
2417
2417
|
display:flex;
|
|
2418
2418
|
justify-content:space-between;
|
|
@@ -2422,24 +2422,24 @@
|
|
|
2422
2422
|
width:100%;
|
|
2423
2423
|
}
|
|
2424
2424
|
|
|
2425
|
-
.bp_accordion_module_accordionTitleGroup--
|
|
2425
|
+
.bp_accordion_module_accordionTitleGroup--a9ba9{
|
|
2426
2426
|
align-items:center;
|
|
2427
2427
|
display:flex;
|
|
2428
2428
|
gap:var(--bp-space-020, .5rem);
|
|
2429
2429
|
min-width:0;
|
|
2430
2430
|
}
|
|
2431
2431
|
|
|
2432
|
-
.bp_accordion_module_accordionItem--
|
|
2432
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionTitleGroup--a9ba9{
|
|
2433
2433
|
gap:var(--bp-space-030);
|
|
2434
2434
|
}
|
|
2435
2435
|
|
|
2436
|
-
.bp_accordion_module_accordionStartElement--
|
|
2436
|
+
.bp_accordion_module_accordionStartElement--a9ba9{
|
|
2437
2437
|
align-items:center;
|
|
2438
2438
|
display:flex;
|
|
2439
2439
|
flex-shrink:0;
|
|
2440
2440
|
}
|
|
2441
2441
|
|
|
2442
|
-
.bp_accordion_module_accordionItem--
|
|
2442
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a9ba9{
|
|
2443
2443
|
align-items:center;
|
|
2444
2444
|
border-radius:var(--bp-radius-10, 1.25rem);
|
|
2445
2445
|
display:inline-flex;
|
|
@@ -2448,32 +2448,32 @@
|
|
|
2448
2448
|
width:var(--bp-size-080, 2rem);
|
|
2449
2449
|
}
|
|
2450
2450
|
|
|
2451
|
-
.bp_accordion_module_accordionItem--
|
|
2451
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a9ba9 svg :is(path, rect, circle, polygon, polyline, ellipse){
|
|
2452
2452
|
fill:currentcolor;
|
|
2453
2453
|
}
|
|
2454
2454
|
|
|
2455
|
-
.bp_accordion_module_accordionItem--
|
|
2455
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--a9ba9{
|
|
2456
2456
|
background-color:var(--bp-surface-surface-tertiary);
|
|
2457
2457
|
}
|
|
2458
2458
|
|
|
2459
|
-
.bp_accordion_module_accordionItem--
|
|
2459
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--a9ba9{
|
|
2460
2460
|
background-color:var(--bp-box-blue-10);
|
|
2461
2461
|
}
|
|
2462
2462
|
|
|
2463
|
-
.bp_accordion_module_accordionItem--
|
|
2463
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--a9ba9{
|
|
2464
2464
|
background-color:var(--bp-green-light-10);
|
|
2465
2465
|
}
|
|
2466
2466
|
|
|
2467
|
-
.bp_accordion_module_accordionItem--
|
|
2467
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--a9ba9{
|
|
2468
2468
|
background-color:var(--bp-grimace-10);
|
|
2469
2469
|
}
|
|
2470
2470
|
|
|
2471
|
-
.bp_accordion_module_accordionItem--
|
|
2471
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--a9ba9{
|
|
2472
2472
|
background-color:var(--bp-dark-blue-10);
|
|
2473
2473
|
color:var(--bp-dark-blue-100);
|
|
2474
2474
|
}
|
|
2475
2475
|
|
|
2476
|
-
.bp_accordion_module_accordionItem--
|
|
2476
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionTitleContent--a9ba9{
|
|
2477
2477
|
display:flex;
|
|
2478
2478
|
flex:1 1 auto;
|
|
2479
2479
|
flex-direction:column;
|
|
@@ -2482,25 +2482,26 @@
|
|
|
2482
2482
|
min-width:0;
|
|
2483
2483
|
}
|
|
2484
2484
|
|
|
2485
|
-
.bp_accordion_module_accordionItem--
|
|
2485
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionTitleText--a9ba9{
|
|
2486
2486
|
display:block;
|
|
2487
2487
|
min-width:0;
|
|
2488
|
+
overflow-wrap:break-word;
|
|
2488
2489
|
}
|
|
2489
2490
|
|
|
2490
|
-
.bp_accordion_module_accordionItem--
|
|
2491
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--a9ba9{
|
|
2491
2492
|
overflow:hidden;
|
|
2492
2493
|
text-overflow:ellipsis;
|
|
2493
2494
|
white-space:nowrap;
|
|
2494
2495
|
}
|
|
2495
2496
|
|
|
2496
|
-
.bp_accordion_module_accordionSubtitle--
|
|
2497
|
+
.bp_accordion_module_accordionSubtitle--a9ba9{
|
|
2497
2498
|
align-items:center;
|
|
2498
2499
|
display:flex;
|
|
2499
2500
|
gap:var(--bp-space-010, .25rem);
|
|
2500
2501
|
min-width:0;
|
|
2501
2502
|
}
|
|
2502
2503
|
|
|
2503
|
-
.bp_accordion_module_accordionSubtitleIcon--
|
|
2504
|
+
.bp_accordion_module_accordionSubtitleIcon--a9ba9{
|
|
2504
2505
|
align-items:center;
|
|
2505
2506
|
display:inline-flex;
|
|
2506
2507
|
flex-shrink:0;
|
|
@@ -2509,7 +2510,7 @@
|
|
|
2509
2510
|
width:var(--bp-size-030, .75rem);
|
|
2510
2511
|
}
|
|
2511
2512
|
|
|
2512
|
-
.bp_accordion_module_accordionItem--
|
|
2513
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionSubtitleText--a9ba9{
|
|
2513
2514
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2514
2515
|
font-size:var(--bp-font-size-03);
|
|
2515
2516
|
font-style:normal;
|
|
@@ -2517,7 +2518,7 @@
|
|
|
2517
2518
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2518
2519
|
line-height:var(--bp-font-line-height-02);
|
|
2519
2520
|
}
|
|
2520
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2521
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionSubtitleText--a9ba9{
|
|
2521
2522
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2522
2523
|
font-size:.75rem;
|
|
2523
2524
|
font-style:normal;
|
|
@@ -2528,7 +2529,7 @@
|
|
|
2528
2529
|
text-transform:none;
|
|
2529
2530
|
}
|
|
2530
2531
|
|
|
2531
|
-
.bp_accordion_module_accordionItem--
|
|
2532
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionSubtitleText--a9ba9{
|
|
2532
2533
|
color:var(--bp-text-text-on-light-secondary);
|
|
2533
2534
|
display:block;
|
|
2534
2535
|
min-width:0;
|
|
@@ -2537,7 +2538,7 @@
|
|
|
2537
2538
|
white-space:nowrap;
|
|
2538
2539
|
}
|
|
2539
2540
|
|
|
2540
|
-
.bp_accordion_module_accordionItem--
|
|
2541
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionEndText--a9ba9{
|
|
2541
2542
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2542
2543
|
font-size:var(--bp-font-size-04);
|
|
2543
2544
|
font-style:normal;
|
|
@@ -2545,7 +2546,7 @@
|
|
|
2545
2546
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2546
2547
|
line-height:var(--bp-font-line-height-04);
|
|
2547
2548
|
}
|
|
2548
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2549
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionEndText--a9ba9{
|
|
2549
2550
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2550
2551
|
font-size:.8125rem;
|
|
2551
2552
|
font-style:normal;
|
|
@@ -2556,7 +2557,7 @@
|
|
|
2556
2557
|
text-transform:none;
|
|
2557
2558
|
}
|
|
2558
2559
|
|
|
2559
|
-
.bp_accordion_module_accordionItem--
|
|
2560
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionEndText--a9ba9{
|
|
2560
2561
|
color:var(--bp-text-text-on-light-secondary);
|
|
2561
2562
|
display:inline-block;
|
|
2562
2563
|
max-width:var(--bp-size-300, 7.5rem);
|
|
@@ -2566,17 +2567,17 @@
|
|
|
2566
2567
|
white-space:nowrap;
|
|
2567
2568
|
}
|
|
2568
2569
|
|
|
2569
|
-
.bp_accordion_module_accordionHeaderInfoSlot--
|
|
2570
|
+
.bp_accordion_module_accordionHeaderInfoSlot--a9ba9{
|
|
2570
2571
|
align-items:center;
|
|
2571
2572
|
display:flex;
|
|
2572
2573
|
margin-inline-start:var(--accordion-chevron-margin-inline-start);
|
|
2573
2574
|
}
|
|
2574
2575
|
|
|
2575
|
-
.bp_accordion_module_accordionItem--
|
|
2576
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--a9ba9{
|
|
2576
2577
|
margin-inline-start:var(--bp-space-030);
|
|
2577
2578
|
}
|
|
2578
2579
|
|
|
2579
|
-
.bp_accordion_module_accordionItem--
|
|
2580
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=false] .bp_accordion_module_accordionHeader--a9ba9{
|
|
2580
2581
|
color:var(--accordion-header-text-color);
|
|
2581
2582
|
font-family:var(--title-small-font-family);
|
|
2582
2583
|
font-size:var(--title-small-font-size);
|
|
@@ -2587,7 +2588,7 @@
|
|
|
2587
2588
|
text-transform:var(--title-small-text-case);
|
|
2588
2589
|
}
|
|
2589
2590
|
|
|
2590
|
-
.bp_accordion_module_accordionItem--
|
|
2591
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionHeader--a9ba9{
|
|
2591
2592
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2592
2593
|
font-size:var(--bp-font-size-06);
|
|
2593
2594
|
font-style:normal;
|
|
@@ -2595,7 +2596,7 @@
|
|
|
2595
2596
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2596
2597
|
line-height:var(--bp-font-line-height-04);
|
|
2597
2598
|
}
|
|
2598
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2599
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionHeader--a9ba9{
|
|
2599
2600
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2600
2601
|
font-size:1rem;
|
|
2601
2602
|
font-style:normal;
|
|
@@ -2606,35 +2607,35 @@
|
|
|
2606
2607
|
text-transform:none;
|
|
2607
2608
|
}
|
|
2608
2609
|
|
|
2609
|
-
.bp_accordion_module_accordionItem--
|
|
2610
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionHeader--a9ba9{
|
|
2610
2611
|
color:var(--accordion-header-text-color);
|
|
2611
2612
|
}
|
|
2612
2613
|
|
|
2613
|
-
.bp_accordion_module_accordionSlot--
|
|
2614
|
+
.bp_accordion_module_accordionSlot--a9ba9{
|
|
2614
2615
|
align-items:center;
|
|
2615
2616
|
display:flex;
|
|
2616
2617
|
}
|
|
2617
2618
|
|
|
2618
|
-
.bp_accordion_module_accordionChevronWrapper--
|
|
2619
|
+
.bp_accordion_module_accordionChevronWrapper--a9ba9{
|
|
2619
2620
|
align-items:center;
|
|
2620
2621
|
cursor:pointer;
|
|
2621
2622
|
display:flex;
|
|
2622
2623
|
padding-inline-end:var(--space-6);
|
|
2623
2624
|
}
|
|
2624
|
-
.bp_accordion_module_accordionChevronWrapper--
|
|
2625
|
+
.bp_accordion_module_accordionChevronWrapper--a9ba9 .bp_accordion_module_accordionTriggerIcon--a9ba9{
|
|
2625
2626
|
flex-shrink:0;
|
|
2626
2627
|
transform:var(--accordion-trigger-icon-transform-collapsed);
|
|
2627
2628
|
}
|
|
2628
2629
|
|
|
2629
|
-
.bp_accordion_module_accordionItem--
|
|
2630
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true] .bp_accordion_module_accordionChevronWrapper--a9ba9{
|
|
2630
2631
|
padding-inline-end:var(--bp-space-040);
|
|
2631
2632
|
}
|
|
2632
2633
|
|
|
2633
|
-
.bp_accordion_module_accordionItem--
|
|
2634
|
+
.bp_accordion_module_accordionItem--a9ba9[data-state=open] .bp_accordion_module_accordionChevronWrapper--a9ba9 .bp_accordion_module_accordionTriggerIcon--a9ba9{
|
|
2634
2635
|
transform:var(--accordion-trigger-icon-transform-expanded);
|
|
2635
2636
|
}
|
|
2636
2637
|
|
|
2637
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2638
|
+
.bp_accordion_module_accordionIconWrapper--a9ba9{
|
|
2638
2639
|
align-items:center;
|
|
2639
2640
|
border-radius:var(--accordion-icon-radius);
|
|
2640
2641
|
display:flex;
|
|
@@ -2642,16 +2643,16 @@
|
|
|
2642
2643
|
justify-content:center;
|
|
2643
2644
|
width:var(--accordion-icon-size);
|
|
2644
2645
|
}
|
|
2645
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2646
|
+
.bp_accordion_module_accordionIconWrapper--a9ba9.bp_accordion_module_bgOnly--a9ba9{
|
|
2646
2647
|
height:var(--accordion-bg-only-status-size);
|
|
2647
2648
|
width:var(--accordion-bg-only-status-size);
|
|
2648
2649
|
}
|
|
2649
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2650
|
+
.bp_accordion_module_accordionIconWrapper--a9ba9.bp_accordion_module_withIcon--a9ba9{
|
|
2650
2651
|
height:var(--accordion-icon-size);
|
|
2651
2652
|
width:var(--accordion-icon-size);
|
|
2652
2653
|
}
|
|
2653
2654
|
|
|
2654
|
-
.bp_accordion_module_accordionTrigger--
|
|
2655
|
+
.bp_accordion_module_accordionTrigger--a9ba9{
|
|
2655
2656
|
align-items:center;
|
|
2656
2657
|
background:#0000;
|
|
2657
2658
|
border:none;
|
|
@@ -2663,19 +2664,19 @@
|
|
|
2663
2664
|
padding:var(--accordion-trigger-padding);
|
|
2664
2665
|
width:100%;
|
|
2665
2666
|
}
|
|
2666
|
-
.bp_accordion_module_accordionTrigger--
|
|
2667
|
+
.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9,.bp_accordion_module_accordionTrigger--a9ba9:disabled{
|
|
2667
2668
|
cursor:default;
|
|
2668
2669
|
opacity:.3;
|
|
2669
2670
|
pointer-events:none;
|
|
2670
2671
|
}
|
|
2671
|
-
.bp_accordion_module_accordionTrigger--
|
|
2672
|
+
.bp_accordion_module_accordionTrigger--a9ba9:focus-visible{
|
|
2672
2673
|
outline:none;
|
|
2673
2674
|
}
|
|
2674
|
-
.bp_accordion_module_accordionTrigger--
|
|
2675
|
+
.bp_accordion_module_accordionTrigger--a9ba9:hover:not(:disabled, .bp_accordion_module_disabled--a9ba9){
|
|
2675
2676
|
cursor:pointer;
|
|
2676
2677
|
}
|
|
2677
2678
|
|
|
2678
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2679
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9{
|
|
2679
2680
|
align-items:stretch;
|
|
2680
2681
|
background-color:var(--accordion-item-background-collapsed);
|
|
2681
2682
|
border:var(--accordion-trigger-border);
|
|
@@ -2684,21 +2685,21 @@
|
|
|
2684
2685
|
gap:var(--accordion-chevron-margin-inline-start);
|
|
2685
2686
|
}
|
|
2686
2687
|
|
|
2687
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2688
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9),.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9:disabled){
|
|
2688
2689
|
cursor:default;
|
|
2689
2690
|
}
|
|
2690
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2691
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9) > .bp_accordion_module_accordionChevronWrapper--a9ba9,.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9:disabled) > .bp_accordion_module_accordionChevronWrapper--a9ba9{
|
|
2691
2692
|
opacity:.3;
|
|
2692
2693
|
pointer-events:none;
|
|
2693
2694
|
}
|
|
2694
2695
|
|
|
2695
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2696
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9[data-state=open]){
|
|
2696
2697
|
background-color:initial;
|
|
2697
2698
|
border:none;
|
|
2698
2699
|
border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
|
|
2699
2700
|
}
|
|
2700
2701
|
|
|
2701
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2702
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9:focus-visible){
|
|
2702
2703
|
background-color:var(--accordion-trigger-collapsed-background-focus);
|
|
2703
2704
|
border:var(--accordion-trigger-border-hover);
|
|
2704
2705
|
border-color:#0000;
|
|
@@ -2706,30 +2707,30 @@
|
|
|
2706
2707
|
outline:none;
|
|
2707
2708
|
}
|
|
2708
2709
|
|
|
2709
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2710
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:hover:not(:has(.bp_accordion_module_accordionTrigger--a9ba9:disabled), :has(.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9)){
|
|
2710
2711
|
background-color:var(--accordion-trigger-collapsed-background-hover);
|
|
2711
2712
|
border:var(--accordion-trigger-border-hover);
|
|
2712
2713
|
cursor:pointer;
|
|
2713
2714
|
}
|
|
2714
2715
|
|
|
2715
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2716
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2717
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2716
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9:active, .bp_accordion_module_accordionChevronWrapper--a9ba9:active):not(:has(.bp_accordion_module_accordionTrigger--a9ba9:disabled),
|
|
2717
|
+
:has(.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9),
|
|
2718
|
+
:has(.bp_accordion_module_accordionTrigger--a9ba9[data-state=open])){
|
|
2718
2719
|
border:var(--accordion-trigger-border-pressed);
|
|
2719
2720
|
}
|
|
2720
2721
|
|
|
2721
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2722
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9[data-state=open]):has(.bp_accordion_module_accordionTrigger--a9ba9:focus-visible){
|
|
2722
2723
|
background-color:var(--accordion-trigger-expanded-background-focus);
|
|
2723
2724
|
border:none;
|
|
2724
2725
|
}
|
|
2725
2726
|
|
|
2726
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2727
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2727
|
+
.bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--a9ba9:disabled),
|
|
2728
|
+
:has(.bp_accordion_module_accordionTrigger--a9ba9.bp_accordion_module_disabled--a9ba9)){
|
|
2728
2729
|
background-color:initial;
|
|
2729
2730
|
border:none;
|
|
2730
2731
|
}
|
|
2731
2732
|
|
|
2732
|
-
.bp_accordion_module_accordionItem--
|
|
2733
|
+
.bp_accordion_module_accordionItem--a9ba9[data-modern=true].bp_accordion_module_highlighted--a9ba9[data-state=open] .bp_accordion_module_accordionHeaderContainer--a9ba9:has(.bp_accordion_module_accordionTrigger--a9ba9[data-state=open]){
|
|
2733
2734
|
border-radius:calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) 0 0;
|
|
2734
2735
|
}
|
|
2735
2736
|
.bp_avatar_module_avatar--70f35[data-modern=false]{
|
|
@@ -10695,100 +10696,417 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10695
10696
|
.bp_navigation_menu_module_navigationMenuSeparator--2db59{
|
|
10696
10697
|
margin-block:var(--space-2);
|
|
10697
10698
|
}
|
|
10699
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false]{
|
|
10700
|
+
--text-input-border-width:var(--border-1);
|
|
10701
|
+
--text-input-border-width-focused:var(--border-2);
|
|
10702
|
+
--text-input-border-width-error:var(--border-2);
|
|
10703
|
+
--text-input-padding-inline:var(--space-3);
|
|
10704
|
+
--text-input-icon-padding:var(--space-2);
|
|
10705
|
+
--text-input-padding-inline-focused:calc(var(--text-input-padding-inline) - var(--text-input-border-width-focused) + var(--text-input-border-width));
|
|
10706
|
+
--text-input-padding-inline-error:calc(var(--text-input-padding-inline) - var(--text-input-border-width-error) + var(--text-input-border-width));
|
|
10707
|
+
--text-input-inline-error-subtext-block-margin:var(--space-2);
|
|
10708
|
+
--text-input-inline-error-icon-width:var(--size-5);
|
|
10709
|
+
--text-input-inline-error-icon-height:var(--size-5);
|
|
10710
|
+
--text-input-row-gap:var(--space-2);
|
|
10711
|
+
--text-input-label-color:var(--text-text-on-light);
|
|
10712
|
+
--text-input-color:var(--text-text-on-light);
|
|
10713
|
+
--text-input-background:var(--surface-input-surface);
|
|
10714
|
+
--text-input-border-color:var(--border-input-border);
|
|
10715
|
+
--text-input-border-radius:var(--radius-2);
|
|
10716
|
+
--text-input-box-shadow:var(--innershadow-1);
|
|
10717
|
+
--text-input-border-color-focus:var(--border-input-border-focus);
|
|
10718
|
+
--text-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
10719
|
+
--text-input-error-background:var(--surface-input-surface-error);
|
|
10720
|
+
--text-input-error-border-color:var(--border-input-border-error);
|
|
10721
|
+
--text-input-read-only-color:var(--text-text-on-light-secondary);
|
|
10722
|
+
--text-input-read-only-border-color:var(--border-collapsible-border);
|
|
10723
|
+
--text-input-disabled-color:var(--text-text-on-light);
|
|
10724
|
+
--text-input-disabled-background:var(--surface-input-surface);
|
|
10725
|
+
--text-input-disabled-border-color:var(--border-input-border);
|
|
10726
|
+
--text-input-focused-background:var(--surface-input-surface-focus);
|
|
10727
|
+
--text-input-focused-border-color:var(--border-input-border-focus);
|
|
10728
|
+
--text-input-hover-background:var(--surface-input-surface-hover);
|
|
10729
|
+
--text-input-hover-border-color:var(--border-input-border-hover);
|
|
10730
|
+
font-family:var(--body-default-font-family);
|
|
10731
|
+
font-size:var(--body-default-font-size);
|
|
10732
|
+
font-weight:var(--body-default-font-weight);
|
|
10733
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
10734
|
+
line-height:var(--body-default-line-height);
|
|
10735
|
+
text-decoration:var(--body-default-text-decoration);
|
|
10736
|
+
text-transform:var(--body-default-text-case);
|
|
10737
|
+
}
|
|
10738
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_label--f35fd{
|
|
10739
|
+
font-family:var(--body-default-bold-font-family);
|
|
10740
|
+
font-size:var(--body-default-bold-font-size);
|
|
10741
|
+
font-weight:var(--body-default-bold-font-weight);
|
|
10742
|
+
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
10743
|
+
line-height:var(--body-default-bold-line-height);
|
|
10744
|
+
text-decoration:var(--body-default-bold-text-decoration);
|
|
10745
|
+
text-transform:var(--body-default-bold-text-case);
|
|
10746
|
+
}
|
|
10747
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
10748
|
+
font-family:var(--body-default-font-family);
|
|
10749
|
+
font-size:var(--body-default-font-size);
|
|
10750
|
+
font-weight:var(--body-default-font-weight);
|
|
10751
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
10752
|
+
line-height:var(--body-default-line-height);
|
|
10753
|
+
text-decoration:var(--body-default-text-decoration);
|
|
10754
|
+
text-transform:var(--body-default-text-case);
|
|
10755
|
+
}
|
|
10698
10756
|
|
|
10699
|
-
.
|
|
10700
|
-
--
|
|
10701
|
-
--
|
|
10702
|
-
--
|
|
10703
|
-
--
|
|
10704
|
-
--
|
|
10705
|
-
--
|
|
10706
|
-
--
|
|
10707
|
-
--
|
|
10708
|
-
--
|
|
10709
|
-
--
|
|
10710
|
-
--
|
|
10711
|
-
--
|
|
10712
|
-
--
|
|
10713
|
-
--
|
|
10757
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true]{
|
|
10758
|
+
--text-input-border-width:var(--bp-border-01);
|
|
10759
|
+
--text-input-border-width-focused:var(--bp-border-02);
|
|
10760
|
+
--text-input-border-width-error:var(--bp-border-02);
|
|
10761
|
+
--text-input-padding-inline:var(--bp-space-030);
|
|
10762
|
+
--text-input-icon-padding:var(--bp-space-020);
|
|
10763
|
+
--text-input-padding-inline-focused:calc(var(--text-input-padding-inline) - var(--text-input-border-width-focused) + var(--text-input-border-width));
|
|
10764
|
+
--text-input-padding-inline-error:calc(var(--text-input-padding-inline) - var(--text-input-border-width-error) + var(--text-input-border-width));
|
|
10765
|
+
--text-input-inline-error-subtext-block-margin:var(--bp-space-020);
|
|
10766
|
+
--text-input-inline-error-icon-width:var(--bp-size-050);
|
|
10767
|
+
--text-input-inline-error-icon-height:var(--bp-size-050);
|
|
10768
|
+
--text-input-row-gap:var(--bp-space-020);
|
|
10769
|
+
--text-input-label-color:var(--bp-text-text-on-light);
|
|
10770
|
+
--text-input-color:var(--bp-text-text-on-light);
|
|
10771
|
+
--text-input-background:var(--bp-surface-input-surface);
|
|
10772
|
+
--text-input-border-color:var(--bp-border-input-border);
|
|
10773
|
+
--text-input-border-radius:var(--bp-radius-06);
|
|
10774
|
+
--text-input-box-shadow:var(--innershadow-1);
|
|
10775
|
+
--text-input-border-color-focus:var(--bp-border-input-border-focus);
|
|
10776
|
+
--text-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
10777
|
+
--text-input-error-background:var(--bp-surface-input-surface-error);
|
|
10778
|
+
--text-input-error-border-color:var(--bp-border-input-border-error);
|
|
10779
|
+
--text-input-read-only-color:var(--bp-text-text-on-light-secondary);
|
|
10780
|
+
--text-input-read-only-background:var(--bp-surface-input-surface-read-only);
|
|
10781
|
+
--text-input-read-only-border-color:var(--bp-border-input-border-read-only);
|
|
10782
|
+
--text-input-disabled-color:var(--bp-text-text-on-light);
|
|
10783
|
+
--text-input-disabled-background:var(--bp-surface-input-surface);
|
|
10784
|
+
--text-input-disabled-border-color:var(--bp-border-input-border);
|
|
10785
|
+
--text-input-focused-background:var(--bp-surface-input-surface-focus);
|
|
10786
|
+
--text-input-focused-border-color:var(--bp-border-input-border-focus);
|
|
10787
|
+
--text-input-hover-background:var(--bp-surface-input-surface-hover);
|
|
10788
|
+
--text-input-hover-border-color:var(--bp-border-input-border-hover);
|
|
10789
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10790
|
+
font-size:var(--bp-font-size-05);
|
|
10791
|
+
font-style:normal;
|
|
10792
|
+
font-weight:var(--bp-font-weight-regular);
|
|
10793
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10794
|
+
line-height:var(--bp-font-line-height-04);
|
|
10795
|
+
}
|
|
10796
|
+
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true]{
|
|
10797
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10798
|
+
font-size:.875rem;
|
|
10799
|
+
font-style:normal;
|
|
10800
|
+
font-weight:450;
|
|
10801
|
+
letter-spacing:.00625rem;
|
|
10802
|
+
line-height:1.375rem;
|
|
10803
|
+
text-decoration:none;
|
|
10804
|
+
text-transform:none;
|
|
10714
10805
|
}
|
|
10715
10806
|
|
|
10716
|
-
.
|
|
10717
|
-
|
|
10718
|
-
|
|
10719
|
-
|
|
10720
|
-
--
|
|
10721
|
-
|
|
10722
|
-
|
|
10723
|
-
|
|
10724
|
-
|
|
10725
|
-
|
|
10726
|
-
|
|
10727
|
-
|
|
10728
|
-
|
|
10729
|
-
|
|
10807
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_label--f35fd{
|
|
10808
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10809
|
+
font-size:var(--bp-font-size-05);
|
|
10810
|
+
font-style:normal;
|
|
10811
|
+
font-weight:var(--bp-font-weight-bold);
|
|
10812
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10813
|
+
line-height:var(--bp-font-line-height-04);
|
|
10814
|
+
}
|
|
10815
|
+
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_label--f35fd{
|
|
10816
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10817
|
+
font-size:.875rem;
|
|
10818
|
+
font-style:normal;
|
|
10819
|
+
font-weight:600;
|
|
10820
|
+
letter-spacing:.00625rem;
|
|
10821
|
+
line-height:1.375rem;
|
|
10822
|
+
text-decoration:none;
|
|
10823
|
+
text-transform:none;
|
|
10730
10824
|
}
|
|
10731
10825
|
|
|
10732
|
-
.
|
|
10733
|
-
|
|
10826
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
10827
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10828
|
+
font-size:var(--bp-font-size-05);
|
|
10829
|
+
font-style:normal;
|
|
10830
|
+
font-weight:var(--bp-font-weight-regular);
|
|
10831
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10832
|
+
line-height:var(--bp-font-line-height-04);
|
|
10833
|
+
}
|
|
10834
|
+
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
10835
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10836
|
+
font-size:.875rem;
|
|
10837
|
+
font-style:normal;
|
|
10838
|
+
font-weight:450;
|
|
10839
|
+
letter-spacing:.00625rem;
|
|
10840
|
+
line-height:1.375rem;
|
|
10841
|
+
text-decoration:none;
|
|
10842
|
+
text-transform:none;
|
|
10843
|
+
}
|
|
10844
|
+
|
|
10845
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd{
|
|
10846
|
+
--disabled-opacity:var(--text-input-disabled-opacity-api, 60%);
|
|
10734
10847
|
display:flex;
|
|
10735
10848
|
flex-direction:column;
|
|
10736
|
-
height:var(--page-height);
|
|
10737
|
-
overflow:hidden;
|
|
10738
|
-
padding-inline-start:var(--page-navigation-width-collapsed);
|
|
10739
|
-
position:relative;
|
|
10740
10849
|
}
|
|
10741
|
-
.
|
|
10742
|
-
|
|
10743
|
-
flex:
|
|
10744
|
-
|
|
10745
|
-
overflow:hidden;
|
|
10746
|
-
position:relative;
|
|
10850
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_label--f35fd{
|
|
10851
|
+
color:var(--text-input-label-color);
|
|
10852
|
+
flex:0 0 fit-content;
|
|
10853
|
+
width:fit-content;
|
|
10747
10854
|
}
|
|
10748
|
-
.
|
|
10855
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_label--f35fd:not(.bp_base_text_input_module_hidden--f35fd){
|
|
10856
|
+
margin-block-end:var(--text-input-row-gap);
|
|
10857
|
+
}
|
|
10858
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd{
|
|
10749
10859
|
display:flex;
|
|
10750
|
-
|
|
10751
|
-
|
|
10752
|
-
height:100%;
|
|
10753
|
-
min-width:0;
|
|
10754
|
-
overflow:hidden;
|
|
10755
|
-
padding-block-start:var(--page-padding-block-start);
|
|
10860
|
+
height:var(--size-10);
|
|
10861
|
+
position:relative;
|
|
10756
10862
|
}
|
|
10757
|
-
.
|
|
10758
|
-
|
|
10759
|
-
|
|
10863
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
10864
|
+
background:var(--text-input-background);
|
|
10865
|
+
border:var(--text-input-border-width) solid var(--text-input-border-color);
|
|
10866
|
+
border-radius:var(--text-input-border-radius);
|
|
10867
|
+
box-shadow:var(--text-input-box-shadow);
|
|
10868
|
+
box-sizing:border-box;
|
|
10869
|
+
color:var(--text-input-color);
|
|
10760
10870
|
height:100%;
|
|
10761
|
-
|
|
10762
|
-
|
|
10763
|
-
top:0;
|
|
10871
|
+
padding-block:0;
|
|
10872
|
+
padding-inline:var(--text-input-padding-inline);
|
|
10764
10873
|
width:100%;
|
|
10765
|
-
z-index:var(--page-medium-side-panel-portal-overlay-z-index, 1);
|
|
10766
|
-
}
|
|
10767
|
-
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101.bp_page_module_expanded--e9101{
|
|
10768
|
-
display:block;
|
|
10769
10874
|
}
|
|
10770
|
-
|
|
10771
|
-
|
|
10772
|
-
height:100vh;
|
|
10773
|
-
inset:0;
|
|
10774
|
-
position:fixed;
|
|
10775
|
-
width:100vw;
|
|
10776
|
-
}
|
|
10875
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:hover{
|
|
10876
|
+
box-shadow:var(--text-input-box-shadow);
|
|
10777
10877
|
}
|
|
10778
|
-
|
|
10779
|
-
|
|
10780
|
-
|
|
10781
|
-
}
|
|
10878
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd::placeholder,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd::placeholder,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd::placeholder{
|
|
10879
|
+
color:var(--text-input-placeholder-color);
|
|
10880
|
+
opacity:1;
|
|
10782
10881
|
}
|
|
10783
|
-
|
|
10784
|
-
|
|
10785
|
-
|
|
10786
|
-
|
|
10787
|
-
|
|
10882
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd{
|
|
10883
|
+
background:var(--text-input-error-background);
|
|
10884
|
+
border:var(--text-input-border-width-error) solid var(--text-input-error-border-color);
|
|
10885
|
+
outline:0;
|
|
10886
|
+
padding-inline-start:var(--text-input-padding-inline-error);
|
|
10788
10887
|
}
|
|
10789
|
-
.
|
|
10790
|
-
|
|
10791
|
-
|
|
10888
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd{
|
|
10889
|
+
background-color:var(--text-input-read-only-background);
|
|
10890
|
+
border-color:var(--text-input-read-only-border-color);
|
|
10891
|
+
box-shadow:var(--text-input-box-shadow);
|
|
10892
|
+
color:var(--text-input-read-only-color);
|
|
10893
|
+
cursor:default;
|
|
10894
|
+
}
|
|
10895
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible{
|
|
10896
|
+
border:var(--text-input-border-width-focused) solid var(--text-input-border-color-focus);
|
|
10897
|
+
}
|
|
10898
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:disabled,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:disabled,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:disabled{
|
|
10899
|
+
background:var(--text-input-disabled-background);
|
|
10900
|
+
border-color:var(--text-input-disabled-border-color);
|
|
10901
|
+
box-shadow:var(--text-input-box-shadow);
|
|
10902
|
+
color:var(--text-input-disabled-color);
|
|
10903
|
+
}
|
|
10904
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:disabled:hover{
|
|
10905
|
+
border-color:var(--text-input-border-color);
|
|
10906
|
+
}
|
|
10907
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:focus-visible{
|
|
10908
|
+
background:var(--text-input-focused-background);
|
|
10909
|
+
border:var(--text-input-border-width-focused) solid var(--text-input-focused-border-color);
|
|
10910
|
+
outline:0;
|
|
10911
|
+
padding-inline-start:var(--text-input-padding-inline-focused);
|
|
10912
|
+
}
|
|
10913
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd),.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd),.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd){
|
|
10914
|
+
padding-inline-end:calc(var(--text-input-padding-inline) + var(--end-icon-width) + var(--text-input-icon-padding));
|
|
10915
|
+
}
|
|
10916
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover, .bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover, .bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover{
|
|
10917
|
+
background:var(--text-input-hover-background);
|
|
10918
|
+
border:var(--border-1) solid var(--text-input-hover-border-color);
|
|
10919
|
+
}
|
|
10920
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd{
|
|
10921
|
+
left:calc(var(--text-input-padding-inline) + var(--text-input-border-width));
|
|
10922
|
+
position:absolute;
|
|
10923
|
+
top:50%;
|
|
10924
|
+
transform:translateY(-50%);
|
|
10925
|
+
}
|
|
10926
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd{
|
|
10927
|
+
--text-input-start-icon-space:calc(var(--text-input-icon-padding) + var(--start-icon-width));
|
|
10928
|
+
padding-inline-start:calc(var(--text-input-padding-inline) + var(--text-input-start-icon-space));
|
|
10929
|
+
}
|
|
10930
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd:focus-visible{
|
|
10931
|
+
padding-inline-start:calc(var(--text-input-padding-inline-focused) + var(--text-input-start-icon-space));
|
|
10932
|
+
}
|
|
10933
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd{
|
|
10934
|
+
padding-inline-start:calc(var(--text-input-padding-inline-error) + var(--text-input-start-icon-space));
|
|
10935
|
+
}
|
|
10936
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_endIcon--f35fd{
|
|
10937
|
+
position:absolute;
|
|
10938
|
+
right:calc(var(--text-input-padding-inline) + var(--text-input-border-width));
|
|
10939
|
+
top:50%;
|
|
10940
|
+
transform:translateY(-50%);
|
|
10941
|
+
}
|
|
10942
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_inlineErrorIcon--f35fd{
|
|
10943
|
+
height:var(--text-input-inline-error-icon-height);
|
|
10944
|
+
width:var(--text-input-inline-error-icon-width);
|
|
10945
|
+
}
|
|
10946
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd.bp_base_text_input_module_disabled--f35fd{
|
|
10947
|
+
opacity:var(--disabled-opacity);
|
|
10948
|
+
}
|
|
10949
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_inlineError--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_subtext--f35fd{
|
|
10950
|
+
margin-block-start:var(--text-input-inline-error-subtext-block-margin);
|
|
10951
|
+
}
|
|
10952
|
+
|
|
10953
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
10954
|
+
transition-duration:var(--bp-duration-short);
|
|
10955
|
+
transition-property:border-color, background-color;
|
|
10956
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
10957
|
+
}
|
|
10958
|
+
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled):hover,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled):hover,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled):hover{
|
|
10959
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
10960
|
+
}
|
|
10961
|
+
.bp_number_field_module_numberField--e9b37{
|
|
10962
|
+
--number-field-row-gap:var(--bp-space-020);
|
|
10963
|
+
--number-field-segment-height:var(--bp-size-100);
|
|
10964
|
+
--number-field-stepper-width:var(--bp-size-100);
|
|
10965
|
+
--number-field-segment-outer-radius:var(--bp-radius-06);
|
|
10966
|
+
--number-field-input-character:calc(1ch + var(--bp-font-letter-spacing-01));
|
|
10967
|
+
--number-field-input-text:calc((var(--number-field-digits, 3) + 1)*var(--number-field-input-character));
|
|
10968
|
+
--number-field-input-chrome:calc(var(--bp-space-030)*2 + var(--bp-border-01)*2);
|
|
10969
|
+
--number-field-input-width:max(
|
|
10970
|
+
var(--bp-size-150),
|
|
10971
|
+
calc(var(--number-field-input-text) + var(--number-field-input-chrome))
|
|
10972
|
+
);
|
|
10973
|
+
display:flex;
|
|
10974
|
+
flex-direction:column;
|
|
10975
|
+
}
|
|
10976
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_label--e9b37:not(.bp_number_field_module_hidden--e9b37){
|
|
10977
|
+
margin-block-end:var(--number-field-row-gap);
|
|
10978
|
+
}
|
|
10979
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_control--e9b37{
|
|
10980
|
+
display:inline-flex;
|
|
10981
|
+
}
|
|
10982
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperLeft--e9b37,.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperRight--e9b37{
|
|
10983
|
+
height:var(--number-field-segment-height);
|
|
10984
|
+
width:var(--number-field-stepper-width);
|
|
10985
|
+
}
|
|
10986
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperLeft--e9b37[aria-disabled=true] path,.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperRight--e9b37[aria-disabled=true] path{
|
|
10987
|
+
fill:var(--bp-text-text-on-light-disabled);
|
|
10988
|
+
}
|
|
10989
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperLeft--e9b37[data-focus-visible],.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperRight--e9b37[data-focus-visible]{
|
|
10990
|
+
z-index:1;
|
|
10991
|
+
}
|
|
10992
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperLeft--e9b37{
|
|
10993
|
+
border-inline-end-width:0 !important;
|
|
10994
|
+
border-radius:var(--number-field-segment-outer-radius) 0 0 var(--number-field-segment-outer-radius);
|
|
10995
|
+
}
|
|
10996
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_stepperRight--e9b37{
|
|
10997
|
+
border-inline-start-width:0 !important;
|
|
10998
|
+
border-radius:0 var(--number-field-segment-outer-radius) var(--number-field-segment-outer-radius) 0;
|
|
10999
|
+
}
|
|
11000
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_input--e9b37{
|
|
11001
|
+
--text-input-border-radius:0;
|
|
11002
|
+
--text-input-box-shadow:none;
|
|
11003
|
+
--text-input-border-color:var(--bp-border-cta-border-secondary);
|
|
11004
|
+
height:var(--number-field-segment-height);
|
|
11005
|
+
width:var(--number-field-input-width);
|
|
11006
|
+
}
|
|
11007
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_input--e9b37 input{
|
|
11008
|
+
text-align:center;
|
|
11009
|
+
}
|
|
11010
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_input--e9b37:has(input:disabled){
|
|
11011
|
+
--text-input-border-color:var(--text-input-disabled-border-color);
|
|
11012
|
+
}
|
|
11013
|
+
.bp_number_field_module_numberField--e9b37 .bp_number_field_module_inlineError--e9b37,.bp_number_field_module_numberField--e9b37 .bp_number_field_module_subtext--e9b37{
|
|
11014
|
+
margin-block-start:var(--number-field-row-gap);
|
|
11015
|
+
}
|
|
11016
|
+
|
|
11017
|
+
.bp_page_module_page--e9101[data-modern=false]{
|
|
11018
|
+
--page-navigation-width-collapsed:var(--space-20);
|
|
11019
|
+
--page-navigation-width-expanded:calc(var(--space-20)*3);
|
|
11020
|
+
--page-viewport-inline-space:var(--space-8);
|
|
11021
|
+
--page-height:100vh;
|
|
11022
|
+
--page-padding-block-start:var(--space-5);
|
|
11023
|
+
--page-top-section-gap:var(--space-5);
|
|
11024
|
+
--page-content-margin-block-start:var(--space-4);
|
|
11025
|
+
--page-sidebar-margin-inline-start:var(--space-4);
|
|
11026
|
+
--page-padding-with-sidebar-inline-end:var(--space-8);
|
|
11027
|
+
--page-navigation-portal-background-color:var(--box-blue-100);
|
|
11028
|
+
--page-medium-global-header-fixed-size-section-height:var(--space-16);
|
|
11029
|
+
--page-medium-global-header-fixed-size-section-collapsed:var(--space-16);
|
|
11030
|
+
--page-medium-page-main-padding-inline:var(--space-4);
|
|
11031
|
+
--page-side-panel-width:calc(var(--space-20)*4);
|
|
11032
|
+
}
|
|
11033
|
+
|
|
11034
|
+
.bp_page_module_page--e9101[data-modern=true]{
|
|
11035
|
+
--page-navigation-width-collapsed:var(--bp-space-200);
|
|
11036
|
+
--page-navigation-width-expanded:calc(var(--bp-space-200)*3);
|
|
11037
|
+
--page-viewport-inline-space:var(--bp-space-080);
|
|
11038
|
+
--page-height:100vh;
|
|
11039
|
+
--page-padding-block-start:var(--bp-space-050);
|
|
11040
|
+
--page-top-section-gap:var(--bp-space-050);
|
|
11041
|
+
--page-content-margin-block-start:var(--bp-space-040);
|
|
11042
|
+
--page-sidebar-margin-inline-start:var(--bp-space-040);
|
|
11043
|
+
--page-navigation-portal-background-color:var(--bp-box-blue-100);
|
|
11044
|
+
--page-medium-global-header-fixed-size-section-height:var(--bp-space-160);
|
|
11045
|
+
--page-medium-global-header-fixed-size-section-collapsed:var(--bp-space-160);
|
|
11046
|
+
--page-medium-page-main-padding-inline:var(--bp-space-040);
|
|
11047
|
+
--page-side-panel-width:calc(var(--bp-space-200)*4);
|
|
11048
|
+
}
|
|
11049
|
+
|
|
11050
|
+
.bp_page_module_page--e9101{
|
|
11051
|
+
box-sizing:border-box;
|
|
11052
|
+
display:flex;
|
|
11053
|
+
flex-direction:column;
|
|
11054
|
+
height:var(--page-height);
|
|
11055
|
+
overflow:hidden;
|
|
11056
|
+
padding-inline-start:var(--page-navigation-width-collapsed);
|
|
11057
|
+
position:relative;
|
|
11058
|
+
}
|
|
11059
|
+
.bp_page_module_page--e9101 .bp_page_module_pageBody--e9101{
|
|
11060
|
+
display:flex;
|
|
11061
|
+
flex:1;
|
|
11062
|
+
flex-direction:row;
|
|
11063
|
+
overflow:hidden;
|
|
11064
|
+
position:relative;
|
|
11065
|
+
}
|
|
11066
|
+
.bp_page_module_page--e9101 .bp_page_module_pageBody--e9101 .bp_page_module_pageBodyContent--e9101{
|
|
11067
|
+
display:flex;
|
|
11068
|
+
flex:1;
|
|
11069
|
+
flex-direction:column;
|
|
11070
|
+
height:100%;
|
|
11071
|
+
min-width:0;
|
|
11072
|
+
overflow:hidden;
|
|
11073
|
+
padding-block-start:var(--page-padding-block-start);
|
|
11074
|
+
}
|
|
11075
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101{
|
|
11076
|
+
display:none;
|
|
11077
|
+
flex-shrink:0;
|
|
11078
|
+
height:100%;
|
|
11079
|
+
left:0;
|
|
11080
|
+
position:absolute;
|
|
11081
|
+
top:0;
|
|
11082
|
+
width:100%;
|
|
11083
|
+
z-index:var(--page-medium-side-panel-portal-overlay-z-index, 1);
|
|
11084
|
+
}
|
|
11085
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101.bp_page_module_expanded--e9101{
|
|
11086
|
+
display:block;
|
|
11087
|
+
}
|
|
11088
|
+
@media (width <= 767px){
|
|
11089
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101.bp_page_module_expanded--e9101{
|
|
11090
|
+
height:100vh;
|
|
11091
|
+
inset:0;
|
|
11092
|
+
position:fixed;
|
|
11093
|
+
width:100vw;
|
|
11094
|
+
}
|
|
11095
|
+
}
|
|
11096
|
+
@media (width > 767px){
|
|
11097
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101{
|
|
11098
|
+
width:var(--page-side-panel-width);
|
|
11099
|
+
}
|
|
11100
|
+
}
|
|
11101
|
+
@media (width > 1219px){
|
|
11102
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101{
|
|
11103
|
+
position:static;
|
|
11104
|
+
z-index:unset;
|
|
11105
|
+
}
|
|
11106
|
+
}
|
|
11107
|
+
.bp_page_module_page--e9101 .bp_page_module_sidePanel--e9101:empty{
|
|
11108
|
+
min-width:0;
|
|
11109
|
+
width:0;
|
|
10792
11110
|
}
|
|
10793
11111
|
.bp_page_module_page--e9101 .bp_page_module_globalHeader--e9101{
|
|
10794
11112
|
align-items:center;
|
|
@@ -11022,268 +11340,6 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
11022
11340
|
.bp_page_section_module_pageSectionDivider--c89b4{
|
|
11023
11341
|
width:100%;
|
|
11024
11342
|
}
|
|
11025
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false]{
|
|
11026
|
-
--text-input-border-width:var(--border-1);
|
|
11027
|
-
--text-input-border-width-focused:var(--border-2);
|
|
11028
|
-
--text-input-border-width-error:var(--border-2);
|
|
11029
|
-
--text-input-padding-inline:var(--space-3);
|
|
11030
|
-
--text-input-icon-padding:var(--space-2);
|
|
11031
|
-
--text-input-padding-inline-focused:calc(var(--text-input-padding-inline) - var(--text-input-border-width-focused) + var(--text-input-border-width));
|
|
11032
|
-
--text-input-padding-inline-error:calc(var(--text-input-padding-inline) - var(--text-input-border-width-error) + var(--text-input-border-width));
|
|
11033
|
-
--text-input-inline-error-subtext-block-margin:var(--space-2);
|
|
11034
|
-
--text-input-inline-error-icon-width:var(--size-5);
|
|
11035
|
-
--text-input-inline-error-icon-height:var(--size-5);
|
|
11036
|
-
--text-input-row-gap:var(--space-2);
|
|
11037
|
-
--text-input-label-color:var(--text-text-on-light);
|
|
11038
|
-
--text-input-color:var(--text-text-on-light);
|
|
11039
|
-
--text-input-background:var(--surface-input-surface);
|
|
11040
|
-
--text-input-border-color:var(--border-input-border);
|
|
11041
|
-
--text-input-border-radius:var(--radius-2);
|
|
11042
|
-
--text-input-box-shadow:var(--innershadow-1);
|
|
11043
|
-
--text-input-border-color-focus:var(--border-input-border-focus);
|
|
11044
|
-
--text-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
11045
|
-
--text-input-error-background:var(--surface-input-surface-error);
|
|
11046
|
-
--text-input-error-border-color:var(--border-input-border-error);
|
|
11047
|
-
--text-input-read-only-color:var(--text-text-on-light-secondary);
|
|
11048
|
-
--text-input-read-only-border-color:var(--border-collapsible-border);
|
|
11049
|
-
--text-input-disabled-color:var(--text-text-on-light);
|
|
11050
|
-
--text-input-disabled-background:var(--surface-input-surface);
|
|
11051
|
-
--text-input-disabled-border-color:var(--border-input-border);
|
|
11052
|
-
--text-input-focused-background:var(--surface-input-surface-focus);
|
|
11053
|
-
--text-input-focused-border-color:var(--border-input-border-focus);
|
|
11054
|
-
--text-input-hover-background:var(--surface-input-surface-hover);
|
|
11055
|
-
--text-input-hover-border-color:var(--border-input-border-hover);
|
|
11056
|
-
font-family:var(--body-default-font-family);
|
|
11057
|
-
font-size:var(--body-default-font-size);
|
|
11058
|
-
font-weight:var(--body-default-font-weight);
|
|
11059
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
11060
|
-
line-height:var(--body-default-line-height);
|
|
11061
|
-
text-decoration:var(--body-default-text-decoration);
|
|
11062
|
-
text-transform:var(--body-default-text-case);
|
|
11063
|
-
}
|
|
11064
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_label--f35fd{
|
|
11065
|
-
font-family:var(--body-default-bold-font-family);
|
|
11066
|
-
font-size:var(--body-default-bold-font-size);
|
|
11067
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
11068
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
11069
|
-
line-height:var(--body-default-bold-line-height);
|
|
11070
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
11071
|
-
text-transform:var(--body-default-bold-text-case);
|
|
11072
|
-
}
|
|
11073
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=false] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
11074
|
-
font-family:var(--body-default-font-family);
|
|
11075
|
-
font-size:var(--body-default-font-size);
|
|
11076
|
-
font-weight:var(--body-default-font-weight);
|
|
11077
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
11078
|
-
line-height:var(--body-default-line-height);
|
|
11079
|
-
text-decoration:var(--body-default-text-decoration);
|
|
11080
|
-
text-transform:var(--body-default-text-case);
|
|
11081
|
-
}
|
|
11082
|
-
|
|
11083
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true]{
|
|
11084
|
-
--text-input-border-width:var(--bp-border-01);
|
|
11085
|
-
--text-input-border-width-focused:var(--bp-border-02);
|
|
11086
|
-
--text-input-border-width-error:var(--bp-border-02);
|
|
11087
|
-
--text-input-padding-inline:var(--bp-space-030);
|
|
11088
|
-
--text-input-icon-padding:var(--bp-space-020);
|
|
11089
|
-
--text-input-padding-inline-focused:calc(var(--text-input-padding-inline) - var(--text-input-border-width-focused) + var(--text-input-border-width));
|
|
11090
|
-
--text-input-padding-inline-error:calc(var(--text-input-padding-inline) - var(--text-input-border-width-error) + var(--text-input-border-width));
|
|
11091
|
-
--text-input-inline-error-subtext-block-margin:var(--bp-space-020);
|
|
11092
|
-
--text-input-inline-error-icon-width:var(--bp-size-050);
|
|
11093
|
-
--text-input-inline-error-icon-height:var(--bp-size-050);
|
|
11094
|
-
--text-input-row-gap:var(--bp-space-020);
|
|
11095
|
-
--text-input-label-color:var(--bp-text-text-on-light);
|
|
11096
|
-
--text-input-color:var(--bp-text-text-on-light);
|
|
11097
|
-
--text-input-background:var(--bp-surface-input-surface);
|
|
11098
|
-
--text-input-border-color:var(--bp-border-input-border);
|
|
11099
|
-
--text-input-border-radius:var(--bp-radius-06);
|
|
11100
|
-
--text-input-box-shadow:var(--innershadow-1);
|
|
11101
|
-
--text-input-border-color-focus:var(--bp-border-input-border-focus);
|
|
11102
|
-
--text-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
11103
|
-
--text-input-error-background:var(--bp-surface-input-surface-error);
|
|
11104
|
-
--text-input-error-border-color:var(--bp-border-input-border-error);
|
|
11105
|
-
--text-input-read-only-color:var(--bp-text-text-on-light-secondary);
|
|
11106
|
-
--text-input-read-only-background:var(--bp-surface-input-surface-read-only);
|
|
11107
|
-
--text-input-read-only-border-color:var(--bp-border-input-border-read-only);
|
|
11108
|
-
--text-input-disabled-color:var(--bp-text-text-on-light);
|
|
11109
|
-
--text-input-disabled-background:var(--bp-surface-input-surface);
|
|
11110
|
-
--text-input-disabled-border-color:var(--bp-border-input-border);
|
|
11111
|
-
--text-input-focused-background:var(--bp-surface-input-surface-focus);
|
|
11112
|
-
--text-input-focused-border-color:var(--bp-border-input-border-focus);
|
|
11113
|
-
--text-input-hover-background:var(--bp-surface-input-surface-hover);
|
|
11114
|
-
--text-input-hover-border-color:var(--bp-border-input-border-hover);
|
|
11115
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11116
|
-
font-size:var(--bp-font-size-05);
|
|
11117
|
-
font-style:normal;
|
|
11118
|
-
font-weight:var(--bp-font-weight-regular);
|
|
11119
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11120
|
-
line-height:var(--bp-font-line-height-04);
|
|
11121
|
-
}
|
|
11122
|
-
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true]{
|
|
11123
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11124
|
-
font-size:.875rem;
|
|
11125
|
-
font-style:normal;
|
|
11126
|
-
font-weight:450;
|
|
11127
|
-
letter-spacing:.00625rem;
|
|
11128
|
-
line-height:1.375rem;
|
|
11129
|
-
text-decoration:none;
|
|
11130
|
-
text-transform:none;
|
|
11131
|
-
}
|
|
11132
|
-
|
|
11133
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_label--f35fd{
|
|
11134
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11135
|
-
font-size:var(--bp-font-size-05);
|
|
11136
|
-
font-style:normal;
|
|
11137
|
-
font-weight:var(--bp-font-weight-bold);
|
|
11138
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11139
|
-
line-height:var(--bp-font-line-height-04);
|
|
11140
|
-
}
|
|
11141
|
-
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_label--f35fd{
|
|
11142
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11143
|
-
font-size:.875rem;
|
|
11144
|
-
font-style:normal;
|
|
11145
|
-
font-weight:600;
|
|
11146
|
-
letter-spacing:.00625rem;
|
|
11147
|
-
line-height:1.375rem;
|
|
11148
|
-
text-decoration:none;
|
|
11149
|
-
text-transform:none;
|
|
11150
|
-
}
|
|
11151
|
-
|
|
11152
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
11153
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11154
|
-
font-size:var(--bp-font-size-05);
|
|
11155
|
-
font-style:normal;
|
|
11156
|
-
font-weight:var(--bp-font-weight-regular);
|
|
11157
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
11158
|
-
line-height:var(--bp-font-line-height-04);
|
|
11159
|
-
}
|
|
11160
|
-
:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,:where(body.is-inter-font) .bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
11161
|
-
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
11162
|
-
font-size:.875rem;
|
|
11163
|
-
font-style:normal;
|
|
11164
|
-
font-weight:450;
|
|
11165
|
-
letter-spacing:.00625rem;
|
|
11166
|
-
line-height:1.375rem;
|
|
11167
|
-
text-decoration:none;
|
|
11168
|
-
text-transform:none;
|
|
11169
|
-
}
|
|
11170
|
-
|
|
11171
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd{
|
|
11172
|
-
--disabled-opacity:var(--text-input-disabled-opacity-api, 60%);
|
|
11173
|
-
display:flex;
|
|
11174
|
-
flex-direction:column;
|
|
11175
|
-
}
|
|
11176
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_label--f35fd{
|
|
11177
|
-
color:var(--text-input-label-color);
|
|
11178
|
-
flex:0 0 fit-content;
|
|
11179
|
-
width:fit-content;
|
|
11180
|
-
}
|
|
11181
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_label--f35fd:not(.bp_base_text_input_module_hidden--f35fd){
|
|
11182
|
-
margin-block-end:var(--text-input-row-gap);
|
|
11183
|
-
}
|
|
11184
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd{
|
|
11185
|
-
display:flex;
|
|
11186
|
-
height:var(--size-10);
|
|
11187
|
-
position:relative;
|
|
11188
|
-
}
|
|
11189
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
11190
|
-
background:var(--text-input-background);
|
|
11191
|
-
border:var(--text-input-border-width) solid var(--text-input-border-color);
|
|
11192
|
-
border-radius:var(--text-input-border-radius);
|
|
11193
|
-
box-shadow:var(--text-input-box-shadow);
|
|
11194
|
-
box-sizing:border-box;
|
|
11195
|
-
color:var(--text-input-color);
|
|
11196
|
-
height:100%;
|
|
11197
|
-
padding-block:0;
|
|
11198
|
-
padding-inline:var(--text-input-padding-inline);
|
|
11199
|
-
width:100%;
|
|
11200
|
-
}
|
|
11201
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:hover{
|
|
11202
|
-
box-shadow:var(--text-input-box-shadow);
|
|
11203
|
-
}
|
|
11204
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd::placeholder,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd::placeholder,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd::placeholder{
|
|
11205
|
-
color:var(--text-input-placeholder-color);
|
|
11206
|
-
opacity:1;
|
|
11207
|
-
}
|
|
11208
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd{
|
|
11209
|
-
background:var(--text-input-error-background);
|
|
11210
|
-
border:var(--text-input-border-width-error) solid var(--text-input-error-border-color);
|
|
11211
|
-
outline:0;
|
|
11212
|
-
padding-inline-start:var(--text-input-padding-inline-error);
|
|
11213
|
-
}
|
|
11214
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd{
|
|
11215
|
-
background-color:var(--text-input-read-only-background);
|
|
11216
|
-
border-color:var(--text-input-read-only-border-color);
|
|
11217
|
-
box-shadow:var(--text-input-box-shadow);
|
|
11218
|
-
color:var(--text-input-read-only-color);
|
|
11219
|
-
cursor:default;
|
|
11220
|
-
}
|
|
11221
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_readOnly--f35fd:focus-visible{
|
|
11222
|
-
border:var(--text-input-border-width-focused) solid var(--text-input-border-color-focus);
|
|
11223
|
-
}
|
|
11224
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:disabled,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:disabled,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:disabled{
|
|
11225
|
-
background:var(--text-input-disabled-background);
|
|
11226
|
-
border-color:var(--text-input-disabled-border-color);
|
|
11227
|
-
box-shadow:var(--text-input-box-shadow);
|
|
11228
|
-
color:var(--text-input-disabled-color);
|
|
11229
|
-
}
|
|
11230
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:disabled:hover{
|
|
11231
|
-
border-color:var(--text-input-border-color);
|
|
11232
|
-
}
|
|
11233
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:focus-visible{
|
|
11234
|
-
background:var(--text-input-focused-background);
|
|
11235
|
-
border:var(--text-input-border-width-focused) solid var(--text-input-focused-border-color);
|
|
11236
|
-
outline:0;
|
|
11237
|
-
padding-inline-start:var(--text-input-padding-inline-focused);
|
|
11238
|
-
}
|
|
11239
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd),.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd),.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:has(+ .bp_base_text_input_module_endIcon--f35fd){
|
|
11240
|
-
padding-inline-end:calc(var(--text-input-padding-inline) + var(--end-icon-width) + var(--text-input-icon-padding));
|
|
11241
|
-
}
|
|
11242
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover, .bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover, .bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled, :focus-visible, .bp_base_text_input_module_error--f35fd):hover{
|
|
11243
|
-
background:var(--text-input-hover-background);
|
|
11244
|
-
border:var(--border-1) solid var(--text-input-hover-border-color);
|
|
11245
|
-
}
|
|
11246
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd{
|
|
11247
|
-
left:calc(var(--text-input-padding-inline) + var(--text-input-border-width));
|
|
11248
|
-
position:absolute;
|
|
11249
|
-
top:50%;
|
|
11250
|
-
transform:translateY(-50%);
|
|
11251
|
-
}
|
|
11252
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd{
|
|
11253
|
-
--text-input-start-icon-space:calc(var(--text-input-icon-padding) + var(--start-icon-width));
|
|
11254
|
-
padding-inline-start:calc(var(--text-input-padding-inline) + var(--text-input-start-icon-space));
|
|
11255
|
-
}
|
|
11256
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd:focus-visible{
|
|
11257
|
-
padding-inline-start:calc(var(--text-input-padding-inline-focused) + var(--text-input-start-icon-space));
|
|
11258
|
-
}
|
|
11259
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_startIcon--f35fd + input.bp_base_text_input_module_textInput--f35fd.bp_base_text_input_module_error--f35fd{
|
|
11260
|
-
padding-inline-start:calc(var(--text-input-padding-inline-error) + var(--text-input-start-icon-space));
|
|
11261
|
-
}
|
|
11262
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_endIcon--f35fd{
|
|
11263
|
-
position:absolute;
|
|
11264
|
-
right:calc(var(--text-input-padding-inline) + var(--text-input-border-width));
|
|
11265
|
-
top:50%;
|
|
11266
|
-
transform:translateY(-50%);
|
|
11267
|
-
}
|
|
11268
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_inlineErrorIcon--f35fd{
|
|
11269
|
-
height:var(--text-input-inline-error-icon-height);
|
|
11270
|
-
width:var(--text-input-inline-error-icon-width);
|
|
11271
|
-
}
|
|
11272
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd.bp_base_text_input_module_disabled--f35fd{
|
|
11273
|
-
opacity:var(--disabled-opacity);
|
|
11274
|
-
}
|
|
11275
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_inlineError--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd .bp_base_text_input_module_subtext--f35fd{
|
|
11276
|
-
margin-block-start:var(--text-input-inline-error-subtext-block-margin);
|
|
11277
|
-
}
|
|
11278
|
-
|
|
11279
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd{
|
|
11280
|
-
transition-duration:var(--bp-duration-short);
|
|
11281
|
-
transition-property:border-color, background-color;
|
|
11282
|
-
transition-timing-function:var(--bp-curve-small-off);
|
|
11283
|
-
}
|
|
11284
|
-
.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd .bp_base_text_input_module_textInput--f35fd:not(:disabled):hover,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=number].bp_base_text_input_module_textInput--f35fd:not(:disabled):hover,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled).bp_base_text_input_module_error--f35fd,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled):focus-visible,.bp_base_text_input_module_textInputContainerOuter--f35fd[data-modern=true][data-bp-animated=true] .bp_base_text_input_module_textInputContainer--f35fd input[type=text].bp_base_text_input_module_textInput--f35fd:not(:disabled):hover{
|
|
11285
|
-
transition-timing-function:var(--bp-curve-small-on);
|
|
11286
|
-
}
|
|
11287
11343
|
|
|
11288
11344
|
.bp_password_input_module_passwordInput--b2fae input[type=password],.bp_password_input_module_passwordInput--b2fae input[type=text]{
|
|
11289
11345
|
padding-inline-end:2.375rem;
|