@box/blueprint-web 13.15.0 → 13.15.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.
Files changed (3) hide show
  1. package/dist/lib-esm/collapsible/collapsible-section.module.js +1 -1
  2. package/dist/lib-esm/index.css +36 -33
  3. package/package.json +3 -3
package/dist/lib-esm/collapsible/collapsible-section.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--8d19b","collapsibleSectionHeaderRow":"bp_collapsible_section_module_collapsibleSectionHeaderRow--8d19b","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--8d19b","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--8d19b","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--8d19b","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--8d19b"};
2
+ var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--43867","collapsibleSectionHeaderRow":"bp_collapsible_section_module_collapsibleSectionHeaderRow--43867","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--43867","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--43867","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--43867","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--43867"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/index.css CHANGED
@@ -3349,7 +3349,7 @@
3349
3349
  transition:none;
3350
3350
  }
3351
3351
  }
3352
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-modern=false]{
3352
+ .bp_collapsible_section_module_collapsibleSection--43867[data-modern=false]{
3353
3353
  --collapsible-section-header-padding:var(--space-5);
3354
3354
  --collapsible-section-body-padding:var(--space-5);
3355
3355
  --collapsible-section-padding:var(--space-5);
@@ -3362,9 +3362,10 @@
3362
3362
  --collapsible-section-header-background-color:var(--surface-surface);
3363
3363
  --collapsible-section-content-background-color:var(--surface-surface);
3364
3364
  --collapsible-section-header-expanded-border-bottom:var(--border-1) solid var(--border-collapsible-border);
3365
+ --collapsible-section-overflow:hidden;
3365
3366
  }
3366
3367
 
3367
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-modern=true]{
3368
+ .bp_collapsible_section_module_collapsibleSection--43867[data-modern=true]{
3368
3369
  --collapsible-section-header-padding:var(--bp-space-050) var(--bp-space-020);
3369
3370
  --collapsible-section-body-padding:var(--bp-space-040) var(--bp-space-050);
3370
3371
  --collapsible-section-padding:var(--bp-space-050);
@@ -3377,9 +3378,10 @@
3377
3378
  --collapsible-section-header-background-color:var(--bp-surface-collapsible-section-surface);
3378
3379
  --collapsible-section-content-background-color:var(--bp-surface-collapsible-section-surface);
3379
3380
  --collapsible-section-header-expanded-border-bottom:none;
3381
+ --collapsible-section-overflow:hidden;
3380
3382
  }
3381
3383
 
3382
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-modern=false][data-variant=borderless]{
3384
+ .bp_collapsible_section_module_collapsibleSection--43867[data-modern=false][data-variant=borderless]{
3383
3385
  --collapsible-section-border:none;
3384
3386
  --collapsible-section-header-background-color:#0000;
3385
3387
  --collapsible-section-content-background-color:#0000;
@@ -3391,9 +3393,10 @@
3391
3393
  --collapsible-section-borderless-header-padding-block:var(--space-2);
3392
3394
  --collapsible-section-borderless-header-padding-inline-start:var(--space-4);
3393
3395
  --collapsible-section-borderless-header-hover-background:var(--surface-cta-surface-tertiary-hover);
3396
+ --collapsible-section-overflow:visible;
3394
3397
  }
3395
3398
 
3396
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-modern=true][data-variant=borderless]{
3399
+ .bp_collapsible_section_module_collapsibleSection--43867[data-modern=true][data-variant=borderless]{
3397
3400
  --collapsible-section-border:none;
3398
3401
  --collapsible-section-header-background-color:#0000;
3399
3402
  --collapsible-section-content-background-color:#0000;
@@ -3405,101 +3408,101 @@
3405
3408
  --collapsible-section-borderless-header-padding-block:var(--bp-space-020);
3406
3409
  --collapsible-section-borderless-header-padding-inline-start:var(--bp-space-040);
3407
3410
  --collapsible-section-borderless-header-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
3411
+ --collapsible-section-overflow:visible;
3408
3412
  }
3409
3413
 
3410
- .bp_collapsible_section_module_collapsibleSection--8d19b{
3414
+ .bp_collapsible_section_module_collapsibleSection--43867{
3415
+ border:var(--collapsible-section-border);
3416
+ border-radius:var(--collapsible-section-border-radius);
3417
+ box-sizing:border-box;
3418
+ overflow:var(--collapsible-section-overflow);
3411
3419
  width:100%;
3412
3420
  }
3413
- .bp_collapsible_section_module_collapsibleSectionHeader--8d19b,.bp_collapsible_section_module_collapsibleSectionHeaderRow--8d19b{
3421
+ .bp_collapsible_section_module_collapsibleSectionHeader--43867,.bp_collapsible_section_module_collapsibleSectionHeaderRow--43867{
3414
3422
  align-items:center;
3415
3423
  display:flex;
3416
3424
  justify-content:space-between;
3417
3425
  width:100%;
3418
3426
  }
3419
- .bp_collapsible_section_module_collapsibleSectionHeader--8d19b{
3427
+ .bp_collapsible_section_module_collapsibleSectionHeader--43867{
3420
3428
  background:var(--collapsible-section-header-background-color);
3421
- border:var(--collapsible-section-border);
3422
- border-radius:var(--collapsible-section-border-radius);
3423
3429
  box-sizing:border-box;
3424
3430
  cursor:pointer;
3425
3431
  outline:0;
3426
3432
  padding-block:var(--collapsible-section-padding);
3427
3433
  padding-inline:var(--collapsible-section-padding);
3428
3434
  position:relative;
3435
+ transition:padding-block 125ms ease;
3429
3436
  -webkit-user-select:none;
3430
3437
  user-select:none;
3431
3438
  }
3432
- .bp_collapsible_section_module_collapsibleSectionHeader--8d19b:focus::before{
3439
+ .bp_collapsible_section_module_collapsibleSectionHeader--43867:focus::before{
3433
3440
  border:var(--collapsible-section-outline-width) solid var(--collapsible-section-header-focus-color);
3434
3441
  border-radius:var(--collapsible-section-outline-border-radius);
3435
3442
  content:"";
3436
3443
  inset:var(--collapsible-section-outline-offset);
3437
3444
  position:absolute;
3438
3445
  }
3439
- .bp_collapsible_section_module_collapsibleSectionHeader--8d19b[aria-expanded=true],.bp_collapsible_section_module_collapsibleSectionHeader--8d19b[aria-expanded=true]::before{
3446
+ .bp_collapsible_section_module_collapsibleSectionHeader--43867[aria-expanded=true]::before{
3440
3447
  border-end-end-radius:0;
3441
3448
  border-end-start-radius:0;
3442
3449
  }
3443
- .bp_collapsible_section_module_collapsibleSectionHeader--8d19b[aria-expanded=true]{
3450
+ .bp_collapsible_section_module_collapsibleSectionHeader--43867[aria-expanded=true]{
3444
3451
  border-bottom:var(--collapsible-section-header-expanded-border-bottom);
3445
3452
  padding-block:var(--collapsible-section-header-padding);
3446
3453
  }
3447
- .bp_collapsible_section_module_collapsibleSectionHeaderArrow--8d19b{
3454
+ .bp_collapsible_section_module_collapsibleSectionHeaderArrow--43867{
3448
3455
  display:block;
3449
3456
  margin-inline-start:var(--collapsible-section-padding);
3450
3457
  }
3451
- .bp_collapsible_section_module_collapsibleSectionHeaderArrow--8d19b > svg{
3458
+ .bp_collapsible_section_module_collapsibleSectionHeaderArrow--43867 > svg{
3452
3459
  vertical-align:middle;
3453
3460
  }
3454
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeaderArrow--8d19b{
3461
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeaderArrow--43867{
3455
3462
  margin-inline-start:var(--collapsible-section-borderless-arrow-margin);
3456
3463
  }
3457
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b{
3464
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867{
3458
3465
  margin-inline-start:calc(var(--collapsible-section-padding)*-1);
3459
3466
  padding-block:var(--collapsible-section-borderless-header-padding-block);
3460
3467
  padding-inline:var(--collapsible-section-borderless-header-padding-inline-start) .875rem;
3461
3468
  width:-moz-fit-content;
3462
3469
  width:fit-content;
3463
3470
  }
3464
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b:focus-visible,.bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b:hover{
3471
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:focus-visible,.bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:hover{
3465
3472
  background:var(--collapsible-section-borderless-header-hover-background);
3466
3473
  }
3467
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b:focus-visible{
3474
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:focus-visible{
3468
3475
  outline:var(--collapsible-section-outline-width) solid var(--collapsible-section-header-focus-color);
3469
3476
  outline-offset:var(--collapsible-section-outline-offset);
3470
3477
  }
3471
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b:focus::before{
3478
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:focus::before{
3472
3479
  display:none;
3473
3480
  }
3474
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b[aria-expanded=false],.bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--8d19b[aria-expanded=true]{
3481
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867[aria-expanded=false],.bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867[aria-expanded=true]{
3475
3482
  border-radius:var(--collapsible-section-border-radius);
3476
3483
  }
3477
- .bp_collapsible_section_module_collapsibleSectionContent--8d19b{
3484
+ .bp_collapsible_section_module_collapsibleSectionContent--43867{
3478
3485
  overflow:hidden;
3479
3486
  }
3480
- .bp_collapsible_section_module_collapsibleSectionContent--8d19b[data-state=open]{
3481
- animation:bp_collapsible_section_module_slideDown--8d19b .25s ease-out;
3487
+ .bp_collapsible_section_module_collapsibleSectionContent--43867[data-state=open]{
3488
+ animation:bp_collapsible_section_module_slideDown--43867 .25s ease-out;
3482
3489
  }
3483
- .bp_collapsible_section_module_collapsibleSectionContent--8d19b[data-state=closed]{
3484
- animation:bp_collapsible_section_module_slideUp--8d19b .25s ease-out;
3490
+ .bp_collapsible_section_module_collapsibleSectionContent--43867[data-state=closed]{
3491
+ animation:bp_collapsible_section_module_slideUp--43867 .25s ease-out;
3485
3492
  }
3486
- .bp_collapsible_section_module_collapsibleSectionBody--8d19b{
3493
+ .bp_collapsible_section_module_collapsibleSectionBody--43867{
3487
3494
  align-items:center;
3488
3495
  background:var(--collapsible-section-content-background-color);
3489
- border:var(--collapsible-section-border);
3490
- border-end-end-radius:var(--collapsible-section-border-radius);
3491
- border-end-start-radius:var(--collapsible-section-border-radius);
3492
- border-top:none;
3493
3496
  display:flex;
3494
3497
  justify-content:space-between;
3495
3498
  padding-block:var(--collapsible-section-body-padding);
3496
3499
  padding-inline:var(--collapsible-section-padding);
3497
3500
  }
3498
- .bp_collapsible_section_module_collapsibleSection--8d19b[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionBody--8d19b{
3501
+ .bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionBody--43867{
3499
3502
  padding-inline:0;
3500
3503
  }
3501
3504
 
3502
- @keyframes bp_collapsible_section_module_slideDown--8d19b{
3505
+ @keyframes bp_collapsible_section_module_slideDown--43867{
3503
3506
  from{
3504
3507
  height:0;
3505
3508
  }
@@ -3507,7 +3510,7 @@
3507
3510
  height:var(--radix-collapsible-content-height);
3508
3511
  }
3509
3512
  }
3510
- @keyframes bp_collapsible_section_module_slideUp--8d19b{
3513
+ @keyframes bp_collapsible_section_module_slideUp--43867{
3511
3514
  from{
3512
3515
  height:var(--radix-collapsible-content-height);
3513
3516
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "13.15.0",
3
+ "version": "13.15.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.15",
49
49
  "@ariakit/react-core": "0.4.15",
50
- "@box/blueprint-web-assets": "^4.111.6",
50
+ "@box/blueprint-web-assets": "^4.111.7",
51
51
  "@internationalized/date": "^3.7.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.17.6",
80
+ "@box/storybook-utils": "^0.17.7",
81
81
  "@figma/code-connect": "1.3.12",
82
82
  "@types/react": "^18.0.0",
83
83
  "@types/react-dom": "^18.0.0",