@box/blueprint-web 12.93.0 → 12.93.2
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.
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
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--
|
|
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-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
9721
|
+
.bp_side_panel_module_scrollableContainer--d791e{
|
|
9722
9722
|
overflow-y:auto;
|
|
9723
9723
|
}
|
|
9724
9724
|
}
|
|
9725
9725
|
|
|
9726
|
-
.bp_side_panel_module_persistentContent--
|
|
9726
|
+
.bp_side_panel_module_persistentContent--d791e{
|
|
9727
9727
|
overflow:hidden;
|
|
9728
9728
|
position:relative;
|
|
9729
9729
|
}
|
|
9730
|
-
.bp_side_panel_module_persistentContent--
|
|
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--
|
|
9735
|
+
.bp_side_panel_module_contentAnimatedSlideIn--d791e{
|
|
9736
9736
|
animation-duration:.2s;
|
|
9737
|
-
animation-name:bp_side_panel_module_slideIn--
|
|
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--
|
|
9741
|
+
.bp_side_panel_module_contentAnimatedSlideOut--d791e[data-state=closed]{
|
|
9742
9742
|
animation-duration:.2s;
|
|
9743
|
-
animation-name:bp_side_panel_module_slideOut--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
9798
|
+
.bp_side_panel_module_dropShadowOverlay--d791e{
|
|
9799
9799
|
background-color:initial;
|
|
9800
9800
|
}
|
|
9801
9801
|
|
|
9802
|
-
.bp_side_panel_module_footer--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "12.93.
|
|
3
|
+
"version": "12.93.2",
|
|
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.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.78.0",
|
|
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.14.
|
|
80
|
+
"@box/storybook-utils": "^0.14.15",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|