@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--
|
|
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 };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
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--
|
|
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--
|
|
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--
|
|
3859
|
+
.bp_content_card_module_card--bd749:hover{
|
|
3862
3860
|
box-shadow:var(--content-card-dropshadow);
|
|
3863
3861
|
}
|
|
3864
|
-
.bp_content_card_module_card--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|