@box/blueprint-web 16.4.3 → 16.4.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
|
@@ -13581,11 +13581,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13581
13581
|
.bp_time_picker_module_timePicker--988a4 .bp_time_picker_module_inlineError--988a4{
|
|
13582
13582
|
margin-block-start:var(--time-picker-inline-error-margin-top);
|
|
13583
13583
|
}
|
|
13584
|
-
.bp_toolbar_module_dropdownIndicator--
|
|
13584
|
+
.bp_toolbar_module_dropdownIndicator--63c19.bp_toolbar_module_invertCaret--63c19{
|
|
13585
13585
|
transform:rotate(.5turn);
|
|
13586
13586
|
}
|
|
13587
13587
|
|
|
13588
|
-
.bp_toolbar_module_toolbarRoot--
|
|
13588
|
+
.bp_toolbar_module_toolbarRoot--63c19[data-modern=false]{
|
|
13589
13589
|
--toolbar-root-gap:var(--space-1);
|
|
13590
13590
|
--toolbar-root-padding:calc(var(--space-1) - var(--border-1));
|
|
13591
13591
|
--toolbar-root-background:var(--surface-surface);
|
|
@@ -13606,7 +13606,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13606
13606
|
--toolbar-link-max-width:400px;
|
|
13607
13607
|
}
|
|
13608
13608
|
|
|
13609
|
-
.bp_toolbar_module_toolbarRoot--
|
|
13609
|
+
.bp_toolbar_module_toolbarRoot--63c19[data-modern=true]{
|
|
13610
13610
|
--box-shadow:0 4px 12px 0 #0000001a;
|
|
13611
13611
|
--toolbar-root-gap:var(--bp-space-010);
|
|
13612
13612
|
--toolbar-root-padding:var(--bp-space-010);
|
|
@@ -13628,11 +13628,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13628
13628
|
--toolbar-link-padding-inline:var(--bp-space-020);
|
|
13629
13629
|
--toolbar-link-max-width:400px;
|
|
13630
13630
|
}
|
|
13631
|
-
.bp_toolbar_module_toolbarRoot--
|
|
13631
|
+
.bp_toolbar_module_toolbarRoot--63c19[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--63c19{
|
|
13632
13632
|
--toolbar-root-padding:0;
|
|
13633
13633
|
}
|
|
13634
13634
|
|
|
13635
|
-
.bp_toolbar_module_toolbarItem--
|
|
13635
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=false]{
|
|
13636
13636
|
--toolbar-item-min-width:var(--size-8);
|
|
13637
13637
|
--toolbar-item-min-height:var(--size-8);
|
|
13638
13638
|
--toolbar-item-text-indent:var(--space-1);
|
|
@@ -13672,7 +13672,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13672
13672
|
--toolbar-text-toggle-checked-active-border-color:var(--border-toggletext-border-on-pressed);
|
|
13673
13673
|
--trigger-button-hover-opacity:0.7;
|
|
13674
13674
|
}
|
|
13675
|
-
.bp_toolbar_module_toolbarItem--
|
|
13675
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=false].bp_toolbar_module_toolbarButton--63c19,.bp_toolbar_module_toolbarItem--63c19[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--63c19{
|
|
13676
13676
|
font-family:var(--body-default-font-family);
|
|
13677
13677
|
font-size:var(--body-default-font-size);
|
|
13678
13678
|
font-weight:var(--body-default-font-weight);
|
|
@@ -13681,7 +13681,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13681
13681
|
text-decoration:var(--body-default-text-decoration);
|
|
13682
13682
|
text-transform:var(--body-default-text-case);
|
|
13683
13683
|
}
|
|
13684
|
-
.bp_toolbar_module_toolbarItem--
|
|
13684
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=false].bp_toolbar_module_toolbarLink--63c19{
|
|
13685
13685
|
font-family:var(--body-default-bold-font-family);
|
|
13686
13686
|
font-size:var(--body-default-bold-font-size);
|
|
13687
13687
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -13691,7 +13691,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13691
13691
|
text-transform:var(--body-default-bold-text-case);
|
|
13692
13692
|
}
|
|
13693
13693
|
|
|
13694
|
-
.bp_toolbar_module_toolbarItem--
|
|
13694
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=true]{
|
|
13695
13695
|
--toolbar-item-min-width:var(--bp-size-080);
|
|
13696
13696
|
--toolbar-item-min-height:var(--bp-size-080);
|
|
13697
13697
|
--toolbar-item-text-indent:var(--bp-space-010);
|
|
@@ -13732,10 +13732,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13732
13732
|
--trigger-button-hover-opacity:0.65;
|
|
13733
13733
|
--trigger-button-active-opacity:0.8;
|
|
13734
13734
|
}
|
|
13735
|
-
.bp_toolbar_module_toolbarItem--
|
|
13735
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--63c19{
|
|
13736
13736
|
transform:rotate(1turn);
|
|
13737
13737
|
}
|
|
13738
|
-
.bp_toolbar_module_toolbarItem--
|
|
13738
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=true].bp_toolbar_module_toolbarButton--63c19,.bp_toolbar_module_toolbarItem--63c19[data-modern=true].bp_toolbar_module_toolbarTextToggleItem--63c19{
|
|
13739
13739
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13740
13740
|
font-size:var(--bp-font-size-07);
|
|
13741
13741
|
font-style:normal;
|
|
@@ -13743,7 +13743,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13743
13743
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
13744
13744
|
line-height:var(--bp-font-line-height-05);
|
|
13745
13745
|
}
|
|
13746
|
-
.bp_toolbar_module_toolbarItem--
|
|
13746
|
+
.bp_toolbar_module_toolbarItem--63c19[data-modern=true].bp_toolbar_module_toolbarLink--63c19{
|
|
13747
13747
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13748
13748
|
font-size:var(--bp-font-size-05);
|
|
13749
13749
|
font-style:normal;
|
|
@@ -13752,15 +13752,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13752
13752
|
line-height:var(--bp-font-line-height-04);
|
|
13753
13753
|
}
|
|
13754
13754
|
|
|
13755
|
-
.bp_toolbar_module_toggleGroup--
|
|
13755
|
+
.bp_toolbar_module_toggleGroup--63c19[data-modern=false]{
|
|
13756
13756
|
--toolbar-toggle-group-gap:var(--space-1);
|
|
13757
13757
|
}
|
|
13758
13758
|
|
|
13759
|
-
.bp_toolbar_module_toggleGroup--
|
|
13759
|
+
.bp_toolbar_module_toggleGroup--63c19[data-modern=true]{
|
|
13760
13760
|
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
13761
13761
|
}
|
|
13762
13762
|
|
|
13763
|
-
.bp_toolbar_module_toolbarRoot--
|
|
13763
|
+
.bp_toolbar_module_toolbarRoot--63c19{
|
|
13764
13764
|
align-items:center;
|
|
13765
13765
|
background:var(--toolbar-root-background);
|
|
13766
13766
|
border:var(--toolbar-root-border);
|
|
@@ -13771,23 +13771,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13771
13771
|
padding:var(--toolbar-root-padding);
|
|
13772
13772
|
}
|
|
13773
13773
|
|
|
13774
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
13774
|
+
.bp_toolbar_module_scrollButtonWrapper--63c19{
|
|
13775
13775
|
align-items:center;
|
|
13776
13776
|
display:flex;
|
|
13777
13777
|
gap:var(--toolbar-scroll-button-gap);
|
|
13778
13778
|
}
|
|
13779
|
-
.bp_toolbar_module_scrollButtonWrapper--
|
|
13779
|
+
.bp_toolbar_module_scrollButtonWrapper--63c19.bp_toolbar_module_hidden--63c19{
|
|
13780
13780
|
display:none;
|
|
13781
13781
|
}
|
|
13782
13782
|
|
|
13783
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13783
|
+
.bp_toolbar_module_scrollableChildrenWrapper--63c19{
|
|
13784
13784
|
-ms-overflow-style:none;
|
|
13785
13785
|
scrollbar-width:none;
|
|
13786
13786
|
}
|
|
13787
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13787
|
+
.bp_toolbar_module_scrollableChildrenWrapper--63c19::-webkit-scrollbar{
|
|
13788
13788
|
display:none;
|
|
13789
13789
|
}
|
|
13790
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13790
|
+
.bp_toolbar_module_scrollableChildrenWrapper--63c19{
|
|
13791
13791
|
align-items:center;
|
|
13792
13792
|
display:flex;
|
|
13793
13793
|
flex-grow:1;
|
|
@@ -13798,23 +13798,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13798
13798
|
scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
|
|
13799
13799
|
white-space:nowrap;
|
|
13800
13800
|
}
|
|
13801
|
-
.bp_toolbar_module_scrollableChildrenWrapper--
|
|
13801
|
+
.bp_toolbar_module_scrollableChildrenWrapper--63c19 > *{
|
|
13802
13802
|
flex:none;
|
|
13803
13803
|
}
|
|
13804
13804
|
|
|
13805
|
-
.bp_toolbar_module_separator--
|
|
13805
|
+
.bp_toolbar_module_separator--63c19{
|
|
13806
13806
|
background-color:var(--toolbar-separator-background);
|
|
13807
13807
|
border-radius:var(--toolbar-separator-border-radius);
|
|
13808
13808
|
height:var(--toolbar-separator-height);
|
|
13809
13809
|
width:1px;
|
|
13810
13810
|
}
|
|
13811
13811
|
|
|
13812
|
-
.bp_toolbar_module_toggleGroup--
|
|
13812
|
+
.bp_toolbar_module_toggleGroup--63c19{
|
|
13813
13813
|
display:flex;
|
|
13814
13814
|
gap:var(--toolbar-toggle-group-gap);
|
|
13815
13815
|
}
|
|
13816
13816
|
|
|
13817
|
-
.bp_toolbar_module_toolbarItem--
|
|
13817
|
+
.bp_toolbar_module_toolbarItem--63c19{
|
|
13818
13818
|
align-items:center;
|
|
13819
13819
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13820
13820
|
border:var(--toolbar-item-border);
|
|
@@ -13832,53 +13832,53 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13832
13832
|
-webkit-user-select:none;
|
|
13833
13833
|
user-select:none;
|
|
13834
13834
|
}
|
|
13835
|
-
.bp_toolbar_module_toolbarItem--
|
|
13835
|
+
.bp_toolbar_module_toolbarItem--63c19[data-disabled]{
|
|
13836
13836
|
background:var(--toolbar-item-background);
|
|
13837
13837
|
opacity:var(--toolbar-item-disabled-opacity);
|
|
13838
13838
|
pointer-events:none;
|
|
13839
13839
|
}
|
|
13840
|
-
.bp_toolbar_module_toolbarItem--
|
|
13840
|
+
.bp_toolbar_module_toolbarItem--63c19:not([data-disabled]):focus-visible{
|
|
13841
13841
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
|
|
13842
13842
|
}
|
|
13843
|
-
.bp_toolbar_module_toolbarItem--
|
|
13843
|
+
.bp_toolbar_module_toolbarItem--63c19:not([data-disabled]):hover{
|
|
13844
13844
|
background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
|
|
13845
13845
|
border:var(--toolbar-item-off-hover-border);
|
|
13846
13846
|
}
|
|
13847
|
-
.bp_toolbar_module_toolbarItem--
|
|
13847
|
+
.bp_toolbar_module_toolbarItem--63c19:not([data-disabled]):active,.bp_toolbar_module_toolbarItem--63c19:not([data-disabled])[data-active]{
|
|
13848
13848
|
background:var(--toolbar-button-color, var(--toolbar-item-off-pressed-background));
|
|
13849
13849
|
border:var(--toolbar-item-off-pressed-border);
|
|
13850
13850
|
}
|
|
13851
13851
|
|
|
13852
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13852
|
+
.bp_toolbar_module_toolbarToggle--63c19[data-state=on]{
|
|
13853
13853
|
background:var(--toolbar-toggle-on-pressed-background);
|
|
13854
13854
|
border:var(--toolbar-toggle-on-pressed-border);
|
|
13855
13855
|
}
|
|
13856
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13856
|
+
.bp_toolbar_module_toolbarToggle--63c19[data-state=on] svg *{
|
|
13857
13857
|
fill:var(--toolbar-toggle-icon-fill);
|
|
13858
13858
|
}
|
|
13859
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13859
|
+
.bp_toolbar_module_toolbarToggle--63c19[data-state=on]:not([data-disabled]):hover{
|
|
13860
13860
|
background:var(--toolbar-toggle-on-hover-background);
|
|
13861
13861
|
border:var(--toolbar-toggle-on-hover-border);
|
|
13862
13862
|
}
|
|
13863
|
-
.bp_toolbar_module_toolbarToggle--
|
|
13863
|
+
.bp_toolbar_module_toolbarToggle--63c19[data-state=on]:not([data-disabled]):active,.bp_toolbar_module_toolbarToggle--63c19[data-state=on]:not([data-disabled])[data-active]{
|
|
13864
13864
|
background:var(--toolbar-toggle-on-active-background);
|
|
13865
13865
|
border:var(--toolbar-toggle-on-active-border);
|
|
13866
13866
|
}
|
|
13867
13867
|
|
|
13868
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13868
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--63c19:active,.bp_toolbar_module_triggerButtonSelectedWithColor--63c19[data-active]{
|
|
13869
13869
|
background-color:var(--toolbar-button-color);
|
|
13870
13870
|
opacity:var(--trigger-button-active-opacity, 1);
|
|
13871
13871
|
}
|
|
13872
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13872
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--63c19[data-state=on] .bp_toolbar_module_dropdownIndicator--63c19 path{
|
|
13873
13873
|
fill:var(--icon-icon-on-light);
|
|
13874
13874
|
}
|
|
13875
|
-
.bp_toolbar_module_triggerButtonSelectedWithColor--
|
|
13875
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--63c19[data-state=on]:hover{
|
|
13876
13876
|
background-color:var(--toolbar-button-color);
|
|
13877
13877
|
border-color:var(--toolbar-button-color);
|
|
13878
13878
|
opacity:var(--trigger-button-hover-opacity);
|
|
13879
13879
|
}
|
|
13880
13880
|
|
|
13881
|
-
.bp_toolbar_module_toolbarIcon--
|
|
13881
|
+
.bp_toolbar_module_toolbarIcon--63c19{
|
|
13882
13882
|
align-items:center;
|
|
13883
13883
|
display:flex;
|
|
13884
13884
|
height:var(--toolbar-icon-height);
|
|
@@ -13886,27 +13886,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13886
13886
|
width:var(--toolbar-icon-width);
|
|
13887
13887
|
}
|
|
13888
13888
|
|
|
13889
|
-
.bp_toolbar_module_toolbarLink--
|
|
13889
|
+
.bp_toolbar_module_toolbarLink--63c19{
|
|
13890
13890
|
color:var(--toolbar-link-color);
|
|
13891
13891
|
max-width:var(--toolbar-link-max-width);
|
|
13892
13892
|
padding-inline:var(--toolbar-link-padding-inline);
|
|
13893
13893
|
text-decoration:none;
|
|
13894
13894
|
text-indent:unset;
|
|
13895
13895
|
}
|
|
13896
|
-
.bp_toolbar_module_toolbarLink--
|
|
13896
|
+
.bp_toolbar_module_toolbarLink--63c19.bp_toolbar_module_toolbarItem--63c19:hover{
|
|
13897
13897
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13898
13898
|
border:var(--toolbar-item-border);
|
|
13899
13899
|
color:var(--toolbar-link-hover-color);
|
|
13900
13900
|
text-decoration:underline;
|
|
13901
13901
|
}
|
|
13902
|
-
.bp_toolbar_module_toolbarLink--
|
|
13902
|
+
.bp_toolbar_module_toolbarLink--63c19.bp_toolbar_module_toolbarItem--63c19:active{
|
|
13903
13903
|
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13904
13904
|
border:var(--toolbar-item-border);
|
|
13905
13905
|
color:var(--toolbar-link-pressed-color);
|
|
13906
13906
|
text-decoration:underline;
|
|
13907
13907
|
}
|
|
13908
13908
|
|
|
13909
|
-
.bp_toolbar_module_toolbarLinkText--
|
|
13909
|
+
.bp_toolbar_module_toolbarLinkText--63c19{
|
|
13910
13910
|
display:block;
|
|
13911
13911
|
min-width:0;
|
|
13912
13912
|
overflow:hidden;
|
|
@@ -13914,7 +13914,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13914
13914
|
white-space:nowrap;
|
|
13915
13915
|
}
|
|
13916
13916
|
|
|
13917
|
-
.bp_toolbar_module_toolbarInputContainer--
|
|
13917
|
+
.bp_toolbar_module_toolbarInputContainer--63c19{
|
|
13918
13918
|
align-items:center;
|
|
13919
13919
|
display:flex;
|
|
13920
13920
|
flex:1 1 0;
|
|
@@ -13922,7 +13922,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13922
13922
|
position:relative;
|
|
13923
13923
|
}
|
|
13924
13924
|
|
|
13925
|
-
.bp_toolbar_module_toolbarInputContainer--
|
|
13925
|
+
.bp_toolbar_module_toolbarInputContainer--63c19:has(.bp_toolbar_module_toolbarInput--63c19[data-modern=false]){
|
|
13926
13926
|
--toolbar-input-height:var(--size-8);
|
|
13927
13927
|
--toolbar-input-padding-block:var(--space-2);
|
|
13928
13928
|
--toolbar-input-padding-inline:var(--space-3);
|
|
@@ -13947,7 +13947,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13947
13947
|
--toolbar-input-icon-end-pad:calc(var(--toolbar-input-padding-inline) + var(--toolbar-input-icon-size) + var(--toolbar-input-icon-padding));
|
|
13948
13948
|
}
|
|
13949
13949
|
|
|
13950
|
-
.bp_toolbar_module_toolbarInputContainer--
|
|
13950
|
+
.bp_toolbar_module_toolbarInputContainer--63c19:has(.bp_toolbar_module_toolbarInput--63c19[data-modern=true]){
|
|
13951
13951
|
--toolbar-input-height:var(--bp-size-080);
|
|
13952
13952
|
--toolbar-input-padding-block:var(--bp-space-020);
|
|
13953
13953
|
--toolbar-input-padding-inline:var(--bp-space-030);
|
|
@@ -13972,7 +13972,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13972
13972
|
--toolbar-input-icon-end-pad:calc(var(--toolbar-input-padding-inline) + var(--toolbar-input-icon-size) + var(--toolbar-input-icon-padding));
|
|
13973
13973
|
}
|
|
13974
13974
|
|
|
13975
|
-
.bp_toolbar_module_toolbarInput--
|
|
13975
|
+
.bp_toolbar_module_toolbarInput--63c19{
|
|
13976
13976
|
background:var(--toolbar-input-background);
|
|
13977
13977
|
border:var(--toolbar-input-border-width) solid var(--toolbar-input-border-color);
|
|
13978
13978
|
border-radius:var(--toolbar-input-border-radius);
|
|
@@ -13987,7 +13987,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13987
13987
|
padding-inline:var(--toolbar-input-padding-inline);
|
|
13988
13988
|
width:100%;
|
|
13989
13989
|
}
|
|
13990
|
-
.bp_toolbar_module_toolbarInput--
|
|
13990
|
+
.bp_toolbar_module_toolbarInput--63c19[data-modern=false]{
|
|
13991
13991
|
font-family:var(--body-default-font-family);
|
|
13992
13992
|
font-size:var(--body-default-font-size);
|
|
13993
13993
|
font-weight:var(--body-default-font-weight);
|
|
@@ -13996,7 +13996,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13996
13996
|
text-decoration:var(--body-default-text-decoration);
|
|
13997
13997
|
text-transform:var(--body-default-text-case);
|
|
13998
13998
|
}
|
|
13999
|
-
.bp_toolbar_module_toolbarInput--
|
|
13999
|
+
.bp_toolbar_module_toolbarInput--63c19[data-modern=true]{
|
|
14000
14000
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
14001
14001
|
font-size:var(--bp-font-size-07);
|
|
14002
14002
|
font-style:normal;
|
|
@@ -14004,11 +14004,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14004
14004
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
14005
14005
|
line-height:var(--bp-font-line-height-05);
|
|
14006
14006
|
}
|
|
14007
|
-
.bp_toolbar_module_toolbarInput--
|
|
14007
|
+
.bp_toolbar_module_toolbarInput--63c19::placeholder{
|
|
14008
14008
|
color:var(--toolbar-input-placeholder-color);
|
|
14009
14009
|
opacity:1;
|
|
14010
14010
|
}
|
|
14011
|
-
.bp_toolbar_module_toolbarInput--
|
|
14011
|
+
.bp_toolbar_module_toolbarInput--63c19[data-modern=true]::placeholder{
|
|
14012
14012
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
14013
14013
|
font-size:var(--bp-font-size-05);
|
|
14014
14014
|
font-style:normal;
|
|
@@ -14016,12 +14016,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14016
14016
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
14017
14017
|
line-height:var(--bp-font-line-height-04);
|
|
14018
14018
|
}
|
|
14019
|
-
.bp_toolbar_module_toolbarInput--
|
|
14019
|
+
.bp_toolbar_module_toolbarInput--63c19:focus-visible{
|
|
14020
14020
|
--toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
|
|
14021
14021
|
border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
|
|
14022
14022
|
padding-inline-start:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset));
|
|
14023
14023
|
}
|
|
14024
|
-
.bp_toolbar_module_toolbarInput--
|
|
14024
|
+
.bp_toolbar_module_toolbarInput--63c19:disabled{
|
|
14025
14025
|
background:var(--toolbar-input-disabled-background);
|
|
14026
14026
|
border-color:var(--toolbar-input-disabled-border-color);
|
|
14027
14027
|
box-shadow:var(--toolbar-input-box-shadow);
|
|
@@ -14029,20 +14029,25 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14029
14029
|
cursor:default;
|
|
14030
14030
|
opacity:.5;
|
|
14031
14031
|
}
|
|
14032
|
-
.bp_toolbar_module_toolbarInput--
|
|
14032
|
+
.bp_toolbar_module_toolbarInput--63c19:has(+ .bp_toolbar_module_toolbarInputErrorIcon--63c19){
|
|
14033
14033
|
padding-inline-end:var(--toolbar-input-icon-end-pad);
|
|
14034
14034
|
}
|
|
14035
|
-
.bp_toolbar_module_toolbarInput--
|
|
14035
|
+
.bp_toolbar_module_toolbarInput--63c19:hover:not(:disabled, :focus-visible, .bp_toolbar_module_toolbarInputError--63c19){
|
|
14036
14036
|
border-color:var(--toolbar-input-hover-border-color);
|
|
14037
14037
|
}
|
|
14038
14038
|
|
|
14039
|
-
.bp_toolbar_module_toolbarInput--
|
|
14039
|
+
.bp_toolbar_module_toolbarInput--63c19.bp_toolbar_module_toolbarInputError--63c19{
|
|
14040
14040
|
--toolbar-input-error-border-offset:calc(var(--toolbar-input-error-border-width) - var(--toolbar-input-border-width));
|
|
14041
14041
|
border:var(--toolbar-input-error-border-width) solid var(--toolbar-input-error-border-color);
|
|
14042
14042
|
padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-error-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-error-border-offset));
|
|
14043
14043
|
}
|
|
14044
|
+
.bp_toolbar_module_toolbarInput--63c19.bp_toolbar_module_toolbarInputError--63c19:focus-visible{
|
|
14045
|
+
--toolbar-input-border-offset:calc(var(--toolbar-input-focus-border-width) - var(--toolbar-input-border-width));
|
|
14046
|
+
border:var(--toolbar-input-focus-border-width) solid var(--toolbar-input-border-color-focus);
|
|
14047
|
+
padding-inline:calc(var(--toolbar-input-padding-inline) - var(--toolbar-input-border-offset)) calc(var(--toolbar-input-icon-end-pad) - var(--toolbar-input-border-offset));
|
|
14048
|
+
}
|
|
14044
14049
|
|
|
14045
|
-
.bp_toolbar_module_toolbarInputErrorIcon--
|
|
14050
|
+
.bp_toolbar_module_toolbarInputErrorIcon--63c19{
|
|
14046
14051
|
color:var(--toolbar-input-error-border-color);
|
|
14047
14052
|
height:var(--toolbar-input-icon-size);
|
|
14048
14053
|
inset-inline-end:var(--toolbar-input-icon-padding);
|
|
@@ -14053,35 +14058,35 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14053
14058
|
width:var(--toolbar-input-icon-size);
|
|
14054
14059
|
}
|
|
14055
14060
|
|
|
14056
|
-
.bp_toolbar_module_toolbarInputErrorIconHidden--
|
|
14061
|
+
.bp_toolbar_module_toolbarInputErrorIconHidden--63c19{
|
|
14057
14062
|
visibility:hidden;
|
|
14058
14063
|
}
|
|
14059
14064
|
|
|
14060
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14065
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19{
|
|
14061
14066
|
border:var(--toolbar-text-toggle-off-border);
|
|
14062
14067
|
color:var(--toolbar-text-toggle-color);
|
|
14063
14068
|
padding-inline:var(--toolbar-text-toggle-padding-inline);
|
|
14064
14069
|
text-indent:unset;
|
|
14065
14070
|
white-space:nowrap;
|
|
14066
14071
|
}
|
|
14067
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14072
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19:hover{
|
|
14068
14073
|
background:var(--toolbar-text-toggle-hover-background);
|
|
14069
14074
|
border-color:var(--toolbar-text-toggle-hover-border-color);
|
|
14070
14075
|
}
|
|
14071
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14076
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19:active{
|
|
14072
14077
|
background:var(--toolbar-text-toggle-active-background);
|
|
14073
14078
|
border-color:var(--toolbar-text-toggle-active-border-color);
|
|
14074
14079
|
}
|
|
14075
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14080
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19[aria-checked=true]{
|
|
14076
14081
|
background:var(--toolbar-text-toggle-checked-background);
|
|
14077
14082
|
border:var(--toolbar-text-toggle-checked-border);
|
|
14078
14083
|
color:var(--toolbar-text-toggle-checked-color);
|
|
14079
14084
|
}
|
|
14080
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14085
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19[aria-checked=true]:hover{
|
|
14081
14086
|
background:var(--toolbar-text-toggle-checked-hover-background);
|
|
14082
14087
|
border-color:var(--toolbar-text-toggle-checked-hover-border-color);
|
|
14083
14088
|
}
|
|
14084
|
-
.bp_toolbar_module_toolbarTextToggleItem--
|
|
14089
|
+
.bp_toolbar_module_toolbarTextToggleItem--63c19[aria-checked=true]:active{
|
|
14085
14090
|
background:var(--toolbar-text-toggle-checked-active-background);
|
|
14086
14091
|
border-color:var(--toolbar-text-toggle-checked-active-border-color);
|
|
14087
14092
|
}
|
|
@@ -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--63c19","invertCaret":"bp_toolbar_module_invertCaret--63c19","toolbarRoot":"bp_toolbar_module_toolbarRoot--63c19","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--63c19","toolbarItem":"bp_toolbar_module_toolbarItem--63c19","toolbarButton":"bp_toolbar_module_toolbarButton--63c19","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--63c19","toolbarLink":"bp_toolbar_module_toolbarLink--63c19","toggleGroup":"bp_toolbar_module_toggleGroup--63c19","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--63c19","hidden":"bp_toolbar_module_hidden--63c19","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--63c19","separator":"bp_toolbar_module_separator--63c19","toolbarToggle":"bp_toolbar_module_toolbarToggle--63c19","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--63c19","toolbarIcon":"bp_toolbar_module_toolbarIcon--63c19","toolbarLinkText":"bp_toolbar_module_toolbarLinkText--63c19","toolbarInputContainer":"bp_toolbar_module_toolbarInputContainer--63c19","toolbarInput":"bp_toolbar_module_toolbarInput--63c19","toolbarInputErrorIcon":"bp_toolbar_module_toolbarInputErrorIcon--63c19","toolbarInputError":"bp_toolbar_module_toolbarInputError--63c19","toolbarInputErrorIconHidden":"bp_toolbar_module_toolbarInputErrorIconHidden--63c19"};
|
|
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": "16.4.
|
|
3
|
+
"version": "16.4.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,9 +47,8 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.21",
|
|
49
49
|
"@ariakit/react-core": "0.4.21",
|
|
50
|
-
"@box/blueprint-web-assets": "^5.2.
|
|
50
|
+
"@box/blueprint-web-assets": "^5.2.9",
|
|
51
51
|
"@internationalized/date": "^3.12.0",
|
|
52
|
-
"@radix-ui/primitive": "1.0.1",
|
|
53
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
54
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
55
54
|
"@radix-ui/react-collapsible": "1.0.3",
|
|
@@ -78,7 +77,7 @@
|
|
|
78
77
|
"type-fest": "^3.2.0"
|
|
79
78
|
},
|
|
80
79
|
"devDependencies": {
|
|
81
|
-
"@box/storybook-utils": "^1.1.
|
|
80
|
+
"@box/storybook-utils": "^1.1.11",
|
|
82
81
|
"@figma/code-connect": "1.4.4",
|
|
83
82
|
"@types/react": "^18.0.0",
|
|
84
83
|
"@types/react-dom": "^18.0.0",
|