@launchpad-ui/form 0.6.20 → 0.6.21

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/dist/index.es.js CHANGED
@@ -3,34 +3,34 @@ import { forwardRef, useState, useRef, Children, isValidElement, cloneElement }
3
3
  import { cx } from "classix";
4
4
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
5
5
  import { VisuallyHidden } from "@react-aria/visually-hidden";
6
- const formGroup = "_formGroup_myct2_1";
7
- const formIncreasedErrorMargin = "_formIncreasedErrorMargin_myct2_9";
8
- const formInline = "_formInline_myct2_13";
9
- const form = "_form_myct2_1";
10
- const formInput = "_formInput_myct2_27";
11
- const isFocused = "_isFocused_myct2_47";
12
- const iconField = "_iconField_myct2_64";
13
- const suffixContainer = "_suffixContainer_myct2_68";
14
- const inlineForm = "_inlineForm_myct2_77";
15
- const label = "_label_myct2_82";
16
- const labelDisabled = "_labelDisabled_myct2_88";
17
- const labelOptional = "_labelOptional_myct2_92";
18
- const compactTextField = "_compactTextField_myct2_98";
19
- const fieldError = "_fieldError_myct2_122";
20
- const isInvalid = "_isInvalid_myct2_148";
21
- const hint = "_hint_myct2_170";
22
- const field = "_field_myct2_122";
23
- const fieldErrorMessage = "_fieldErrorMessage_myct2_190";
24
- const isDisabled = "_isDisabled_myct2_203";
25
- const checkbox = "_checkbox_myct2_265";
26
- const radio = "_radio_myct2_272";
27
- const number = "_number_myct2_276";
28
- const suffix = "_suffix_myct2_68";
29
- const iconFieldIcon = "_iconFieldIcon_myct2_314";
30
- const formInputTiny = "_formInputTiny_myct2_322";
31
- const requiredAsterisk = "_requiredAsterisk_myct2_331";
32
- const fieldSet = "_fieldSet_myct2_335";
33
- const isActive = "_isActive_myct2_346";
6
+ const formGroup = "_formGroup_bwb37_1";
7
+ const formIncreasedErrorMargin = "_formIncreasedErrorMargin_bwb37_9";
8
+ const formInline = "_formInline_bwb37_13";
9
+ const form = "_form_bwb37_1";
10
+ const formInput = "_formInput_bwb37_27";
11
+ const isFocused = "_isFocused_bwb37_47";
12
+ const iconField = "_iconField_bwb37_64";
13
+ const suffixContainer = "_suffixContainer_bwb37_68";
14
+ const inlineForm = "_inlineForm_bwb37_77";
15
+ const label = "_label_bwb37_82";
16
+ const labelDisabled = "_labelDisabled_bwb37_88";
17
+ const labelOptional = "_labelOptional_bwb37_92";
18
+ const compactTextField = "_compactTextField_bwb37_98";
19
+ const fieldError = "_fieldError_bwb37_122";
20
+ const isInvalid = "_isInvalid_bwb37_148";
21
+ const hint = "_hint_bwb37_170";
22
+ const field = "_field_bwb37_122";
23
+ const fieldErrorMessage = "_fieldErrorMessage_bwb37_190";
24
+ const isDisabled = "_isDisabled_bwb37_203";
25
+ const checkbox = "_checkbox_bwb37_265";
26
+ const radio = "_radio_bwb37_272";
27
+ const number = "_number_bwb37_276";
28
+ const suffix = "_suffix_bwb37_68";
29
+ const iconFieldIcon = "_iconFieldIcon_bwb37_314";
30
+ const formInputTiny = "_formInputTiny_bwb37_322";
31
+ const requiredAsterisk = "_requiredAsterisk_bwb37_331";
32
+ const fieldSet = "_fieldSet_bwb37_335";
33
+ const isActive = "_isActive_bwb37_346";
34
34
  const styles = {
35
35
  formGroup,
36
36
  formIncreasedErrorMargin,
package/dist/index.js CHANGED
@@ -5,34 +5,34 @@ const react = require("react");
5
5
  const classix = require("classix");
6
6
  const jsxRuntime = require("react/jsx-runtime");
7
7
  const visuallyHidden = require("@react-aria/visually-hidden");
8
- const formGroup = "_formGroup_myct2_1";
9
- const formIncreasedErrorMargin = "_formIncreasedErrorMargin_myct2_9";
10
- const formInline = "_formInline_myct2_13";
11
- const form = "_form_myct2_1";
12
- const formInput = "_formInput_myct2_27";
13
- const isFocused = "_isFocused_myct2_47";
14
- const iconField = "_iconField_myct2_64";
15
- const suffixContainer = "_suffixContainer_myct2_68";
16
- const inlineForm = "_inlineForm_myct2_77";
17
- const label = "_label_myct2_82";
18
- const labelDisabled = "_labelDisabled_myct2_88";
19
- const labelOptional = "_labelOptional_myct2_92";
20
- const compactTextField = "_compactTextField_myct2_98";
21
- const fieldError = "_fieldError_myct2_122";
22
- const isInvalid = "_isInvalid_myct2_148";
23
- const hint = "_hint_myct2_170";
24
- const field = "_field_myct2_122";
25
- const fieldErrorMessage = "_fieldErrorMessage_myct2_190";
26
- const isDisabled = "_isDisabled_myct2_203";
27
- const checkbox = "_checkbox_myct2_265";
28
- const radio = "_radio_myct2_272";
29
- const number = "_number_myct2_276";
30
- const suffix = "_suffix_myct2_68";
31
- const iconFieldIcon = "_iconFieldIcon_myct2_314";
32
- const formInputTiny = "_formInputTiny_myct2_322";
33
- const requiredAsterisk = "_requiredAsterisk_myct2_331";
34
- const fieldSet = "_fieldSet_myct2_335";
35
- const isActive = "_isActive_myct2_346";
8
+ const formGroup = "_formGroup_bwb37_1";
9
+ const formIncreasedErrorMargin = "_formIncreasedErrorMargin_bwb37_9";
10
+ const formInline = "_formInline_bwb37_13";
11
+ const form = "_form_bwb37_1";
12
+ const formInput = "_formInput_bwb37_27";
13
+ const isFocused = "_isFocused_bwb37_47";
14
+ const iconField = "_iconField_bwb37_64";
15
+ const suffixContainer = "_suffixContainer_bwb37_68";
16
+ const inlineForm = "_inlineForm_bwb37_77";
17
+ const label = "_label_bwb37_82";
18
+ const labelDisabled = "_labelDisabled_bwb37_88";
19
+ const labelOptional = "_labelOptional_bwb37_92";
20
+ const compactTextField = "_compactTextField_bwb37_98";
21
+ const fieldError = "_fieldError_bwb37_122";
22
+ const isInvalid = "_isInvalid_bwb37_148";
23
+ const hint = "_hint_bwb37_170";
24
+ const field = "_field_bwb37_122";
25
+ const fieldErrorMessage = "_fieldErrorMessage_bwb37_190";
26
+ const isDisabled = "_isDisabled_bwb37_203";
27
+ const checkbox = "_checkbox_bwb37_265";
28
+ const radio = "_radio_bwb37_272";
29
+ const number = "_number_bwb37_276";
30
+ const suffix = "_suffix_bwb37_68";
31
+ const iconFieldIcon = "_iconFieldIcon_bwb37_314";
32
+ const formInputTiny = "_formInputTiny_bwb37_322";
33
+ const requiredAsterisk = "_requiredAsterisk_bwb37_331";
34
+ const fieldSet = "_fieldSet_bwb37_335";
35
+ const isActive = "_isActive_bwb37_346";
36
36
  const styles = {
37
37
  formGroup,
38
38
  formIncreasedErrorMargin,
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- ._formGroup_myct2_1 {
1
+ ._formGroup_bwb37_1 {
2
2
  margin: 2rem 0;
3
3
  padding: 0;
4
4
  border: none;
@@ -7,25 +7,25 @@
7
7
  /* The margin for .formGroup and the min-height of .form-fieldError
8
8
  should be equal to avoid content shift when errors are shown */
9
9
 
10
- ._formIncreasedErrorMargin_myct2_9 ._formGroup_myct2_1 {
10
+ ._formIncreasedErrorMargin_bwb37_9 ._formGroup_bwb37_1 {
11
11
  margin: 2.8rem 0;
12
12
  }
13
13
 
14
- ._formInline_myct2_13 ._formGroup_myct2_1 {
14
+ ._formInline_bwb37_13 ._formGroup_bwb37_1 {
15
15
  display: inline-block;
16
16
  vertical-align: middle;
17
17
  margin: 0;
18
18
  }
19
19
 
20
- ._form_myct2_1 ._formGroup_myct2_1:first-child {
20
+ ._form_bwb37_1 ._formGroup_bwb37_1:first-child {
21
21
  margin-top: 0;
22
22
  }
23
23
 
24
- ._form_myct2_1 ._formGroup_myct2_1:last-child {
24
+ ._form_bwb37_1 ._formGroup_bwb37_1:last-child {
25
25
  margin-bottom: 0;
26
26
  }
27
27
 
28
- ._formInput_myct2_27 {
28
+ ._formInput_bwb37_27 {
29
29
  display: block;
30
30
  width: 100%;
31
31
  padding: 0.6rem 1rem;
@@ -35,29 +35,29 @@
35
35
  background-color: var(--lp-color-bg-interactive-secondary);
36
36
  color: var(--lp-color-text-ui-primary);
37
37
  border: 1px solid var(--lp-color-border-interactive-secondary);
38
- border-radius: var(--lp-border-radius);
38
+ border-radius: var(--lp-border-radius-regular);
39
39
  transition: all var(--lp-duration-100) linear;
40
40
  height: 3.2rem;
41
41
  }
42
42
 
43
- ._formInput_myct2_27:-moz-placeholder-shown {
43
+ ._formInput_bwb37_27:-moz-placeholder-shown {
44
44
  overflow: hidden;
45
45
  text-overflow: ellipsis;
46
46
  }
47
47
 
48
- ._formInput_myct2_27:placeholder-shown {
48
+ ._formInput_bwb37_27:placeholder-shown {
49
49
  overflow: hidden;
50
50
  text-overflow: ellipsis;
51
51
  }
52
52
 
53
- ._formInput_myct2_27._isFocused_myct2_47,
54
- ._formInput_myct2_27:focus {
53
+ ._formInput_bwb37_27._isFocused_bwb37_47,
54
+ ._formInput_bwb37_27:focus {
55
55
  outline: 0;
56
56
  border-color: var(--lp-color-border-interactive-focus);
57
57
  box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
58
58
  }
59
59
 
60
- select._formInput_myct2_27 {
60
+ select._formInput_bwb37_27 {
61
61
  -webkit-appearance: none;
62
62
  -moz-appearance: none;
63
63
  appearance: none;
@@ -69,41 +69,41 @@ select._formInput_myct2_27 {
69
69
  padding-right: 2rem;
70
70
  }
71
71
 
72
- ._iconField_myct2_64 ._formInput_myct2_27 {
72
+ ._iconField_bwb37_64 ._formInput_bwb37_27 {
73
73
  padding-left: 3rem;
74
74
  }
75
75
 
76
- ._suffixContainer_myct2_68 ._formInput_myct2_27 {
76
+ ._suffixContainer_bwb37_68 ._formInput_bwb37_27 {
77
77
  border: none;
78
- border-radius: var(--lp-border-radius) 0 0 var(--lp-border-radius);
78
+ border-radius: var(--lp-border-radius-regular) 0 0 var(--lp-border-radius-regular);
79
79
  }
80
80
 
81
- ._suffixContainer_myct2_68 ._formInput_myct2_27:focus {
81
+ ._suffixContainer_bwb37_68 ._formInput_bwb37_27:focus {
82
82
  box-shadow: none;
83
83
  }
84
84
 
85
- ._inlineForm_myct2_77 ._formGroup_myct2_1 + ._formGroup_myct2_1,
86
- ._inlineForm_myct2_77 ._formGroup_myct2_1 + .Button {
85
+ ._inlineForm_bwb37_77 ._formGroup_bwb37_1 + ._formGroup_bwb37_1,
86
+ ._inlineForm_bwb37_77 ._formGroup_bwb37_1 + .Button {
87
87
  margin-left: 1rem;
88
88
  }
89
89
 
90
- ._label_myct2_82 {
90
+ ._label_bwb37_82 {
91
91
  font-size: 1.3rem;
92
92
  font-family: var(--lp-font-family-base);
93
93
  word-break: break-word;
94
94
  }
95
95
 
96
- ._labelDisabled_myct2_88 {
96
+ ._labelDisabled_bwb37_88 {
97
97
  color: var(--lp-color-gray-800);
98
98
  }
99
99
 
100
- ._labelOptional_myct2_92 {
100
+ ._labelOptional_bwb37_92 {
101
101
  margin-left: 0.4em;
102
102
  color: var(--lp-color-text-ui-secondary);
103
103
  fill: var(--lp-color-text-ui-secondary);
104
104
  }
105
105
 
106
- ._compactTextField_myct2_98 ._label_myct2_82 {
106
+ ._compactTextField_bwb37_98 ._label_bwb37_82 {
107
107
  position: absolute;
108
108
  top: -2px;
109
109
  left: 10px;
@@ -117,17 +117,17 @@ select._formInput_myct2_27 {
117
117
  z-index: 1; /* Fixes layout issue in Firefox */
118
118
  }
119
119
 
120
- ._formGroup_myct2_1 ._label_myct2_82 {
120
+ ._formGroup_bwb37_1 ._label_bwb37_82 {
121
121
  display: flex;
122
122
  align-items: center;
123
123
  margin-bottom: 0.2rem;
124
124
  }
125
125
 
126
- ._formGroup_myct2_1 ._label_myct2_82 + ._label_myct2_82 {
126
+ ._formGroup_bwb37_1 ._label_bwb37_82 + ._label_bwb37_82 {
127
127
  margin-top: 0.5rem;
128
128
  }
129
129
 
130
- ._fieldError_myct2_122 {
130
+ ._fieldError_bwb37_122 {
131
131
  color: var(--lp-color-text-feedback-error);
132
132
  font-size: 1.3rem;
133
133
  }
@@ -135,26 +135,26 @@ select._formInput_myct2_27 {
135
135
  /* The margin for .formGroup and the min-height of .form-fieldError
136
136
  should be equal to avoid content shift when errors are shown */
137
137
 
138
- ._formIncreasedErrorMargin_myct2_9 ._fieldError_myct2_122 {
138
+ ._formIncreasedErrorMargin_bwb37_9 ._fieldError_bwb37_122 {
139
139
  min-height: 2.8rem;
140
140
  }
141
141
 
142
- ._label_myct2_82 ._fieldError_myct2_122 {
142
+ ._label_bwb37_82 ._fieldError_bwb37_122 {
143
143
  float: right;
144
144
  }
145
145
 
146
- ._form_myct2_1:not(._inlineForm_myct2_77) ._fieldError_myct2_122 {
146
+ ._form_bwb37_1:not(._inlineForm_bwb37_77) ._fieldError_bwb37_122 {
147
147
  display: block;
148
148
  padding-top: 0.5rem;
149
149
  text-align: left;
150
150
  }
151
151
 
152
- ._formIncreasedErrorMargin_myct2_9:not(._inlineForm_myct2_77) ._fieldError_myct2_122 {
152
+ ._formIncreasedErrorMargin_bwb37_9:not(._inlineForm_bwb37_77) ._fieldError_bwb37_122 {
153
153
  padding-top: 0.1rem;
154
154
  padding-bottom: 0.5rem;
155
155
  }
156
156
 
157
- ._form_myct2_1 ._isInvalid_myct2_148 ._label_myct2_82 {
157
+ ._form_bwb37_1 ._isInvalid_bwb37_148 ._label_bwb37_82 {
158
158
  color: var(--lp-color-text-feedback-error);
159
159
  }
160
160
 
@@ -166,21 +166,21 @@ select._formInput_myct2_27 {
166
166
  color: var(--lp-color-gray-600);
167
167
  }
168
168
 
169
- ._form_myct2_1 ._isInvalid_myct2_148 .Select-control,
170
- ._form_myct2_1 ._isInvalid_myct2_148 .CustomSelect > div,
171
- ._form_myct2_1 ._isInvalid_myct2_148 ._formInput_myct2_27 {
169
+ ._form_bwb37_1 ._isInvalid_bwb37_148 .Select-control,
170
+ ._form_bwb37_1 ._isInvalid_bwb37_148 .CustomSelect > div,
171
+ ._form_bwb37_1 ._isInvalid_bwb37_148 ._formInput_bwb37_27 {
172
172
  border-color: var(--lp-color-system-red-600);
173
173
  }
174
174
 
175
- ._formIncreasedErrorMargin_myct2_9 ._formGroup_myct2_1._isInvalid_myct2_148 {
175
+ ._formIncreasedErrorMargin_bwb37_9 ._formGroup_bwb37_1._isInvalid_bwb37_148 {
176
176
  margin-bottom: 0;
177
177
  }
178
178
 
179
- ._formIncreasedErrorMargin_myct2_9 ._formGroup_myct2_1._isInvalid_myct2_148 + ._formGroup_myct2_1 {
179
+ ._formIncreasedErrorMargin_bwb37_9 ._formGroup_bwb37_1._isInvalid_bwb37_148 + ._formGroup_bwb37_1 {
180
180
  margin-top: 0;
181
181
  }
182
182
 
183
- ._hint_myct2_170 {
183
+ ._hint_bwb37_170 {
184
184
  display: block;
185
185
  margin-top: 0.3rem;
186
186
  font-size: 1.3rem;
@@ -188,65 +188,65 @@ select._formInput_myct2_27 {
188
188
  color: var(--lp-color-text-ui-secondary);
189
189
  }
190
190
 
191
- ._field_myct2_122 ._hint_myct2_170 {
191
+ ._field_bwb37_122 ._hint_bwb37_170 {
192
192
  margin: 0;
193
193
  font-size: 1.3rem;
194
194
  color: var(--lp-color-text-ui-secondary);
195
195
  fill: var(--lp-color-text-ui-secondary);
196
196
  }
197
197
 
198
- ._form_myct2_1 ._field_myct2_122 label,
199
- ._form_myct2_1 ._field_myct2_122 ._isInvalid_myct2_148 label {
198
+ ._form_bwb37_1 ._field_bwb37_122 label,
199
+ ._form_bwb37_1 ._field_bwb37_122 ._isInvalid_bwb37_148 label {
200
200
  color: var(--lp-color-text-ui-primary);
201
201
  }
202
202
 
203
- ._fieldErrorMessage_myct2_190 {
203
+ ._fieldErrorMessage_bwb37_190 {
204
204
  color: var(--lp-color-text-feedback-error);
205
205
  font-size: 1.3rem;
206
206
  }
207
207
 
208
- ._field_myct2_122._formGroup_myct2_1 {
208
+ ._field_bwb37_122._formGroup_bwb37_1 {
209
209
  margin: 1rem 0;
210
210
  }
211
211
 
212
- ._field_myct2_122._formGroup_myct2_1:first-child {
212
+ ._field_bwb37_122._formGroup_bwb37_1:first-child {
213
213
  margin-top: 0;
214
214
  }
215
215
 
216
- input._formInput_myct2_27:-moz-read-only {
216
+ input._formInput_bwb37_27:-moz-read-only {
217
217
  background-color: var(--lp-color-bg-interactive-disabled);
218
218
  color: var(--lp-color-text-interactive-disabled);
219
219
  }
220
220
 
221
- ._formInput_myct2_27._isDisabled_myct2_203,
222
- input._formInput_myct2_27:disabled,
223
- select._formInput_myct2_27:disabled,
224
- input._formInput_myct2_27:read-only {
221
+ ._formInput_bwb37_27._isDisabled_bwb37_203,
222
+ input._formInput_bwb37_27:disabled,
223
+ select._formInput_bwb37_27:disabled,
224
+ input._formInput_bwb37_27:read-only {
225
225
  background-color: var(--lp-color-bg-interactive-disabled);
226
226
  color: var(--lp-color-text-interactive-disabled);
227
227
  }
228
228
 
229
- ._formInput_myct2_27._isDisabled_myct2_203:hover,
230
- ._formInput_myct2_27:disabled:hover {
229
+ ._formInput_bwb37_27._isDisabled_bwb37_203:hover,
230
+ ._formInput_bwb37_27:disabled:hover {
231
231
  cursor: not-allowed;
232
232
  }
233
233
 
234
- textarea._formInput_myct2_27 {
234
+ textarea._formInput_bwb37_27 {
235
235
  min-height: 2.5em;
236
236
  height: auto;
237
237
  resize: none;
238
238
  }
239
239
 
240
- textarea._formInput_myct2_27:-moz-read-only {
240
+ textarea._formInput_bwb37_27:-moz-read-only {
241
241
  background-color: var(--lp-color-bg-interactive-disabled);
242
242
  }
243
243
 
244
- textarea._formInput_myct2_27:disabled,
245
- textarea._formInput_myct2_27:read-only {
244
+ textarea._formInput_bwb37_27:disabled,
245
+ textarea._formInput_bwb37_27:read-only {
246
246
  background-color: var(--lp-color-bg-interactive-disabled);
247
247
  }
248
248
 
249
- input._formInput_myct2_27::-webkit-autofill {
249
+ input._formInput_bwb37_27::-webkit-autofill {
250
250
  box-shadow: 0 0 0 50px var(--lp-color-bg-interactive-secondary) inset;
251
251
  }
252
252
 
@@ -279,52 +279,52 @@ input[type='checkbox']:disabled {
279
279
  pointer-events: none;
280
280
  }
281
281
 
282
- ._formInput_myct2_27[readonly],
283
- ._formInput_myct2_27[readonly]:focus {
282
+ ._formInput_bwb37_27[readonly],
283
+ ._formInput_bwb37_27[readonly]:focus {
284
284
  color: var(--lp-color-text-ui-secondary);
285
285
  border-color: var(--lp-color-gray-500);
286
286
  box-shadow: none;
287
287
  }
288
288
 
289
- ._checkbox_myct2_265 {
289
+ ._checkbox_bwb37_265 {
290
290
  align-self: flex-start; /* Default for .label is center, but this looks bad on multi-line checkbox labels */
291
291
  flex-shrink: 0; /* Make sure the input itself doesn't shrink in flex layouts */
292
292
  margin-right: 0.5rem;
293
293
  margin-top: 0.4rem;
294
294
  }
295
295
 
296
- ._radio_myct2_272 {
296
+ ._radio_bwb37_272 {
297
297
  margin-right: 0.5rem;
298
298
  }
299
299
 
300
- ._number_myct2_276 {
300
+ ._number_bwb37_276 {
301
301
  min-width: 4.5rem;
302
302
  }
303
303
 
304
- ._suffixContainer_myct2_68 {
304
+ ._suffixContainer_bwb37_68 {
305
305
  display: inline-flex;
306
306
  border: 1px solid var(--lp-color-gray-500);
307
- border-radius: var(--lp-border-radius);
307
+ border-radius: var(--lp-border-radius-regular);
308
308
  overflow: hidden;
309
309
  transition: all 0.1s linear;
310
310
  }
311
311
 
312
- ._suffixContainer_myct2_68[focus-within] {
312
+ ._suffixContainer_bwb37_68[focus-within] {
313
313
  border-color: var(--lp-color-border-interactive-focus);
314
314
  box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
315
315
  }
316
316
 
317
- ._suffixContainer_myct2_68[focus-within] {
317
+ ._suffixContainer_bwb37_68[focus-within] {
318
318
  border-color: var(--lp-color-border-interactive-focus);
319
319
  box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
320
320
  }
321
321
 
322
- ._suffixContainer_myct2_68:focus-within {
322
+ ._suffixContainer_bwb37_68:focus-within {
323
323
  border-color: var(--lp-color-border-interactive-focus);
324
324
  box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
325
325
  }
326
326
 
327
- ._suffixContainer_myct2_68 ._suffix_myct2_68 {
327
+ ._suffixContainer_bwb37_68 ._suffix_bwb37_68 {
328
328
  padding: 0 2px;
329
329
  background-color: var(--lp-color-gray-100);
330
330
  color: var(--lp-color-gray-500);
@@ -335,8 +335,8 @@ input[type='checkbox']:disabled {
335
335
  position: initial;
336
336
  }
337
337
 
338
- ._suffix_myct2_68::-webkit-outer-spin-button,
339
- ._suffix_myct2_68::-webkit-inner-spin-button {
338
+ ._suffix_bwb37_68::-webkit-outer-spin-button,
339
+ ._suffix_bwb37_68::-webkit-inner-spin-button {
340
340
  -webkit-appearance: none;
341
341
  appearance: none;
342
342
  margin: 0;
@@ -344,13 +344,13 @@ input[type='checkbox']:disabled {
344
344
 
345
345
  /* Firefox */
346
346
 
347
- ._suffix_myct2_68[type='number'] {
347
+ ._suffix_bwb37_68[type='number'] {
348
348
  -webkit-appearance: textfield;
349
349
  -moz-appearance: textfield;
350
350
  appearance: textfield;
351
351
  }
352
352
 
353
- ._iconFieldIcon_myct2_314 {
353
+ ._iconFieldIcon_bwb37_314 {
354
354
  position: absolute;
355
355
  fill: var(--lp-color-gray-600);
356
356
  top: 50%;
@@ -358,32 +358,32 @@ input[type='checkbox']:disabled {
358
358
  left: 1rem;
359
359
  }
360
360
 
361
- ._formInputTiny_myct2_322 {
361
+ ._formInputTiny_bwb37_322 {
362
362
  padding: 0.1rem 0.6rem;
363
363
  height: 2.4rem;
364
364
  }
365
365
 
366
- ._iconField_myct2_64 {
366
+ ._iconField_bwb37_64 {
367
367
  position: relative;
368
368
  }
369
369
 
370
- ._requiredAsterisk_myct2_331 {
370
+ ._requiredAsterisk_bwb37_331 {
371
371
  color: var(--lp-color-text-feedback-error);
372
372
  }
373
373
 
374
- ._fieldSet_myct2_335 {
374
+ ._fieldSet_bwb37_335 {
375
375
  border: none;
376
376
  margin: 2rem 0;
377
377
  padding: 0;
378
378
  }
379
379
 
380
- ._compactTextField_myct2_98 {
380
+ ._compactTextField_bwb37_98 {
381
381
  position: relative;
382
382
  width: 100%;
383
383
  }
384
384
 
385
- ._compactTextField_myct2_98._isActive_myct2_346 ._label_myct2_82 {
386
- border-radius: var(--lp-border-radius);
385
+ ._compactTextField_bwb37_98._isActive_bwb37_346 ._label_bwb37_82 {
386
+ border-radius: var(--lp-border-radius-regular);
387
387
  opacity: 1;
388
388
  pointer-events: auto;
389
389
  transform: translate(0, -8px) scale(0.9); /* 2d transform to avoid webkit blurry text */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchpad-ui/form",
3
- "version": "0.6.20",
3
+ "version": "0.6.21",
4
4
  "status": "beta",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -28,8 +28,8 @@
28
28
  "dependencies": {
29
29
  "@react-aria/visually-hidden": "^3.6.0",
30
30
  "classix": "^2.1.13",
31
- "@launchpad-ui/icons": "~0.6.5",
32
- "@launchpad-ui/tokens": "~0.3.2"
31
+ "@launchpad-ui/icons": "~0.6.6",
32
+ "@launchpad-ui/tokens": "~0.4.0"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": "^18.0.0",