@box/blueprint-web 12.89.2 → 12.90.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.
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"card":"bp_content_card_module_card--1c7df","ghostCard":"bp_content_card_module_ghostCard--1c7df","cardContent":"bp_content_card_module_cardContent--1c7df","cardTitle":"bp_content_card_module_cardTitle--1c7df","cardTitleText":"bp_content_card_module_cardTitleText--1c7df","cardBody":"bp_content_card_module_cardBody--1c7df","cardBodyText":"bp_content_card_module_cardBodyText--1c7df","cardIcon":"bp_content_card_module_cardIcon--1c7df","cardBackground":"bp_content_card_module_cardBackground--1c7df","image":"bp_content_card_module_image--1c7df","iconGhost":"bp_content_card_module_iconGhost--1c7df","titleGhost":"bp_content_card_module_titleGhost--1c7df","bodyGhost":"bp_content_card_module_bodyGhost--1c7df","pillGhostContainer":"bp_content_card_module_pillGhostContainer--1c7df","pillGhost":"bp_content_card_module_pillGhost--1c7df"};
2
+ var styles = {"card":"bp_content_card_module_card--bd749","ghostCard":"bp_content_card_module_ghostCard--bd749","cardContent":"bp_content_card_module_cardContent--bd749","cardTitle":"bp_content_card_module_cardTitle--bd749","cardTitleText":"bp_content_card_module_cardTitleText--bd749","cardBody":"bp_content_card_module_cardBody--bd749","cardBodyText":"bp_content_card_module_cardBodyText--bd749","cardIcon":"bp_content_card_module_cardIcon--bd749","cardBackground":"bp_content_card_module_cardBackground--bd749","image":"bp_content_card_module_image--bd749","iconGhost":"bp_content_card_module_iconGhost--bd749","titleGhost":"bp_content_card_module_titleGhost--bd749","bodyGhost":"bp_content_card_module_bodyGhost--bd749","pillGhostContainer":"bp_content_card_module_pillGhostContainer--bd749","pillGhost":"bp_content_card_module_pillGhost--bd749"};
3
3
 
4
4
  export { styles as default };
@@ -3793,7 +3793,7 @@
3793
3793
  margin-block:var(--select-content-viewport-option-separator-margin-block);
3794
3794
  }
3795
3795
 
