@box/blueprint-web 14.25.0 → 14.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_breadcrumb_module_container--
|
|
2
|
+
var styles = {"container":"bp_breadcrumb_module_container--c0843","breadcrumb":"bp_breadcrumb_module_breadcrumb--c0843","pageLink":"bp_breadcrumb_module_pageLink--c0843","breadcrumbSlashSeparator":"bp_breadcrumb_module_breadcrumbSlashSeparator--c0843","crumbButton":"bp_breadcrumb_module_crumbButton--c0843","dropdownContent":"bp_breadcrumb_module_dropdownContent--c0843"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
3
|
import { EllipsizableText } from '../ellipsizable-text/ellipsizable-text.js';
|
|
4
|
-
import { Link } from '../primitives/link/link.js';
|
|
5
4
|
import { Text } from '../text/text.js';
|
|
5
|
+
import { TextButton } from '../text-button/text-button.js';
|
|
6
6
|
import { BreadcrumbItemSeparator } from './breadcrumb-item-separator.js';
|
|
7
7
|
import { getBoldTextVariantFromSize, getTextVariantFromSize } from './utils.js';
|
|
8
8
|
import styles from './breadcrumb.module.js';
|
|
@@ -39,16 +39,16 @@ const PageLink = ({
|
|
|
39
39
|
}
|
|
40
40
|
return jsxs("li", {
|
|
41
41
|
className: styles.pageLink,
|
|
42
|
-
children: [isInteractive ? jsx(
|
|
43
|
-
className: styles.
|
|
42
|
+
children: [isInteractive ? jsx(TextButton, {
|
|
43
|
+
className: styles.crumbButton,
|
|
44
|
+
color: "textOnLightSecondary",
|
|
44
45
|
onClick: handlePageLinkClick,
|
|
45
|
-
variant:
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
})
|
|
46
|
+
variant: getTextVariantFromSize(size),
|
|
47
|
+
style: {
|
|
48
|
+
'--text-button-padding': 0
|
|
49
|
+
},
|
|
50
|
+
type: "button",
|
|
51
|
+
children: crumb.name
|
|
52
52
|
}) : jsx(Text, {
|
|
53
53
|
as: "span",
|
|
54
54
|
variant: getTextVariantFromSize(size),
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -3300,10 +3300,10 @@
|
|
|
3300
3300
|
.bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
|
|
3301
3301
|
color:var(--menu-item-text-color);
|
|
3302
3302
|
}
|
|
3303
|
-
.bp_breadcrumb_module_container--
|
|
3303
|
+
.bp_breadcrumb_module_container--c0843{
|
|
3304
3304
|
width:100%;
|
|
3305
3305
|
}
|
|
3306
|
-
.bp_breadcrumb_module_container--
|
|
3306
|
+
.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumb--c0843{
|
|
3307
3307
|
align-items:center;
|
|
3308
3308
|
display:flex;
|
|
3309
3309
|
flex-wrap:nowrap;
|
|
@@ -3313,7 +3313,7 @@
|
|
|
3313
3313
|
margin:0;
|
|
3314
3314
|
padding:0;
|
|
3315
3315
|
}
|
|
3316
|
-
.bp_breadcrumb_module_container--
|
|
3316
|
+
.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843{
|
|
3317
3317
|
align-items:center;
|
|
3318
3318
|
display:flex;
|
|
3319
3319
|
flex-shrink:0;
|
|
@@ -3322,21 +3322,19 @@
|
|
|
3322
3322
|
overflow:hidden;
|
|
3323
3323
|
white-space:nowrap;
|
|
3324
3324
|
}
|
|
3325
|
-
.bp_breadcrumb_module_container--
|
|
3325
|
+
.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_pageLink--c0843:last-child{
|
|
3326
3326
|
flex-shrink:1;
|
|
3327
3327
|
}
|
|
3328
|
-
.bp_breadcrumb_module_container--
|
|
3328
|
+
.bp_breadcrumb_module_container--c0843 .bp_breadcrumb_module_breadcrumbSlashSeparator--c0843{
|
|
3329
3329
|
align-items:center;
|
|
3330
3330
|
display:inline-flex;
|
|
3331
3331
|
flex-shrink:0;
|
|
3332
3332
|
}
|
|
3333
3333
|
|
|
3334
|
-
.
|
|
3335
|
-
cursor:pointer;
|
|
3336
|
-
display:inline-flex;
|
|
3334
|
+
.bp_breadcrumb_module_crumbButton--c0843{
|
|
3337
3335
|
position:relative;
|
|
3338
3336
|
}
|
|
3339
|
-
.
|
|
3337
|
+
.bp_breadcrumb_module_crumbButton--c0843::after{
|
|
3340
3338
|
background-color:var(--bp-text-text-on-light-secondary);
|
|
3341
3339
|
bottom:0;
|
|
3342
3340
|
content:"";
|
|
@@ -3348,75 +3346,135 @@
|
|
|
3348
3346
|
transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
|
|
3349
3347
|
width:100%;
|
|
3350
3348
|
}
|
|
3351
|
-
.
|
|
3349
|
+
.bp_breadcrumb_module_crumbButton--c0843:hover::after{
|
|
3352
3350
|
transform:scaleX(1);
|
|
3353
3351
|
}
|
|
3354
3352
|
|
|
3355
|
-
.bp_breadcrumb_module_dropdownContent--
|
|
3353
|
+
.bp_breadcrumb_module_dropdownContent--c0843{
|
|
3356
3354
|
--blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
|
|
3357
3355
|
}
|
|
3358
|
-
|
|
3359
|
-
|
|
3356
|
+
|
|
3357
|
+
.bp_text_button_module_textButton--997ae[data-modern=false]{
|
|
3358
|
+
--text-button-text-color:var(--text-cta-link);
|
|
3359
|
+
--text-button-radius:calc(var(--radius-1)/2);
|
|
3360
|
+
--text-button-padding:0;
|
|
3361
|
+
--text-button-scale-loader-width:var(--size-05);
|
|
3362
|
+
--text-button-scale-loader-height:0.625em;
|
|
3363
|
+
--text-button-scale-loader-border-radius:var(--radius-2);
|
|
3364
|
+
--text-button-text-color-hover:var(--text-cta-link-hover);
|
|
3365
|
+
--text-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
3366
|
+
--text-button-text-color-active:var(--text-cta-link-pressed);
|
|
3367
|
+
font-family:var(--body-default-bold-font-family);
|
|
3368
|
+
font-size:var(--body-default-bold-font-size);
|
|
3369
|
+
font-weight:var(--body-default-bold-font-weight);
|
|
3370
|
+
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
3371
|
+
line-height:var(--body-default-bold-line-height);
|
|
3372
|
+
text-decoration:var(--body-default-bold-text-decoration);
|
|
3373
|
+
text-transform:var(--body-default-bold-text-case);
|
|
3360
3374
|
}
|
|
3361
|
-
.
|
|
3362
|
-
|
|
3375
|
+
.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isFontInherited--997ae{
|
|
3376
|
+
--text-button-radius-font-inherited:0.125em;
|
|
3377
|
+
--text-button-outline:var(--outline-focus-on-light);
|
|
3363
3378
|
}
|
|
3364
|
-
.
|
|
3365
|
-
|
|
3379
|
+
.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isIconButton--997ae{
|
|
3380
|
+
--text-button-gap:var(--space-1);
|
|
3366
3381
|
}
|
|
3367
|
-
|
|
3368
|
-
|
|
3369
|
-
|
|
3370
|
-
|
|
3382
|
+
|
|
3383
|
+
.bp_text_button_module_textButton--997ae[data-modern=true]{
|
|
3384
|
+
--text-button-text-color:var(--bp-text-cta-link);
|
|
3385
|
+
--text-button-radius:var(--bp-radius-04);
|
|
3386
|
+
--text-button-padding:0 var(--bp-space-010);
|
|
3387
|
+
--text-button-scale-loader-width:var(--bp-size-005);
|
|
3388
|
+
--text-button-scale-loader-height:0.625em;
|
|
3389
|
+
--text-button-scale-loader-border-radius:var(--bp-radius-03);
|
|
3390
|
+
--text-button-text-color-hover:var(--bp-text-cta-link-hover);
|
|
3391
|
+
--text-button-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
|
|
3392
|
+
--text-button-text-color-active:var(--bp-text-cta-link-pressed);
|
|
3393
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3394
|
+
font-size:var(--bp-font-size-05);
|
|
3395
|
+
font-style:normal;
|
|
3396
|
+
font-weight:var(--bp-font-weight-bold);
|
|
3397
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3398
|
+
line-height:var(--bp-font-line-height-04);
|
|
3371
3399
|
}
|
|
3372
|
-
.
|
|
3373
|
-
|
|
3374
|
-
|
|
3400
|
+
.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isFontInherited--997ae{
|
|
3401
|
+
--text-button-radius-font-inherited:0.375em;
|
|
3402
|
+
--text-button-outline:var(--bp-outline-focus-on-light);
|
|
3375
3403
|
}
|
|
3376
|
-
.
|
|
3377
|
-
|
|
3404
|
+
.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isIconButton--997ae{
|
|
3405
|
+
--text-button-gap:var(--bp-space-010);
|
|
3378
3406
|
}
|
|
3379
|
-
|
|
3407
|
+
|
|
3408
|
+
.bp_text_button_module_textButton--997ae{
|
|
3409
|
+
align-items:center;
|
|
3410
|
+
background:#0000;
|
|
3411
|
+
border:none;
|
|
3412
|
+
border-radius:var(--text-button-radius);
|
|
3413
|
+
color:var(--text-button-text-color);
|
|
3414
|
+
cursor:pointer;
|
|
3415
|
+
display:inline-flex;
|
|
3416
|
+
outline:0;
|
|
3417
|
+
padding:var(--text-button-padding);
|
|
3418
|
+
-webkit-user-select:text;
|
|
3419
|
+
user-select:text;
|
|
3420
|
+
}
|
|
3421
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae{
|
|
3422
|
+
border-radius:var(--text-button-radius-font-inherited);
|
|
3380
3423
|
font:inherit;
|
|
3381
3424
|
}
|
|
3382
|
-
.
|
|
3383
|
-
|
|
3425
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae.bp_text_button_module_isIconButton--997ae{
|
|
3426
|
+
gap:.25em;
|
|
3384
3427
|
}
|
|
3385
|
-
.
|
|
3428
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae:not(:disabled)[data-focus-visible]{
|
|
3429
|
+
box-shadow:0 0 0 .125em var(--text-button-outline);
|
|
3430
|
+
}
|
|
3431
|
+
.bp_text_button_module_textButton--997ae .bp_text_button_module_scaleLoader--997ae div{
|
|
3432
|
+
border-radius:var(--text-button-scale-loader-border-radius);
|
|
3433
|
+
height:var(--text-button-scale-loader-height);
|
|
3434
|
+
width:var(--text-button-scale-loader-width);
|
|
3435
|
+
}
|
|
3436
|
+
.bp_text_button_module_textButton--997ae .bp_text_button_module_icon--997ae{
|
|
3386
3437
|
align-items:center;
|
|
3387
|
-
display:
|
|
3388
|
-
gap:var(--space-1);
|
|
3438
|
+
display:flex;
|
|
3389
3439
|
}
|
|
3390
|
-
.
|
|
3391
|
-
|
|
3440
|
+
.bp_text_button_module_textButton--997ae .bp_text_button_module_hideTextContent--997ae{
|
|
3441
|
+
visibility:hidden;
|
|
3392
3442
|
}
|
|
3393
|
-
.
|
|
3394
|
-
|
|
3443
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae{
|
|
3444
|
+
max-width:100%;
|
|
3395
3445
|
}
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3446
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae .bp_text_button_module_text--997ae{
|
|
3447
|
+
display:block;
|
|
3448
|
+
min-width:0;
|
|
3449
|
+
overflow:hidden;
|
|
3450
|
+
text-overflow:ellipsis;
|
|
3451
|
+
white-space:nowrap;
|
|
3452
|
+
}
|
|
3453
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_isIconButton--997ae{
|
|
3454
|
+
gap:var(--text-button-gap);
|
|
3455
|
+
}
|
|
3456
|
+
.bp_text_button_module_textButton--997ae.bp_text_button_module_visuallyHidden--997ae{
|
|
3457
|
+
color:#0000;
|
|
3458
|
+
pointer-events:none;
|
|
3459
|
+
position:relative;
|
|
3460
|
+
}
|
|
3461
|
+
.bp_text_button_module_textButton--997ae:disabled{
|
|
3462
|
+
opacity:.3;
|
|
3463
|
+
}
|
|
3464
|
+
.bp_text_button_module_textButton--997ae:not(:disabled):hover,.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
|
|
3465
|
+
color:var(--text-button-text-color-hover);
|
|
3466
|
+
}
|
|
3467
|
+
.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
|
|
3468
|
+
box-shadow:var(--text-button-focus-box-shadow);
|
|
3469
|
+
}
|
|
3470
|
+
.bp_text_button_module_textButton--997ae:not(:disabled):active{
|
|
3471
|
+
color:var(--text-button-text-color-active);
|
|
3405
3472
|
}
|
|
3406
3473
|
|
|
3407
|
-
.
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
font-weight:var(--bp-font-weight-regular);
|
|
3412
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3413
|
-
line-height:var(--bp-font-line-height-04);
|
|
3414
|
-
text-decoration-line:underline;
|
|
3415
|
-
-webkit-text-decoration-skip-ink:none;
|
|
3416
|
-
text-decoration-skip-ink:none;
|
|
3417
|
-
text-decoration-style:solid;
|
|
3418
|
-
text-decoration-thickness:auto;
|
|
3419
|
-
text-underline-offset:auto;
|
|
3474
|
+
.bp_text_button_module_textButton--997ae[data-bp-animated=true]{
|
|
3475
|
+
transition-duration:var(--bp-duration-short);
|
|
3476
|
+
transition-property:color;
|
|
3477
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
3420
3478
|
}
|
|
3421
3479
|
.bp_button_wrapper_module_buttonWrapper--b0897{
|
|
3422
3480
|
all:unset;
|
|
@@ -6787,6 +6845,69 @@
|
|
|
6787
6845
|
.bp_empty_state_module_emptyState--2f813.bp_empty_state_module_small--2f813 .bp_empty_state_module_body--2f813:not(:last-child){
|
|
6788
6846
|
margin-block-end:var(--space-4);
|
|
6789
6847
|
}
|
|
6848
|
+
.bp_link_module_link--27104{
|
|
6849
|
+
color:var(--text-cta-link);
|
|
6850
|
+
}
|
|
6851
|
+
.bp_link_module_link--27104:hover{
|
|
6852
|
+
color:var(--text-cta-link-hover);
|
|
6853
|
+
}
|
|
6854
|
+
.bp_link_module_link--27104:active{
|
|
6855
|
+
color:var(--text-cta-link-pressed);
|
|
6856
|
+
}
|
|
6857
|
+
.bp_link_module_link--27104:focus-visible:focus-visible{
|
|
6858
|
+
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
6859
|
+
outline:none;
|
|
6860
|
+
overflow:visible;
|
|
6861
|
+
}
|
|
6862
|
+
.bp_link_module_link--27104:focus-visible{
|
|
6863
|
+
border-radius:var(--radius-05);
|
|
6864
|
+
color:var(--text-cta-link-hover);
|
|
6865
|
+
}
|
|
6866
|
+
.bp_link_module_link--27104:focus-visible:active{
|
|
6867
|
+
color:var(--text-cta-link-pressed);
|
|
6868
|
+
}
|
|
6869
|
+
.bp_link_module_link--27104.bp_link_module_inheritFont--27104{
|
|
6870
|
+
font:inherit;
|
|
6871
|
+
}
|
|
6872
|
+
.bp_link_module_link--27104.bp_link_module_standalone--27104{
|
|
6873
|
+
text-decoration:none;
|
|
6874
|
+
}
|
|
6875
|
+
.bp_link_module_link--27104.bp_link_module_hasIcon--27104{
|
|
6876
|
+
align-items:center;
|
|
6877
|
+
display:inline-flex;
|
|
6878
|
+
gap:var(--space-1);
|
|
6879
|
+
}
|
|
6880
|
+
.bp_link_module_link--27104 .bp_link_module_icon--27104{
|
|
6881
|
+
flex-shrink:0;
|
|
6882
|
+
}
|
|
6883
|
+
.bp_link_module_link--27104 .bp_link_module_icon--27104 *{
|
|
6884
|
+
fill:currentcolor;
|
|
6885
|
+
}
|
|
6886
|
+
|
|
6887
|
+
.bp_link_module_link--27104:where([data-modern=false]){
|
|
6888
|
+
font-family:var(--link-default-font-family);
|
|
6889
|
+
font-size:var(--link-default-font-size);
|
|
6890
|
+
font-weight:var(--link-default-font-weight);
|
|
6891
|
+
letter-spacing:var(--link-default-letter-spacing);
|
|
6892
|
+
line-height:var(--link-default-line-height);
|
|
6893
|
+
text-decoration:var(--link-default-text-decoration);
|
|
6894
|
+
text-transform:var(--link-default-text-case);
|
|
6895
|
+
}
|
|
6896
|
+
|
|
6897
|
+
.bp_link_module_link--27104:where([data-modern=true]){
|
|
6898
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6899
|
+
font-size:var(--bp-font-size-05);
|
|
6900
|
+
font-style:normal;
|
|
6901
|
+
font-weight:var(--bp-font-weight-regular);
|
|
6902
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6903
|
+
line-height:var(--bp-font-line-height-04);
|
|
6904
|
+
text-decoration-line:underline;
|
|
6905
|
+
-webkit-text-decoration-skip-ink:none;
|
|
6906
|
+
text-decoration-skip-ink:none;
|
|
6907
|
+
text-decoration-style:solid;
|
|
6908
|
+
text-decoration-thickness:auto;
|
|
6909
|
+
text-underline-offset:auto;
|
|
6910
|
+
}
|
|
6790
6911
|
.bp_base_grid_list_item_module_smallList--88380[data-modern=false]{
|
|
6791
6912
|
--small-list-gap:var(--space-2);
|
|
6792
6913
|
--small-list-padding:var(--space-1);
|
|
@@ -12566,129 +12687,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12566
12687
|
background-color:var(--switch-bg-on-hover);
|
|
12567
12688
|
}
|
|
12568
12689
|
|
|
12569
|
-
.bp_text_button_module_textButton--997ae[data-modern=false]{
|
|
12570
|
-
--text-button-text-color:var(--text-cta-link);
|
|
12571
|
-
--text-button-radius:calc(var(--radius-1)/2);
|
|
12572
|
-
--text-button-padding:0;
|
|
12573
|
-
--text-button-scale-loader-width:var(--size-05);
|
|
12574
|
-
--text-button-scale-loader-height:0.625em;
|
|
12575
|
-
--text-button-scale-loader-border-radius:var(--radius-2);
|
|
12576
|
-
--text-button-text-color-hover:var(--text-cta-link-hover);
|
|
12577
|
-
--text-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
12578
|
-
--text-button-text-color-active:var(--text-cta-link-pressed);
|
|
12579
|
-
font-family:var(--body-default-bold-font-family);
|
|
12580
|
-
font-size:var(--body-default-bold-font-size);
|
|
12581
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
12582
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
12583
|
-
line-height:var(--body-default-bold-line-height);
|
|
12584
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
12585
|
-
text-transform:var(--body-default-bold-text-case);
|
|
12586
|
-
}
|
|
12587
|
-
.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isFontInherited--997ae{
|
|
12588
|
-
--text-button-radius-font-inherited:0.125em;
|
|
12589
|
-
--text-button-outline:var(--outline-focus-on-light);
|
|
12590
|
-
}
|
|
12591
|
-
.bp_text_button_module_textButton--997ae[data-modern=false].bp_text_button_module_isIconButton--997ae{
|
|
12592
|
-
--text-button-gap:var(--space-1);
|
|
12593
|
-
}
|
|
12594
|
-
|
|
12595
|
-
.bp_text_button_module_textButton--997ae[data-modern=true]{
|
|
12596
|
-
--text-button-text-color:var(--bp-text-cta-link);
|
|
12597
|
-
--text-button-radius:var(--bp-radius-04);
|
|
12598
|
-
--text-button-padding:0 var(--bp-space-010);
|
|
12599
|
-
--text-button-scale-loader-width:var(--bp-size-005);
|
|
12600
|
-
--text-button-scale-loader-height:0.625em;
|
|
12601
|
-
--text-button-scale-loader-border-radius:var(--bp-radius-03);
|
|
12602
|
-
--text-button-text-color-hover:var(--bp-text-cta-link-hover);
|
|
12603
|
-
--text-button-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
|
|
12604
|
-
--text-button-text-color-active:var(--bp-text-cta-link-pressed);
|
|
12605
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12606
|
-
font-size:var(--bp-font-size-05);
|
|
12607
|
-
font-style:normal;
|
|
12608
|
-
font-weight:var(--bp-font-weight-bold);
|
|
12609
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12610
|
-
line-height:var(--bp-font-line-height-04);
|
|
12611
|
-
}
|
|
12612
|
-
.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isFontInherited--997ae{
|
|
12613
|
-
--text-button-radius-font-inherited:0.375em;
|
|
12614
|
-
--text-button-outline:var(--bp-outline-focus-on-light);
|
|
12615
|
-
}
|
|
12616
|
-
.bp_text_button_module_textButton--997ae[data-modern=true].bp_text_button_module_isIconButton--997ae{
|
|
12617
|
-
--text-button-gap:var(--bp-space-010);
|
|
12618
|
-
}
|
|
12619
|
-
|
|
12620
|
-
.bp_text_button_module_textButton--997ae{
|
|
12621
|
-
align-items:center;
|
|
12622
|
-
background:#0000;
|
|
12623
|
-
border:none;
|
|
12624
|
-
border-radius:var(--text-button-radius);
|
|
12625
|
-
color:var(--text-button-text-color);
|
|
12626
|
-
cursor:pointer;
|
|
12627
|
-
display:inline-flex;
|
|
12628
|
-
outline:0;
|
|
12629
|
-
padding:var(--text-button-padding);
|
|
12630
|
-
-webkit-user-select:text;
|
|
12631
|
-
user-select:text;
|
|
12632
|
-
}
|
|
12633
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae{
|
|
12634
|
-
border-radius:var(--text-button-radius-font-inherited);
|
|
12635
|
-
font:inherit;
|
|
12636
|
-
}
|
|
12637
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae.bp_text_button_module_isIconButton--997ae{
|
|
12638
|
-
gap:.25em;
|
|
12639
|
-
}
|
|
12640
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isFontInherited--997ae:not(:disabled)[data-focus-visible]{
|
|
12641
|
-
box-shadow:0 0 0 .125em var(--text-button-outline);
|
|
12642
|
-
}
|
|
12643
|
-
.bp_text_button_module_textButton--997ae .bp_text_button_module_scaleLoader--997ae div{
|
|
12644
|
-
border-radius:var(--text-button-scale-loader-border-radius);
|
|
12645
|
-
height:var(--text-button-scale-loader-height);
|
|
12646
|
-
width:var(--text-button-scale-loader-width);
|
|
12647
|
-
}
|
|
12648
|
-
.bp_text_button_module_textButton--997ae .bp_text_button_module_icon--997ae{
|
|
12649
|
-
align-items:center;
|
|
12650
|
-
display:flex;
|
|
12651
|
-
}
|
|
12652
|
-
.bp_text_button_module_textButton--997ae .bp_text_button_module_hideTextContent--997ae{
|
|
12653
|
-
visibility:hidden;
|
|
12654
|
-
}
|
|
12655
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae{
|
|
12656
|
-
max-width:100%;
|
|
12657
|
-
}
|
|
12658
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isEllipsized--997ae .bp_text_button_module_text--997ae{
|
|
12659
|
-
display:block;
|
|
12660
|
-
min-width:0;
|
|
12661
|
-
overflow:hidden;
|
|
12662
|
-
text-overflow:ellipsis;
|
|
12663
|
-
white-space:nowrap;
|
|
12664
|
-
}
|
|
12665
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_isIconButton--997ae{
|
|
12666
|
-
gap:var(--text-button-gap);
|
|
12667
|
-
}
|
|
12668
|
-
.bp_text_button_module_textButton--997ae.bp_text_button_module_visuallyHidden--997ae{
|
|
12669
|
-
color:#0000;
|
|
12670
|
-
pointer-events:none;
|
|
12671
|
-
position:relative;
|
|
12672
|
-
}
|
|
12673
|
-
.bp_text_button_module_textButton--997ae:disabled{
|
|
12674
|
-
opacity:.3;
|
|
12675
|
-
}
|
|
12676
|
-
.bp_text_button_module_textButton--997ae:not(:disabled):hover,.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
|
|
12677
|
-
color:var(--text-button-text-color-hover);
|
|
12678
|
-
}
|
|
12679
|
-
.bp_text_button_module_textButton--997ae:not(:disabled)[data-focus-visible]{
|
|
12680
|
-
box-shadow:var(--text-button-focus-box-shadow);
|
|
12681
|
-
}
|
|
12682
|
-
.bp_text_button_module_textButton--997ae:not(:disabled):active{
|
|
12683
|
-
color:var(--text-button-text-color-active);
|
|
12684
|
-
}
|
|
12685
|
-
|
|
12686
|
-
.bp_text_button_module_textButton--997ae[data-bp-animated=true]{
|
|
12687
|
-
transition-duration:var(--bp-duration-short);
|
|
12688
|
-
transition-property:color;
|
|
12689
|
-
transition-timing-function:var(--bp-curve-small-on);
|
|
12690
|
-
}
|
|
12691
|
-
|
|
12692
12690
|
.bp_text_input_module_textInput--ede11.bp_text_input_module_textInput--ede11.bp_text_input_module_textInput--ede11 input:has(+ .bp_text_input_module_iconEnd--ede11){
|
|
12693
12691
|
padding-inline-end:1.875rem;
|
|
12694
12692
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "14.25.
|
|
3
|
+
"version": "14.25.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.21",
|
|
49
49
|
"@ariakit/react-core": "0.4.21",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.116.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.116.1",
|
|
51
51
|
"@internationalized/date": "^3.12.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.18.
|
|
80
|
+
"@box/storybook-utils": "^0.18.15",
|
|
81
81
|
"@figma/code-connect": "1.4.4",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|