@box/blueprint-web 7.30.2 → 7.31.0

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.
package/lib-esm/index.css CHANGED
@@ -3994,13 +3994,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
3994
3994
  background:none;
3995
3995
  }
3996
3996
 
3997
- .bp_base_text_input_module_textInputContainer--99f06{
3997
+ .bp_base_text_input_module_textInputContainer--0a12e{
3998
3998
  display:flex;
3999
3999
  flex-direction:column;
4000
4000
  font-weight:400;
4001
4001
  position:relative;
4002
4002
  }
4003
- .bp_base_text_input_module_textInputContainer--99f06,.bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_label--99f06{
4003
+ .bp_base_text_input_module_textInputContainer--0a12e,.bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_label--0a12e{
4004
4004
  font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
4005
4005
  font-size:.875rem;
4006
4006
  letter-spacing:.01875rem;
@@ -4008,17 +4008,17 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4008
4008
  text-decoration:none;
4009
4009
  text-transform:none;
4010
4010
  }
4011
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_label--99f06{
4011
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_label--0a12e{
4012
4012
  color:#222;
4013
4013
  flex:0 0 fit-content;
4014
4014
  font-weight:700;
4015
4015
  width:-moz-fit-content;
4016
4016
  width:fit-content;
4017
4017
  }
4018
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_label--99f06:not(.bp_base_text_input_module_hidden--99f06){
4018
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_label--0a12e:not(.bp_base_text_input_module_hidden--0a12e){
4019
4019
  margin-block-end:var(--space-2);
4020
4020
  }
4021
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06{
4021
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e{
4022
4022
  background:#fff;
4023
4023
  border:.0625rem solid #909090;
4024
4024
  border-radius:.375rem;
@@ -4037,53 +4037,53 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
4037
4037
  text-transform:none;
4038
4038
  width:unset;
4039
4039
  }
4040
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:hover{
4040
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:hover{
4041
4041
  box-shadow:var(--innershadow-1);
4042
4042
  }
4043
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06::placeholder{
4043
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e::placeholder,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e::placeholder,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e::placeholder{
4044
4044
  color:#6f6f6f;
4045
4045
  opacity:1;
4046
4046
  }
4047
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06.bp_base_text_input_module_error--99f06{
4047
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e.bp_base_text_input_module_error--0a12e,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e.bp_base_text_input_module_error--0a12e,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e.bp_base_text_input_module_error--0a12e{
4048
4048
  background:#fff;
4049
4049
  border:.125rem solid #ed3757;
4050
4050
  outline:0;
4051
4051
  padding-inline-start:.6875rem;
4052
4052
  }
4053
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:disabled{
4053
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:disabled,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:disabled,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:disabled{
4054
4054
  background:var(--surface-input-surface);
4055
4055
  border-color:var(--border-input-border);
4056
4056
  box-shadow:var(--innershadow-1);
4057
4057
  color:var(--text-text-on-light);
4058
4058
  }
4059
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:disabled:hover{
4059
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:disabled:hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:disabled:hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:disabled:hover{
4060
4060
  border-color:var(--border-input-border);
4061
4061
  }
4062
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:focus-visible{
4062
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:focus-visible,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:focus-visible,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:focus-visible{
4063
4063
  background:#fff;
4064
4064
  border:.125rem solid #2486fc;
4065
4065
  outline:0;
4066
4066
  padding-inline-start:.6875rem;
4067
4067
  }
4068
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:focus-visible:has(+ :not(.bp_base_text_input_module_iconShared--99f06)){
4068
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:focus-visible:has(+ :not(.bp_base_text_input_module_iconShared--0a12e)),.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:focus-visible:has(+ :not(.bp_base_text_input_module_iconShared--0a12e)),.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:focus-visible:has(+ :not(.bp_base_text_input_module_iconShared--0a12e)){
4069
4069
  padding-inline:.6875rem;
4070
4070
  }
4071
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_textInput--99f06:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--99f06):hover{
4071
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_textInput--0a12e:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--0a12e):hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=number].bp_base_text_input_module_textInput--0a12e:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--0a12e):hover,.bp_base_text_input_module_textInputContainer--0a12e input[type=text].bp_base_text_input_module_textInput--0a12e:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--0a12e):hover{
4072
4072
  background:#fff;
4073
4073
  border:.0625rem solid #6f6f6f;
4074
4074
  }
4075
- .bp_base_text_input_module_textInputContainer--99f06 .bp_base_text_input_module_iconShared--99f06{
4075
+ .bp_base_text_input_module_textInputContainer--0a12e .bp_base_text_input_module_iconShared--0a12e{
4076
4076
  height:1.5rem;
4077
4077
  inset-block-end:.375rem;
4078
4078
  inset-inline-start:unset;
4079
4079
  position:absolute;
4080
4080
  width:1.5rem;
4081
4081
  }
4082
- .bp_base_text_input_module_textInputContainer--99f06.bp_base_text_input_module_disabled--99f06{
4082
+ .bp_base_text_input_module_textInputContainer--0a12e.bp_base_text_input_module_disabled--0a12e{
4083
4083
  opacity:60%;
4084
4084
  }
4085
4085
 
4086
- .bp_base_text_input_module_inlineError--99f06{
4086
+ .bp_base_text_input_module_inlineError--0a12e{
4087
4087
  margin-block-start:var(--space-2);
4088
4088
  }
4089
4089
  .bp_chip_module_chip--a9736{
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"textInputContainer":"bp_base_text_input_module_textInputContainer--99f06","label":"bp_base_text_input_module_label--99f06","hidden":"bp_base_text_input_module_hidden--99f06","textInput":"bp_base_text_input_module_textInput--99f06","error":"bp_base_text_input_module_error--99f06","iconShared":"bp_base_text_input_module_iconShared--99f06","disabled":"bp_base_text_input_module_disabled--99f06","inlineError":"bp_base_text_input_module_inlineError--99f06"};
2
+ var styles = {"textInputContainer":"bp_base_text_input_module_textInputContainer--0a12e","label":"bp_base_text_input_module_label--0a12e","hidden":"bp_base_text_input_module_hidden--0a12e","textInput":"bp_base_text_input_module_textInput--0a12e","error":"bp_base_text_input_module_error--0a12e","iconShared":"bp_base_text_input_module_iconShared--0a12e","disabled":"bp_base_text_input_module_disabled--0a12e","inlineError":"bp_base_text_input_module_inlineError--0a12e"};
3
3
 
4
4
  export { styles as default };
@@ -1,2 +1,5 @@
1
1
  export declare const getUniqueId: (prefix?: string) => string;
2
- export declare const useUniqueId: (prefix: string, when?: string | boolean) => string | undefined;
2
+ export declare function useUniqueId(prefix: string): string;
3
+ export declare function useUniqueId(prefix: string, when: true): string;
4
+ export declare function useUniqueId(prefix: string, when: false): undefined;
5
+ export declare function useUniqueId(prefix: string, when?: boolean): string | undefined;
@@ -1,8 +1,9 @@
1
1
  import { useMemo } from 'react';
2
2
 
3
+ /* eslint-disable no-redeclare */
3
4
  const getUniqueId = (prefix = 'id-') => prefix + Math.random().toString(16).slice(-4);
4
- const useUniqueId = (prefix, when = true) => {
5
+ function useUniqueId(prefix, when = true) {
5
6
  return useMemo(() => when ? getUniqueId(prefix) : undefined, [prefix, when]);
6
- };
7
+ }
7
8
 
8
9
  export { getUniqueId, useUniqueId };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "7.30.2",
3
+ "version": "7.31.0",
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": "fc4d7910edf521a9a5eb4c109c22eb305ff86341",
66
+ "gitHead": "d1532d582650321a4dd8c34869a7d84c13e778ac",
67
67
  "module": "lib-esm/index.js",
68
68
  "main": "lib-esm/index.js",
69
69
  "exports": {