3796
- .bp_content_card_module_card--1c7df[data-modern=false],.bp_content_card_module_ghostCard--1c7df[data-modern=false]{
3796
+ .bp_content_card_module_card--bd749[data-modern=false],.bp_content_card_module_ghostCard--bd749[data-modern=false]{
3797
3797
  --content-card-background-color:var(--surface-surface);
3798
3798
  --content-card-background-height:var(--size-15);
3799
3799
  --content-card-border-radius:var(--size-3);
@@ -3803,7 +3803,6 @@
3803
3803
  --content-card-focused-border-color:var(--outline-focus-on-light);
3804
3804
  --content-card-focused-border-size:var(--border-2);
3805
3805
  --content-card-icon-border-radius:var(--size-3);
3806
- --content-card-icon-image-border-radius:unset;
3807
3806
  --content-card-icon-border-size:var(--size-1);
3808
3807
  --content-card-icon-position:var(--size-3);
3809
3808
  --content-card-icon-size:var(--size-14);
@@ -3820,7 +3819,7 @@
3820
3819
  --content-card-pressed-border:var(--border-1) solid var(--border-card-border);
3821
3820
  }
3822
3821
 
3823
- .bp_content_card_module_card--1c7df[data-modern=true],.bp_content_card_module_ghostCard--1c7df[data-modern=true]{
3822
+ .bp_content_card_module_card--bd749[data-modern=true],.bp_content_card_module_ghostCard--bd749[data-modern=true]{
3824
3823
  --content-card-background-color:var(--bp-surface-card-surface);
3825
3824
  --content-card-background-height:var(--bp-size-150);
3826
3825
  --content-card-border-radius:var(--bp-radius-08);
@@ -3830,7 +3829,6 @@
3830
3829
  --content-card-focused-border-color:var(--bp-outline-focus-on-light);
3831
3830
  --content-card-focused-border-size:var(--bp-border-02);
3832
3831
  --content-card-icon-border-radius:var(--bp-radius-08);
3833
- --content-card-icon-image-border-radius:var(--bp-radius-06);
3834
3832
  --content-card-icon-border-size:var(--bp-size-010);
3835
3833
  --content-card-icon-position:var(--bp-size-030);
3836
3834
  --content-card-icon-size:var(--bp-size-140);
@@ -3847,7 +3845,7 @@
3847
3845
  --content-card-pressed-border:var(--bp-border-01) solid var(--bp-border-card-border);
3848
3846
  }
3849
3847
 
3850
- .bp_content_card_module_card--1c7df{
3848
+ .bp_content_card_module_card--bd749{
3851
3849
  background-color:var(--content-card-background-color);
3852
3850
  border:var(--content-card-border);
3853
3851
  border-radius:var(--content-card-border-radius);
@@ -3858,21 +3856,21 @@
3858
3856
  padding:var(--content-card-padding);
3859
3857
  position:relative;
3860
3858
  }
3861
- .bp_content_card_module_card--1c7df:hover{
3859
+ .bp_content_card_module_card--bd749:hover{
3862
3860
  box-shadow:var(--content-card-dropshadow);
3863
3861
  }
3864
- .bp_content_card_module_card--1c7df:focus-visible{
3862
+ .bp_content_card_module_card--bd749:focus-visible{
3865
3863
  border:var(--content-card-focused-border);
3866
3864
  box-shadow:var(--content-card-dropshadow);
3867
3865
  outline:none;
3868
3866
  }
3869
- .bp_content_card_module_card--1c7df:active{
3867
+ .bp_content_card_module_card--bd749:active{
3870
3868
  background-color:var(--content-card-pressed-background-color);
3871
3869
  border:var(--content-card-pressed-border);
3872
3870
  box-shadow:none;
3873
3871
  }
3874
3872
 
3875
- .bp_content_card_module_cardContent--1c7df{
3873
+ .bp_content_card_module_cardContent--bd749{
3876
3874
  display:flex;
3877
3875
  flex-direction:column;
3878
3876
  gap:var(--content-card-content-gap);
@@ -3881,7 +3879,7 @@
3881
3879
  padding-block-start:calc(var(--content-card-icon-size) + var(--content-card-content-gap) + var(--content-card-icon-border-size));
3882
3880
  }
3883
3881
 
3884
- .bp_content_card_module_cardTitle--1c7df{
3882
+ .bp_content_card_module_cardTitle--bd749{
3885
3883
  align-items:var(--content-card-title-align-items);
3886
3884
  display:flex;
3887
3885
  height:var(--content-card-text-height);
@@ -3889,26 +3887,26 @@
3889
3887
  min-height:var(--content-card-text-height-min);
3890
3888
  }
3891
3889
 
3892
- .bp_content_card_module_cardTitleText--1c7df{
3890
+ .bp_content_card_module_cardTitleText--bd749{
3893
3891
  -webkit-box-orient:vertical;
3894
3892
  -webkit-line-clamp:2;
3895
3893
  display:-webkit-inline-box;
3896
3894
  overflow:hidden;
3897
3895
  }
3898
3896
 
3899
- .bp_content_card_module_cardBody--1c7df{
3897
+ .bp_content_card_module_cardBody--bd749{
3900
3898
  height:var(--content-card-text-height);
3901
3899
  margin-block-end:var(--content-card-content-gap);
3902
3900
  }
3903
3901
 
3904
- .bp_content_card_module_cardBodyText--1c7df{
3902
+ .bp_content_card_module_cardBodyText--bd749{
3905
3903
  -webkit-box-orient:vertical;
3906
3904
  -webkit-line-clamp:2;
3907
3905
  display:-webkit-inline-box;
3908
3906
  overflow:hidden;
3909
3907
  }
3910
3908
 
3911
- .bp_content_card_module_cardIcon--1c7df{
3909
+ .bp_content_card_module_cardIcon--bd749{
3912
3910
  background-color:var(--content-card-background-color);
3913
3911
  border:var(--content-card-icon-border-size) solid var(--content-card-background-color);
3914
3912
  border-radius:var(--content-card-icon-border-radius);
@@ -3921,7 +3919,7 @@
3921
3919
  z-index:1;
3922
3920
  }
3923
3921
 
3924
- .bp_content_card_module_cardBackground--1c7df{
3922
+ .bp_content_card_module_cardBackground--bd749{
3925
3923
  height:var(--content-card-background-height);
3926
3924
  left:0;
3927
3925
  overflow:hidden;
@@ -3930,13 +3928,12 @@
3930
3928
  width:100%;
3931
3929
  }
3932
3930
 
3933
- .bp_content_card_module_image--1c7df{
3934
- border-radius:var(--content-card-icon-image-border-radius);
3931
+ .bp_content_card_module_image--bd749{
3935
3932
  height:100%;
3936
3933
  width:100%;
3937
3934
  }
3938
3935
 
3939
- .bp_content_card_module_ghostCard--1c7df{
3936
+ .bp_content_card_module_ghostCard--bd749{
3940
3937
  display:flex;
3941
3938
  flex-direction:column;
3942
3939
  max-width:calc(var(--content-card-max-width) - var(--content-card-padding));
@@ -3945,21 +3942,21 @@
3945
3942
  position:relative;
3946
3943
  }
3947
3944
 
3948
- .bp_content_card_module_iconGhost--1c7df,.bp_content_card_module_titleGhost--1c7df{
3945
+ .bp_content_card_module_iconGhost--bd749,.bp_content_card_module_titleGhost--bd749{
3949
3946
  margin-block-end:var(--content-card-padding);
3950
3947
  }
3951
3948
 
3952
- .bp_content_card_module_bodyGhost--1c7df{
3949
+ .bp_content_card_module_bodyGhost--bd749{
3953
3950
  margin-block-end:var(--content-card-content-gap);
3954
3951
  }
3955
3952
 
3956
- .bp_content_card_module_pillGhostContainer--1c7df{
3953
+ .bp_content_card_module_pillGhostContainer--bd749{
3957
3954
  display:flex;
3958
3955
  margin-block-end:var(--content-card-padding);
3959
3956
  margin-block-start:var(--content-card-content-gap);
3960
3957
  }
3961
3958
 
3962
- .bp_content_card_module_pillGhost--1c7df{
3959
+ .bp_content_card_module_pillGhost--bd749{
3963
3960
  margin-inline-end:var(--content-card-content-gap);
3964
3961
  }
3965
3962
  .bp_content_field_module_contentFieldWrapper--dabac{
@@ -11,6 +11,7 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
11
11
  style,
12
12
  backgroundColor,
13
13
  className,
14
+ disabled,
14
15
  ...rest
15
16
  } = props;
16
17
  const {
@@ -20,7 +21,9 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
20
21
  ...rest,
21
22
  ref: forwardedRef,
22
23
  className: clsx(styles.toolbarItem, styles.toolbarButton, className),
24
+ "data-disabled": disabled,
23
25
  "data-modern": enableModernizedComponents ? 'true' : 'false',
26
+ disabled: disabled,
24
27
  style: {
25
28
  '--toolbar-button-color': backgroundColor,
26
29
  ...style
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.89.2",
3
+ "version": "12.90.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {