@box/blueprint-web 12.81.0 → 12.81.1
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
|
@@ -11698,11 +11698,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11698
11698
|
--z-index-card-tooltip:2147483647;
|
|
11699
11699
|
}
|
|
11700
11700
|
|
|
11701
|
-
.bp_toolbar_module_dropdownIndicator--
|
|
11701
|
+
.bp_toolbar_module_dropdownIndicator--ce6fd.bp_toolbar_module_invertCaret--ce6fd{
|
|
11702
11702
|
transform:rotate(.5turn);
|
|
11703
11703
|
}
|
|
11704
11704
|
|
|
11705
|
-
.bp_toolbar_module_toolbarRoot--
|
|
11705
|
+
.bp_toolbar_module_toolbarRoot--ce6fd[data-modern=false]{
|
|
11706
11706
|
--toolbar-root-gap:var(--space-1);
|
|
11707
11707
|
--toolbar-root-padding:calc(var(--space-1) - var(--border-1));
|
|
11708
11708
|
--toolbar-root-background:var(--surface-surface);
|
|
@@ -11718,7 +11718,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11718
11718
|
--toolbar-separator-border-radius:var(--radius-2);
|
|
11719
11719
|
}
|
|
11720
11720
|
|
|
11721
|
-
.bp_toolbar_module_toolbarRoot--
|
|
11721
|
+
.bp_toolbar_module_toolbarRoot--ce6fd[data-modern=true]{
|
|
11722
11722
|
--box-shadow:0 4px 12px 0 #0000001a;
|
|
11723
11723
|
--toolbar-root-gap:var(--bp-space-010);
|
|
11724
11724
|
--toolbar-root-padding:var(--bp-space-010);
|
|
@@ -11735,11 +11735,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11735
11735
|
--toolbar-separator-border-radius:var(--bp-radius-03);
|
|
11736
11736
|
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
11737
11737
|
}
|
|
11738
|
-
.bp_toolbar_module_toolbarRoot--
|
|
11738
|
+
.bp_toolbar_module_toolbarRoot--ce6fd[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--ce6fd{
|
|
11739
11739
|
--toolbar-root-padding:0;
|
|
11740
11740
|
}
|
|
11741
11741
|
|
|
11742
|
-
.bp_toolbar_module_toolbarItem--
|
|
11742
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=false]{
|
|
11743
11743
|
--toolbar-item-min-width:var(--size-8);
|
|
11744
11744
|
--toolbar-item-min-height:var(--size-8);
|
|
11745
11745
|
--toolbar-item-text-indent:var(--space-1);
|
|
@@ -11758,6 +11758,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11758
11758
|
--toolbar-toggle-on-hover-border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
|
|
11759
11759
|
--toolbar-icon-width:var(--size-5);
|
|
11760
11760
|
--toolbar-icon-height:var(--size-5);
|
|
11761
|
+
--toolbar-item-text-color:var(--text-text-on-light);
|
|
11761
11762
|
--toolbar-text-toggle-color:var(--text-text-on-light);
|
|
11762
11763
|
--toolbar-text-toggle-off-border:var(--border-1) solid var(--border-toggletext-border-off);
|
|
11763
11764
|
--toolbar-text-toggle-padding-inline:var(--space-2);
|
|
@@ -11775,7 +11776,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11775
11776
|
--trigger-button-hover-opacity:.7;
|
|
11776
11777
|
}
|
|
11777
11778
|
|
|
11778
|
-
.bp_toolbar_module_toolbarItem--
|
|
11779
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true]{
|
|
11779
11780
|
--toolbar-item-min-width:var(--bp-size-080);
|
|
11780
11781
|
--toolbar-item-min-height:var(--bp-size-080);
|
|
11781
11782
|
--toolbar-item-text-indent:var(--bp-space-010);
|
|
@@ -11794,6 +11795,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11794
11795
|
--toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
11795
11796
|
--toolbar-icon-width:var(--bp-size-050);
|
|
11796
11797
|
--toolbar-icon-height:var(--bp-size-050);
|
|
11798
|
+
--toolbar-item-text-color:var(--bp-text-text-on-light);
|
|
11797
11799
|
--toolbar-text-toggle-color:var(--bp-text-text-on-light);
|
|
11798
11800
|
--toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
|
|
11799
11801
|
--toolbar-text-toggle-padding-inline:var(--bp-space-020);
|
|
@@ -11811,36 +11813,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11811
11813
|
--trigger-button-hover-opacity:.65;
|
|
11812
11814
|
--trigger-button-active-opacity:.8;
|
|
11813
11815
|
}
|
|
11814
|
-
.bp_toolbar_module_toolbarItem--
|
|
11816
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true]:active,.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true][data-active]{
|
|
11815
11817
|
background:var(--bp-surface-toggle-surface-off-pressed);
|
|
11816
11818
|
border:var(--bp-border-01) solid var(--bp-border-toggle-border-off);
|
|
11817
11819
|
}
|
|
11818
|
-
.bp_toolbar_module_toolbarItem--
|
|
11820
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true][data-state=on]:active,.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true][data-state=on][data-active]{
|
|
11819
11821
|
background:var(--bp-surface-toggle-surface-on-pressed);
|
|
11820
11822
|
border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
11821
11823
|
}
|
|
11822
|
-
.bp_toolbar_module_toolbarItem--
|
|
11824
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--ce6fd{
|
|
11823
11825
|
transform:rotate(1turn);
|
|
11824
11826
|
}
|
|
11825
|
-
.bp_toolbar_module_toolbarItem--
|
|
11827
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd:active,.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd[data-active]{
|
|
11826
11828
|
background-color:var(--toolbar-button-color);
|
|
11827
11829
|
opacity:var(--trigger-button-active-opacity);
|
|
11828
11830
|
}
|
|
11829
|
-
.bp_toolbar_module_toolbarItem--
|
|
11831
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd[data-state=on]:hover{
|
|
11830
11832
|
background-color:var(--toolbar-button-color);
|
|
11831
11833
|
border-color:var(--toolbar-button-color);
|
|
11832
11834
|
opacity:var(--trigger-button-hover-opacity);
|
|
11833
11835
|
}
|
|
11834
11836
|
|
|
11835
|
-
.bp_toolbar_module_toggleGroup--
|
|
11837
|
+
.bp_toolbar_module_toggleGroup--ce6fd[data-modern=false]{
|
|
11836
11838
|
--toolbar-toggle-group-gap:var(--space-1);
|
|
11837
11839
|
}
|
|
11838
11840
|
|
|
11839
|
-
.bp_toolbar_module_toggleGroup--
|
|
11841
|
+
.bp_toolbar_module_toggleGroup--ce6fd[data-modern=true]{
|
|
11840
11842
|
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
11841
11843
|
}
|
|
11842
11844
|
|
|
11843
|
-
.bp_toolbar_module_toolbarRoot--
|
|
11845
|
+
.bp_toolbar_module_toolbarRoot--ce6fd{
|
|
11844
11846
|
align-items:center;
|
|
11845
11847
|
background:var(--toolbar-root-background);
|
|
11846
11848
|
border:var(--toolbar-root-border);
|
|
@@ -11851,16 +11853,16 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11851
11853
|
padding:var(--toolbar-root-padding);
|
|
11852
11854
|
}
|
|
11853
11855
|
|
|
11854
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
11856
|
+
.bp_toolbar_module_scrollButtonWrapper--ce6fd{
|
|
11855
11857
|
align-items:center;
|
|
11856
11858
|
display:flex;
|
|
11857
11859
|
gap:var(--toolbar-scroll-button-gap);
|
|
11858
11860
|
}
|
|
11859
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
11861
|
+
.bp_toolbar_module_scrollButtonWrapper--ce6fd.bp_toolbar_module_hidden--ce6fd{
|
|
11860
11862
|
display:none;
|
|
11861
11863
|
}
|
|
11862
11864
|
|
|
11863
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
11865
|
+
.bp_toolbar_module_scrollableChildrenWrapper--ce6fd{
|
|
11864
11866
|
-ms-overflow-style:none;
|
|
11865
11867
|
align-items:center;
|
|
11866
11868
|
display:flex;
|
|
@@ -11873,30 +11875,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11873
11875
|
scrollbar-width:none;
|
|
11874
11876
|
white-space:nowrap;
|
|
11875
11877
|
}
|
|
11876
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
11878
|
+
.bp_toolbar_module_scrollableChildrenWrapper--ce6fd::-webkit-scrollbar{
|
|
11877
11879
|
display:none;
|
|
11878
11880
|
}
|
|
11879
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
11881
|
+
.bp_toolbar_module_scrollableChildrenWrapper--ce6fd > *{
|
|
11880
11882
|
flex:none;
|
|
11881
11883
|
}
|
|
11882
11884
|
|
|
11883
|
-
.bp_toolbar_module_separator--
|
|
11885
|
+
.bp_toolbar_module_separator--ce6fd{
|
|
11884
11886
|
background-color:var(--toolbar-separator-background);
|
|
11885
11887
|
border-radius:var(--toolbar-separator-border-radius);
|
|
11886
11888
|
height:var(--toolbar-separator-height);
|
|
11887
11889
|
width:1px;
|
|
11888
11890
|
}
|
|
11889
11891
|
|
|
11890
|
-
.bp_toolbar_module_toggleGroup--
|
|
11892
|
+
.bp_toolbar_module_toggleGroup--ce6fd{
|
|
11891
11893
|
display:flex;
|
|
11892
11894
|
gap:var(--toolbar-toggle-group-gap);
|
|
11893
11895
|
}
|
|
11894
11896
|
|
|
11895
|
-
.bp_toolbar_module_toolbarItem--
|
|
11897
|
+
.bp_toolbar_module_toolbarItem--ce6fd{
|
|
11896
11898
|
align-items:center;
|
|
11897
11899
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
11898
11900
|
border:var(--toolbar-item-border);
|
|
11899
11901
|
border-radius:var(--toolbar-item-border-radius);
|
|
11902
|
+
color:var(--toolbar-item-text-color);
|
|
11900
11903
|
cursor:pointer;
|
|
11901
11904
|
display:flex;
|
|
11902
11905
|
gap:var(--toolbar-scroll-button-gap);
|
|
@@ -11909,40 +11912,40 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11909
11912
|
-webkit-user-select:none;
|
|
11910
11913
|
user-select:none;
|
|
11911
11914
|
}
|
|
11912
|
-
.bp_toolbar_module_toolbarItem--
|
|
11915
|
+
.bp_toolbar_module_toolbarItem--ce6fd[data-disabled]{
|
|
11913
11916
|
background:var(--toolbar-item-background);
|
|
11914
11917
|
opacity:var(--toolbar-item-disabled-opacity);
|
|
11915
11918
|
pointer-events:none;
|
|
11916
11919
|
}
|
|
11917
|
-
.bp_toolbar_module_toolbarItem--
|
|
11920
|
+
.bp_toolbar_module_toolbarItem--ce6fd:not([data-disabled]):focus-visible{
|
|
11918
11921
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
|
|
11919
11922
|
}
|
|
11920
|
-
.bp_toolbar_module_toolbarItem--
|
|
11923
|
+
.bp_toolbar_module_toolbarItem--ce6fd:not([data-disabled]):hover{
|
|
11921
11924
|
background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
|
|
11922
11925
|
border:var(--toolbar-item-off-hover-border);
|
|
11923
11926
|
}
|
|
11924
11927
|
|
|
11925
|
-
.bp_toolbar_module_toolbarToggle--
|
|
11928
|
+
.bp_toolbar_module_toolbarToggle--ce6fd[data-state=on]{
|
|
11926
11929
|
background:var(--toolbar-toggle-on-pressed-background);
|
|
11927
11930
|
border:var(--toolbar-toggle-on-pressed-border);
|
|
11928
11931
|
}
|
|
11929
|
-
.bp_toolbar_module_toolbarToggle--
|
|
11932
|
+
.bp_toolbar_module_toolbarToggle--ce6fd[data-state=on] svg *{
|
|
11930
11933
|
fill:var(--toolbar-toggle-icon-fill);
|
|
11931
11934
|
}
|
|
11932
|
-
.bp_toolbar_module_toolbarToggle--
|
|
11935
|
+
.bp_toolbar_module_toolbarToggle--ce6fd[data-state=on]:not([data-disabled]):hover{
|
|
11933
11936
|
background:var(--toolbar-toggle-on-hover-background);
|
|
11934
11937
|
border:var(--toolbar-toggle-on-hover-border);
|
|
11935
11938
|
}
|
|
11936
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
11939
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd[data-state=on] .bp_toolbar_module_dropdownIndicator--ce6fd path{
|
|
11937
11940
|
fill:var(--icon-icon-on-light);
|
|
11938
11941
|
}
|
|
11939
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
11942
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd[data-state=on]:hover{
|
|
11940
11943
|
background-color:var(--toolbar-button-color);
|
|
11941
11944
|
border-color:var(--toolbar-button-color);
|
|
11942
11945
|
opacity:var(--trigger-button-hover-opacity);
|
|
11943
11946
|
}
|
|
11944
11947
|
|
|
11945
|
-
.bp_toolbar_module_toolbarIcon--
|
|
11948
|
+
.bp_toolbar_module_toolbarIcon--ce6fd{
|
|
11946
11949
|
align-items:center;
|
|
11947
11950
|
display:flex;
|
|
11948
11951
|
height:var(--toolbar-icon-height);
|
|
@@ -11950,7 +11953,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11950
11953
|
width:var(--toolbar-icon-width);
|
|
11951
11954
|
}
|
|
11952
11955
|
|
|
11953
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11956
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd{
|
|
11954
11957
|
border:var(--toolbar-text-toggle-off-border);
|
|
11955
11958
|
color:var(--toolbar-text-toggle-color);
|
|
11956
11959
|
font-family:var(--body-default-font-family);
|
|
@@ -11965,24 +11968,24 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11965
11968
|
text-transform:var(--body-default-text-case);
|
|
11966
11969
|
white-space:nowrap;
|
|
11967
11970
|
}
|
|
11968
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11971
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd:hover{
|
|
11969
11972
|
background:var(--toolbar-text-toggle-hover-background);
|
|
11970
11973
|
border-color:var(--toolbar-text-toggle-hover-border-color);
|
|
11971
11974
|
}
|
|
11972
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11975
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd:active{
|
|
11973
11976
|
background:var(--toolbar-text-toggle-active-background);
|
|
11974
11977
|
border-color:var(--toolbar-text-toggle-active-border-color);
|
|
11975
11978
|
}
|
|
11976
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11979
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd[aria-checked=true]{
|
|
11977
11980
|
background:var(--toolbar-text-toggle-checked-background);
|
|
11978
11981
|
border:var(--toolbar-text-toggle-checked-border);
|
|
11979
11982
|
color:var(--toolbar-text-toggle-checked-color);
|
|
11980
11983
|
}
|
|
11981
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11984
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd[aria-checked=true]:hover{
|
|
11982
11985
|
background:var(--toolbar-text-toggle-checked-hover-background);
|
|
11983
11986
|
border-color:var(--toolbar-text-toggle-checked-hover-border-color);
|
|
11984
11987
|
}
|
|
11985
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
11988
|
+
.bp_toolbar_module_toolbarTextToggleItem--ce6fd[aria-checked=true]:active{
|
|
11986
11989
|
background:var(--toolbar-text-toggle-checked-active-background);
|
|
11987
11990
|
border-color:var(--toolbar-text-toggle-checked-active-border-color);
|
|
11988
11991
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--
|
|
2
|
+
var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--ce6fd","invertCaret":"bp_toolbar_module_invertCaret--ce6fd","toolbarRoot":"bp_toolbar_module_toolbarRoot--ce6fd","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--ce6fd","toolbarItem":"bp_toolbar_module_toolbarItem--ce6fd","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--ce6fd","toggleGroup":"bp_toolbar_module_toggleGroup--ce6fd","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--ce6fd","hidden":"bp_toolbar_module_hidden--ce6fd","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--ce6fd","separator":"bp_toolbar_module_separator--ce6fd","toolbarToggle":"bp_toolbar_module_toolbarToggle--ce6fd","toolbarIcon":"bp_toolbar_module_toolbarIcon--ce6fd","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--ce6fd"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|