@box/blueprint-web 12.89.0 → 12.89.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 (3) hide show
  1. package/dist/lib-esm/index.css +46 -46
  2. package/dist/lib-esm/primitives/chips/chip.module.js +1 -1
  3. package/package.json +1 -1
package/dist/lib-esm/index.css CHANGED
@@ -7765,7 +7765,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7765
7765
  .bp_base_text_input_module_textInputContainerOuter--074f0 .bp_base_text_input_module_inlineError--074f0,.bp_base_text_input_module_textInputContainerOuter--074f0 .bp_base_text_input_module_subtext--074f0{
7766
7766
  margin-block-start:var(--text-input-inline-error-subtext-block-margin);
7767
7767
  }
7768
- .bp_chip_module_chip--26e20[data-modern=false]{
7768
+ .bp_chip_module_chip--c5a4a[data-modern=false]{
7769
7769
  --chip-gap:var(--space-2);
7770
7770
  --chip-height:var(--size-8);
7771
7771
  --chip-radius:var(--radius-half);
@@ -7812,7 +7812,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7812
7812
  text-decoration:var(--body-default-bold-text-decoration);
7813
7813
  text-transform:var(--body-default-bold-text-case);
7814
7814
  }
7815
- .bp_chip_module_chip--26e20[data-modern=false].bp_chip_module_chipButton--26e20,.bp_chip_module_chip--26e20[data-modern=false].bp_chip_module_multiSelectChip--26e20{
7815
+ .bp_chip_module_chip--c5a4a[data-modern=false].bp_chip_module_chipButton--c5a4a,.bp_chip_module_chip--c5a4a[data-modern=false].bp_chip_module_multiSelectChip--c5a4a{
7816
7816
  font-family:var(--body-default-font-family);
7817
7817
  font-size:var(--body-default-font-size);
7818
7818
  font-weight:var(--body-default-font-weight);
@@ -7822,7 +7822,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7822
7822
  text-decoration:var(--body-default-text-decoration);
7823
7823
  text-transform:var(--body-default-text-case);
7824
7824
  }
7825
- .bp_chip_module_chip--26e20[data-modern=false].bp_chip_module_multiSelectChip--26e20 span::before,.bp_chip_module_chip--26e20[data-modern=false].bp_chip_module_multiSelectChip--26e20[data-state=on]{
7825
+ .bp_chip_module_chip--c5a4a[data-modern=false].bp_chip_module_multiSelectChip--c5a4a span::before,.bp_chip_module_chip--c5a4a[data-modern=false].bp_chip_module_multiSelectChip--c5a4a[data-state=on]{
7826
7826
  font-family:var(--body-default-bold-font-family);
7827
7827
  font-size:var(--body-default-bold-font-size);
7828
7828
  font-weight:var(--body-default-bold-font-weight);
@@ -7832,7 +7832,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7832
7832
  text-decoration:var(--body-default-bold-text-decoration);
7833
7833
  text-transform:var(--body-default-bold-text-case);
7834
7834
  }
7835
- .bp_chip_module_chip--26e20[data-modern=false] .bp_chip_module_chipStatus--26e20{
7835
+ .bp_chip_module_chip--c5a4a[data-modern=false] .bp_chip_module_chipStatus--c5a4a{
7836
7836
  font-family:var(--label-bold-font-family);
7837
7837
  font-size:var(--label-bold-font-size);
7838
7838
  font-weight:var(--label-bold-font-weight);
@@ -7843,9 +7843,9 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7843
7843
  text-transform:var(--label-bold-text-case);
7844
7844
  }
7845
7845
 
7846
- .bp_chip_module_chip--26e20[data-modern=true]{
7846
+ .bp_chip_module_chip--c5a4a[data-modern=true]{
7847
7847
  --chip-gap:var(--bp-space-020);
7848
- --chip-height:var(--bp-size-080);
7848
+ --chip-height:var(--bp-size-090);
7849
7849
  --chip-radius:var(--bp-radius-16);
7850
7850
  --chip-padding-inline:var(--bp-space-000);
7851
7851
  --chip-label-inline-padding:var(--bp-space-040);
@@ -7888,7 +7888,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7888
7888
  letter-spacing:var(--bp-font-letter-spacing-01);
7889
7889
  line-height:var(--bp-font-line-height-04);
7890
7890
  }
7891
- .bp_chip_module_chip--26e20[data-modern=true].bp_chip_module_chipButton--26e20,.bp_chip_module_chip--26e20[data-modern=true].bp_chip_module_multiSelectChip--26e20{
7891
+ .bp_chip_module_chip--c5a4a[data-modern=true].bp_chip_module_chipButton--c5a4a,.bp_chip_module_chip--c5a4a[data-modern=true].bp_chip_module_multiSelectChip--c5a4a{
7892
7892
  font-family:var(--bp-font-font-family);
7893
7893
  font-size:var(--bp-font-size-05);
7894
7894
  font-style:normal;
@@ -7896,7 +7896,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7896
7896
  letter-spacing:var(--bp-font-letter-spacing-01);
7897
7897
  line-height:var(--bp-font-line-height-04);
7898
7898
  }
7899
- .bp_chip_module_chip--26e20[data-modern=true].bp_chip_module_multiSelectChip--26e20 span::before,.bp_chip_module_chip--26e20[data-modern=true].bp_chip_module_multiSelectChip--26e20[data-state=on]{
7899
+ .bp_chip_module_chip--c5a4a[data-modern=true].bp_chip_module_multiSelectChip--c5a4a span::before,.bp_chip_module_chip--c5a4a[data-modern=true].bp_chip_module_multiSelectChip--c5a4a[data-state=on]{
7900
7900
  font-family:var(--bp-font-font-family);
7901
7901
  font-size:var(--bp-font-size-05);
7902
7902
  font-style:normal;
@@ -7904,7 +7904,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7904
7904
  letter-spacing:var(--bp-font-letter-spacing-01);
7905
7905
  line-height:var(--bp-font-line-height-04);
7906
7906
  }
7907
- .bp_chip_module_chip--26e20[data-modern=true] .bp_chip_module_chipStatus--26e20{
7907
+ .bp_chip_module_chip--c5a4a[data-modern=true] .bp_chip_module_chipStatus--c5a4a{
7908
7908
  font-family:var(--bp-font-font-family);
7909
7909
  font-size:var(--bp-font-size-02);
7910
7910
  font-style:normal;
@@ -7913,7 +7913,7 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7913
7913
  line-height:var(--bp-font-line-height-03);
7914
7914
  }
7915
7915
 
7916
- .bp_chip_module_chip--26e20{
7916
+ .bp_chip_module_chip--c5a4a{
7917
7917
  align-items:center;
7918
7918
  border:none;
7919
7919
  border-radius:var(--chip-radius);
@@ -7924,27 +7924,27 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7924
7924
  height:var(--chip-height);
7925
7925
  padding-inline:var(--chip-padding-inline);
7926
7926
  }
7927
- .bp_chip_module_chip--26e20 .bp_chip_module_labelText--26e20:first-child{
7927
+ .bp_chip_module_chip--c5a4a .bp_chip_module_labelText--c5a4a:first-child{
7928
7928
  margin-inline-start:var(--chip-label-inline-padding);
7929
7929
  }
7930
- .bp_chip_module_chip--26e20 .bp_chip_module_labelText--26e20:last-child{
7930
+ .bp_chip_module_chip--c5a4a .bp_chip_module_labelText--c5a4a:last-child{
7931
7931
  margin-inline-end:var(--chip-label-inline-padding);
7932
7932
  }
7933
- .bp_chip_module_chip--26e20 .bp_chip_module_chipStatus--26e20:first-child,.bp_chip_module_chip--26e20 svg:first-child{
7933
+ .bp_chip_module_chip--c5a4a .bp_chip_module_chipStatus--c5a4a:first-child,.bp_chip_module_chip--c5a4a svg:first-child{
7934
7934
  margin-inline-start:var(--chip-item-inline-padding);
7935
7935
  }
7936
- .bp_chip_module_chip--26e20 .bp_chip_module_chipStatus--26e20:last-child,.bp_chip_module_chip--26e20 svg:last-child{
7936
+ .bp_chip_module_chip--c5a4a .bp_chip_module_chipStatus--c5a4a:last-child,.bp_chip_module_chip--c5a4a svg:last-child{
7937
7937
  margin-inline-end:var(--chip-item-inline-padding);
7938
7938
  }
7939
- .bp_chip_module_chip--26e20:disabled{
7939
+ .bp_chip_module_chip--c5a4a:disabled{
7940
7940
  color:var(--chip-text-color-disabled);
7941
7941
  cursor:default;
7942
7942
  pointer-events:none;
7943
7943
  }
7944
- .bp_chip_module_chip--26e20:disabled svg{
7944
+ .bp_chip_module_chip--c5a4a:disabled svg{
7945
7945
  opacity:.4;
7946
7946
  }
7947
- .bp_chip_module_chip--26e20 .bp_chip_module_chipStatus--26e20{
7947
+ .bp_chip_module_chip--c5a4a .bp_chip_module_chipStatus--c5a4a{
7948
7948
  align-items:center;
7949
7949
  background-color:var(--chip-status-background-default);
7950
7950
  border-radius:var(--chip-status-radius);
@@ -7956,91 +7956,91 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
7956
7956
  justify-content:center;
7957
7957
  padding:var(--chip-status-padding);
7958
7958
  }
7959
- .bp_chip_module_chip--26e20 .bp_chip_module_labelText--26e20{
7959
+ .bp_chip_module_chip--c5a4a .bp_chip_module_labelText--c5a4a{
7960
7960
  white-space:nowrap;
7961
7961
  }
7962
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20{
7962
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a{
7963
7963
  background-color:var(--chip-button-background);
7964
7964
  }
7965
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:focus-visible{
7965
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:focus-visible{
7966
7966
  box-shadow:0 0 0 var(--chip-button-outline-width) var(--chip-button-outline-width);
7967
7967
  outline:none;
7968
7968
  overflow:visible;
7969
7969
  }
7970
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20 .bp_chip_module_chipStatus--26e20{
7970
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a .bp_chip_module_chipStatus--c5a4a{
7971
7971
  background-color:var(--chip-button-status-background);
7972
7972
  color:var(--chip-button-status-text-color);
7973
7973
  }
7974
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:focus-visible,.bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20[data-active-item]{
7974
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:focus-visible,.bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a[data-active-item]{
7975
7975
  box-shadow:var(--chip-button-focus-box-shadow);
7976
7976
  outline:none;
7977
7977
  }
7978
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:disabled{
7978
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:disabled{
7979
7979
  pointer-events:none;
7980
7980
  }
7981
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:disabled .bp_chip_module_chipStatus--26e20,.bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:disabled svg{
7981
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:disabled .bp_chip_module_chipStatus--c5a4a,.bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:disabled svg{
7982
7982
  opacity:.4;
7983
7983
  }
7984
- .bp_chip_module_chip--26e20.bp_chip_module_chipButton--26e20:hover:enabled{
7984
+ .bp_chip_module_chip--c5a4a.bp_chip_module_chipButton--c5a4a:hover:enabled{
7985
7985
  background-color:var(--chip-button-background-hover);
7986
7986
  }
7987
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20{
7987
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a{
7988
7988
  background-color:var(--chip-single-select-background);
7989
7989
  }
7990
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20[data-state=on]{
7990
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a[data-state=on]{
7991
7991
  background-color:var(--chip-single-select-background-selected);
7992
7992
  color:var(--chip-single-select-text-color-selected);
7993
7993
  }
7994
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20[data-state=on]:hover{
7994
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a[data-state=on]:hover{
7995
7995
  background-color:var(--chip-single-select-background-selected-hover);
7996
7996
  }
7997
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20[data-state=on] .bp_chip_module_chipStatus--26e20{
7997
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a[data-state=on] .bp_chip_module_chipStatus--c5a4a{
7998
7998
  color:var(--chip-single-select-status-text-color-selected);
7999
7999
  }
8000
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20:focus-visible,.bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20[data-active-item]{
8000
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a:focus-visible,.bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a[data-active-item]{
8001
8001
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
8002
8002
  outline:var(--border-1) solid var(--gray-white);
8003
8003
  outline-offset:calc(var(--border-1)*-1);
8004
8004
  }
8005
- .bp_chip_module_chip--26e20.bp_chip_module_singleSelectChip--26e20:hover:not([data-state=on]){
8005
+ .bp_chip_module_chip--c5a4a.bp_chip_module_singleSelectChip--c5a4a:hover:not([data-state=on]){
8006
8006
  background-color:var(--chip-single-select-background-hover);
8007
8007
  }
8008
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20{
8008
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a{
8009
8009
  background-color:var(--chip-multi-select-background);
8010
8010
  }
8011
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20 path{
8011
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a path{
8012
8012
  fill:var(--chip-multi-select-icon-color);
8013
8013
  }
8014
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on]{
8014
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on]{
8015
8015
  background-color:var(--chip-multi-select-background-selected);
8016
8016
  border:var(--chip-multi-select-border-selected);
8017
8017
  color:var(--chip-multi-select-text-color-selected);
8018
8018
  }
8019
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on] path{
8019
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on] path{
8020
8020
  fill:var(--chip-multi-select-text-color-selected);
8021
8021
  }
8022
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on]:hover{
8022
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on]:hover{
8023
8023
  background-color:var(--chip-multi-select-background-selected-hover);
8024
8024
  }
8025
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on]:focus-visible,.bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on][data-active-item]{
8025
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on]:focus-visible,.bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on][data-active-item]{
8026
8026
  border:var(--chip-multi-select-focus-border-selected);
8027
8027
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
8028
8028
  outline:var(--border-1) solid var(--chip-multi-select-border-color-selected);
8029
8029
  outline-offset:calc(var(--border-2)*-1);
8030
8030
  }
8031
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-state=on] .bp_chip_module_chipStatus--26e20{
8031
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-state=on] .bp_chip_module_chipStatus--c5a4a{
8032
8032
  background-color:var(--chip-multi-select-status-background-selected);
8033
8033
  color:var(--chip-multi-select-status-text-color-selected);
8034
8034
  }
8035
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20:focus-visible:not([data-state=on]),.bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20[data-active-item]:not([data-state=on]){
8035
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a:focus-visible:not([data-state=on]),.bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a[data-active-item]:not([data-state=on]){
8036
8036
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
8037
8037
  outline:var(--border-1) solid var(--gray-white);
8038
8038
  outline-offset:calc(var(--border-1)*-1);
8039
8039
  }
8040
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20:hover:not([data-state=on]){
8040
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a:hover:not([data-state=on]){
8041
8041
  background-color:var(--chip-multi-select-background-hover);
8042
8042
  }
8043
- .bp_chip_module_chip--26e20.bp_chip_module_multiSelectChip--26e20 span::before{
8043
+ .bp_chip_module_chip--c5a4a.bp_chip_module_multiSelectChip--c5a4a span::before{
8044
8044
  content:attr(data-text);
8045
8045
  display:block;
8046
8046
  height:0;
@@ -8048,30 +8048,30 @@ table.bp_inline_table_module_inlineTable--b87c9[data-modern=true] td:last-child,
8048
8048
  visibility:hidden;
8049
8049
  }
8050
8050
 
8051
- .bp_chip_module_chipsGroup--26e20[data-modern=false]{
8051
+ .bp_chip_module_chipsGroup--c5a4a[data-modern=false]{
8052
8052
  --chips-group-gap:var(--space-2);
8053
8053
  --chips-group-small-screen-padding:var(--space-5);
8054
8054
  }
8055
8055
 
8056
- .bp_chip_module_chipsGroup--26e20[data-modern=true]{
8056
+ .bp_chip_module_chipsGroup--c5a4a[data-modern=true]{
8057
8057
  --chips-group-gap:var(--bp-space-020);
8058
8058
  --chips-group-small-screen-padding:var(--bp-space-050);
8059
8059
  }
8060
8060
 
8061
- .bp_chip_module_chipsGroup--26e20{
8061
+ .bp_chip_module_chipsGroup--c5a4a{
8062
8062
  display:flex;
8063
8063
  flex-wrap:wrap;
8064
8064
  gap:var(--chips-group-gap);
8065
8065
  }
8066
8066
  @media (max-width: 767px){
8067
- .bp_chip_module_chipsGroup--26e20{
8067
+ .bp_chip_module_chipsGroup--c5a4a{
8068
8068
  -ms-overflow-style:none;
8069
8069
  flex-wrap:nowrap;
8070
8070
  overflow-x:scroll;
8071
8071
  padding:var(--chips-group-small-screen-padding);
8072
8072
  scrollbar-width:none;
8073
8073
  }
8074
- .bp_chip_module_chipsGroup--26e20::-webkit-scrollbar{
8074
+ .bp_chip_module_chipsGroup--c5a4a::-webkit-scrollbar{
8075
8075
  display:none;
8076
8076
  }
8077
8077
  }
package/dist/lib-esm/primitives/chips/chip.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"chip":"bp_chip_module_chip--26e20","chipButton":"bp_chip_module_chipButton--26e20","multiSelectChip":"bp_chip_module_multiSelectChip--26e20","chipStatus":"bp_chip_module_chipStatus--26e20","labelText":"bp_chip_module_labelText--26e20","singleSelectChip":"bp_chip_module_singleSelectChip--26e20","chipsGroup":"bp_chip_module_chipsGroup--26e20"};
2
+ var styles = {"chip":"bp_chip_module_chip--c5a4a","chipButton":"bp_chip_module_chipButton--c5a4a","multiSelectChip":"bp_chip_module_multiSelectChip--c5a4a","chipStatus":"bp_chip_module_chipStatus--c5a4a","labelText":"bp_chip_module_labelText--c5a4a","singleSelectChip":"bp_chip_module_singleSelectChip--c5a4a","chipsGroup":"bp_chip_module_chipsGroup--c5a4a"};
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": "12.89.0",
3
+ "version": "12.89.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {