@box/blueprint-web 12.52.0 → 12.52.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 +31 -31
  2. package/dist/lib-esm/input-chip/input-chip.module.js +1 -1
  3. package/package.json +1 -1
package/dist/lib-esm/index.css CHANGED
@@ -1912,7 +1912,7 @@
1912
1912
  max-width:100%;
1913
1913
  }
1914
1914
 
1915
- .bp_input_chip_module_container--86f74[data-modern=false]{
1915
+ .bp_input_chip_module_container--9324d[data-modern=false]{
1916
1916
  --input-chip-surface:var(--surface-inputchip-surface);
1917
1917
  --input-chip-surface-hover:var(--surface-inputchip-surface-hover);
1918
1918
  --input-chip-surface-error:var(--surface-inputchip-surface-error);
@@ -1947,7 +1947,7 @@
1947
1947
  --input-chip-delete-padding-block:var(--space-1);
1948
1948
  }
1949
1949
 
1950
- .bp_input_chip_module_container--86f74[data-modern=true]{
1950
+ .bp_input_chip_module_container--9324d[data-modern=true]{
1951
1951
  --input-chip-surface:var(--bp-gray-10);
1952
1952
  --input-chip-surface-hover:var(--bp-gray-10);
1953
1953
  --input-chip-surface-error:var(--bp-watermelon-red-10);
@@ -1956,7 +1956,7 @@
1956
1956
  --input-chip-text-variable:var(--bp-purple-rain-120);
1957
1957
  --input-chip-delete-icon:var(--bp-purple-rain-120);
1958
1958
  --input-chip-border-error:var(--bp-watermelon-red-100);
1959
- --input-chip-border-radius:var(--bp-radius-16);
1959
+ --input-chip-border-radius:var(--bp-radius-04);
1960
1960
  --input-chip-height:var(--bp-size-070);
1961
1961
  --input-chip-padding-inline:calc(var(--bp-space-020) - var(--bp-space-005)) var(--bp-space-005);
1962
1962
  --input-chip-padding-block:var(--bp-space-005);
@@ -1982,7 +1982,7 @@
1982
1982
  --input-chip-delete-padding-block:var(--bp-space-010);
1983
1983
  }
1984
1984
 
1985
- .bp_input_chip_module_container--86f74{
1985
+ .bp_input_chip_module_container--9324d{
1986
1986
  align-items:center;
1987
1987
  background-color:var(--input-chip-surface);
1988
1988
  border:none;
@@ -2006,27 +2006,27 @@
2006
2006
  -webkit-user-select:none;
2007
2007
  user-select:none;
2008
2008
  }
2009
- .bp_input_chip_module_container--86f74.bp_input_chip_module_avatarContainer--86f74{
2009
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_avatarContainer--9324d{
2010
2010
  padding-inline:var(--input-chip-padding-inline-avatar);
2011
2011
  }
2012
- .bp_input_chip_module_container--86f74:not(.bp_input_chip_module_avatarContainer--86f74).bp_input_chip_module_deleteButton--86f74{
2012
+ .bp_input_chip_module_container--9324d:not(.bp_input_chip_module_avatarContainer--9324d).bp_input_chip_module_deleteButton--9324d{
2013
2013
  padding-inline:var(--input-chip-padding-inline-delete);
2014
2014
  }
2015
- .bp_input_chip_module_container--86f74:not(.bp_input_chip_module_avatarContainer--86f74).bp_input_chip_module_noDeleteButton--86f74{
2015
+ .bp_input_chip_module_container--9324d:not(.bp_input_chip_module_avatarContainer--9324d).bp_input_chip_module_noDeleteButton--9324d{
2016
2016
  padding-inline:calc(var(--bp-space-020) - var(--bp-space-005)) var(--bp-space-005);
2017
2017
  }
2018
- .bp_input_chip_module_container--86f74:not(.bp_input_chip_module_error--86f74):focus{
2018
+ .bp_input_chip_module_container--9324d:not(.bp_input_chip_module_error--9324d):focus{
2019
2019
  background-color:var(--input-chip-surface-hover);
2020
2020
  box-shadow:0 0 0 var(--input-chip-focus-ring-offset-width) var(--input-chip-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-focus-ring-width) + var(--input-chip-focus-ring-offset-width)) var(--input-chip-focus-ring-color);
2021
2021
  }
2022
- .bp_input_chip_module_container--86f74.bp_input_chip_module_error--86f74{
2022
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_error--9324d{
2023
2023
  background-color:var(--input-chip-surface-error);
2024
2024
  outline:var(--border-1) solid var(--input-chip-border-error);
2025
2025
  }
2026
- .bp_input_chip_module_container--86f74.bp_input_chip_module_error--86f74:focus{
2026
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_error--9324d:focus{
2027
2027
  box-shadow:0 0 0 var(--input-chip-error-focus-ring-offset-width) var(--input-chip-error-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-error-focus-ring-width) + var(--input-chip-error-focus-ring-offset-width)) var(--input-chip-error-focus-ring-color);
2028
2028
  }
2029
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74{
2029
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d{
2030
2030
  align-items:center;
2031
2031
  background:var(--input-chip-delete-surface);
2032
2032
  border-radius:var(--input-chip-delete-icon-border-radius);
@@ -2036,67 +2036,67 @@
2036
2036
  padding-block:var(--input-chip-delete-padding-block);
2037
2037
  padding-inline:var(--input-chip-delete-padding-inline);
2038
2038
  }
2039
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74 *{
2039
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d *{
2040
2040
  fill:var(--input-chip-delete-icon-color);
2041
2041
  }
2042
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74:hover{
2042
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d:hover{
2043
2043
  background:var(--input-chip-delete-surface-hover);
2044
2044
  }
2045
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74:hover *{
2045
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d:hover *{
2046
2046
  fill:var(--input-chip-delete-icon-hover);
2047
2047
  }
2048
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74:active{
2048
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d:active{
2049
2049
  background:var(--input-chip-delete-surface-pressed);
2050
2050
  }
2051
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_deleteIcon--86f74:active *{
2051
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_deleteIcon--9324d:active *{
2052
2052
  fill:var(--input-chip-delete-icon-pressed);
2053
2053
  }
2054
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_label--86f74{
2054
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_label--9324d{
2055
2055
  overflow:hidden;
2056
2056
  padding-inline:var(--input-chip-label-padding-inline);
2057
2057
  text-overflow:ellipsis;
2058
2058
  white-space:nowrap;
2059
2059
  }
2060
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74{
2060
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d{
2061
2061
  background-color:var(--input-chip-surface-variable);
2062
2062
  }
2063
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_label--86f74{
2063
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_label--9324d{
2064
2064
  color:var(--input-chip-text-variable);
2065
2065
  }
2066
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74:focus{
2066
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d:focus{
2067
2067
  background-color:var(--input-chip-surface-variable);
2068
2068
  }
2069
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74{
2069
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d{
2070
2070
  background:var(--input-chip-delete-surface);
2071
2071
  }
2072
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74 *{
2072
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d *{
2073
2073
  fill:var(--input-chip-delete-icon);
2074
2074
  }
2075
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74:hover{
2075
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d:hover{
2076
2076
  background:var(--input-chip-delete-surface-hover);
2077
2077
  }
2078
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74:hover *{
2078
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d:hover *{
2079
2079
  fill:var(--input-chip-delete-icon);
2080
2080
  }
2081
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74:active{
2081
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d:active{
2082
2082
  background:var(--input-chip-delete-surface-pressed);
2083
2083
  }
2084
- .bp_input_chip_module_container--86f74.bp_input_chip_module_variable--86f74 .bp_input_chip_module_deleteIcon--86f74:active *{
2084
+ .bp_input_chip_module_container--9324d.bp_input_chip_module_variable--9324d .bp_input_chip_module_deleteIcon--9324d:active *{
2085
2085
  fill:var(--input-chip-delete-icon);
2086
2086
  }
2087
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_avatar--86f74{
2087
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_avatar--9324d{
2088
2088
  flex-shrink:0;
2089
2089
  }
2090
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_avatar--86f74.bp_input_chip_module_modern--86f74{
2091
- border-bottom-left-radius:var(--bp-radius-16);
2090
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_avatar--9324d.bp_input_chip_module_modern--9324d{
2091
+ border-bottom-left-radius:var(--bp-radius-04);
2092
2092
  border-bottom-right-radius:0;
2093
- border-top-left-radius:var(--bp-radius-16);
2093
+ border-top-left-radius:var(--bp-radius-04);
2094
2094
  border-top-right-radius:0;
2095
2095
  height:1.75rem;
2096
2096
  overflow:hidden;
2097
2097
  width:1.75rem;
2098
2098
  }
2099
- .bp_input_chip_module_container--86f74 .bp_input_chip_module_avatar--86f74.bp_input_chip_module_modern--86f74 *{
2099
+ .bp_input_chip_module_container--9324d .bp_input_chip_module_avatar--9324d.bp_input_chip_module_modern--9324d *{
2100
2100
  border-radius:unset;
2101
2101
  }
2102
2102
  .bp_inline_error_module_inlineError--9a67c{
package/dist/lib-esm/input-chip/input-chip.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_input_chip_module_container--86f74","avatarContainer":"bp_input_chip_module_avatarContainer--86f74","deleteButton":"bp_input_chip_module_deleteButton--86f74","noDeleteButton":"bp_input_chip_module_noDeleteButton--86f74","error":"bp_input_chip_module_error--86f74","deleteIcon":"bp_input_chip_module_deleteIcon--86f74","label":"bp_input_chip_module_label--86f74","variable":"bp_input_chip_module_variable--86f74","avatar":"bp_input_chip_module_avatar--86f74","modern":"bp_input_chip_module_modern--86f74"};
2
+ var styles = {"container":"bp_input_chip_module_container--9324d","avatarContainer":"bp_input_chip_module_avatarContainer--9324d","deleteButton":"bp_input_chip_module_deleteButton--9324d","noDeleteButton":"bp_input_chip_module_noDeleteButton--9324d","error":"bp_input_chip_module_error--9324d","deleteIcon":"bp_input_chip_module_deleteIcon--9324d","label":"bp_input_chip_module_label--9324d","variable":"bp_input_chip_module_variable--9324d","avatar":"bp_input_chip_module_avatar--9324d","modern":"bp_input_chip_module_modern--9324d"};
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.52.0",
3
+ "version": "12.52.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {