@box/blueprint-web 12.78.3 → 12.78.4
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
|
@@ -8765,7 +8765,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8765
8765
|
transform:translateY(-50%);
|
|
8766
8766
|
}
|
|
8767
8767
|
|
|
8768
|
-
.bp_side_panel_module_content--
|
|
8768
|
+
.bp_side_panel_module_content--2016e[data-modern=false]{
|
|
8769
8769
|
--side-panel-border:var(--border-1) solid var(--border-divider-border);
|
|
8770
8770
|
--side-panel-background:var(--gray-white);
|
|
8771
8771
|
--side-panel-header-padding:var(--space-5) var(--space-4);
|
|
@@ -8791,7 +8791,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8791
8791
|
--side-panel-header-scroll-backdrop-filter:none;
|
|
8792
8792
|
}
|
|
8793
8793
|
|
|
8794
|
-
.bp_side_panel_module_content--
|
|
8794
|
+
.bp_side_panel_module_content--2016e[data-modern=true]{
|
|
8795
8795
|
--side-panel-border:var(--bp-border-01) solid var(--bp-border-divider-border);
|
|
8796
8796
|
--side-panel-background:var(--bp-surface-side-panel-surface);
|
|
8797
8797
|
--side-panel-header-padding:var(--bp-space-040) var(--bp-space-020);
|
|
@@ -8817,15 +8817,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8817
8817
|
--side-panel-header-scroll-backdrop-filter:blur(4px);
|
|
8818
8818
|
}
|
|
8819
8819
|
|
|
8820
|
-
.bp_side_panel_module_overlay--
|
|
8820
|
+
.bp_side_panel_module_overlay--2016e[data-modern=false]{
|
|
8821
8821
|
--side-panel-overlay-background:var(--overlay-sidepanel-overlay);
|
|
8822
8822
|
}
|
|
8823
8823
|
|
|
8824
|
-
.bp_side_panel_module_overlay--
|
|
8824
|
+
.bp_side_panel_module_overlay--2016e[data-modern=true]{
|
|
8825
8825
|
--side-panel-overlay-background:var(--bp-overlay-side-panel-overlay);
|
|
8826
8826
|
}
|
|
8827
8827
|
|
|
8828
|
-
.bp_side_panel_module_content--
|
|
8828
|
+
.bp_side_panel_module_content--2016e{
|
|
8829
8829
|
background-color:var(--side-panel-background);
|
|
8830
8830
|
border-inline-start:var(--side-panel-border);
|
|
8831
8831
|
display:flex;
|
|
@@ -8838,12 +8838,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8838
8838
|
overflow-y:auto;
|
|
8839
8839
|
}
|
|
8840
8840
|
@media (width > 374px){
|
|
8841
|
-
.bp_side_panel_module_content--
|
|
8841
|
+
.bp_side_panel_module_content--2016e{
|
|
8842
8842
|
min-width:320px;
|
|
8843
8843
|
overflow:hidden;
|
|
8844
8844
|
}
|
|
8845
8845
|
}
|
|
8846
|
-
.bp_side_panel_module_content--
|
|
8846
|
+
.bp_side_panel_module_content--2016e .bp_side_panel_module_header--2016e{
|
|
8847
8847
|
align-items:center;
|
|
8848
8848
|
background-color:var(--side-panel-header-background);
|
|
8849
8849
|
border-bottom:var(--side-panel-header-border);
|
|
@@ -8855,7 +8855,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8855
8855
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
8856
8856
|
word-break:break-word;
|
|
8857
8857
|
}
|
|
8858
|
-
.bp_side_panel_module_content--
|
|
8858
|
+
.bp_side_panel_module_content--2016e .bp_side_panel_module_headerShadow--2016e{
|
|
8859
8859
|
backdrop-filter:var(--side-panel-header-scroll-backdrop-filter);
|
|
8860
8860
|
background-color:var(--side-panel-header-scroll-bg-color);
|
|
8861
8861
|
box-shadow:var(--side-panel-header-shadow);
|
|
@@ -8863,75 +8863,76 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8863
8863
|
position:absolute;
|
|
8864
8864
|
right:0;
|
|
8865
8865
|
top:0;
|
|
8866
|
+
z-index:1;
|
|
8866
8867
|
}
|
|
8867
8868
|
|
|
8868
|
-
.bp_side_panel_module_scrollableContainer--
|
|
8869
|
+
.bp_side_panel_module_scrollableContainer--2016e{
|
|
8869
8870
|
flex-grow:1;
|
|
8870
8871
|
}
|
|
8871
8872
|
@media (width > 374px){
|
|
8872
|
-
.bp_side_panel_module_scrollableContainer--
|
|
8873
|
+
.bp_side_panel_module_scrollableContainer--2016e{
|
|
8873
8874
|
overflow-y:auto;
|
|
8874
8875
|
}
|
|
8875
8876
|
}
|
|
8876
8877
|
|
|
8877
|
-
.bp_side_panel_module_persistentContent--
|
|
8878
|
+
.bp_side_panel_module_persistentContent--2016e{
|
|
8878
8879
|
overflow:hidden;
|
|
8879
8880
|
position:relative;
|
|
8880
8881
|
}
|
|
8881
|
-
.bp_side_panel_module_persistentContent--
|
|
8882
|
+
.bp_side_panel_module_persistentContent--2016e .bp_side_panel_module_scrollableContainer--2016e{
|
|
8882
8883
|
flex-grow:1;
|
|
8883
8884
|
overflow-y:auto;
|
|
8884
8885
|
}
|
|
8885
8886
|
|
|
8886
|
-
.bp_side_panel_module_contentAnimatedSlideIn--
|
|
8887
|
+
.bp_side_panel_module_contentAnimatedSlideIn--2016e{
|
|
8887
8888
|
animation-duration:.2s;
|
|
8888
|
-
animation-name:bp_side_panel_module_slideIn--
|
|
8889
|
+
animation-name:bp_side_panel_module_slideIn--2016e;
|
|
8889
8890
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
8890
8891
|
}
|
|
8891
8892
|
|
|
8892
|
-
.bp_side_panel_module_contentAnimatedSlideOut--
|
|
8893
|
+
.bp_side_panel_module_contentAnimatedSlideOut--2016e[data-state=closed]{
|
|
8893
8894
|
animation-duration:.2s;
|
|
8894
|
-
animation-name:bp_side_panel_module_slideOut--
|
|
8895
|
+
animation-name:bp_side_panel_module_slideOut--2016e;
|
|
8895
8896
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
8896
8897
|
}
|
|
8897
8898
|
|
|
8898
|
-
.bp_side_panel_module_contentNormal--
|
|
8899
|
+
.bp_side_panel_module_contentNormal--2016e{
|
|
8899
8900
|
width:var(--side-panel-content-width-normal);
|
|
8900
8901
|
}
|
|
8901
8902
|
|
|
8902
|
-
.bp_side_panel_module_contentLarge--
|
|
8903
|
+
.bp_side_panel_module_contentLarge--2016e{
|
|
8903
8904
|
width:var(--side-panel-content-width-large);
|
|
8904
8905
|
}
|
|
8905
8906
|
|
|
8906
|
-
.bp_side_panel_module_dropShadowContent--
|
|
8907
|
+
.bp_side_panel_module_dropShadowContent--2016e{
|
|
8907
8908
|
box-shadow:var(--side-panel-content-shadow);
|
|
8908
8909
|
}
|
|
8909
8910
|
|
|
8910
|
-
.bp_side_panel_module_content--
|
|
8911
|
+
.bp_side_panel_module_content--2016e .bp_side_panel_module_close--2016e{
|
|
8911
8912
|
color:var(--side-panel-close-color);
|
|
8912
8913
|
position:fixed;
|
|
8913
8914
|
right:var(--side-panel-close-right);
|
|
8914
8915
|
top:var(--side-panel-close-top-small);
|
|
8915
8916
|
}
|
|
8916
8917
|
@media (width > 374px){
|
|
8917
|
-
.bp_side_panel_module_content--
|
|
8918
|
+
.bp_side_panel_module_content--2016e .bp_side_panel_module_close--2016e{
|
|
8918
8919
|
position:absolute;
|
|
8919
8920
|
top:var(--side-panel-close-top);
|
|
8920
8921
|
}
|
|
8921
8922
|
}
|
|
8922
8923
|
|
|
8923
|
-
.bp_side_panel_module_overlayContent--
|
|
8924
|
+
.bp_side_panel_module_overlayContent--2016e{
|
|
8924
8925
|
box-shadow:var(--side-panel-content-shadow);
|
|
8925
8926
|
position:fixed;
|
|
8926
8927
|
right:0;
|
|
8927
8928
|
top:0;
|
|
8928
8929
|
z-index:300;
|
|
8929
8930
|
}
|
|
8930
|
-
.bp_side_panel_module_overlayContent--
|
|
8931
|
+
.bp_side_panel_module_overlayContent--2016e .bp_side_panel_module_header--2016e{
|
|
8931
8932
|
padding:var(--side-panel-overlay-header-padding);
|
|
8932
8933
|
}
|
|
8933
8934
|
|
|
8934
|
-
.bp_side_panel_module_overlay--
|
|
8935
|
+
.bp_side_panel_module_overlay--2016e{
|
|
8935
8936
|
background-color:var(--side-panel-overlay-background);
|
|
8936
8937
|
bottom:0;
|
|
8937
8938
|
display:flex;
|
|
@@ -8942,15 +8943,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8942
8943
|
top:0;
|
|
8943
8944
|
z-index:300;
|
|
8944
8945
|
}
|
|
8945
|
-
.bp_side_panel_module_overlay--
|
|
8946
|
+
.bp_side_panel_module_overlay--2016e .bp_side_panel_module_content--2016e .bp_side_panel_module_header--2016e{
|
|
8946
8947
|
padding:var(--side-panel-overlay-header-padding);
|
|
8947
8948
|
}
|
|
8948
8949
|
|
|
8949
|
-
.bp_side_panel_module_dropShadowOverlay--
|
|
8950
|
+
.bp_side_panel_module_dropShadowOverlay--2016e{
|
|
8950
8951
|
background-color:initial;
|
|
8951
8952
|
}
|
|
8952
8953
|
|
|
8953
|
-
.bp_side_panel_module_footer--
|
|
8954
|
+
.bp_side_panel_module_footer--2016e{
|
|
8954
8955
|
background-color:var(--side-panel-footer-background);
|
|
8955
8956
|
display:flex;
|
|
8956
8957
|
justify-content:flex-end;
|
|
@@ -8960,7 +8961,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8960
8961
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
8961
8962
|
}
|
|
8962
8963
|
|
|
8963
|
-
.bp_side_panel_module_footerShadow--
|
|
8964
|
+
.bp_side_panel_module_footerShadow--2016e{
|
|
8964
8965
|
backdrop-filter:var(--side-panel-footer-scroll-backdrop-filter);
|
|
8965
8966
|
background-color:var(--side-panel-footer-scroll-bg-color);
|
|
8966
8967
|
bottom:0;
|
|
@@ -8968,17 +8969,18 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8968
8969
|
left:0;
|
|
8969
8970
|
position:absolute;
|
|
8970
8971
|
right:0;
|
|
8972
|
+
z-index:1;
|
|
8971
8973
|
}
|
|
8972
8974
|
|
|
8973
|
-
.bp_side_panel_module_footerButton--
|
|
8975
|
+
.bp_side_panel_module_footerButton--2016e{
|
|
8974
8976
|
margin-inline-start:var(--side-panel-footer-button-margin);
|
|
8975
8977
|
}
|
|
8976
8978
|
|
|
8977
|
-
.bp_side_panel_module_footerButton--
|
|
8979
|
+
.bp_side_panel_module_footerButton--2016e + .bp_side_panel_module_footerButton--2016e{
|
|
8978
8980
|
margin-inline-start:var(--side-panel-footer-button-margin-plus);
|
|
8979
8981
|
}
|
|
8980
8982
|
|
|
8981
|
-
@keyframes bp_side_panel_module_slideIn--
|
|
8983
|
+
@keyframes bp_side_panel_module_slideIn--2016e{
|
|
8982
8984
|
from{
|
|
8983
8985
|
inset-inline-end:-100%;
|
|
8984
8986
|
}
|
|
@@ -8986,7 +8988,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
8986
8988
|
inset-inline-end:0;
|
|
8987
8989
|
}
|
|
8988
8990
|
}
|
|
8989
|
-
@keyframes bp_side_panel_module_slideOut--
|
|
8991
|
+
@keyframes bp_side_panel_module_slideOut--2016e{
|
|
8990
8992
|
from{
|
|
8991
8993
|
inset-inline-end:0;
|
|
8992
8994
|
}
|
|
@@ -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--2016e","overlay":"bp_side_panel_module_overlay--2016e","header":"bp_side_panel_module_header--2016e","headerShadow":"bp_side_panel_module_headerShadow--2016e","scrollableContainer":"bp_side_panel_module_scrollableContainer--2016e","persistentContent":"bp_side_panel_module_persistentContent--2016e","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--2016e","slideIn":"bp_side_panel_module_slideIn--2016e","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--2016e","slideOut":"bp_side_panel_module_slideOut--2016e","contentNormal":"bp_side_panel_module_contentNormal--2016e","contentLarge":"bp_side_panel_module_contentLarge--2016e","dropShadowContent":"bp_side_panel_module_dropShadowContent--2016e","close":"bp_side_panel_module_close--2016e","overlayContent":"bp_side_panel_module_overlayContent--2016e","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--2016e","footer":"bp_side_panel_module_footer--2016e","footerShadow":"bp_side_panel_module_footerShadow--2016e","footerButton":"bp_side_panel_module_footerButton--2016e"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|