@box/blueprint-web 12.93.1 → 12.93.3

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.
@@ -9628,7 +9628,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9628
9628
  top:50%;
9629
9629
  transform:translateY(-50%);
9630
9630
  }
9631
- .bp_side_panel_module_content--6ac98[data-modern=false]{
9631
+ .bp_side_panel_module_content--d791e[data-modern=false]{
9632
9632
  --side-panel-border:var(--border-1) solid var(--border-divider-border);
9633
9633
  --side-panel-background:var(--gray-white);
9634
9634
  --side-panel-header-padding:var(--space-5) var(--space-4);
@@ -9650,7 +9650,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9650
9650
  --side-panel-footer-button-margin-plus:var(--space-3);
9651
9651
  }
9652
9652
 
9653
- .bp_side_panel_module_content--6ac98[data-modern=true]{
9653
+ .bp_side_panel_module_content--d791e[data-modern=true]{
9654
9654
  --side-panel-border:var(--bp-border-01) solid var(--bp-border-divider-border);
9655
9655
  --side-panel-background:var(--bp-surface-side-panel-surface);
9656
9656
  --side-panel-header-padding:var(--bp-space-060) var(--bp-space-040);
@@ -9664,7 +9664,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9664
9664
  --side-panel-close-top-small:var(--bp-space-040);
9665
9665
  --side-panel-close-top:var(--bp-space-040);
9666
9666
  --side-panel-close-right:var(--bp-space-040);
9667
- --side-panel-overlay-header-padding:var(--bp-space-050) var(--bp-space-030) var(--bp-space-050) var(--bp-space-040);
9667
+ --side-panel-overlay-header-padding:var(--bp-space-050) var(--bp-space-140) var(--bp-space-050) var(--bp-space-040);
9668
9668
  --side-panel-footer-padding:var(--bp-space-050) var(--bp-space-040);
9669
9669
  --side-panel-footer-background:var(--bp-surface-side-panel-surface);
9670
9670
  --side-panel-footer-shadow:none;
@@ -9672,15 +9672,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9672
9672
  --side-panel-footer-button-margin-plus:var(--bp-space-030);
9673
9673
  }
9674
9674
 
9675
- .bp_side_panel_module_overlay--6ac98[data-modern=false]{
9675
+ .bp_side_panel_module_overlay--d791e[data-modern=false]{
9676
9676
  --side-panel-overlay-background:var(--overlay-sidepanel-overlay);
9677
9677
  }
9678
9678
 
9679
- .bp_side_panel_module_overlay--6ac98[data-modern=true]{
9679
+ .bp_side_panel_module_overlay--d791e[data-modern=true]{
9680
9680
  --side-panel-overlay-background:var(--bp-overlay-side-panel-overlay);
9681
9681
  }
9682
9682
 
9683
- .bp_side_panel_module_content--6ac98{
9683
+ .bp_side_panel_module_content--d791e{
9684
9684
  background-color:var(--side-panel-background);
9685
9685
  border-inline-start:var(--side-panel-border);
9686
9686
  display:flex;
@@ -9693,12 +9693,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9693
9693
  overflow-y:auto;
9694
9694
  }
9695
9695
  @media (width > 374px){
9696
- .bp_side_panel_module_content--6ac98{
9696
+ .bp_side_panel_module_content--d791e{
9697
9697
  min-width:320px;
9698
9698
  overflow:hidden;
9699
9699
  }
9700
9700
  }
9701
- .bp_side_panel_module_content--6ac98 .bp_side_panel_module_header--6ac98{
9701
+ .bp_side_panel_module_content--d791e .bp_side_panel_module_header--d791e{
9702
9702
  align-items:center;
9703
9703
  background-color:var(--side-panel-header-background);
9704
9704
  border-bottom:var(--side-panel-header-border);
@@ -9710,77 +9710,77 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9710
9710
  transition-timing-function:cubic-bezier(0, 0, .6, 1);
9711
9711
  word-break:break-word;
9712
9712
  }
9713
- .bp_side_panel_module_content--6ac98 .bp_side_panel_module_headerShadow--6ac98{
9713
+ .bp_side_panel_module_content--d791e .bp_side_panel_module_headerShadow--d791e{
9714
9714
  box-shadow:var(--side-panel-header-shadow);
9715
9715
  }
9716
9716
 
9717
- .bp_side_panel_module_scrollableContainer--6ac98{
9717
+ .bp_side_panel_module_scrollableContainer--d791e{
9718
9718
  flex-grow:1;
9719
9719
  }
9720
9720
  @media (width > 374px){
9721
- .bp_side_panel_module_scrollableContainer--6ac98{
9721
+ .bp_side_panel_module_scrollableContainer--d791e{
9722
9722
  overflow-y:auto;
9723
9723
  }
9724
9724
  }
9725
9725
 
9726
- .bp_side_panel_module_persistentContent--6ac98{
9726
+ .bp_side_panel_module_persistentContent--d791e{
9727
9727
  overflow:hidden;
9728
9728
  position:relative;
9729
9729
  }
9730
- .bp_side_panel_module_persistentContent--6ac98 .bp_side_panel_module_scrollableContainer--6ac98{
9730
+ .bp_side_panel_module_persistentContent--d791e .bp_side_panel_module_scrollableContainer--d791e{
9731
9731
  flex-grow:1;
9732
9732
  overflow-y:auto;
9733
9733
  }
9734
9734
 
9735
- .bp_side_panel_module_contentAnimatedSlideIn--6ac98{
9735
+ .bp_side_panel_module_contentAnimatedSlideIn--d791e{
9736
9736
  animation-duration:.2s;
9737
- animation-name:bp_side_panel_module_slideIn--6ac98;
9737
+ animation-name:bp_side_panel_module_slideIn--d791e;
9738
9738
  animation-timing-function:cubic-bezier(0, 0, .6, 1);
9739
9739
  }
9740
9740
 
9741
- .bp_side_panel_module_contentAnimatedSlideOut--6ac98[data-state=closed]{
9741
+ .bp_side_panel_module_contentAnimatedSlideOut--d791e[data-state=closed]{
9742
9742
  animation-duration:.2s;
9743
- animation-name:bp_side_panel_module_slideOut--6ac98;
9743
+ animation-name:bp_side_panel_module_slideOut--d791e;
9744
9744
  animation-timing-function:cubic-bezier(0, 0, .6, 1);
9745
9745
  }
9746
9746
 
9747
- .bp_side_panel_module_contentNormal--6ac98{
9747
+ .bp_side_panel_module_contentNormal--d791e{
9748
9748
  width:var(--side-panel-content-width-normal);
9749
9749
  }
9750
9750
 
9751
- .bp_side_panel_module_contentLarge--6ac98{
9751
+ .bp_side_panel_module_contentLarge--d791e{
9752
9752
  width:var(--side-panel-content-width-large);
9753
9753
  }
9754
9754
 
9755
- .bp_side_panel_module_dropShadowContent--6ac98{
9755
+ .bp_side_panel_module_dropShadowContent--d791e{
9756
9756
  box-shadow:var(--side-panel-content-shadow);
9757
9757
  }
9758
9758
 
9759
- .bp_side_panel_module_content--6ac98 .bp_side_panel_module_close--6ac98{
9759
+ .bp_side_panel_module_content--d791e .bp_side_panel_module_close--d791e{
9760
9760
  color:var(--side-panel-close-color);
9761
9761
  position:fixed;
9762
9762
  right:var(--side-panel-close-right);
9763
9763
  top:var(--side-panel-close-top-small);
9764
9764
  }
9765
9765
  @media (width > 374px){
9766
- .bp_side_panel_module_content--6ac98 .bp_side_panel_module_close--6ac98{
9766
+ .bp_side_panel_module_content--d791e .bp_side_panel_module_close--d791e{
9767
9767
  position:absolute;
9768
9768
  top:var(--side-panel-close-top);
9769
9769
  }
9770
9770
  }
9771
9771
 
9772
- .bp_side_panel_module_overlayContent--6ac98{
9772
+ .bp_side_panel_module_overlayContent--d791e{
9773
9773
  box-shadow:var(--side-panel-content-shadow);
9774
9774
  position:fixed;
9775
9775
  right:0;
9776
9776
  top:0;
9777
9777
  z-index:300;
9778
9778
  }
9779
- .bp_side_panel_module_overlayContent--6ac98 .bp_side_panel_module_header--6ac98{
9779
+ .bp_side_panel_module_overlayContent--d791e .bp_side_panel_module_header--d791e{
9780
9780
  padding:var(--side-panel-overlay-header-padding);
9781
9781
  }
9782
9782
 
9783
- .bp_side_panel_module_overlay--6ac98{
9783
+ .bp_side_panel_module_overlay--d791e{
9784
9784
  background-color:var(--side-panel-overlay-background);
9785
9785
  bottom:0;
9786
9786
  display:flex;
@@ -9791,15 +9791,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9791
9791
  top:0;
9792
9792
  z-index:300;
9793
9793
  }
9794
- .bp_side_panel_module_overlay--6ac98 .bp_side_panel_module_content--6ac98 .bp_side_panel_module_header--6ac98{
9794
+ .bp_side_panel_module_overlay--d791e .bp_side_panel_module_content--d791e .bp_side_panel_module_header--d791e{
9795
9795
  padding:var(--side-panel-overlay-header-padding);
9796
9796
  }
9797
9797
 
9798
- .bp_side_panel_module_dropShadowOverlay--6ac98{
9798
+ .bp_side_panel_module_dropShadowOverlay--d791e{
9799
9799
  background-color:initial;
9800
9800
  }
9801
9801
 
9802
- .bp_side_panel_module_footer--6ac98{
9802
+ .bp_side_panel_module_footer--d791e{
9803
9803
  background-color:var(--side-panel-footer-background);
9804
9804
  display:flex;
9805
9805
  justify-content:flex-end;
@@ -9809,19 +9809,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9809
9809
  transition-timing-function:cubic-bezier(0, 0, .6, 1);
9810
9810
  }
9811
9811
 
9812
- .bp_side_panel_module_footerShadow--6ac98{
9812
+ .bp_side_panel_module_footerShadow--d791e{
9813
9813
  box-shadow:var(--side-panel-footer-shadow);
9814
9814
  }
9815
9815
 
9816
- .bp_side_panel_module_footerButton--6ac98{
9816
+ .bp_side_panel_module_footerButton--d791e{
9817
9817
  margin-inline-start:var(--side-panel-footer-button-margin);
9818
9818
  }
9819
9819
 
9820
- .bp_side_panel_module_footerButton--6ac98 + .bp_side_panel_module_footerButton--6ac98{
9820
+ .bp_side_panel_module_footerButton--d791e + .bp_side_panel_module_footerButton--d791e{
9821
9821
  margin-inline-start:var(--side-panel-footer-button-margin-plus);
9822
9822
  }
9823
9823
 
9824
- @keyframes bp_side_panel_module_slideIn--6ac98{
9824
+ @keyframes bp_side_panel_module_slideIn--d791e{
9825
9825
  from{
9826
9826
  inset-inline-end:-100%;
9827
9827
  }
@@ -9829,7 +9829,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9829
9829
  inset-inline-end:0;
9830
9830
  }
9831
9831
  }
9832
- @keyframes bp_side_panel_module_slideOut--6ac98{
9832
+ @keyframes bp_side_panel_module_slideOut--d791e{
9833
9833
  from{
9834
9834
  inset-inline-end:0;
9835
9835
  }
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_side_panel_module_content--6ac98","overlay":"bp_side_panel_module_overlay--6ac98","header":"bp_side_panel_module_header--6ac98","headerShadow":"bp_side_panel_module_headerShadow--6ac98","scrollableContainer":"bp_side_panel_module_scrollableContainer--6ac98","persistentContent":"bp_side_panel_module_persistentContent--6ac98","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--6ac98","slideIn":"bp_side_panel_module_slideIn--6ac98","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--6ac98","slideOut":"bp_side_panel_module_slideOut--6ac98","contentNormal":"bp_side_panel_module_contentNormal--6ac98","contentLarge":"bp_side_panel_module_contentLarge--6ac98","dropShadowContent":"bp_side_panel_module_dropShadowContent--6ac98","close":"bp_side_panel_module_close--6ac98","overlayContent":"bp_side_panel_module_overlayContent--6ac98","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--6ac98","footer":"bp_side_panel_module_footer--6ac98","footerShadow":"bp_side_panel_module_footerShadow--6ac98","footerButton":"bp_side_panel_module_footerButton--6ac98"};
2
+ var styles = {"content":"bp_side_panel_module_content--d791e","overlay":"bp_side_panel_module_overlay--d791e","header":"bp_side_panel_module_header--d791e","headerShadow":"bp_side_panel_module_headerShadow--d791e","scrollableContainer":"bp_side_panel_module_scrollableContainer--d791e","persistentContent":"bp_side_panel_module_persistentContent--d791e","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--d791e","slideIn":"bp_side_panel_module_slideIn--d791e","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--d791e","slideOut":"bp_side_panel_module_slideOut--d791e","contentNormal":"bp_side_panel_module_contentNormal--d791e","contentLarge":"bp_side_panel_module_contentLarge--d791e","dropShadowContent":"bp_side_panel_module_dropShadowContent--d791e","close":"bp_side_panel_module_close--d791e","overlayContent":"bp_side_panel_module_overlayContent--d791e","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--d791e","footer":"bp_side_panel_module_footer--d791e","footerShadow":"bp_side_panel_module_footerShadow--d791e","footerButton":"bp_side_panel_module_footerButton--d791e"};
3
3
 
4
4
  export { styles as default };
@@ -21,7 +21,9 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
21
21
  ...rest,
22
22
  ref: forwardedRef,
23
23
  className: clsx(styles.toolbarItem, styles.toolbarButton, className),
24
- "data-disabled": disabled,
24
+ ...(disabled ? {
25
+ 'data-disabled': ''
26
+ } : {}),
25
27
  "data-modern": enableModernizedComponents ? 'true' : 'false',
26
28
  disabled: disabled,
27
29
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.93.1",
3
+ "version": "12.93.3",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {