@box/blueprint-web 7.36.2 → 7.36.3

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 (5) hide show
  1. package/lib-esm/index.css +34 -24
  2. package/lib-esm/search-input/search-input-controlled/search-input-controlled.js +1 -1
  3. package/lib-esm/search-input/search-input.js +1 -1
  4. package/lib-esm/search-input/search.module.js +1 -1
  5. package/package.json +2 -2
package/lib-esm/index.css CHANGED
@@ -4857,7 +4857,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4857
4857
  background-color:var(--surface-radio-surface-selected-hover);
4858
4858
  }
4859
4859
 
4860
- .bp_search_module_search--f146a{
4860
+ .bp_search_module_search--b65f4{
4861
4861
  font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
4862
4862
  font-size:.875rem;
4863
4863
  font-weight:400;
@@ -4870,7 +4870,10 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4870
4870
  text-transform:none;
4871
4871
  width:100%;
4872
4872
  }
4873
- .bp_search_module_search--f146a .bp_search_module_searchIcon--f146a{
4873
+ .bp_search_module_search--b65f4.bp_search_module_disabled--b65f4{
4874
+ opacity:.3;
4875
+ }
4876
+ .bp_search_module_search--b65f4 .bp_search_module_searchIcon--b65f4{
4874
4877
  height:var(--size-4);
4875
4878
  left:var(--space-2);
4876
4879
  pointer-events:none;
@@ -4879,12 +4882,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4879
4882
  transform:translateY(-50%);
4880
4883
  width:var(--size-4);
4881
4884
  }
4882
- .bp_search_module_search--f146a .bp_search_module_searchIcon--f146a.bp_search_module_global--f146a{
4885
+ .bp_search_module_search--b65f4 .bp_search_module_searchIcon--b65f4.bp_search_module_global--b65f4{
4883
4886
  height:var(--size-5);
4884
4887
  left:var(--space-4);
4885
4888
  width:var(--size-5);
4886
4889
  }
4887
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a{
4890
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4{
4891
+ -webkit-font-smoothing:auto;
4888
4892
  background-color:var(--surface-search-surface);
4889
4893
  border:var(--border-1) solid #0000;
4890
4894
  border-radius:var(--radius-2);
@@ -4905,45 +4909,51 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4905
4909
  transition:border-color .15s ease,background-color .15s ease;
4906
4910
  width:100%;
4907
4911
  }
4908
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a.bp_search_module_global--f146a{
4912
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4.bp_search_module_global--b65f4{
4909
4913
  border-radius:var(--radius-7);
4910
4914
  height:var(--size-12);
4911
4915
  padding-inline:var(--space-12) var(--space-2);
4912
4916
  }
4913
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a::-webkit-search-cancel-button,.bp_search_module_search--f146a .bp_search_module_searchInput--f146a::-webkit-search-decoration,.bp_search_module_search--f146a .bp_search_module_searchInput--f146a::-webkit-search-results-button,.bp_search_module_search--f146a .bp_search_module_searchInput--f146a::-webkit-search-results-decoration{
4917
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4::-webkit-search-cancel-button,.bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4::-webkit-search-decoration,.bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4::-webkit-search-results-button,.bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4::-webkit-search-results-decoration{
4914
4918
  appearance:none;
4915
4919
  }
4916
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:hover{
4920
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:disabled{
4921
+ background-color:var(--surface-search-surface);
4922
+ border-color:#0000;
4923
+ box-shadow:unset;
4924
+ color:var(--text-text-on-light);
4925
+ }
4926
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:hover{
4917
4927
  box-shadow:unset;
4918
4928
  }
4919
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a .bp_search_module_firefoxDefaultOpacityFix--f146a,.bp_search_module_search--f146a .bp_search_module_searchInput--f146a .bp_search_module_searchInput--f146a::placeholder{
4929
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4 .bp_search_module_firefoxDefaultOpacityFix--b65f4,.bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4 .bp_search_module_searchInput--b65f4::placeholder{
4920
4930
  opacity:1;
4921
4931
  }
4922
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a::placeholder{
4932
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4::placeholder{
4923
4933
  color:var(--text-text-on-light-secondary);
4924
4934
  }
4925
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:not(:placeholder-shown){
4935
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:not(:placeholder-shown){
4926
4936
  padding-inline-end:var(--space-8);
4927
4937
  }
4928
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:not(:placeholder-shown).bp_search_module_global--f146a{
4938
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:not(:placeholder-shown).bp_search_module_global--b65f4{
4929
4939
  padding-inline-end:calc(var(--size-8)*2 + var(--space-6));
4930
4940
  }
4931
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:not(:placeholder-shown).bp_search_module_global--f146a.bp_search_module_withoutActionButton--f146a{
4941
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:not(:placeholder-shown).bp_search_module_global--b65f4.bp_search_module_withoutActionButton--b65f4{
4932
4942
  padding-inline-end:calc(var(--size-8) + var(--space-3));
4933
4943
  }
4934
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:focus-visible{
4944
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:focus-visible{
4935
4945
  background-color:var(--surface-search-surface-focused);
4936
4946
  border:var(--border-2) solid #2486fc;
4937
4947
  padding-inline-start:calc(var(--space-8) - var(--border-1));
4938
4948
  }
4939
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:focus-visible.bp_search_module_global--f146a{
4949
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:focus-visible.bp_search_module_global--b65f4{
4940
4950
  padding-inline-start:calc(var(--space-12) - var(--border-1));
4941
4951
  }
4942
- .bp_search_module_search--f146a .bp_search_module_searchInput--f146a:not(:focus-visible):not(:disabled):hover{
4952
+ .bp_search_module_search--b65f4 .bp_search_module_searchInput--b65f4:not(:focus-visible):not(:disabled):hover{
4943
4953
  background-color:var(--surface-search-surface-hover);
4944
4954
  border-color:#6f6f6f;
4945
4955
  }
4946
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a{
4956
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4{
4947
4957
  background:var(--surface-cta-surface-icon);
4948
4958
  height:var(--size-4);
4949
4959
  position:absolute;
@@ -4952,31 +4962,31 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4952
4962
  transform:translateY(-50%);
4953
4963
  width:var(--size-4);
4954
4964
  }
4955
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a.bp_search_module_global--f146a{
4965
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4.bp_search_module_global--b65f4{
4956
4966
  height:var(--size-8);
4957
4967
  right:calc(var(--space-12) + var(--space-1));
4958
4968
  width:var(--size-8);
4959
4969
  }
4960
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a.bp_search_module_withoutActionButton--f146a{
4970
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4.bp_search_module_withoutActionButton--b65f4{
4961
4971
  right:var(--space-3);
4962
4972
  }
4963
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a *{
4973
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4 *{
4964
4974
  fill:var(--icon-cta-icon);
4965
4975
  }
4966
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a:focus-visible{
4976
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4:focus-visible{
4967
4977
  background:var(--surface-cta-surface-icon-hover);
4968
4978
  outline:var(--border-2) solid var(--outline-focus-on-light);
4969
4979
  }
4970
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a:focus-visible *{
4980
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4:focus-visible *{
4971
4981
  fill:var(--icon-cta-icon-hover);
4972
4982
  }
4973
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a:hover{
4983
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4:hover{
4974
4984
  background:var(--surface-cta-surface-icon-hover);
4975
4985
  }
4976
- .bp_search_module_search--f146a .bp_search_module_clearSearchIcon--f146a:hover *{
4986
+ .bp_search_module_search--b65f4 .bp_search_module_clearSearchIcon--b65f4:hover *{
4977
4987
  fill:var(--icon-cta-icon-hover);
4978
4988
  }
4979
- .bp_search_module_search--f146a .bp_search_module_actionButton--f146a{
4989
+ .bp_search_module_search--b65f4 .bp_search_module_actionButton--b65f4{
4980
4990
  position:absolute;
4981
4991
  right:var(--space-4);
4982
4992
  top:50%;
package/lib-esm/search-input/search-input-controlled/search-input-controlled.js CHANGED
@@ -68,7 +68,7 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
68
68
  size: 'x-small'
69
69
  }), [isGlobal, onClearInput, searchInputClearAriaLabel, showActionButton]);
70
70
  return jsxs("div", {
71
- className: clsx(styles.search, className),
71
+ className: clsx(styles.search, disabled && styles.disabled, className),
72
72
  children: [jsx(Search, {
73
73
  "aria-hidden": "true",
74
74
  className: clsx(styles.searchIcon, isGlobal && styles.global),
package/lib-esm/search-input/search-input.js CHANGED
@@ -69,7 +69,7 @@ const SearchInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
69
69
  const isGlobal = variant === 'global';
70
70
  const showActionButton = Children.count(children) > 0;
71
71
  return jsxs("div", {
72
- className: clsx(styles.search, className),
72
+ className: clsx(styles.search, disabled && styles.disabled, className),
73
73
  children: [jsx(Search, {
74
74
  "aria-hidden": "true",
75
75
  className: clsx(styles.searchIcon, isGlobal && styles.global),
package/lib-esm/search-input/search.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"search":"bp_search_module_search--f146a","searchIcon":"bp_search_module_searchIcon--f146a","global":"bp_search_module_global--f146a","searchInput":"bp_search_module_searchInput--f146a","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--f146a","withoutActionButton":"bp_search_module_withoutActionButton--f146a","clearSearchIcon":"bp_search_module_clearSearchIcon--f146a","actionButton":"bp_search_module_actionButton--f146a"};
2
+ var styles = {"search":"bp_search_module_search--b65f4","disabled":"bp_search_module_disabled--b65f4","searchIcon":"bp_search_module_searchIcon--b65f4","global":"bp_search_module_global--b65f4","searchInput":"bp_search_module_searchInput--b65f4","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--b65f4","withoutActionButton":"bp_search_module_withoutActionButton--b65f4","clearSearchIcon":"bp_search_module_clearSearchIcon--b65f4","actionButton":"bp_search_module_actionButton--b65f4"};
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": "7.36.2",
3
+ "version": "7.36.3",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -63,7 +63,7 @@
63
63
  "react-stately": "^3.31.1",
64
64
  "tsx": "^4.16.5"
65
65
  },
66
- "gitHead": "f127b11dc4b59418aa99af4725e798f2e1f48c15",
66
+ "gitHead": "cb9d1103ad345206637fdc35e1650751ae752a0a",
67
67
  "module": "lib-esm/index.js",
68
68
  "main": "lib-esm/index.js",
69
69
  "exports": {