@box/blueprint-web 16.4.3 → 16.4.5

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.
@@ -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--8f352.bp_toolbar_module_invertCaret--8f352{
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--8f352[data-modern=false]{
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--8f352[data-modern=true]{
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--8f352[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--8f352{
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--8f352[data-modern=false]{
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--8f352[data-modern=false].bp_toolbar_module_toolbarButton--8f352,.bp_toolbar_module_toolbarItem--8f352[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--8f352{
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--8f352[data-modern=false].bp_toolbar_module_toolbarLink--8f352{
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--8f352[data-modern=true]{
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--8f352[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--8f352{
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--8f352[data-modern=true].bp_toolbar_module_toolbarButton--8f352,.bp_toolbar_module_toolbarItem--8f352[data-modern=true].bp_toolbar_module_toolbarTextToggleItem--8f352{
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--8f352[data-modern=true].bp_toolbar_module_toolbarLink--8f352{
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--8f352[data-modern=false]{
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--8f352[data-modern=true]{
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--8f352{
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--8f352{
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--8f352.bp_toolbar_module_hidden--8f352{
13779
+ .bp_toolbar_module_scrollButtonWrapper--63c19.bp_toolbar_module_hidden--63c19{
13780
13780
  display:none;
13781
13781
  }
13782
13782
 
13783
- .bp_toolbar_module_scrollableChildrenWrapper--8f352{
13783
+ .bp_toolbar_module_scrollableChildrenWrapper--63c19{
13784
13784
  -ms-overflow-style:none;
13785
13785
  scrollbar-width:none;
13786
13786
  }
13787
- .bp_toolbar_module_scrollableChildrenWrapper--8f352::-webkit-scrollbar{
13787
+ .bp_toolbar_module_scrollableChildrenWrapper--63c19::-webkit-scrollbar{
13788
13788
  display:none;
13789
13789
  }
13790
- .bp_toolbar_module_scrollableChildrenWrapper--8f352{
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--8f352 > *{
13801
+ .bp_toolbar_module_scrollableChildrenWrapper--63c19 > *{
13802
13802
  flex:none;
13803
13803
  }
13804
13804
 
13805
- .bp_toolbar_module_separator--8f352{
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--8f352{
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--8f352{
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--8f352[data-disabled]{
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--8f352:not([data-disabled]):focus-visible{
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--8f352:not([data-disabled]):hover{
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--8f352:not([data-disabled]):active,.bp_toolbar_module_toolbarItem--8f352:not([data-disabled])[data-active]{
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--8f352[data-state=on]{
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--8f352[data-state=on] svg *{
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--8f352[data-state=on]:not([data-disabled]):hover{
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--8f352[data-state=on]:not([data-disabled]):active,.bp_toolbar_module_toolbarToggle--8f352[data-state=on]:not([data-disabled])[data-active]{
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--8f352:active,.bp_toolbar_module_triggerButtonSelectedWithColor--8f352[data-active]{
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--8f352[data-state=on] .bp_toolbar_module_dropdownIndicator--8f352 path{
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--8f352[data-state=on]:hover{
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--8f352{
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--8f352{
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--8f352.bp_toolbar_module_toolbarItem--8f352:hover{
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--8f352.bp_toolbar_module_toolbarItem--8f352:active{
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--8f352{
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--8f352{
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--8f352:has(.bp_toolbar_module_toolbarInput--8f352[data-modern=false]){
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--8f352:has(.bp_toolbar_module_toolbarInput--8f352[data-modern=true]){
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--8f352{
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--8f352[data-modern=false]{
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--8f352[data-modern=true]{
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--8f352::placeholder{
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--8f352[data-modern=true]::placeholder{
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--8f352:focus-visible{
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--8f352:disabled{
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--8f352:has(+ .bp_toolbar_module_toolbarInputErrorIcon--8f352){
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--8f352:hover:not(:disabled, :focus-visible, .bp_toolbar_module_toolbarInputError--8f352){
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--8f352.bp_toolbar_module_toolbarInputError--8f352{
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--8f352{
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--8f352{
14061
+ .bp_toolbar_module_toolbarInputErrorIconHidden--63c19{
14057
14062
  visibility:hidden;
14058
14063
  }
14059
14064
 
14060
- .bp_toolbar_module_toolbarTextToggleItem--8f352{
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--8f352:hover{
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--8f352:active{
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--8f352[aria-checked=true]{
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--8f352[aria-checked=true]:hover{
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--8f352[aria-checked=true]:active{
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
- import { composeEventHandlers } from '@radix-ui/primitive';
1
+ import { composeEventHandlers } from '../utils/composeEventHandlers.js';
2
2
 
3
3
  const TEXT_NAVIGATION_KEYS = new Set(['Home', 'End', 'PageUp', 'PageDown']);
4
4
  const shouldPreserveTextCaretNavigation = event => {
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--8f352","invertCaret":"bp_toolbar_module_invertCaret--8f352","toolbarRoot":"bp_toolbar_module_toolbarRoot--8f352","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--8f352","toolbarItem":"bp_toolbar_module_toolbarItem--8f352","toolbarButton":"bp_toolbar_module_toolbarButton--8f352","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--8f352","toolbarLink":"bp_toolbar_module_toolbarLink--8f352","toggleGroup":"bp_toolbar_module_toggleGroup--8f352","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--8f352","hidden":"bp_toolbar_module_hidden--8f352","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--8f352","separator":"bp_toolbar_module_separator--8f352","toolbarToggle":"bp_toolbar_module_toolbarToggle--8f352","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--8f352","toolbarIcon":"bp_toolbar_module_toolbarIcon--8f352","toolbarLinkText":"bp_toolbar_module_toolbarLinkText--8f352","toolbarInputContainer":"bp_toolbar_module_toolbarInputContainer--8f352","toolbarInput":"bp_toolbar_module_toolbarInput--8f352","toolbarInputErrorIcon":"bp_toolbar_module_toolbarInputErrorIcon--8f352","toolbarInputError":"bp_toolbar_module_toolbarInputError--8f352","toolbarInputErrorIconHidden":"bp_toolbar_module_toolbarInputErrorIconHidden--8f352"};
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",
3
+ "version": "16.4.5",
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.8",
50
+ "@box/blueprint-web-assets": "^5.2.10",
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.10",
80
+ "@box/storybook-utils": "^1.1.12",
82
81
  "@figma/code-connect": "1.4.4",
83
82
  "@types/react": "^18.0.0",
84
83
  "@types/react-dom": "^18.0.0",