@box/blueprint-web 8.1.0 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib-esm/combobox/combobox.js +13 -6
- package/lib-esm/combobox/combobox.module.js +1 -1
- package/lib-esm/combobox/types.d.ts +8 -0
- package/lib-esm/combobox-group/combobox-group-combobox.d.ts +3 -0
- package/lib-esm/combobox-group/combobox-group-combobox.js +62 -0
- package/lib-esm/combobox-group/combobox-group-context.d.ts +24 -0
- package/lib-esm/combobox-group/combobox-group-context.js +50 -0
- package/lib-esm/combobox-group/combobox-group-select.d.ts +3 -0
- package/lib-esm/combobox-group/combobox-group-select.js +59 -0
- package/lib-esm/combobox-group/combobox-group.d.ts +7 -0
- package/lib-esm/combobox-group/combobox-group.js +61 -0
- package/lib-esm/combobox-group/combobox-group.module.js +4 -0
- package/lib-esm/combobox-group/index.d.ts +2 -0
- package/lib-esm/combobox-group/types.d.ts +22 -0
- package/lib-esm/index.css +391 -296
- package/lib-esm/index.d.ts +1 -0
- package/lib-esm/index.js +1 -0
- package/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/lib-esm/primitives/notification/notification.module.js +1 -1
- package/lib-esm/radio-group/radio-group.module.js +1 -1
- package/lib-esm/select/select.js +3 -2
- package/lib-esm/select/select.module.js +1 -1
- package/lib-esm/switch/switch.module.js +1 -1
- package/lib-esm/text-toggle-button/text-toggle-button.module.js +1 -1
- package/lib-esm/toolbar/toolbar.module.js +1 -1
- package/package.json +2 -2
package/lib-esm/index.css
CHANGED
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.bp_base_button_module_button--
|
|
317
|
+
.bp_base_button_module_button--fe56c{
|
|
318
318
|
border-radius:var(--radius-2);
|
|
319
319
|
cursor:pointer;
|
|
320
320
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -330,95 +330,95 @@
|
|
|
330
330
|
user-select:none;
|
|
331
331
|
white-space:nowrap;
|
|
332
332
|
}
|
|
333
|
-
.bp_base_button_module_button--
|
|
333
|
+
.bp_base_button_module_button--fe56c,.bp_base_button_module_button--fe56c .bp_base_button_module_icon--fe56c{
|
|
334
334
|
align-items:center;
|
|
335
335
|
display:flex;
|
|
336
336
|
}
|
|
337
|
-
.bp_base_button_module_button--
|
|
338
|
-
box-shadow:0 0 0
|
|
337
|
+
.bp_base_button_module_button--fe56c:not(:disabled)[data-focus-visible]{
|
|
338
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
339
339
|
}
|
|
340
|
-
.bp_base_button_module_button--
|
|
340
|
+
.bp_base_button_module_button--fe56c:disabled{
|
|
341
341
|
opacity:.3;
|
|
342
342
|
}
|
|
343
|
-
.bp_base_button_module_button--
|
|
343
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c{
|
|
344
344
|
background:var(--surface-surface-brand);
|
|
345
345
|
border:var(--border-1) solid var(--surface-surface-brand);
|
|
346
346
|
color:var(--text-text-brand-on-color);
|
|
347
347
|
}
|
|
348
|
-
.bp_base_button_module_button--
|
|
348
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:disabled{
|
|
349
349
|
background:var(--surface-surface-brand-disabled);
|
|
350
350
|
}
|
|
351
|
-
.bp_base_button_module_button--
|
|
351
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled)[data-focus-visible]{
|
|
352
352
|
background:var(--surface-surface-brand-hover);
|
|
353
353
|
border:var(--border-1) solid var(--surface-surface-brand-hover);
|
|
354
354
|
}
|
|
355
|
-
.bp_base_button_module_button--
|
|
355
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):active{
|
|
356
356
|
background:var(--surface-surface-brand-pressed);
|
|
357
357
|
border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
358
358
|
}
|
|
359
|
-
.bp_base_button_module_button--
|
|
359
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c{
|
|
360
360
|
background:var(--surface-cta-surface-secondary);
|
|
361
361
|
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
362
362
|
color:var(--text-text-on-light);
|
|
363
363
|
}
|
|
364
|
-
.bp_base_button_module_button--
|
|
364
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled)[data-focus-visible]{
|
|
365
365
|
background:var(--surface-cta-surface-secondary-hover);
|
|
366
366
|
border:var(--border-1) solid var(--border-cta-border-secondary-hover);
|
|
367
367
|
}
|
|
368
|
-
.bp_base_button_module_button--
|
|
368
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):active{
|
|
369
369
|
background:var(--surface-cta-surface-secondary-pressed);
|
|
370
370
|
border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
371
371
|
}
|
|
372
|
-
.bp_base_button_module_button--
|
|
372
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c{
|
|
373
373
|
background:var(--surface-cta-surface-tertiary);
|
|
374
374
|
border:var(--border-1) solid #0000;
|
|
375
375
|
color:var(--text-cta-link);
|
|
376
376
|
}
|
|
377
|
-
.bp_base_button_module_button--
|
|
377
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled)[data-focus-visible]{
|
|
378
378
|
background:var(--surface-cta-surface-tertiary-hover);
|
|
379
379
|
}
|
|
380
|
-
.bp_base_button_module_button--
|
|
380
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):active{
|
|
381
381
|
background:var(--surface-cta-surface-tertiary-pressed);
|
|
382
382
|
}
|
|
383
|
-
.bp_base_button_module_button--
|
|
383
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c{
|
|
384
384
|
background:#0000;
|
|
385
385
|
border:var(--border-1) solid var(--border-cta-border-outline);
|
|
386
386
|
color:var(--text-text-on-light);
|
|
387
387
|
}
|
|
388
|
-
.bp_base_button_module_button--
|
|
388
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled)[data-focus-visible]{
|
|
389
389
|
background:var(--surface-cta-surface-outline-hover);
|
|
390
390
|
border:var(--border-1) solid var(--border-cta-border-outline-hover);
|
|
391
391
|
}
|
|
392
|
-
.bp_base_button_module_button--
|
|
392
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):active{
|
|
393
393
|
background:var(--surface-cta-surface-outline-pressed);
|
|
394
394
|
border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
395
395
|
}
|
|
396
|
-
.bp_base_button_module_button--
|
|
396
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_small--fe56c{
|
|
397
397
|
gap:var(--space-1);
|
|
398
398
|
min-height:var(--size-8);
|
|
399
399
|
padding:0 var(--size-4);
|
|
400
400
|
}
|
|
401
|
-
.bp_base_button_module_button--
|
|
401
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_small--fe56c.bp_base_button_module_isIconButton--fe56c{
|
|
402
402
|
height:var(--size-8);
|
|
403
403
|
min-height:unset;
|
|
404
404
|
padding:0 calc((var(--size-8) - var(--size-4))/2);
|
|
405
405
|
width:var(--size-8);
|
|
406
406
|
}
|
|
407
|
-
.bp_base_button_module_button--
|
|
407
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_large--fe56c{
|
|
408
408
|
gap:var(--space-2);
|
|
409
409
|
min-height:var(--size-10);
|
|
410
410
|
padding:0 var(--size-4);
|
|
411
411
|
}
|
|
412
|
-
.bp_base_button_module_button--
|
|
412
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_large--fe56c.bp_base_button_module_isIconButton--fe56c{
|
|
413
413
|
height:var(--size-10);
|
|
414
414
|
padding:0 calc((var(--size-10) - var(--size-5))/2);
|
|
415
415
|
width:var(--size-10);
|
|
416
416
|
}
|
|
417
|
-
.bp_base_button_module_button--
|
|
417
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_hide--fe56c{
|
|
418
418
|
pointer-events:none;
|
|
419
419
|
position:relative;
|
|
420
420
|
}
|
|
421
|
-
.bp_base_button_module_button--
|
|
421
|
+
.bp_base_button_module_button--fe56c.bp_base_button_module_hide--fe56c span{
|
|
422
422
|
color:#0000;
|
|
423
423
|
opacity:0;
|
|
424
424
|
}
|
|
@@ -1556,7 +1556,7 @@
|
|
|
1556
1556
|
max-width:100%;
|
|
1557
1557
|
}
|
|
1558
1558
|
|
|
1559
|
-
.bp_combobox_module_container--
|
|
1559
|
+
.bp_combobox_module_container--4d653{
|
|
1560
1560
|
display:flex;
|
|
1561
1561
|
flex-direction:column;
|
|
1562
1562
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1567,10 +1567,10 @@
|
|
|
1567
1567
|
text-decoration:none;
|
|
1568
1568
|
text-transform:none;
|
|
1569
1569
|
}
|
|
1570
|
-
.bp_combobox_module_container--
|
|
1570
|
+
.bp_combobox_module_container--4d653.bp_combobox_module_disabled--4d653{
|
|
1571
1571
|
opacity:60%;
|
|
1572
1572
|
}
|
|
1573
|
-
.bp_combobox_module_container--
|
|
1573
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_label--4d653{
|
|
1574
1574
|
color:var(--text-text-on-light);
|
|
1575
1575
|
flex:0 0 fit-content;
|
|
1576
1576
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1582,13 +1582,16 @@
|
|
|
1582
1582
|
text-decoration:none;
|
|
1583
1583
|
text-transform:none;
|
|
1584
1584
|
}
|
|
1585
|
-
.bp_combobox_module_container--
|
|
1585
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_label--4d653:not(.bp_combobox_module_hiddenLabel--4d653){
|
|
1586
1586
|
margin-block-end:var(--space-2);
|
|
1587
1587
|
}
|
|
1588
|
-
.bp_combobox_module_container--
|
|
1588
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653{
|
|
1589
1589
|
background-color:var(--surface-dropdown-surface);
|
|
1590
|
-
border:var(--border-1) solid var(--border-input-border);
|
|
1590
|
+
border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1591
|
+
border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1591
1592
|
border-radius:var(--blueprint-combobox-input-radius, var(--radius-2));
|
|
1593
|
+
border-right:var(--blueprint-combobox-border-right-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1594
|
+
border-top:var(--blueprint-combobox-border-top-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1592
1595
|
box-shadow:var(--innershadow-1);
|
|
1593
1596
|
display:flex;
|
|
1594
1597
|
flex-wrap:wrap;
|
|
@@ -1598,25 +1601,29 @@
|
|
|
1598
1601
|
padding-inline:var(--space-3);
|
|
1599
1602
|
position:relative;
|
|
1600
1603
|
}
|
|
1601
|
-
.bp_combobox_module_container--
|
|
1604
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653.bp_combobox_module_withComboboxButtons--4d653{
|
|
1602
1605
|
padding-inline-end:var(--space-10);
|
|
1603
1606
|
}
|
|
1604
|
-
.bp_combobox_module_container--
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653:not(:disabled):has(input:focus),.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653:not(:disabled):has(input[data-focus-visible]:focus){
|
|
1608
|
+
background-color:var(--surface-dropdown-surface-focus);
|
|
1609
|
+
border:var(--border-2), solid, var(--outline-focus-on-light);
|
|
1610
|
+
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1607
1611
|
}
|
|
1608
|
-
.bp_combobox_module_container--
|
|
1612
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653:not(:disabled).bp_combobox_module_error--4d653,.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653:not(:disabled):has([aria-invalid=true]){
|
|
1609
1613
|
background-color:var(--surface-dropdown-surface-error);
|
|
1610
|
-
border:var(--border-2) solid var(--border-input-border-error);
|
|
1614
|
+
border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1615
|
+
border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1616
|
+
border-right:var(--blueprint-combobox-border-error-right-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1617
|
+
border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1611
1618
|
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1612
1619
|
}
|
|
1613
|
-
.bp_combobox_module_container--
|
|
1620
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653 .bp_combobox_module_textInputWrapper--4d653{
|
|
1614
1621
|
align-items:center;
|
|
1615
1622
|
display:flex;
|
|
1616
1623
|
flex:content;
|
|
1617
1624
|
gap:var(--space-2);
|
|
1618
1625
|
}
|
|
1619
|
-
.bp_combobox_module_container--
|
|
1626
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653 .bp_combobox_module_textInputWrapper--4d653 .bp_combobox_module_textInput--4d653{
|
|
1620
1627
|
background-color:initial;
|
|
1621
1628
|
border:none;
|
|
1622
1629
|
color:var(--text-text-on-light);
|
|
@@ -1632,28 +1639,28 @@
|
|
|
1632
1639
|
text-transform:none;
|
|
1633
1640
|
width:100%;
|
|
1634
1641
|
}
|
|
1635
|
-
.bp_combobox_module_container--
|
|
1642
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653 .bp_combobox_module_textInputWrapper--4d653 .bp_combobox_module_errorIcon--4d653 path{
|
|
1636
1643
|
fill:var(--icon-icon-error-on-light);
|
|
1637
1644
|
}
|
|
1638
|
-
.bp_combobox_module_container--
|
|
1645
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653 .bp_combobox_module_textInputWrapper--4d653 .bp_combobox_module_comboboxButtons--4d653{
|
|
1639
1646
|
align-items:center;
|
|
1640
1647
|
display:flex;
|
|
1641
1648
|
position:absolute;
|
|
1642
1649
|
right:var(--space-2);
|
|
1643
1650
|
top:var(--space-2);
|
|
1644
1651
|
}
|
|
1645
|
-
.bp_combobox_module_container--
|
|
1652
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653.bp_combobox_module_withChips--4d653{
|
|
1646
1653
|
max-height:calc(var(--space-2)*2 + var(--space-6)*3);
|
|
1647
1654
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-1));
|
|
1648
1655
|
}
|
|
1649
|
-
.bp_combobox_module_container--
|
|
1656
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_comboboxContainer--4d653.bp_combobox_module_withChips--4d653:not(:disabled).bp_combobox_module_error--4d653{
|
|
1650
1657
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-2));
|
|
1651
1658
|
}
|
|
1652
|
-
.bp_combobox_module_container--
|
|
1659
|
+
.bp_combobox_module_container--4d653 .bp_combobox_module_inlineError--4d653{
|
|
1653
1660
|
margin-block-start:var(--space-2);
|
|
1654
1661
|
}
|
|
1655
1662
|
|
|
1656
|
-
.bp_combobox_module_popover--
|
|
1663
|
+
.bp_combobox_module_popover--4d653{
|
|
1657
1664
|
background-color:var(--surface-menu-surface);
|
|
1658
1665
|
border:var(--border-1) solid var(--border-card-border);
|
|
1659
1666
|
border-radius:var(--radius-3);
|
|
@@ -1671,7 +1678,7 @@
|
|
|
1671
1678
|
text-transform:none;
|
|
1672
1679
|
z-index:380;
|
|
1673
1680
|
}
|
|
1674
|
-
.bp_combobox_module_popover--
|
|
1681
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653{
|
|
1675
1682
|
border:var(--border-2) solid #0000;
|
|
1676
1683
|
border-radius:var(--radius-3);
|
|
1677
1684
|
box-sizing:border-box;
|
|
@@ -1685,17 +1692,17 @@
|
|
|
1685
1692
|
user-select:none;
|
|
1686
1693
|
width:100%;
|
|
1687
1694
|
}
|
|
1688
|
-
.bp_combobox_module_popover--
|
|
1695
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653[aria-disabled]{
|
|
1689
1696
|
opacity:60%;
|
|
1690
1697
|
}
|
|
1691
|
-
.bp_combobox_module_popover--
|
|
1698
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653[data-active-item]:not([aria-disabled]){
|
|
1692
1699
|
background-color:var(--surface-menu-surface-focus);
|
|
1693
1700
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1694
1701
|
}
|
|
1695
|
-
.bp_combobox_module_popover--
|
|
1702
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653:hover{
|
|
1696
1703
|
background-color:var(--surface-menu-surface-hover);
|
|
1697
1704
|
}
|
|
1698
|
-
.bp_combobox_module_popover--
|
|
1705
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653 .bp_combobox_module_indicator--4d653{
|
|
1699
1706
|
align-items:center;
|
|
1700
1707
|
display:flex;
|
|
1701
1708
|
height:var(--size-9);
|
|
@@ -1704,21 +1711,268 @@
|
|
|
1704
1711
|
position:absolute;
|
|
1705
1712
|
top:0;
|
|
1706
1713
|
}
|
|
1707
|
-
.bp_combobox_module_popover--
|
|
1714
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_option--4d653 .bp_combobox_module_indicator--4d653 .bp_combobox_module_indicatorIcon--4d653 path{
|
|
1708
1715
|
fill:var(--icon-icon-on-light);
|
|
1709
1716
|
}
|
|
1710
|
-
.bp_combobox_module_popover--
|
|
1717
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_optionWithIndicator--4d653{
|
|
1711
1718
|
padding-inline:var(--space-10) var(--space-2);
|
|
1712
1719
|
}
|
|
1713
|
-
.bp_combobox_module_popover--
|
|
1720
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_loadingIndicator--4d653{
|
|
1714
1721
|
position:unset;
|
|
1715
1722
|
}
|
|
1716
|
-
.bp_combobox_module_popover--
|
|
1723
|
+
.bp_combobox_module_popover--4d653 .bp_combobox_module_noResultOption--4d653{
|
|
1717
1724
|
color:var(--text-text-on-light);
|
|
1718
1725
|
-webkit-user-select:none;
|
|
1719
1726
|
user-select:none;
|
|
1720
1727
|
}
|
|
1721
1728
|
|
|
1729
|
+
.bp_combobox_group_module_container--88b97{
|
|
1730
|
+
align-items:flex-start;
|
|
1731
|
+
display:flex;
|
|
1732
|
+
flex-direction:column;
|
|
1733
|
+
gap:var(--space-2);
|
|
1734
|
+
max-width:358px;
|
|
1735
|
+
}
|
|
1736
|
+
|
|
1737
|
+
.bp_combobox_group_module_comboboxGroupcontainer--88b97{
|
|
1738
|
+
display:flex;
|
|
1739
|
+
flex-direction:row;
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
.bp_combobox_group_module_disabled--88b97{
|
|
1743
|
+
opacity:60%;
|
|
1744
|
+
pointer-events:none;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
.bp_combobox_group_module_label--88b97{
|
|
1748
|
+
color:var(--text-text-on-light);
|
|
1749
|
+
flex:0 0 fit-content;
|
|
1750
|
+
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1751
|
+
font-size:.875rem;
|
|
1752
|
+
font-weight:700;
|
|
1753
|
+
letter-spacing:.01875rem;
|
|
1754
|
+
line-height:1.25rem;
|
|
1755
|
+
overflow-wrap:break-word;
|
|
1756
|
+
text-decoration:none;
|
|
1757
|
+
text-transform:none;
|
|
1758
|
+
}
|
|
1759
|
+
|
|
1760
|
+
.bp_combobox_group_module_trailing--88b97{
|
|
1761
|
+
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
1762
|
+
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
1763
|
+
--blueprint-combobox-border-left-width:none;
|
|
1764
|
+
--blueprint-select-border-left-width:none;
|
|
1765
|
+
}
|
|
1766
|
+
|
|
1767
|
+
.bp_combobox_group_module_leading--88b97{
|
|
1768
|
+
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
1769
|
+
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
1770
|
+
}
|
|
1771
|
+
|
|
1772
|
+
.bp_combobox_group_module_errorCombobox--88b97.bp_combobox_group_module_leading--88b97{
|
|
1773
|
+
--blueprint-select-border-right-width:none;
|
|
1774
|
+
}
|
|
1775
|
+
|
|
1776
|
+
.bp_combobox_group_module_errorSelect--88b97.bp_combobox_group_module_leading--88b97{
|
|
1777
|
+
--blueprint-combobox-border-right-width:none;
|
|
1778
|
+
}
|
|
1779
|
+
|
|
1780
|
+
.bp_combobox_group_module_errorCombobox--88b97.bp_combobox_group_module_errorSelect--88b97.bp_combobox_group_module_trailing--88b97{
|
|
1781
|
+
--blueprint-select-border-error-left-width:none;
|
|
1782
|
+
}
|
|
1783
|
+
|
|
1784
|
+
.bp_combobox_group_module_errorCombobox--88b97.bp_combobox_group_module_errorSelect--88b97.bp_combobox_group_module_leading--88b97{
|
|
1785
|
+
--blueprint-select-border-error-right-width:none;
|
|
1786
|
+
}
|
|
1787
|
+
|
|
1788
|
+
.bp_combobox_group_module_selectHasFocus--88b97.bp_combobox_group_module_leading--88b97{
|
|
1789
|
+
--blueprint-combobox-border-right-width:none;
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
.bp_combobox_group_module_selectHasFocus--88b97.bp_combobox_group_module_errorCombobox--88b97.bp_combobox_group_module_leading--88b97{
|
|
1793
|
+
--blueprint-combobox-border-error-right-width:none;
|
|
1794
|
+
}
|
|
1795
|
+
|
|
1796
|
+
.bp_combobox_group_module_selectHasFocus--88b97.bp_combobox_group_module_errorCombobox--88b97.bp_combobox_group_module_trailing--88b97{
|
|
1797
|
+
--blueprint-combobox-border-error-left-width:none;
|
|
1798
|
+
}
|
|
1799
|
+
|
|
1800
|
+
.bp_combobox_group_module_comboboxHasFocus--88b97.bp_combobox_group_module_leading--88b97{
|
|
1801
|
+
--blueprint-select-border-right-width:none;
|
|
1802
|
+
}
|
|
1803
|
+
|
|
1804
|
+
.bp_combobox_group_module_comboboxHasFocus--88b97.bp_combobox_group_module_errorSelect--88b97.bp_combobox_group_module_leading--88b97{
|
|
1805
|
+
--blueprint-select-border-error-right-width:none;
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
.bp_combobox_group_module_comboboxHasFocus--88b97.bp_combobox_group_module_errorSelect--88b97.bp_combobox_group_module_trailing--88b97{
|
|
1809
|
+
--blueprint-select-border-error-left-width:none;
|
|
1810
|
+
}
|
|
1811
|
+
|
|
1812
|
+
.bp_select_module_container--ec76a{
|
|
1813
|
+
display:flex;
|
|
1814
|
+
flex-direction:column;
|
|
1815
|
+
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1816
|
+
font-size:.875rem;
|
|
1817
|
+
font-weight:400;
|
|
1818
|
+
gap:var(--space-2);
|
|
1819
|
+
letter-spacing:.01875rem;
|
|
1820
|
+
line-height:1.25rem;
|
|
1821
|
+
text-decoration:none;
|
|
1822
|
+
text-transform:none;
|
|
1823
|
+
}
|
|
1824
|
+
.bp_select_module_container--ec76a.bp_select_module_disabled--ec76a{
|
|
1825
|
+
opacity:60%;
|
|
1826
|
+
}
|
|
1827
|
+
.bp_select_module_container--ec76a .bp_select_module_label--ec76a{
|
|
1828
|
+
flex:0 0 fit-content;
|
|
1829
|
+
font-weight:700;
|
|
1830
|
+
overflow-wrap:break-word;
|
|
1831
|
+
}
|
|
1832
|
+
.bp_select_module_container--ec76a .bp_select_module_label--ec76a,.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a{
|
|
1833
|
+
color:var(--text-text-on-light);
|
|
1834
|
+
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1835
|
+
font-size:.875rem;
|
|
1836
|
+
letter-spacing:.01875rem;
|
|
1837
|
+
line-height:1.25rem;
|
|
1838
|
+
text-decoration:none;
|
|
1839
|
+
text-transform:none;
|
|
1840
|
+
}
|
|
1841
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a{
|
|
1842
|
+
align-items:center;
|
|
1843
|
+
background-color:var(--surface-dropdown-surface);
|
|
1844
|
+
border-bottom:var(--blueprint-select-border-bottom-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
1845
|
+
border-left:var(--blueprint-select-border-left-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
1846
|
+
border-radius:var(--blueprint-select-trigger-radius, var(--radius-2));
|
|
1847
|
+
border-right:var(--blueprint-select-border-right-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
1848
|
+
border-top:var(--blueprint-select-border-top-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
1849
|
+
box-shadow:var(--dropshadow-2);
|
|
1850
|
+
cursor:pointer;
|
|
1851
|
+
display:flex;
|
|
1852
|
+
font-weight:400;
|
|
1853
|
+
gap:var(--space-2);
|
|
1854
|
+
height:var(--size-10);
|
|
1855
|
+
justify-content:space-between;
|
|
1856
|
+
outline:none;
|
|
1857
|
+
padding-block:0;
|
|
1858
|
+
padding-inline:var(--space-3);
|
|
1859
|
+
text-align:start;
|
|
1860
|
+
width:100%;
|
|
1861
|
+
}
|
|
1862
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a span:first-child{
|
|
1863
|
+
overflow:hidden;
|
|
1864
|
+
text-overflow:ellipsis;
|
|
1865
|
+
white-space:nowrap;
|
|
1866
|
+
}
|
|
1867
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:disabled{
|
|
1868
|
+
cursor:default;
|
|
1869
|
+
}
|
|
1870
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:not(:disabled).bp_select_module_error--ec76a,.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:not(:disabled)[aria-invalid=true]{
|
|
1871
|
+
background-color:var(--surface-dropdown-surface-error);
|
|
1872
|
+
border-bottom:var(--blueprint-select-border-error-bottom-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1873
|
+
border-left:var(--blueprint-select-border-error-left-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1874
|
+
border-right:var(--blueprint-select-border-error-right-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1875
|
+
border-top:var(--blueprint-select-border-error-top-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1876
|
+
}
|
|
1877
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:focus,.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:not(:disabled).bp_select_module_error--ec76a:focus,.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:not(:disabled)[aria-invalid=true]:focus{
|
|
1878
|
+
background-color:var(--surface-dropdown-surface-focus);
|
|
1879
|
+
border:var(--border-2), solid, var(--outline-focus-on-light);
|
|
1880
|
+
}
|
|
1881
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a:not(:disabled):not(:focus):not(.bp_select_module_error--ec76a):not([aria-invalid]):hover{
|
|
1882
|
+
background-color:var(--surface-dropdown-surface-hover);
|
|
1883
|
+
border-color:var(--border-dropdown-border-hover);
|
|
1884
|
+
}
|
|
1885
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a .bp_select_module_iconWrapper--ec76a{
|
|
1886
|
+
flex-shrink:0;
|
|
1887
|
+
-webkit-user-select:none;
|
|
1888
|
+
user-select:none;
|
|
1889
|
+
}
|
|
1890
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a .bp_select_module_icon--ec76a{
|
|
1891
|
+
display:block;
|
|
1892
|
+
height:var(--size-2);
|
|
1893
|
+
width:var(--size-2);
|
|
1894
|
+
}
|
|
1895
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a .bp_select_module_icon--ec76a path{
|
|
1896
|
+
fill:var(--icon-icon-on-light);
|
|
1897
|
+
}
|
|
1898
|
+
.bp_select_module_container--ec76a .bp_select_module_triggerBtn--ec76a[data-state=open] .bp_select_module_icon--ec76a{
|
|
1899
|
+
transform:rotate(180deg);
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
.bp_select_module_content--ec76a{
|
|
1903
|
+
background-color:var(--surface-menu-surface);
|
|
1904
|
+
border:var(--border-1) solid var(--border-card-border);
|
|
1905
|
+
border-radius:var(--radius-3);
|
|
1906
|
+
box-shadow:var(--dropshadow-3);
|
|
1907
|
+
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1908
|
+
font-size:.875rem;
|
|
1909
|
+
font-weight:400;
|
|
1910
|
+
letter-spacing:.01875rem;
|
|
1911
|
+
line-height:1.25rem;
|
|
1912
|
+
max-height:var(--blueprint-select-content-max-height, var(--radix-select-content-available-height));
|
|
1913
|
+
max-width:min(var(--blueprint-select-content-max-width, 50vw), var(--radix-select-content-available-width));
|
|
1914
|
+
min-width:var(--blueprint-select-content-min-width, var(--radix-select-trigger-width));
|
|
1915
|
+
overflow:auto;
|
|
1916
|
+
text-decoration:none;
|
|
1917
|
+
text-transform:none;
|
|
1918
|
+
z-index:380;
|
|
1919
|
+
}
|
|
1920
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a{
|
|
1921
|
+
padding-block:var(--space-3);
|
|
1922
|
+
padding-inline:var(--space-3);
|
|
1923
|
+
}
|
|
1924
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a{
|
|
1925
|
+
border:var(--border-2) solid #0000;
|
|
1926
|
+
border-radius:var(--radius-3);
|
|
1927
|
+
cursor:pointer;
|
|
1928
|
+
display:flex;
|
|
1929
|
+
flex-wrap:wrap;
|
|
1930
|
+
gap:var(--space-2);
|
|
1931
|
+
justify-content:space-between;
|
|
1932
|
+
outline:none;
|
|
1933
|
+
padding-block:var(--space-2);
|
|
1934
|
+
padding-inline:var(--space-10) var(--space-2);
|
|
1935
|
+
position:relative;
|
|
1936
|
+
-webkit-user-select:none;
|
|
1937
|
+
user-select:none;
|
|
1938
|
+
}
|
|
1939
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a[data-disabled]{
|
|
1940
|
+
opacity:60%;
|
|
1941
|
+
pointer-events:none;
|
|
1942
|
+
}
|
|
1943
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a[data-highlighted]{
|
|
1944
|
+
background-color:var(--surface-menu-surface-focus);
|
|
1945
|
+
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1946
|
+
}
|
|
1947
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a:hover{
|
|
1948
|
+
background-color:var(--surface-menu-surface-hover);
|
|
1949
|
+
}
|
|
1950
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a span:first-child{
|
|
1951
|
+
overflow:hidden;
|
|
1952
|
+
overflow-wrap:break-word;
|
|
1953
|
+
}
|
|
1954
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a .bp_select_module_secondaryText--ec76a{
|
|
1955
|
+
color:var(--text-text-on-light-secondary);
|
|
1956
|
+
}
|
|
1957
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a .bp_select_module_indicator--ec76a{
|
|
1958
|
+
align-items:center;
|
|
1959
|
+
display:flex;
|
|
1960
|
+
height:var(--size-9);
|
|
1961
|
+
justify-content:center;
|
|
1962
|
+
left:var(--space-2);
|
|
1963
|
+
position:absolute;
|
|
1964
|
+
top:0;
|
|
1965
|
+
}
|
|
1966
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_option--ec76a .bp_select_module_indicator--ec76a path{
|
|
1967
|
+
fill:var(--icon-icon-on-light);
|
|
1968
|
+
}
|
|
1969
|
+
.bp_select_module_content--ec76a .bp_select_module_viewport--ec76a .bp_select_module_separator--ec76a{
|
|
1970
|
+
background-color:var(--border-divider-border);
|
|
1971
|
+
flex-shrink:0;
|
|
1972
|
+
height:var(--border-1);
|
|
1973
|
+
margin-block:var(--space-2);
|
|
1974
|
+
}
|
|
1975
|
+
|
|
1722
1976
|
.bp_content_card_module_card--e2f08{
|
|
1723
1977
|
background-color:var(--surface-surface);
|
|
1724
1978
|
border:var(--border-1) solid var(--border-card-border);
|
|
@@ -4313,7 +4567,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4313
4567
|
background-color:var(--surface-menu-surface-focus);
|
|
4314
4568
|
}
|
|
4315
4569
|
|
|
4316
|
-
.bp_notification_module_viewport--
|
|
4570
|
+
.bp_notification_module_viewport--dba95{
|
|
4317
4571
|
all:unset;
|
|
4318
4572
|
align-items:center;
|
|
4319
4573
|
display:flex;
|
|
@@ -4326,7 +4580,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4326
4580
|
z-index:2147483647;
|
|
4327
4581
|
}
|
|
4328
4582
|
|
|
4329
|
-
.bp_notification_module_root--
|
|
4583
|
+
.bp_notification_module_root--dba95{
|
|
4330
4584
|
border:var(--border-2) solid;
|
|
4331
4585
|
border-radius:var(--radius-3);
|
|
4332
4586
|
display:flex;
|
|
@@ -4334,26 +4588,26 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4334
4588
|
width:max-content;
|
|
4335
4589
|
}
|
|
4336
4590
|
@media (width > 374px){
|
|
4337
|
-
.bp_notification_module_root--
|
|
4591
|
+
.bp_notification_module_root--dba95{
|
|
4338
4592
|
max-width:343px;
|
|
4339
4593
|
}
|
|
4340
4594
|
}
|
|
4341
4595
|
@media (width > 767px){
|
|
4342
|
-
.bp_notification_module_root--
|
|
4596
|
+
.bp_notification_module_root--dba95{
|
|
4343
4597
|
max-width:728px;
|
|
4344
4598
|
}
|
|
4345
4599
|
}
|
|
4346
4600
|
@media (width > 1023px){
|
|
4347
|
-
.bp_notification_module_root--
|
|
4601
|
+
.bp_notification_module_root--dba95{
|
|
4348
4602
|
max-width:848px;
|
|
4349
4603
|
}
|
|
4350
4604
|
}
|
|
4351
4605
|
@media (width > 1219px){
|
|
4352
|
-
.bp_notification_module_root--
|
|
4606
|
+
.bp_notification_module_root--dba95{
|
|
4353
4607
|
max-width:896px;
|
|
4354
4608
|
}
|
|
4355
4609
|
}
|
|
4356
|
-
.bp_notification_module_root--
|
|
4610
|
+
.bp_notification_module_root--dba95 .bp_notification_module_container--dba95{
|
|
4357
4611
|
align-items:flex-start;
|
|
4358
4612
|
box-shadow:var(--dropshadow-3);
|
|
4359
4613
|
display:flex;
|
|
@@ -4362,11 +4616,11 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4362
4616
|
width:100%;
|
|
4363
4617
|
}
|
|
4364
4618
|
@media (width > 767px){
|
|
4365
|
-
.bp_notification_module_root--
|
|
4619
|
+
.bp_notification_module_root--dba95 .bp_notification_module_container--dba95{
|
|
4366
4620
|
align-items:center;
|
|
4367
4621
|
}
|
|
4368
4622
|
}
|
|
4369
|
-
.bp_notification_module_root--
|
|
4623
|
+
.bp_notification_module_root--dba95 .bp_notification_module_mobileContainer--dba95{
|
|
4370
4624
|
align-items:left;
|
|
4371
4625
|
display:flex;
|
|
4372
4626
|
flex-direction:column;
|
|
@@ -4374,46 +4628,46 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4374
4628
|
width:100%;
|
|
4375
4629
|
}
|
|
4376
4630
|
@media (width > 767px){
|
|
4377
|
-
.bp_notification_module_root--
|
|
4631
|
+
.bp_notification_module_root--dba95 .bp_notification_module_mobileContainer--dba95{
|
|
4378
4632
|
align-items:center;
|
|
4379
4633
|
flex-direction:row;
|
|
4380
4634
|
}
|
|
4381
4635
|
}
|
|
4382
|
-
.bp_notification_module_root--
|
|
4636
|
+
.bp_notification_module_root--dba95 .bp_notification_module_withButtons--dba95{
|
|
4383
4637
|
gap:var(--space-3);
|
|
4384
4638
|
}
|
|
4385
|
-
.bp_notification_module_root--
|
|
4639
|
+
.bp_notification_module_root--dba95.bp_notification_module_info--dba95{
|
|
4386
4640
|
background:var(--surface-message-surface-info);
|
|
4387
4641
|
border-color:var(--border-message-border-info);
|
|
4388
4642
|
}
|
|
4389
|
-
.bp_notification_module_root--
|
|
4643
|
+
.bp_notification_module_root--dba95.bp_notification_module_success--dba95{
|
|
4390
4644
|
background:var(--surface-message-surface-success);
|
|
4391
4645
|
border-color:var(--border-message-border-success);
|
|
4392
4646
|
}
|
|
4393
|
-
.bp_notification_module_root--
|
|
4647
|
+
.bp_notification_module_root--dba95.bp_notification_module_warning--dba95{
|
|
4394
4648
|
background:var(--surface-message-surface-warning);
|
|
4395
4649
|
border-color:var(--border-message-border-warning);
|
|
4396
4650
|
}
|
|
4397
|
-
.bp_notification_module_root--
|
|
4651
|
+
.bp_notification_module_root--dba95.bp_notification_module_error--dba95{
|
|
4398
4652
|
background:var(--surface-message-surface-error);
|
|
4399
4653
|
border-color:var(--border-message-border-error);
|
|
4400
4654
|
}
|
|
4401
|
-
.bp_notification_module_root--
|
|
4402
|
-
box-shadow:0 0 0
|
|
4655
|
+
.bp_notification_module_root--dba95:focus-visible{
|
|
4656
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
4403
4657
|
outline:none;
|
|
4404
4658
|
}
|
|
4405
|
-
.bp_notification_module_root--
|
|
4659
|
+
.bp_notification_module_root--dba95 .bp_notification_module_typeIconContainer--dba95{
|
|
4406
4660
|
align-items:center;
|
|
4407
4661
|
display:flex;
|
|
4408
4662
|
height:var(--size-8);
|
|
4409
4663
|
justify-content:center;
|
|
4410
4664
|
width:var(--size-8);
|
|
4411
4665
|
}
|
|
4412
|
-
.bp_notification_module_root--
|
|
4666
|
+
.bp_notification_module_root--dba95 .bp_notification_module_typeIconContainer--dba95 .bp_notification_module_typeIcon--dba95{
|
|
4413
4667
|
flex-shrink:0;
|
|
4414
4668
|
margin-left:var(--space-4);
|
|
4415
4669
|
}
|
|
4416
|
-
.bp_notification_module_root--
|
|
4670
|
+
.bp_notification_module_root--dba95 .bp_notification_module_text--dba95{
|
|
4417
4671
|
align-items:center;
|
|
4418
4672
|
color:var(--text-text-on-light);
|
|
4419
4673
|
display:flex;
|
|
@@ -4427,34 +4681,34 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4427
4681
|
text-decoration:none;
|
|
4428
4682
|
text-transform:none;
|
|
4429
4683
|
}
|
|
4430
|
-
.bp_notification_module_root--
|
|
4684
|
+
.bp_notification_module_root--dba95 .bp_notification_module_text--dba95 > div{
|
|
4431
4685
|
overflow:hidden;
|
|
4432
4686
|
overflow-wrap:break-word;
|
|
4433
4687
|
}
|
|
4434
|
-
.bp_notification_module_root--
|
|
4688
|
+
.bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95{
|
|
4435
4689
|
display:flex;
|
|
4436
4690
|
gap:var(--space-3);
|
|
4437
4691
|
margin-left:0;
|
|
4438
4692
|
}
|
|
4439
4693
|
@media (width > 767px){
|
|
4440
|
-
.bp_notification_module_root--
|
|
4694
|
+
.bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95{
|
|
4441
4695
|
margin-left:auto;
|
|
4442
4696
|
}
|
|
4443
4697
|
}
|
|
4444
|
-
.bp_notification_module_root--
|
|
4698
|
+
.bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95 .bp_notification_module_contentButtons--dba95{
|
|
4445
4699
|
display:flex;
|
|
4446
4700
|
gap:var(--space-3);
|
|
4447
4701
|
}
|
|
4448
|
-
.bp_notification_module_root--
|
|
4702
|
+
.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95{
|
|
4449
4703
|
display:flex;
|
|
4450
4704
|
gap:var(--space-3);
|
|
4451
4705
|
margin-left:auto;
|
|
4452
4706
|
margin-right:var(--space-4);
|
|
4453
4707
|
}
|
|
4454
|
-
.bp_notification_module_root--
|
|
4708
|
+
.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95 .bp_notification_module_closeButton--dba95{
|
|
4455
4709
|
align-self:center;
|
|
4456
4710
|
}
|
|
4457
|
-
.bp_notification_module_root--
|
|
4711
|
+
.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95 .bp_notification_module_closeButton--dba95 svg *{
|
|
4458
4712
|
fill:currentColor;
|
|
4459
4713
|
}
|
|
4460
4714
|
|
|
@@ -4780,7 +5034,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4780
5034
|
opacity:.5;
|
|
4781
5035
|
}
|
|
4782
5036
|
|
|
4783
|
-
.bp_radio_group_module_root--
|
|
5037
|
+
.bp_radio_group_module_root--365a1{
|
|
4784
5038
|
display:flex;
|
|
4785
5039
|
flex-direction:column;
|
|
4786
5040
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -4793,31 +5047,31 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4793
5047
|
text-transform:none;
|
|
4794
5048
|
}
|
|
4795
5049
|
|
|
4796
|
-
.bp_radio_group_module_horizontal--
|
|
5050
|
+
.bp_radio_group_module_horizontal--365a1{
|
|
4797
5051
|
flex-direction:row;
|
|
4798
5052
|
gap:1.625rem;
|
|
4799
5053
|
}
|
|
4800
5054
|
|
|
4801
|
-
.bp_radio_group_module_radioOption--
|
|
5055
|
+
.bp_radio_group_module_radioOption--365a1{
|
|
4802
5056
|
display:flex;
|
|
4803
5057
|
flex-direction:column;
|
|
4804
5058
|
}
|
|
4805
|
-
.bp_radio_group_module_radioOption--
|
|
5059
|
+
.bp_radio_group_module_radioOption--365a1 .bp_radio_group_module_label--365a1{
|
|
4806
5060
|
align-items:flex-start;
|
|
4807
5061
|
cursor:pointer;
|
|
4808
5062
|
display:inline-flex;
|
|
4809
5063
|
gap:var(--size-3);
|
|
4810
5064
|
line-height:var(--body-default-line-height);
|
|
4811
5065
|
}
|
|
4812
|
-
.bp_radio_group_module_radioOption--
|
|
5066
|
+
.bp_radio_group_module_radioOption--365a1 .bp_radio_group_module_description--365a1{
|
|
4813
5067
|
padding-left:calc(var(--size-4) + var(--size-3));
|
|
4814
5068
|
}
|
|
4815
|
-
.bp_radio_group_module_radioOption--
|
|
5069
|
+
.bp_radio_group_module_radioOption--365a1.bp_radio_group_module_disabled--365a1 .bp_radio_group_module_label--365a1{
|
|
4816
5070
|
color:var(--text-text-on-light-secondary);
|
|
4817
5071
|
cursor:default;
|
|
4818
5072
|
}
|
|
4819
5073
|
|
|
4820
|
-
.bp_radio_group_module_radioButton--
|
|
5074
|
+
.bp_radio_group_module_radioButton--365a1{
|
|
4821
5075
|
all:unset;
|
|
4822
5076
|
align-items:center;
|
|
4823
5077
|
background-color:var(--surface-radio-surface);
|
|
@@ -4831,33 +5085,33 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4831
5085
|
margin:calc((var(--body-default-line-height) - var(--size-4))/2) 0 0 0;
|
|
4832
5086
|
width:var(--size-4);
|
|
4833
5087
|
}
|
|
4834
|
-
.bp_radio_group_module_radioButton--
|
|
5088
|
+
.bp_radio_group_module_radioButton--365a1 .bp_radio_group_module_indicator--365a1{
|
|
4835
5089
|
background-color:var(--surface-radio-surface-selected);
|
|
4836
5090
|
border-radius:50%;
|
|
4837
5091
|
height:var(--size-2);
|
|
4838
5092
|
transition:transform .1s;
|
|
4839
5093
|
width:var(--size-2);
|
|
4840
5094
|
}
|
|
4841
|
-
.bp_radio_group_module_radioButton--
|
|
4842
|
-
box-shadow:0 0 0
|
|
5095
|
+
.bp_radio_group_module_radioButton--365a1:focus-visible{
|
|
5096
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
4843
5097
|
}
|
|
4844
|
-
.bp_radio_group_module_radioButton--
|
|
5098
|
+
.bp_radio_group_module_radioButton--365a1[data-disabled]{
|
|
4845
5099
|
opacity:60%;
|
|
4846
5100
|
}
|
|
4847
|
-
.bp_radio_group_module_radioButton--
|
|
5101
|
+
.bp_radio_group_module_radioButton--365a1[data-state=unchecked]{
|
|
4848
5102
|
background-color:var(--surface-radio-surface);
|
|
4849
5103
|
border:var(--border-2) solid var(--border-radio-border);
|
|
4850
5104
|
}
|
|
4851
|
-
.bp_radio_group_module_radioButton--
|
|
5105
|
+
.bp_radio_group_module_radioButton--365a1[data-state=unchecked] .bp_radio_group_module_indicator--365a1{
|
|
4852
5106
|
transform:scale(0);
|
|
4853
5107
|
}
|
|
4854
|
-
.bp_radio_group_module_radioButton--
|
|
5108
|
+
.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible,.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover{
|
|
4855
5109
|
border:var(--border-2) solid var(--border-radio-border-hover);
|
|
4856
5110
|
}
|
|
4857
|
-
.bp_radio_group_module_radioButton--
|
|
5111
|
+
.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible[data-state=checked],.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover[data-state=checked]{
|
|
4858
5112
|
border:var(--border-2) solid var(--border-radio-border-selected-hover);
|
|
4859
5113
|
}
|
|
4860
|
-
.bp_radio_group_module_radioButton--
|
|
5114
|
+
.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible[data-state=checked] .bp_radio_group_module_indicator--365a1,.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover[data-state=checked] .bp_radio_group_module_indicator--365a1{
|
|
4861
5115
|
background-color:var(--surface-radio-surface-selected-hover);
|
|
4862
5116
|
}
|
|
4863
5117
|
|
|
@@ -4997,165 +5251,6 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4997
5251
|
transform:translateY(-50%);
|
|
4998
5252
|
}
|
|
4999
5253
|
|
|
5000
|
-
.bp_select_module_container--56f5c{
|
|
5001
|
-
display:flex;
|
|
5002
|
-
flex-direction:column;
|
|
5003
|
-
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5004
|
-
font-size:.875rem;
|
|
5005
|
-
font-weight:400;
|
|
5006
|
-
gap:var(--space-2);
|
|
5007
|
-
letter-spacing:.01875rem;
|
|
5008
|
-
line-height:1.25rem;
|
|
5009
|
-
text-decoration:none;
|
|
5010
|
-
text-transform:none;
|
|
5011
|
-
}
|
|
5012
|
-
.bp_select_module_container--56f5c.bp_select_module_disabled--56f5c{
|
|
5013
|
-
opacity:60%;
|
|
5014
|
-
}
|
|
5015
|
-
.bp_select_module_container--56f5c .bp_select_module_label--56f5c{
|
|
5016
|
-
flex:0 0 fit-content;
|
|
5017
|
-
font-weight:700;
|
|
5018
|
-
overflow-wrap:break-word;
|
|
5019
|
-
}
|
|
5020
|
-
.bp_select_module_container--56f5c .bp_select_module_label--56f5c,.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c{
|
|
5021
|
-
color:var(--text-text-on-light);
|
|
5022
|
-
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5023
|
-
font-size:.875rem;
|
|
5024
|
-
letter-spacing:.01875rem;
|
|
5025
|
-
line-height:1.25rem;
|
|
5026
|
-
text-decoration:none;
|
|
5027
|
-
text-transform:none;
|
|
5028
|
-
}
|
|
5029
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c{
|
|
5030
|
-
align-items:center;
|
|
5031
|
-
background-color:var(--surface-dropdown-surface);
|
|
5032
|
-
border:var(--border-1) solid var(--border-dropdown-border);
|
|
5033
|
-
border-radius:var(--blueprint-select-trigger-radius, var(--radius-2));
|
|
5034
|
-
box-shadow:var(--dropshadow-2);
|
|
5035
|
-
cursor:pointer;
|
|
5036
|
-
display:flex;
|
|
5037
|
-
font-weight:400;
|
|
5038
|
-
gap:var(--space-2);
|
|
5039
|
-
height:var(--size-10);
|
|
5040
|
-
justify-content:space-between;
|
|
5041
|
-
outline:none;
|
|
5042
|
-
padding-block:0;
|
|
5043
|
-
padding-inline:var(--space-3);
|
|
5044
|
-
text-align:start;
|
|
5045
|
-
width:100%;
|
|
5046
|
-
}
|
|
5047
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c span:first-child{
|
|
5048
|
-
overflow:hidden;
|
|
5049
|
-
text-overflow:ellipsis;
|
|
5050
|
-
white-space:nowrap;
|
|
5051
|
-
}
|
|
5052
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c:disabled{
|
|
5053
|
-
cursor:default;
|
|
5054
|
-
}
|
|
5055
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c:not(.bp_select_module_error--56f5c):focus{
|
|
5056
|
-
background-color:var(--surface-dropdown-surface-focus);
|
|
5057
|
-
border-color:#0000;
|
|
5058
|
-
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
5059
|
-
}
|
|
5060
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c:not(:disabled):not(:focus):not(.bp_select_module_error--56f5c):hover{
|
|
5061
|
-
background-color:var(--surface-dropdown-surface-hover);
|
|
5062
|
-
border-color:var(--border-dropdown-border-hover);
|
|
5063
|
-
}
|
|
5064
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c:not(:disabled).bp_select_module_error--56f5c{
|
|
5065
|
-
background-color:var(--surface-dropdown-surface-error);
|
|
5066
|
-
border:var(--border-2) solid var(--border-dropdown-border-error);
|
|
5067
|
-
}
|
|
5068
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c .bp_select_module_iconWrapper--56f5c{
|
|
5069
|
-
flex-shrink:0;
|
|
5070
|
-
-webkit-user-select:none;
|
|
5071
|
-
user-select:none;
|
|
5072
|
-
}
|
|
5073
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c .bp_select_module_icon--56f5c{
|
|
5074
|
-
display:block;
|
|
5075
|
-
height:var(--size-2);
|
|
5076
|
-
width:var(--size-2);
|
|
5077
|
-
}
|
|
5078
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c .bp_select_module_icon--56f5c path{
|
|
5079
|
-
fill:var(--icon-icon-on-light);
|
|
5080
|
-
}
|
|
5081
|
-
.bp_select_module_container--56f5c .bp_select_module_triggerBtn--56f5c[data-state=open] .bp_select_module_icon--56f5c{
|
|
5082
|
-
transform:rotate(180deg);
|
|
5083
|
-
}
|
|
5084
|
-
|
|
5085
|
-
.bp_select_module_content--56f5c{
|
|
5086
|
-
background-color:var(--surface-menu-surface);
|
|
5087
|
-
border:var(--border-1) solid var(--border-card-border);
|
|
5088
|
-
border-radius:var(--radius-3);
|
|
5089
|
-
box-shadow:var(--dropshadow-3);
|
|
5090
|
-
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5091
|
-
font-size:.875rem;
|
|
5092
|
-
font-weight:400;
|
|
5093
|
-
letter-spacing:.01875rem;
|
|
5094
|
-
line-height:1.25rem;
|
|
5095
|
-
max-height:var(--blueprint-select-content-max-height, var(--radix-select-content-available-height));
|
|
5096
|
-
max-width:min(var(--blueprint-select-content-max-width, 50vw), var(--radix-select-content-available-width));
|
|
5097
|
-
min-width:var(--blueprint-select-content-min-width, var(--radix-select-trigger-width));
|
|
5098
|
-
overflow:auto;
|
|
5099
|
-
text-decoration:none;
|
|
5100
|
-
text-transform:none;
|
|
5101
|
-
z-index:380;
|
|
5102
|
-
}
|
|
5103
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c{
|
|
5104
|
-
padding-block:var(--space-3);
|
|
5105
|
-
padding-inline:var(--space-3);
|
|
5106
|
-
}
|
|
5107
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c{
|
|
5108
|
-
border:var(--border-2) solid #0000;
|
|
5109
|
-
border-radius:var(--radius-3);
|
|
5110
|
-
cursor:pointer;
|
|
5111
|
-
display:flex;
|
|
5112
|
-
flex-wrap:wrap;
|
|
5113
|
-
gap:var(--space-2);
|
|
5114
|
-
justify-content:space-between;
|
|
5115
|
-
outline:none;
|
|
5116
|
-
padding-block:var(--space-2);
|
|
5117
|
-
padding-inline:var(--space-10) var(--space-2);
|
|
5118
|
-
position:relative;
|
|
5119
|
-
-webkit-user-select:none;
|
|
5120
|
-
user-select:none;
|
|
5121
|
-
}
|
|
5122
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c[data-disabled]{
|
|
5123
|
-
opacity:60%;
|
|
5124
|
-
pointer-events:none;
|
|
5125
|
-
}
|
|
5126
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c[data-highlighted]{
|
|
5127
|
-
background-color:var(--surface-menu-surface-focus);
|
|
5128
|
-
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5129
|
-
}
|
|
5130
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c:hover{
|
|
5131
|
-
background-color:var(--surface-menu-surface-hover);
|
|
5132
|
-
}
|
|
5133
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c span:first-child{
|
|
5134
|
-
overflow:hidden;
|
|
5135
|
-
overflow-wrap:break-word;
|
|
5136
|
-
}
|
|
5137
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c .bp_select_module_secondaryText--56f5c{
|
|
5138
|
-
color:var(--text-text-on-light-secondary);
|
|
5139
|
-
}
|
|
5140
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c .bp_select_module_indicator--56f5c{
|
|
5141
|
-
align-items:center;
|
|
5142
|
-
display:flex;
|
|
5143
|
-
height:var(--size-9);
|
|
5144
|
-
justify-content:center;
|
|
5145
|
-
left:var(--space-2);
|
|
5146
|
-
position:absolute;
|
|
5147
|
-
top:0;
|
|
5148
|
-
}
|
|
5149
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_option--56f5c .bp_select_module_indicator--56f5c path{
|
|
5150
|
-
fill:var(--icon-icon-on-light);
|
|
5151
|
-
}
|
|
5152
|
-
.bp_select_module_content--56f5c .bp_select_module_viewport--56f5c .bp_select_module_separator--56f5c{
|
|
5153
|
-
background-color:var(--border-divider-border);
|
|
5154
|
-
flex-shrink:0;
|
|
5155
|
-
height:var(--border-1);
|
|
5156
|
-
margin-block:var(--space-2);
|
|
5157
|
-
}
|
|
5158
|
-
|
|
5159
5254
|
.bp_side_panel_module_content--4e61a{
|
|
5160
5255
|
background-color:var(--gray-white);
|
|
5161
5256
|
border-inline-start:var(--border-1) solid var(--border-divider-border);
|
|
@@ -5431,7 +5526,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5431
5526
|
min-width:160px;
|
|
5432
5527
|
}
|
|
5433
5528
|
|
|
5434
|
-
.bp_switch_module_option--
|
|
5529
|
+
.bp_switch_module_option--c716c{
|
|
5435
5530
|
display:flex;
|
|
5436
5531
|
flex-direction:column;
|
|
5437
5532
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -5442,26 +5537,26 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5442
5537
|
text-decoration:none;
|
|
5443
5538
|
text-transform:none;
|
|
5444
5539
|
}
|
|
5445
|
-
.bp_switch_module_option--
|
|
5540
|
+
.bp_switch_module_option--c716c .bp_switch_module_label--c716c{
|
|
5446
5541
|
cursor:pointer;
|
|
5447
5542
|
display:inline-flex;
|
|
5448
5543
|
flex-direction:row;
|
|
5449
5544
|
width:-moz-fit-content;
|
|
5450
5545
|
width:fit-content;
|
|
5451
5546
|
}
|
|
5452
|
-
.bp_switch_module_option--
|
|
5547
|
+
.bp_switch_module_option--c716c .bp_switch_module_label--c716c.bp_switch_module_rightAlign--c716c{
|
|
5453
5548
|
flex-direction:row-reverse;
|
|
5454
5549
|
justify-content:space-between;
|
|
5455
5550
|
width:unset;
|
|
5456
5551
|
}
|
|
5457
|
-
.bp_switch_module_option--
|
|
5552
|
+
.bp_switch_module_option--c716c .bp_switch_module_description--c716c{
|
|
5458
5553
|
margin-left:3.25rem;
|
|
5459
5554
|
}
|
|
5460
|
-
.bp_switch_module_option--
|
|
5555
|
+
.bp_switch_module_option--c716c .bp_switch_module_description--c716c.bp_switch_module_rightAlign--c716c{
|
|
5461
5556
|
margin-left:unset;
|
|
5462
5557
|
margin-right:3.25rem;
|
|
5463
5558
|
}
|
|
5464
|
-
.bp_switch_module_option--
|
|
5559
|
+
.bp_switch_module_option--c716c .bp_switch_module_switch--c716c{
|
|
5465
5560
|
all:unset;
|
|
5466
5561
|
align-items:center;
|
|
5467
5562
|
background-color:#d3d3d3;
|
|
@@ -5475,17 +5570,17 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5475
5570
|
width:2.5rem;
|
|
5476
5571
|
will-change:transition;
|
|
5477
5572
|
}
|
|
5478
|
-
.bp_switch_module_option--
|
|
5573
|
+
.bp_switch_module_option--c716c .bp_switch_module_switch--c716c.bp_switch_module_rightAlign--c716c{
|
|
5479
5574
|
margin-left:2.5rem;
|
|
5480
5575
|
margin-right:unset;
|
|
5481
5576
|
}
|
|
5482
|
-
.bp_switch_module_option--
|
|
5483
|
-
box-shadow:0 0 0
|
|
5577
|
+
.bp_switch_module_option--c716c .bp_switch_module_switch--c716c:focus-visible{
|
|
5578
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
5484
5579
|
}
|
|
5485
|
-
.bp_switch_module_option--
|
|
5580
|
+
.bp_switch_module_option--c716c .bp_switch_module_switch--c716c[data-state=checked]{
|
|
5486
5581
|
background-color:#0061d5;
|
|
5487
5582
|
}
|
|
5488
|
-
.bp_switch_module_option--
|
|
5583
|
+
.bp_switch_module_option--c716c .bp_switch_module_thumb--c716c{
|
|
5489
5584
|
background-color:#fff;
|
|
5490
5585
|
border:.0625rem solid #bcbcbc;
|
|
5491
5586
|
border-radius:2.5rem;
|
|
@@ -5497,13 +5592,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5497
5592
|
width:1.25rem;
|
|
5498
5593
|
will-change:transform;
|
|
5499
5594
|
}
|
|
5500
|
-
.bp_switch_module_option--
|
|
5595
|
+
.bp_switch_module_option--c716c .bp_switch_module_thumb--c716c[data-state=checked]{
|
|
5501
5596
|
transform:translateX(1.25rem);
|
|
5502
5597
|
}
|
|
5503
|
-
.bp_switch_module_option--
|
|
5598
|
+
.bp_switch_module_option--c716c.bp_switch_module_disabled--c716c .bp_switch_module_label--c716c{
|
|
5504
5599
|
cursor:default;
|
|
5505
5600
|
}
|
|
5506
|
-
.bp_switch_module_option--
|
|
5601
|
+
.bp_switch_module_option--c716c.bp_switch_module_disabled--c716c .bp_switch_module_switch--c716c{
|
|
5507
5602
|
opacity:60%;
|
|
5508
5603
|
}
|
|
5509
5604
|
|
|
@@ -5574,7 +5669,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5574
5669
|
padding-inline-end:1.875rem;
|
|
5575
5670
|
}
|
|
5576
5671
|
|
|
5577
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5672
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05{
|
|
5578
5673
|
background:var(--surface-toggle-surface);
|
|
5579
5674
|
border:var(--border-1) solid var(--border-toggletext-border-off);
|
|
5580
5675
|
border-radius:var(--radius-2);
|
|
@@ -5594,33 +5689,33 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
5594
5689
|
user-select:none;
|
|
5595
5690
|
white-space:nowrap;
|
|
5596
5691
|
}
|
|
5597
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5692
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05:disabled,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-disabled]{
|
|
5598
5693
|
opacity:.3;
|
|
5599
5694
|
pointer-events:none;
|
|
5600
5695
|
}
|
|
5601
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5696
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05:hover{
|
|
5602
5697
|
background:var(--surface-toggle-surface-off-hover);
|
|
5603
5698
|
border-color:var(--border-toggletext-border-off-hover);
|
|
5604
5699
|
}
|
|
5605
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5606
|
-
box-shadow:0 0 0
|
|
5700
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05:focus,.bp_text_toggle_button_module_textToggleButton--dcf05[data-focus-visible]{
|
|
5701
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
5607
5702
|
}
|
|
5608
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5703
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05:active,.bp_text_toggle_button_module_textToggleButton--dcf05[data-active]{
|
|
5609
5704
|
background:var(--surface-toggle-surface-off-pressed);
|
|
5610
5705
|
border-color:var(--border-toggletext-border-off-pressed);
|
|
5611
5706
|
}
|
|
5612
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5707
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]{
|
|
5613
5708
|
background:var(--surface-toggletext-surface-on);
|
|
5614
5709
|
border:var(--border-1) solid var(--border-toggletext-border-on);
|
|
5615
5710
|
}
|
|
5616
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5711
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:hover{
|
|
5617
5712
|
background:var(--surface-toggletext-surface-on-hover);
|
|
5618
5713
|
border-color:var(--border-toggletext-border-on-hover);
|
|
5619
5714
|
}
|
|
5620
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5621
|
-
box-shadow:0 0 0
|
|
5715
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:focus,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true][data-focus-visible]{
|
|
5716
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
5622
5717
|
}
|
|
5623
|
-
.bp_text_toggle_button_module_textToggleButton--
|
|
5718
|
+
.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:active,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true][data-active]{
|
|
5624
5719
|
background:var(--surface-toggletext-surface-on-pressed);
|
|
5625
5720
|
border-color:var(--border-toggletext-border-on-pressed);
|
|
5626
5721
|
}
|
|
@@ -6376,7 +6471,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
6376
6471
|
--z-index-card-tooltip:2147483647;
|
|
6377
6472
|
}
|
|
6378
6473
|
|
|
6379
|
-
.bp_toolbar_module_toolbarRoot--
|
|
6474
|
+
.bp_toolbar_module_toolbarRoot--8c4b3{
|
|
6380
6475
|
align-items:center;
|
|
6381
6476
|
background:var(--surface-surface);
|
|
6382
6477
|
border:var(--border-1) solid var(--border-card-border);
|
|
@@ -6387,19 +6482,19 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
6387
6482
|
padding:calc(var(--space-1) - var(--border-1));
|
|
6388
6483
|
}
|
|
6389
6484
|
|
|
6390
|
-
.bp_toolbar_module_separator--
|
|
6485
|
+
.bp_toolbar_module_separator--8c4b3{
|
|
6391
6486
|
background-color:var(--border-divider-border);
|
|
6392
6487
|
border-radius:var(--radius-2);
|
|
6393
6488
|
height:var(--size-6);
|
|
6394
6489
|
width:1px;
|
|
6395
6490
|
}
|
|
6396
6491
|
|
|
6397
|
-
.bp_toolbar_module_toggleGroup--
|
|
6492
|
+
.bp_toolbar_module_toggleGroup--8c4b3{
|
|
6398
6493
|
display:flex;
|
|
6399
6494
|
gap:var(--space-1);
|
|
6400
6495
|
}
|
|
6401
6496
|
|
|
6402
|
-
.bp_toolbar_module_toolbarItem--
|
|
6497
|
+
.bp_toolbar_module_toolbarItem--8c4b3{
|
|
6403
6498
|
--toolbar-item-hover-opacity:0.3;
|
|
6404
6499
|
align-items:center;
|
|
6405
6500
|
background:var(--toolbar-button-color, var(--surface-toggle-surface));
|
|
@@ -6417,45 +6512,45 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
6417
6512
|
-webkit-user-select:none;
|
|
6418
6513
|
user-select:none;
|
|
6419
6514
|
}
|
|
6420
|
-
.bp_toolbar_module_toolbarItem--
|
|
6515
|
+
.bp_toolbar_module_toolbarItem--8c4b3[data-disabled]{
|
|
6421
6516
|
background:var(--surface-toggle-surface);
|
|
6422
6517
|
opacity:var(--toolbar-item-hover-opacity);
|
|
6423
6518
|
pointer-events:none;
|
|
6424
6519
|
}
|
|
6425
|
-
.bp_toolbar_module_toolbarItem--
|
|
6426
|
-
box-shadow:0 0 0
|
|
6520
|
+
.bp_toolbar_module_toolbarItem--8c4b3:not([data-disabled]):focus-visible{
|
|
6521
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
6427
6522
|
}
|
|
6428
|
-
.bp_toolbar_module_toolbarItem--
|
|
6523
|
+
.bp_toolbar_module_toolbarItem--8c4b3:not([data-disabled]):hover{
|
|
6429
6524
|
background:var(--toolbar-button-color, var(--surface-toggle-surface-hover));
|
|
6430
6525
|
border:var(--border-1) solid var(--toolbar-button-color, var(--surface-toggle-surface-hover));
|
|
6431
6526
|
}
|
|
6432
6527
|
|
|
6433
|
-
.bp_toolbar_module_toolbarToggle--
|
|
6528
|
+
.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on]{
|
|
6434
6529
|
background:var(--surface-toggle-surface-pressed);
|
|
6435
6530
|
}
|
|
6436
|
-
.bp_toolbar_module_toolbarToggle--
|
|
6531
|
+
.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on] svg *{
|
|
6437
6532
|
fill:var(--icon-icon-on-dark);
|
|
6438
6533
|
}
|
|
6439
|
-
.bp_toolbar_module_toolbarToggle--
|
|
6534
|
+
.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on]:not([data-disabled]):hover{
|
|
6440
6535
|
background:var(--surface-toggle-surface-on-hover);
|
|
6441
6536
|
border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
|
|
6442
6537
|
}
|
|
6443
6538
|
|
|
6444
|
-
.bp_toolbar_module_dropdownIndicator--
|
|
6539
|
+
.bp_toolbar_module_dropdownIndicator--8c4b3.bp_toolbar_module_invertCaret--8c4b3{
|
|
6445
6540
|
transform:rotate(.5turn);
|
|
6446
6541
|
}
|
|
6447
6542
|
|
|
6448
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
6543
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3{
|
|
6449
6544
|
--trigger-button-hover-opacity:0.7;
|
|
6450
6545
|
}
|
|
6451
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
6546
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3[data-state=on] .bp_toolbar_module_dropdownIndicator--8c4b3 path{
|
|
6452
6547
|
fill:var(--icon-icon-on-light);
|
|
6453
6548
|
}
|
|
6454
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
6549
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3[data-state=on]:hover{
|
|
6455
6550
|
opacity:var(--trigger-button-hover-opacity);
|
|
6456
6551
|
}
|
|
6457
6552
|
|
|
6458
|
-
.bp_toolbar_module_toolbarIcon--
|
|
6553
|
+
.bp_toolbar_module_toolbarIcon--8c4b3{
|
|
6459
6554
|
align-items:center;
|
|
6460
6555
|
display:flex;
|
|
6461
6556
|
height:var(--size-5);
|