@box/blueprint-web 17.22.0 → 17.22.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.
Files changed (4) hide show
  1. package/dist/lib-esm/components.css +50 -52
  2. package/dist/lib-esm/index.css +50 -52
  3. package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js +1 -1
  4. package/package.json +3 -3
package/dist/lib-esm/components.css CHANGED
@@ -10872,34 +10872,34 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10872
10872
  display:flex;
10873
10873
  flex-direction:row;
10874
10874
  }
10875
- .bp_select_menu_grid_option_module_buttonWrapper--84a39{
10875
+ .bp_select_menu_grid_option_module_buttonWrapper--93197{
10876
10876
  --select-menu-grid-option-labeled-margin-small-breakpoint:var(--bp-space-005) 0;
10877
10877
  --select-menu-grid-option-labeled-margin:var(--bp-space-005);
10878
10878
  --select-menu-grid-option-labeled-max-width:calc(50% - var(--bp-size-010));
10879
10879
  --select-menu-grid-option-labeled-max-width-first-child-margin-left:0;
10880
10880
  --select-menu-grid-option-labeled-max-width-last-child-margin-right:0;
10881
10881
  }
10882
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--84a39{
10882
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--93197{
10883
10883
  flex:1 1 0;
10884
10884
  margin:var(--select-menu-grid-option-labeled-margin-small-breakpoint);
10885
10885
  }
10886
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
10886
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
10887
10887
  max-width:100%;
10888
10888
  }
10889
10889
  @media only screen and (width > 374px){
10890
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
10890
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
10891
10891
  margin:var(--select-menu-grid-option-labeled-margin);
10892
10892
  max-width:var(--select-menu-grid-option-labeled-max-width);
10893
10893
  }
10894
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:first-child{
10894
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:first-child{
10895
10895
  margin-left:var(--select-menu-grid-option-labeled-max-width-first-child-margin-left);
10896
10896
  }
10897
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:last-child{
10897
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:last-child{
10898
10898
  margin-right:var(--select-menu-grid-option-labeled-max-width-last-child-margin-right);
10899
10899
  }
10900
10900
  }
10901
10901
 
10902
- .bp_select_menu_grid_option_module_optionButton--84a39{
10902
+ .bp_select_menu_grid_option_module_optionButton--93197{
10903
10903
  --select-menu-grid-option-background-color:#0000;
10904
10904
  --select-menu-grid-option-labeled-background-color-hover:var(--bp-surface-surface-secondary);
10905
10905
  --select-menu-grid-option-labeled-background-color-active:var(--bp-surface-surface-secondary);
@@ -10913,7 +10913,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10913
10913
  --select-menu-grid-option-labeled-padding:var(--bp-space-010);
10914
10914
  --select-menu-grid-option-labeled-border-radius:var(--bp-radius-06);
10915
10915
  --select-menu-grid-option-labeled-transition:background-color var(--animation-duration-2);
10916
- --select-menu-grid-option-labeled-text-max-height:var(--bp-size-080);
10917
10916
  --select-menu-grid-option-labeled-label-content-gap:var(--bp-space-005);
10918
10917
  --select-menu-grid-option-labeled-label-content-optical-offset:var(--bp-border-01);
10919
10918
  --select-menu-grid-option-labeled-text-color:var(--bp-text-text-on-light);
@@ -10967,13 +10966,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10967
10966
  -webkit-user-select:none;
10968
10967
  user-select:none;
10969
10968
  }
10970
- .bp_select_menu_grid_option_module_optionButton--84a39:not(.bp_select_menu_grid_option_module_labeled--84a39){
10969
+ .bp_select_menu_grid_option_module_optionButton--93197:not(.bp_select_menu_grid_option_module_labeled--93197){
10971
10970
  height:var(--select-menu-grid-option-not-labeled-height);
10972
10971
  justify-content:center;
10973
10972
  padding:var(--select-menu-grid-option-not-labeled-padding);
10974
10973
  width:var(--select-menu-grid-option-not-labeled-width);
10975
10974
  }
10976
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39{
10975
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197{
10977
10976
  border-radius:var(--select-menu-grid-option-labeled-border-radius);
10978
10977
  gap:var(--select-menu-grid-option-labeled-gap);
10979
10978
  min-width:var(--select-menu-grid-option-labeled-min-width);
@@ -10981,7 +10980,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10981
10980
  transition:var(--select-menu-grid-option-labeled-transition);
10982
10981
  width:100%;
10983
10982
  }
10984
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--84a39{
10983
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--93197{
10985
10984
  display:flex;
10986
10985
  flex:1;
10987
10986
  flex-direction:column;
@@ -10989,33 +10988,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10989
10988
  min-width:0;
10990
10989
  text-align:left;
10991
10990
  }
10992
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--withDescription--84a39{
10991
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--withDescription--93197{
10993
10992
  gap:var(--select-menu-grid-option-labeled-label-content-gap);
10994
10993
  margin-top:calc(var(--select-menu-grid-option-labeled-label-content-optical-offset)*-1);
10995
10994
  }
10996
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--84a39{
10995
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--93197{
10997
10996
  color:var(--select-menu-grid-option-labeled-text-color);
10998
- max-height:var(--select-menu-grid-option-labeled-text-max-height);
10999
10997
  }
11000
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--large--84a39{
10998
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--large--93197{
11001
10999
  -webkit-box-orient:vertical;
11002
11000
  -webkit-line-clamp:1;
11003
11001
  display:-webkit-box;
11004
11002
  overflow:hidden;
11005
11003
  }
11006
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--default--84a39{
11004
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--default--93197{
11007
11005
  -webkit-box-orient:vertical;
11008
11006
  -webkit-line-clamp:2;
11009
11007
  display:-webkit-box;
11010
11008
  overflow:hidden;
11011
11009
  }
11012
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_description--84a39{
11010
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_description--93197{
11013
11011
  -webkit-box-orient:vertical;
11014
11012
  -webkit-line-clamp:1;
11015
11013
  display:-webkit-box;
11016
11014
  overflow:hidden;
11017
11015
  }
11018
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
11016
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
11019
11017
  align-items:center;
11020
11018
  background:var(--icon-background);
11021
11019
  border-radius:var(--select-menu-grid-option-labeled-icon-border-radius);
@@ -11023,82 +11021,82 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11023
11021
  flex-shrink:0;
11024
11022
  justify-content:center;
11025
11023
  }
11026
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-default--84a39{
11024
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-default--93197{
11027
11025
  height:var(--select-menu-grid-option-labeled-icon-default-size);
11028
11026
  width:var(--select-menu-grid-option-labeled-icon-default-size);
11029
11027
  }
11030
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-large--84a39{
11028
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-large--93197{
11031
11029
  border-radius:var(--select-menu-grid-option-labeled-icon-large-border-radius);
11032
11030
  height:var(--select-menu-grid-option-labeled-icon-large-size);
11033
11031
  width:var(--select-menu-grid-option-labeled-icon-large-size);
11034
11032
  }
11035
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--default--84a39{
11033
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--default--93197{
11036
11034
  --icon-background:var(--select-menu-grid-option-labeled-icon-default-background);
11037
11035
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-default-background-dark);
11038
11036
  }
11039
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--box--84a39{
11037
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--box--93197{
11040
11038
  --icon-background:var(--select-menu-grid-option-labeled-icon-box-background);
11041
11039
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-box-background-dark);
11042
11040
  }
11043
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--docgen--84a39{
11041
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--docgen--93197{
11044
11042
  --icon-background:var(--select-menu-grid-option-labeled-icon-docgen-background);
11045
11043
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-docgen-background-dark);
11046
11044
  }
11047
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--forms--84a39{
11045
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--forms--93197{
11048
11046
  --icon-background:var(--select-menu-grid-option-labeled-icon-forms-background);
11049
11047
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-forms-background-dark);
11050
11048
  }
11051
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--sign--84a39{
11049
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--sign--93197{
11052
11050
  --icon-background:var(--select-menu-grid-option-labeled-icon-sign-background);
11053
11051
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-sign-background-dark);
11054
11052
  }
11055
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover{
11053
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover{
11056
11054
  background:var(--select-menu-grid-option-labeled-background-color-hover);
11057
11055
  cursor:grab;
11058
11056
  }
11059
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active{
11057
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active{
11060
11058
  background:var(--select-menu-grid-option-labeled-background-color-active);
11061
11059
  }
11062
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_labeled--large--84a39{
11060
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_labeled--large--93197{
11063
11061
  border-radius:var(--select-menu-grid-option-labeled-large-border-radius);
11064
11062
  }
11065
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active .bp_select_menu_grid_option_module_iconContainer--84a39{
11063
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_iconContainer--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active .bp_select_menu_grid_option_module_iconContainer--93197{
11066
11064
  background-color:var(--icon-background);
11067
11065
  }
11068
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39{
11066
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197{
11069
11067
  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-dragging);
11070
11068
  }
11071
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
11069
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
11072
11070
  background-color:var(--icon-background-dark);
11073
11071
  }
11074
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39:hover{
11072
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197:hover{
11075
11073
  cursor:grabbing;
11076
11074
  }
11077
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover:not(.bp_select_menu_grid_option_module_disabled--84a39) .bp_select_menu_grid_option_module_iconContainer--84a39{
11075
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover:not(.bp_select_menu_grid_option_module_disabled--93197) .bp_select_menu_grid_option_module_iconContainer--93197{
11078
11076
  background-color:var(--icon-background-dark);
11079
11077
  transition:var(--select-menu-grid-option-labeled-transition);
11080
11078
  }
11081
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]{
11079
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]{
11082
11080
  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-focus);
11083
11081
  }
11084
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]:active{
11082
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]:active{
11085
11083
  background:var(--select-menu-grid-option-labeled-background-color-active);
11086
11084
  }
11087
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39{
11085
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197{
11088
11086
  height:var(--select-menu-grid-option-square-height);
11089
11087
  width:var(--select-menu-grid-option-square-width);
11090
11088
  }
11091
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
11089
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
11092
11090
  align-items:center;
11093
11091
  border-radius:var(--select-menu-grid-option-square-border-radius);
11094
11092
  display:flex;
11095
11093
  justify-content:center;
11096
11094
  }
11097
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
11095
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
11098
11096
  height:var(--select-menu-grid-option-square-outline-host-height);
11099
11097
  width:var(--select-menu-grid-option-square-outline-host-width);
11100
11098
  }
11101
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39{
11099
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197{
11102
11100
  align-items:center;
11103
11101
  background-clip:content-box;
11104
11102
  background-color:var(--select-menu-grid-option-circle-background-color);
@@ -11110,10 +11108,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11110
11108
  justify-content:center;
11111
11109
  width:var(--select-menu-grid-option-circle-width);
11112
11110
  }
11113
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39.bp_select_menu_grid_option_module_loading--84a39{
11111
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197.bp_select_menu_grid_option_module_loading--93197{
11114
11112
  border-color:var(--select-menu-grid-option-circle-border-color-loading);
11115
11113
  }
11116
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_color--84a39{
11114
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_color--93197{
11117
11115
  background-color:var(--circleColor);
11118
11116
  border:var(--select-menu-grid-option-circle-inner-border-width) solid var(--circleBorderColor);
11119
11117
  border-radius:var(--select-menu-grid-option-circle-inner-border-radius);
@@ -11121,10 +11119,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11121
11119
  height:var(--select-menu-grid-option-circle-inner-height);
11122
11120
  width:var(--select-menu-grid-option-circle-inner-width);
11123
11121
  }
11124
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39{
11122
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197{
11125
11123
  position:relative;
11126
11124
  }
11127
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39::after{
11125
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197::after{
11128
11126
  background-color:var(--select-menu-grid-option-circle-strikethrough-background-color);
11129
11127
  border-radius:var(--select-menu-grid-option-circle-strikethrough-border-radius);
11130
11128
  content:"";
@@ -11135,32 +11133,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11135
11133
  transform:rotate(-45deg);
11136
11134
  width:90%;
11137
11135
  }
11138
- .bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_square--84a39{
11136
+ .bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_square--93197{
11139
11137
  background-color:var(--select-menu-grid-option-square-background-color-hover);
11140
11138
  }
11141
- .bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
11139
+ .bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
11142
11140
  background-color:var(--select-menu-grid-option-circle-background-color-hover);
11143
11141
  }
11144
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_square--84a39{
11142
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_square--93197{
11145
11143
  background-color:var(--select-menu-grid-option-square-background-color-active);
11146
11144
  }
11147
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_circle--84a39{
11145
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_circle--93197{
11148
11146
  border:var(--select-menu-grid-option-circle-inner-border-width-active) solid var(--circleColor);
11149
11147
  }
11150
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_loading--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:disabled{
11148
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_loading--93197,.bp_select_menu_grid_option_module_optionButton--93197:disabled{
11151
11149
  cursor:default;
11152
11150
  }
11153
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--84a39{
11151
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--93197{
11154
11152
  box-shadow:var(--select-menu-grid-option-circle-outline-host-box-shadow-focus);
11155
11153
  }
11156
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
11154
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
11157
11155
  border-color:var(--select-menu-grid-option-circle-border-color-hover);
11158
11156
  }
11159
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible].bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--84a39{
11157
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible].bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--93197{
11160
11158
  border:var(--select-menu-grid-option-circle-border-width-focus-active) solid var(--circleColor);
11161
11159
  box-shadow:var(--select-menu-grid-option-circle-box-shadow-focus-active);
11162
11160
  }
11163
- .bp_select_menu_grid_option_module_optionButton--84a39:disabled:not(.bp_select_menu_grid_option_module_loading--84a39){
11161
+ .bp_select_menu_grid_option_module_optionButton--93197:disabled:not(.bp_select_menu_grid_option_module_loading--93197){
11164
11162
  opacity:.3;
11165
11163
  }
11166
11164
 
package/dist/lib-esm/index.css CHANGED
@@ -10872,34 +10872,34 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10872
10872
  display:flex;
10873
10873
  flex-direction:row;
10874
10874
  }
10875
- .bp_select_menu_grid_option_module_buttonWrapper--84a39{
10875
+ .bp_select_menu_grid_option_module_buttonWrapper--93197{
10876
10876
  --select-menu-grid-option-labeled-margin-small-breakpoint:var(--bp-space-005) 0;
10877
10877
  --select-menu-grid-option-labeled-margin:var(--bp-space-005);
10878
10878
  --select-menu-grid-option-labeled-max-width:calc(50% - var(--bp-size-010));
10879
10879
  --select-menu-grid-option-labeled-max-width-first-child-margin-left:0;
10880
10880
  --select-menu-grid-option-labeled-max-width-last-child-margin-right:0;
10881
10881
  }
10882
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--84a39{
10882
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--93197{
10883
10883
  flex:1 1 0;
10884
10884
  margin:var(--select-menu-grid-option-labeled-margin-small-breakpoint);
10885
10885
  }
10886
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
10886
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
10887
10887
  max-width:100%;
10888
10888
  }
10889
10889
  @media only screen and (width > 374px){
10890
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39{
10890
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197{
10891
10891
  margin:var(--select-menu-grid-option-labeled-margin);
10892
10892
  max-width:var(--select-menu-grid-option-labeled-max-width);
10893
10893
  }
10894
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:first-child{
10894
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:first-child{
10895
10895
  margin-left:var(--select-menu-grid-option-labeled-max-width-first-child-margin-left);
10896
10896
  }
10897
- .bp_select_menu_grid_option_module_buttonWrapper--84a39.bp_select_menu_grid_option_module_withLabel--default--84a39:last-child{
10897
+ .bp_select_menu_grid_option_module_buttonWrapper--93197.bp_select_menu_grid_option_module_withLabel--default--93197:last-child{
10898
10898
  margin-right:var(--select-menu-grid-option-labeled-max-width-last-child-margin-right);
10899
10899
  }
10900
10900
  }
10901
10901
 
10902
- .bp_select_menu_grid_option_module_optionButton--84a39{
10902
+ .bp_select_menu_grid_option_module_optionButton--93197{
10903
10903
  --select-menu-grid-option-background-color:#0000;
10904
10904
  --select-menu-grid-option-labeled-background-color-hover:var(--bp-surface-surface-secondary);
10905
10905
  --select-menu-grid-option-labeled-background-color-active:var(--bp-surface-surface-secondary);
@@ -10913,7 +10913,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10913
10913
  --select-menu-grid-option-labeled-padding:var(--bp-space-010);
10914
10914
  --select-menu-grid-option-labeled-border-radius:var(--bp-radius-06);
10915
10915
  --select-menu-grid-option-labeled-transition:background-color var(--animation-duration-2);
10916
- --select-menu-grid-option-labeled-text-max-height:var(--bp-size-080);
10917
10916
  --select-menu-grid-option-labeled-label-content-gap:var(--bp-space-005);
10918
10917
  --select-menu-grid-option-labeled-label-content-optical-offset:var(--bp-border-01);
10919
10918
  --select-menu-grid-option-labeled-text-color:var(--bp-text-text-on-light);
@@ -10967,13 +10966,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10967
10966
  -webkit-user-select:none;
10968
10967
  user-select:none;
10969
10968
  }
10970
- .bp_select_menu_grid_option_module_optionButton--84a39:not(.bp_select_menu_grid_option_module_labeled--84a39){
10969
+ .bp_select_menu_grid_option_module_optionButton--93197:not(.bp_select_menu_grid_option_module_labeled--93197){
10971
10970
  height:var(--select-menu-grid-option-not-labeled-height);
10972
10971
  justify-content:center;
10973
10972
  padding:var(--select-menu-grid-option-not-labeled-padding);
10974
10973
  width:var(--select-menu-grid-option-not-labeled-width);
10975
10974
  }
10976
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39{
10975
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197{
10977
10976
  border-radius:var(--select-menu-grid-option-labeled-border-radius);
10978
10977
  gap:var(--select-menu-grid-option-labeled-gap);
10979
10978
  min-width:var(--select-menu-grid-option-labeled-min-width);
@@ -10981,7 +10980,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10981
10980
  transition:var(--select-menu-grid-option-labeled-transition);
10982
10981
  width:100%;
10983
10982
  }
10984
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--84a39{
10983
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--93197{
10985
10984
  display:flex;
10986
10985
  flex:1;
10987
10986
  flex-direction:column;
@@ -10989,33 +10988,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10989
10988
  min-width:0;
10990
10989
  text-align:left;
10991
10990
  }
10992
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_labelContent--withDescription--84a39{
10991
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_labelContent--withDescription--93197{
10993
10992
  gap:var(--select-menu-grid-option-labeled-label-content-gap);
10994
10993
  margin-top:calc(var(--select-menu-grid-option-labeled-label-content-optical-offset)*-1);
10995
10994
  }
10996
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--84a39{
10995
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--93197{
10997
10996
  color:var(--select-menu-grid-option-labeled-text-color);
10998
- max-height:var(--select-menu-grid-option-labeled-text-max-height);
10999
10997
  }
11000
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--large--84a39{
10998
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--large--93197{
11001
10999
  -webkit-box-orient:vertical;
11002
11000
  -webkit-line-clamp:1;
11003
11001
  display:-webkit-box;
11004
11002
  overflow:hidden;
11005
11003
  }
11006
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_text--default--84a39{
11004
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_text--default--93197{
11007
11005
  -webkit-box-orient:vertical;
11008
11006
  -webkit-line-clamp:2;
11009
11007
  display:-webkit-box;
11010
11008
  overflow:hidden;
11011
11009
  }
11012
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_description--84a39{
11010
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_description--93197{
11013
11011
  -webkit-box-orient:vertical;
11014
11012
  -webkit-line-clamp:1;
11015
11013
  display:-webkit-box;
11016
11014
  overflow:hidden;
11017
11015
  }
11018
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
11016
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
11019
11017
  align-items:center;
11020
11018
  background:var(--icon-background);
11021
11019
  border-radius:var(--select-menu-grid-option-labeled-icon-border-radius);
@@ -11023,82 +11021,82 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11023
11021
  flex-shrink:0;
11024
11022
  justify-content:center;
11025
11023
  }
11026
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-default--84a39{
11024
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-default--93197{
11027
11025
  height:var(--select-menu-grid-option-labeled-icon-default-size);
11028
11026
  width:var(--select-menu-grid-option-labeled-icon-default-size);
11029
11027
  }
11030
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--size-large--84a39{
11028
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--size-large--93197{
11031
11029
  border-radius:var(--select-menu-grid-option-labeled-icon-large-border-radius);
11032
11030
  height:var(--select-menu-grid-option-labeled-icon-large-size);
11033
11031
  width:var(--select-menu-grid-option-labeled-icon-large-size);
11034
11032
  }
11035
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--default--84a39{
11033
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--default--93197{
11036
11034
  --icon-background:var(--select-menu-grid-option-labeled-icon-default-background);
11037
11035
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-default-background-dark);
11038
11036
  }
11039
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--box--84a39{
11037
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--box--93197{
11040
11038
  --icon-background:var(--select-menu-grid-option-labeled-icon-box-background);
11041
11039
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-box-background-dark);
11042
11040
  }
11043
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--docgen--84a39{
11041
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--docgen--93197{
11044
11042
  --icon-background:var(--select-menu-grid-option-labeled-icon-docgen-background);
11045
11043
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-docgen-background-dark);
11046
11044
  }
11047
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--forms--84a39{
11045
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--forms--93197{
11048
11046
  --icon-background:var(--select-menu-grid-option-labeled-icon-forms-background);
11049
11047
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-forms-background-dark);
11050
11048
  }
11051
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39 .bp_select_menu_grid_option_module_iconContainer--sign--84a39{
11049
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197 .bp_select_menu_grid_option_module_iconContainer--sign--93197{
11052
11050
  --icon-background:var(--select-menu-grid-option-labeled-icon-sign-background);
11053
11051
  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-sign-background-dark);
11054
11052
  }
11055
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover{
11053
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover{
11056
11054
  background:var(--select-menu-grid-option-labeled-background-color-hover);
11057
11055
  cursor:grab;
11058
11056
  }
11059
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active{
11057
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active{
11060
11058
  background:var(--select-menu-grid-option-labeled-background-color-active);
11061
11059
  }
11062
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_labeled--large--84a39{
11060
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_labeled--large--93197{
11063
11061
  border-radius:var(--select-menu-grid-option-labeled-large-border-radius);
11064
11062
  }
11065
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39,.bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:active .bp_select_menu_grid_option_module_iconContainer--84a39{
11063
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_iconContainer--93197,.bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:active .bp_select_menu_grid_option_module_iconContainer--93197{
11066
11064
  background-color:var(--icon-background);
11067
11065
  }
11068
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39{
11066
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197{
11069
11067
  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-dragging);
11070
11068
  }
11071
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39 .bp_select_menu_grid_option_module_iconContainer--84a39{
11069
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197 .bp_select_menu_grid_option_module_iconContainer--93197{
11072
11070
  background-color:var(--icon-background-dark);
11073
11071
  }
11074
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39.bp_select_menu_grid_option_module_dragging--84a39:hover{
11072
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197.bp_select_menu_grid_option_module_dragging--93197:hover{
11075
11073
  cursor:grabbing;
11076
11074
  }
11077
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39:hover:not(.bp_select_menu_grid_option_module_disabled--84a39) .bp_select_menu_grid_option_module_iconContainer--84a39{
11075
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197:hover:not(.bp_select_menu_grid_option_module_disabled--93197) .bp_select_menu_grid_option_module_iconContainer--93197{
11078
11076
  background-color:var(--icon-background-dark);
11079
11077
  transition:var(--select-menu-grid-option-labeled-transition);
11080
11078
  }
11081
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]{
11079
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]{
11082
11080
  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-focus);
11083
11081
  }
11084
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_labeled--84a39[data-focus-visible]:active{
11082
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_labeled--93197[data-focus-visible]:active{
11085
11083
  background:var(--select-menu-grid-option-labeled-background-color-active);
11086
11084
  }
11087
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39{
11085
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197{
11088
11086
  height:var(--select-menu-grid-option-square-height);
11089
11087
  width:var(--select-menu-grid-option-square-width);
11090
11088
  }
11091
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
11089
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
11092
11090
  align-items:center;
11093
11091
  border-radius:var(--select-menu-grid-option-square-border-radius);
11094
11092
  display:flex;
11095
11093
  justify-content:center;
11096
11094
  }
11097
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_square--84a39 .bp_select_menu_grid_option_module_outlineHost--84a39{
11095
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_square--93197 .bp_select_menu_grid_option_module_outlineHost--93197{
11098
11096
  height:var(--select-menu-grid-option-square-outline-host-height);
11099
11097
  width:var(--select-menu-grid-option-square-outline-host-width);
11100
11098
  }
11101
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39{
11099
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197{
11102
11100
  align-items:center;
11103
11101
  background-clip:content-box;
11104
11102
  background-color:var(--select-menu-grid-option-circle-background-color);
@@ -11110,10 +11108,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11110
11108
  justify-content:center;
11111
11109
  width:var(--select-menu-grid-option-circle-width);
11112
11110
  }
11113
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39.bp_select_menu_grid_option_module_loading--84a39{
11111
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197.bp_select_menu_grid_option_module_loading--93197{
11114
11112
  border-color:var(--select-menu-grid-option-circle-border-color-loading);
11115
11113
  }
11116
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_color--84a39{
11114
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_color--93197{
11117
11115
  background-color:var(--circleColor);
11118
11116
  border:var(--select-menu-grid-option-circle-inner-border-width) solid var(--circleBorderColor);
11119
11117
  border-radius:var(--select-menu-grid-option-circle-inner-border-radius);
@@ -11121,10 +11119,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11121
11119
  height:var(--select-menu-grid-option-circle-inner-height);
11122
11120
  width:var(--select-menu-grid-option-circle-inner-width);
11123
11121
  }
11124
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39{
11122
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197{
11125
11123
  position:relative;
11126
11124
  }
11127
- .bp_select_menu_grid_option_module_optionButton--84a39 .bp_select_menu_grid_option_module_circle--84a39 .bp_select_menu_grid_option_module_strikeThrough--84a39::after{
11125
+ .bp_select_menu_grid_option_module_optionButton--93197 .bp_select_menu_grid_option_module_circle--93197 .bp_select_menu_grid_option_module_strikeThrough--93197::after{
11128
11126
  background-color:var(--select-menu-grid-option-circle-strikethrough-background-color);
11129
11127
  border-radius:var(--select-menu-grid-option-circle-strikethrough-border-radius);
11130
11128
  content:"";
@@ -11135,32 +11133,32 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
11135
11133
  transform:rotate(-45deg);
11136
11134
  width:90%;
11137
11135
  }
11138
- .bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_square--84a39{
11136
+ .bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_square--93197{
11139
11137
  background-color:var(--select-menu-grid-option-square-background-color-hover);
11140
11138
  }
11141
- .bp_select_menu_grid_option_module_optionButton--84a39:hover .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
11139
+ .bp_select_menu_grid_option_module_optionButton--93197:hover .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
11142
11140
  background-color:var(--select-menu-grid-option-circle-background-color-hover);
11143
11141
  }
11144
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_square--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_square--84a39{
11142
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_square--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_square--93197{
11145
11143
  background-color:var(--select-menu-grid-option-square-background-color-active);
11146
11144
  }
11147
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:active .bp_select_menu_grid_option_module_circle--84a39{
11145
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197:active .bp_select_menu_grid_option_module_circle--93197{
11148
11146
  border:var(--select-menu-grid-option-circle-inner-border-width-active) solid var(--circleColor);
11149
11147
  }
11150
- .bp_select_menu_grid_option_module_optionButton--84a39.bp_select_menu_grid_option_module_loading--84a39,.bp_select_menu_grid_option_module_optionButton--84a39:disabled{
11148
+ .bp_select_menu_grid_option_module_optionButton--93197.bp_select_menu_grid_option_module_loading--93197,.bp_select_menu_grid_option_module_optionButton--93197:disabled{
11151
11149
  cursor:default;
11152
11150
  }
11153
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--84a39{
11151
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--93197{
11154
11152
  box-shadow:var(--select-menu-grid-option-circle-outline-host-box-shadow-focus);
11155
11153
  }
11156
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible] .bp_select_menu_grid_option_module_circle--84a39{
11154
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible] .bp_select_menu_grid_option_module_circle--93197{
11157
11155
  border-color:var(--select-menu-grid-option-circle-border-color-hover);
11158
11156
  }
11159
- .bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible].bp_select_menu_grid_option_module_active--84a39 .bp_select_menu_grid_option_module_circle--84a39,.bp_select_menu_grid_option_module_optionButton--84a39[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--84a39{
11157
+ .bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible].bp_select_menu_grid_option_module_active--93197 .bp_select_menu_grid_option_module_circle--93197,.bp_select_menu_grid_option_module_optionButton--93197[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--93197{
11160
11158
  border:var(--select-menu-grid-option-circle-border-width-focus-active) solid var(--circleColor);
11161
11159
  box-shadow:var(--select-menu-grid-option-circle-box-shadow-focus-active);
11162
11160
  }
11163
- .bp_select_menu_grid_option_module_optionButton--84a39:disabled:not(.bp_select_menu_grid_option_module_loading--84a39){
11161
+ .bp_select_menu_grid_option_module_optionButton--93197:disabled:not(.bp_select_menu_grid_option_module_loading--93197){
11164
11162
  opacity:.3;
11165
11163
  }
11166
11164
 
package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--84a39","withLabel":"bp_select_menu_grid_option_module_withLabel--84a39","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--84a39","optionButton":"bp_select_menu_grid_option_module_optionButton--84a39","labeled":"bp_select_menu_grid_option_module_labeled--84a39","labelContent":"bp_select_menu_grid_option_module_labelContent--84a39","labelContent--withDescription":"bp_select_menu_grid_option_module_labelContent--withDescription--84a39","text":"bp_select_menu_grid_option_module_text--84a39","text--large":"bp_select_menu_grid_option_module_text--large--84a39","text--default":"bp_select_menu_grid_option_module_text--default--84a39","description":"bp_select_menu_grid_option_module_description--84a39","iconContainer":"bp_select_menu_grid_option_module_iconContainer--84a39","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--84a39","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--84a39","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--84a39","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--84a39","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--84a39","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--84a39","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--84a39","active":"bp_select_menu_grid_option_module_active--84a39","dragging":"bp_select_menu_grid_option_module_dragging--84a39","labeled--large":"bp_select_menu_grid_option_module_labeled--large--84a39","disabled":"bp_select_menu_grid_option_module_disabled--84a39","square":"bp_select_menu_grid_option_module_square--84a39","outlineHost":"bp_select_menu_grid_option_module_outlineHost--84a39","circle":"bp_select_menu_grid_option_module_circle--84a39","loading":"bp_select_menu_grid_option_module_loading--84a39","color":"bp_select_menu_grid_option_module_color--84a39","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--84a39"};
2
+ var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--93197","withLabel":"bp_select_menu_grid_option_module_withLabel--93197","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--93197","optionButton":"bp_select_menu_grid_option_module_optionButton--93197","labeled":"bp_select_menu_grid_option_module_labeled--93197","labelContent":"bp_select_menu_grid_option_module_labelContent--93197","labelContent--withDescription":"bp_select_menu_grid_option_module_labelContent--withDescription--93197","text":"bp_select_menu_grid_option_module_text--93197","text--large":"bp_select_menu_grid_option_module_text--large--93197","text--default":"bp_select_menu_grid_option_module_text--default--93197","description":"bp_select_menu_grid_option_module_description--93197","iconContainer":"bp_select_menu_grid_option_module_iconContainer--93197","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--93197","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--93197","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--93197","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--93197","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--93197","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--93197","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--93197","active":"bp_select_menu_grid_option_module_active--93197","dragging":"bp_select_menu_grid_option_module_dragging--93197","labeled--large":"bp_select_menu_grid_option_module_labeled--large--93197","disabled":"bp_select_menu_grid_option_module_disabled--93197","square":"bp_select_menu_grid_option_module_square--93197","outlineHost":"bp_select_menu_grid_option_module_outlineHost--93197","circle":"bp_select_menu_grid_option_module_circle--93197","loading":"bp_select_menu_grid_option_module_loading--93197","color":"bp_select_menu_grid_option_module_color--93197","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--93197"};
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": "17.22.0",
3
+ "version": "17.22.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.11.9",
58
+ "@box/blueprint-web-assets": "^5.11.10",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.4.4",
89
+ "@box/storybook-utils": "^1.4.5",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",