@launchpad-ui/form 0.6.29 → 0.6.31
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 +28 -28
- package/dist/index.js +28 -28
- package/dist/style.css +86 -76
- package/package.json +3 -3
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 = "
|
|
7
|
-
const formIncreasedErrorMargin = "
|
|
8
|
-
const formInline = "
|
|
9
|
-
const form = "
|
|
10
|
-
const formInput = "
|
|
11
|
-
const isFocused = "
|
|
12
|
-
const iconField = "
|
|
13
|
-
const suffixContainer = "
|
|
14
|
-
const isInvalid = "
|
|
15
|
-
const inlineForm = "
|
|
16
|
-
const label = "
|
|
17
|
-
const labelDisabled = "
|
|
18
|
-
const labelOptional = "
|
|
19
|
-
const compactTextField = "
|
|
20
|
-
const fieldError = "
|
|
21
|
-
const hint = "
|
|
22
|
-
const field = "
|
|
23
|
-
const fieldErrorMessage = "
|
|
24
|
-
const isDisabled = "
|
|
25
|
-
const checkbox = "
|
|
26
|
-
const radio = "
|
|
27
|
-
const number = "
|
|
28
|
-
const suffix = "
|
|
29
|
-
const iconFieldIcon = "
|
|
30
|
-
const formInputTiny = "
|
|
31
|
-
const requiredAsterisk = "
|
|
32
|
-
const fieldSet = "
|
|
33
|
-
const isActive = "
|
|
6
|
+
const formGroup = "_formGroup_14n27_1";
|
|
7
|
+
const formIncreasedErrorMargin = "_formIncreasedErrorMargin_14n27_9";
|
|
8
|
+
const formInline = "_formInline_14n27_13";
|
|
9
|
+
const form = "_form_14n27_1";
|
|
10
|
+
const formInput = "_formInput_14n27_27";
|
|
11
|
+
const isFocused = "_isFocused_14n27_47";
|
|
12
|
+
const iconField = "_iconField_14n27_64";
|
|
13
|
+
const suffixContainer = "_suffixContainer_14n27_68";
|
|
14
|
+
const isInvalid = "_isInvalid_14n27_73";
|
|
15
|
+
const inlineForm = "_inlineForm_14n27_84";
|
|
16
|
+
const label = "_label_14n27_89";
|
|
17
|
+
const labelDisabled = "_labelDisabled_14n27_95";
|
|
18
|
+
const labelOptional = "_labelOptional_14n27_103";
|
|
19
|
+
const compactTextField = "_compactTextField_14n27_109";
|
|
20
|
+
const fieldError = "_fieldError_14n27_133";
|
|
21
|
+
const hint = "_hint_14n27_175";
|
|
22
|
+
const field = "_field_14n27_133";
|
|
23
|
+
const fieldErrorMessage = "_fieldErrorMessage_14n27_195";
|
|
24
|
+
const isDisabled = "_isDisabled_14n27_208";
|
|
25
|
+
const checkbox = "_checkbox_14n27_275";
|
|
26
|
+
const radio = "_radio_14n27_282";
|
|
27
|
+
const number = "_number_14n27_286";
|
|
28
|
+
const suffix = "_suffix_14n27_68";
|
|
29
|
+
const iconFieldIcon = "_iconFieldIcon_14n27_324";
|
|
30
|
+
const formInputTiny = "_formInputTiny_14n27_332";
|
|
31
|
+
const requiredAsterisk = "_requiredAsterisk_14n27_341";
|
|
32
|
+
const fieldSet = "_fieldSet_14n27_345";
|
|
33
|
+
const isActive = "_isActive_14n27_356";
|
|
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 = "
|
|
9
|
-
const formIncreasedErrorMargin = "
|
|
10
|
-
const formInline = "
|
|
11
|
-
const form = "
|
|
12
|
-
const formInput = "
|
|
13
|
-
const isFocused = "
|
|
14
|
-
const iconField = "
|
|
15
|
-
const suffixContainer = "
|
|
16
|
-
const isInvalid = "
|
|
17
|
-
const inlineForm = "
|
|
18
|
-
const label = "
|
|
19
|
-
const labelDisabled = "
|
|
20
|
-
const labelOptional = "
|
|
21
|
-
const compactTextField = "
|
|
22
|
-
const fieldError = "
|
|
23
|
-
const hint = "
|
|
24
|
-
const field = "
|
|
25
|
-
const fieldErrorMessage = "
|
|
26
|
-
const isDisabled = "
|
|
27
|
-
const checkbox = "
|
|
28
|
-
const radio = "
|
|
29
|
-
const number = "
|
|
30
|
-
const suffix = "
|
|
31
|
-
const iconFieldIcon = "
|
|
32
|
-
const formInputTiny = "
|
|
33
|
-
const requiredAsterisk = "
|
|
34
|
-
const fieldSet = "
|
|
35
|
-
const isActive = "
|
|
8
|
+
const formGroup = "_formGroup_14n27_1";
|
|
9
|
+
const formIncreasedErrorMargin = "_formIncreasedErrorMargin_14n27_9";
|
|
10
|
+
const formInline = "_formInline_14n27_13";
|
|
11
|
+
const form = "_form_14n27_1";
|
|
12
|
+
const formInput = "_formInput_14n27_27";
|
|
13
|
+
const isFocused = "_isFocused_14n27_47";
|
|
14
|
+
const iconField = "_iconField_14n27_64";
|
|
15
|
+
const suffixContainer = "_suffixContainer_14n27_68";
|
|
16
|
+
const isInvalid = "_isInvalid_14n27_73";
|
|
17
|
+
const inlineForm = "_inlineForm_14n27_84";
|
|
18
|
+
const label = "_label_14n27_89";
|
|
19
|
+
const labelDisabled = "_labelDisabled_14n27_95";
|
|
20
|
+
const labelOptional = "_labelOptional_14n27_103";
|
|
21
|
+
const compactTextField = "_compactTextField_14n27_109";
|
|
22
|
+
const fieldError = "_fieldError_14n27_133";
|
|
23
|
+
const hint = "_hint_14n27_175";
|
|
24
|
+
const field = "_field_14n27_133";
|
|
25
|
+
const fieldErrorMessage = "_fieldErrorMessage_14n27_195";
|
|
26
|
+
const isDisabled = "_isDisabled_14n27_208";
|
|
27
|
+
const checkbox = "_checkbox_14n27_275";
|
|
28
|
+
const radio = "_radio_14n27_282";
|
|
29
|
+
const number = "_number_14n27_286";
|
|
30
|
+
const suffix = "_suffix_14n27_68";
|
|
31
|
+
const iconFieldIcon = "_iconFieldIcon_14n27_324";
|
|
32
|
+
const formInputTiny = "_formInputTiny_14n27_332";
|
|
33
|
+
const requiredAsterisk = "_requiredAsterisk_14n27_341";
|
|
34
|
+
const fieldSet = "_fieldSet_14n27_345";
|
|
35
|
+
const isActive = "_isActive_14n27_356";
|
|
36
36
|
const styles = {
|
|
37
37
|
formGroup,
|
|
38
38
|
formIncreasedErrorMargin,
|
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._formGroup_14n27_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
|
-
.
|
|
10
|
+
._formIncreasedErrorMargin_14n27_9 ._formGroup_14n27_1 {
|
|
11
11
|
margin: 2.8rem 0;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
._formInline_14n27_13 ._formGroup_14n27_1 {
|
|
15
15
|
display: inline-block;
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
margin: 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
._form_14n27_1 ._formGroup_14n27_1:first-child {
|
|
21
21
|
margin-top: 0;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
24
|
+
._form_14n27_1 ._formGroup_14n27_1:last-child {
|
|
25
25
|
margin-bottom: 0;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
._formInput_14n27_27 {
|
|
29
29
|
display: block;
|
|
30
30
|
width: 100%;
|
|
31
31
|
padding: 0.6rem 1rem;
|
|
@@ -40,24 +40,24 @@
|
|
|
40
40
|
height: 3.2rem;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
.
|
|
43
|
+
._formInput_14n27_27:-moz-placeholder-shown {
|
|
44
44
|
overflow: hidden;
|
|
45
45
|
text-overflow: ellipsis;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.
|
|
48
|
+
._formInput_14n27_27:placeholder-shown {
|
|
49
49
|
overflow: hidden;
|
|
50
50
|
text-overflow: ellipsis;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
54
|
-
.
|
|
53
|
+
._formInput_14n27_27._isFocused_14n27_47,
|
|
54
|
+
._formInput_14n27_27:focus {
|
|
55
55
|
outline: 0;
|
|
56
56
|
border-color: var(--lp-color-border-field-focus);
|
|
57
57
|
box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
select.
|
|
60
|
+
select._formInput_14n27_27 {
|
|
61
61
|
-webkit-appearance: none;
|
|
62
62
|
-moz-appearance: none;
|
|
63
63
|
appearance: none;
|
|
@@ -69,52 +69,52 @@ select._formInput_1qrlg_27 {
|
|
|
69
69
|
padding-right: 2rem;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.
|
|
72
|
+
._iconField_14n27_64 ._formInput_14n27_27 {
|
|
73
73
|
padding-left: 3rem;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
.
|
|
76
|
+
._suffixContainer_14n27_68 ._formInput_14n27_27 {
|
|
77
77
|
border: none;
|
|
78
78
|
border-radius: var(--lp-border-radius-regular) 0 0 var(--lp-border-radius-regular);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
81
|
+
._isInvalid_14n27_73 ._formInput_14n27_27,
|
|
82
|
+
._form_14n27_1 ._isInvalid_14n27_73 .Select-control,
|
|
83
|
+
._form_14n27_1 ._isInvalid_14n27_73 .CustomSelect > div,
|
|
84
|
+
._form_14n27_1 ._isInvalid_14n27_73 ._formInput_14n27_27 {
|
|
85
85
|
border-color: var(--lp-color-border-field-error);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.
|
|
88
|
+
._suffixContainer_14n27_68 ._formInput_14n27_27:focus {
|
|
89
89
|
box-shadow: none;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
.
|
|
93
|
-
.
|
|
92
|
+
._inlineForm_14n27_84 ._formGroup_14n27_1 + ._formGroup_14n27_1,
|
|
93
|
+
._inlineForm_14n27_84 ._formGroup_14n27_1 + .Button {
|
|
94
94
|
margin-left: 1rem;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
._label_14n27_89 {
|
|
98
98
|
font-size: 1.3rem;
|
|
99
99
|
font-family: var(--lp-font-family-base);
|
|
100
100
|
word-break: break-word;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.
|
|
103
|
+
._labelDisabled_14n27_95 {
|
|
104
104
|
color: var(--lp-color-gray-800);
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
:root[data-theme='dark'] .
|
|
107
|
+
:root[data-theme='dark'] ._labelDisabled_14n27_95 {
|
|
108
108
|
color: var(--lp-color-gray-400);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.
|
|
111
|
+
._labelOptional_14n27_103 {
|
|
112
112
|
margin-left: 0.4em;
|
|
113
113
|
color: var(--lp-color-text-ui-secondary);
|
|
114
114
|
fill: var(--lp-color-text-ui-secondary);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
.
|
|
117
|
+
._compactTextField_14n27_109 ._label_14n27_89 {
|
|
118
118
|
position: absolute;
|
|
119
119
|
top: -2px;
|
|
120
120
|
left: 10px;
|
|
@@ -128,17 +128,17 @@ select._formInput_1qrlg_27 {
|
|
|
128
128
|
z-index: 1; /* Fixes layout issue in Firefox */
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
-
.
|
|
131
|
+
._formGroup_14n27_1 ._label_14n27_89 {
|
|
132
132
|
display: flex;
|
|
133
133
|
align-items: center;
|
|
134
134
|
margin-bottom: 0.2rem;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
.
|
|
137
|
+
._formGroup_14n27_1 ._label_14n27_89 + ._label_14n27_89 {
|
|
138
138
|
margin-top: 0.5rem;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.
|
|
141
|
+
._fieldError_14n27_133 {
|
|
142
142
|
color: var(--lp-color-text-feedback-error);
|
|
143
143
|
font-size: 1.3rem;
|
|
144
144
|
}
|
|
@@ -146,46 +146,46 @@ select._formInput_1qrlg_27 {
|
|
|
146
146
|
/* The margin for .formGroup and the min-height of .form-fieldError
|
|
147
147
|
should be equal to avoid content shift when errors are shown */
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
._formIncreasedErrorMargin_14n27_9 ._fieldError_14n27_133 {
|
|
150
150
|
min-height: 2.8rem;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.
|
|
153
|
+
._label_14n27_89 ._fieldError_14n27_133 {
|
|
154
154
|
float: right;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.
|
|
157
|
+
._form_14n27_1:not(._inlineForm_14n27_84) ._fieldError_14n27_133 {
|
|
158
158
|
display: block;
|
|
159
159
|
padding-top: 0.5rem;
|
|
160
160
|
text-align: left;
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
._formIncreasedErrorMargin_14n27_9:not(._inlineForm_14n27_84) ._fieldError_14n27_133 {
|
|
164
164
|
padding-top: 0.1rem;
|
|
165
165
|
padding-bottom: 0.5rem;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
.
|
|
168
|
+
._form_14n27_1 ._isInvalid_14n27_73 ._label_14n27_89 {
|
|
169
169
|
color: var(--lp-color-text-feedback-error);
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
.
|
|
172
|
+
._formInput_14n27_27::-moz-placeholder {
|
|
173
173
|
color: var(--lp-color-text-field-placeholder);
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
.
|
|
176
|
+
._formInput_14n27_27::placeholder {
|
|
177
177
|
color: var(--lp-color-text-field-placeholder);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
.
|
|
180
|
+
._formIncreasedErrorMargin_14n27_9 ._formGroup_14n27_1._isInvalid_14n27_73 {
|
|
181
181
|
margin-bottom: 0;
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.
|
|
184
|
+
._formIncreasedErrorMargin_14n27_9 ._formGroup_14n27_1._isInvalid_14n27_73 + ._formGroup_14n27_1 {
|
|
185
185
|
margin-top: 0;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
.
|
|
188
|
+
._hint_14n27_175 {
|
|
189
189
|
display: block;
|
|
190
190
|
margin-top: 0.3rem;
|
|
191
191
|
font-size: 1.3rem;
|
|
@@ -193,65 +193,75 @@ select._formInput_1qrlg_27 {
|
|
|
193
193
|
color: var(--lp-color-text-ui-secondary);
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.
|
|
196
|
+
._field_14n27_133 ._hint_14n27_175 {
|
|
197
197
|
margin: 0;
|
|
198
198
|
font-size: 1.3rem;
|
|
199
199
|
color: var(--lp-color-text-ui-secondary);
|
|
200
200
|
fill: var(--lp-color-text-ui-secondary);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.
|
|
204
|
-
.
|
|
203
|
+
._form_14n27_1 ._field_14n27_133 label,
|
|
204
|
+
._form_14n27_1 ._field_14n27_133 ._isInvalid_14n27_73 label {
|
|
205
205
|
color: var(--lp-color-text-ui-primary);
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.
|
|
208
|
+
._fieldErrorMessage_14n27_195 {
|
|
209
209
|
color: var(--lp-color-text-feedback-error);
|
|
210
210
|
font-size: 1.3rem;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.
|
|
213
|
+
._field_14n27_133._formGroup_14n27_1 {
|
|
214
214
|
margin: 1rem 0;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.
|
|
217
|
+
._field_14n27_133._formGroup_14n27_1:first-child {
|
|
218
218
|
margin-top: 0;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
-
input.
|
|
221
|
+
input._formInput_14n27_27:-moz-read-only {
|
|
222
|
+
opacity: 1;
|
|
222
223
|
background-color: var(--lp-color-bg-field-disabled);
|
|
223
224
|
color: var(--lp-color-text-field-disabled);
|
|
225
|
+
border-color: var(--lp-color-border-field-disabled);
|
|
224
226
|
}
|
|
225
227
|
|
|
226
|
-
.
|
|
227
|
-
input.
|
|
228
|
-
select.
|
|
229
|
-
input.
|
|
228
|
+
._formInput_14n27_27._isDisabled_14n27_208,
|
|
229
|
+
input._formInput_14n27_27:disabled,
|
|
230
|
+
select._formInput_14n27_27:disabled,
|
|
231
|
+
input._formInput_14n27_27:read-only {
|
|
232
|
+
opacity: 1;
|
|
230
233
|
background-color: var(--lp-color-bg-field-disabled);
|
|
231
234
|
color: var(--lp-color-text-field-disabled);
|
|
235
|
+
border-color: var(--lp-color-border-field-disabled);
|
|
232
236
|
}
|
|
233
237
|
|
|
234
|
-
.
|
|
235
|
-
.
|
|
238
|
+
._formInput_14n27_27._isDisabled_14n27_208:hover,
|
|
239
|
+
._formInput_14n27_27:disabled:hover {
|
|
236
240
|
cursor: not-allowed;
|
|
237
241
|
}
|
|
238
242
|
|
|
239
|
-
textarea.
|
|
243
|
+
textarea._formInput_14n27_27 {
|
|
240
244
|
min-height: 2.5em;
|
|
241
245
|
height: auto;
|
|
242
246
|
resize: none;
|
|
243
247
|
}
|
|
244
248
|
|
|
245
|
-
textarea.
|
|
249
|
+
textarea._formInput_14n27_27:-moz-read-only {
|
|
250
|
+
opacity: 1;
|
|
251
|
+
color: var(--lp-color-text-field-disabled);
|
|
246
252
|
background-color: var(--lp-color-bg-field-disabled);
|
|
253
|
+
border-color: var(--lp-color-border-field-disabled);
|
|
247
254
|
}
|
|
248
255
|
|
|
249
|
-
textarea.
|
|
250
|
-
textarea.
|
|
256
|
+
textarea._formInput_14n27_27:disabled,
|
|
257
|
+
textarea._formInput_14n27_27:read-only {
|
|
258
|
+
opacity: 1;
|
|
259
|
+
color: var(--lp-color-text-field-disabled);
|
|
251
260
|
background-color: var(--lp-color-bg-field-disabled);
|
|
261
|
+
border-color: var(--lp-color-border-field-disabled);
|
|
252
262
|
}
|
|
253
263
|
|
|
254
|
-
input.
|
|
264
|
+
input._formInput_14n27_27::-webkit-autofill {
|
|
255
265
|
box-shadow: 0 0 0 50px var(--lp-color-bg-field) inset;
|
|
256
266
|
}
|
|
257
267
|
|
|
@@ -284,29 +294,29 @@ input[type='checkbox']:disabled {
|
|
|
284
294
|
pointer-events: none;
|
|
285
295
|
}
|
|
286
296
|
|
|
287
|
-
.
|
|
288
|
-
.
|
|
297
|
+
._formInput_14n27_27[readonly],
|
|
298
|
+
._formInput_14n27_27[readonly]:focus {
|
|
289
299
|
color: var(--lp-color-text-ui-secondary);
|
|
290
300
|
border-color: var(--lp-color-gray-500);
|
|
291
301
|
box-shadow: none;
|
|
292
302
|
}
|
|
293
303
|
|
|
294
|
-
.
|
|
304
|
+
._checkbox_14n27_275 {
|
|
295
305
|
align-self: flex-start; /* Default for .label is center, but this looks bad on multi-line checkbox labels */
|
|
296
306
|
flex-shrink: 0; /* Make sure the input itself doesn't shrink in flex layouts */
|
|
297
307
|
margin-right: 0.5rem;
|
|
298
308
|
margin-top: 0.4rem;
|
|
299
309
|
}
|
|
300
310
|
|
|
301
|
-
.
|
|
311
|
+
._radio_14n27_282 {
|
|
302
312
|
margin-right: 0.5rem;
|
|
303
313
|
}
|
|
304
314
|
|
|
305
|
-
.
|
|
315
|
+
._number_14n27_286 {
|
|
306
316
|
min-width: 4.5rem;
|
|
307
317
|
}
|
|
308
318
|
|
|
309
|
-
.
|
|
319
|
+
._suffixContainer_14n27_68 {
|
|
310
320
|
display: inline-flex;
|
|
311
321
|
border: 1px solid var(--lp-color-border-field);
|
|
312
322
|
border-radius: var(--lp-border-radius-regular);
|
|
@@ -314,22 +324,22 @@ input[type='checkbox']:disabled {
|
|
|
314
324
|
transition: all 0.1s linear;
|
|
315
325
|
}
|
|
316
326
|
|
|
317
|
-
.
|
|
327
|
+
._suffixContainer_14n27_68[focus-within] {
|
|
318
328
|
border-color: var(--lp-color-border-field-focus);
|
|
319
329
|
box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
|
|
320
330
|
}
|
|
321
331
|
|
|
322
|
-
.
|
|
332
|
+
._suffixContainer_14n27_68[focus-within] {
|
|
323
333
|
border-color: var(--lp-color-border-field-focus);
|
|
324
334
|
box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
|
|
325
335
|
}
|
|
326
336
|
|
|
327
|
-
.
|
|
337
|
+
._suffixContainer_14n27_68:focus-within {
|
|
328
338
|
border-color: var(--lp-color-border-field-focus);
|
|
329
339
|
box-shadow: 0 0 0 3px hsla(231.5, 100%, 62.5%, 0.1);
|
|
330
340
|
}
|
|
331
341
|
|
|
332
|
-
.
|
|
342
|
+
._suffixContainer_14n27_68 ._suffix_14n27_68 {
|
|
333
343
|
padding: 0 2px;
|
|
334
344
|
background-color: var(--lp-color-bg-field-aside);
|
|
335
345
|
color: var(--lp-color-text-ui-secondary);
|
|
@@ -340,8 +350,8 @@ input[type='checkbox']:disabled {
|
|
|
340
350
|
position: initial;
|
|
341
351
|
}
|
|
342
352
|
|
|
343
|
-
.
|
|
344
|
-
.
|
|
353
|
+
._suffix_14n27_68::-webkit-outer-spin-button,
|
|
354
|
+
._suffix_14n27_68::-webkit-inner-spin-button {
|
|
345
355
|
-webkit-appearance: none;
|
|
346
356
|
appearance: none;
|
|
347
357
|
margin: 0;
|
|
@@ -349,13 +359,13 @@ input[type='checkbox']:disabled {
|
|
|
349
359
|
|
|
350
360
|
/* Firefox */
|
|
351
361
|
|
|
352
|
-
.
|
|
362
|
+
._suffix_14n27_68[type='number'] {
|
|
353
363
|
-webkit-appearance: textfield;
|
|
354
364
|
-moz-appearance: textfield;
|
|
355
365
|
appearance: textfield;
|
|
356
366
|
}
|
|
357
367
|
|
|
358
|
-
.
|
|
368
|
+
._iconFieldIcon_14n27_324 {
|
|
359
369
|
position: absolute;
|
|
360
370
|
fill: var(--lp-color-fill-field);
|
|
361
371
|
top: 50%;
|
|
@@ -363,31 +373,31 @@ input[type='checkbox']:disabled {
|
|
|
363
373
|
left: 1rem;
|
|
364
374
|
}
|
|
365
375
|
|
|
366
|
-
.
|
|
376
|
+
._formInputTiny_14n27_332 {
|
|
367
377
|
padding: 0.1rem 0.6rem;
|
|
368
378
|
height: 2.4rem;
|
|
369
379
|
}
|
|
370
380
|
|
|
371
|
-
.
|
|
381
|
+
._iconField_14n27_64 {
|
|
372
382
|
position: relative;
|
|
373
383
|
}
|
|
374
384
|
|
|
375
|
-
.
|
|
385
|
+
._requiredAsterisk_14n27_341 {
|
|
376
386
|
color: var(--lp-color-text-feedback-error);
|
|
377
387
|
}
|
|
378
388
|
|
|
379
|
-
.
|
|
389
|
+
._fieldSet_14n27_345 {
|
|
380
390
|
border: none;
|
|
381
391
|
margin: 2rem 0;
|
|
382
392
|
padding: 0;
|
|
383
393
|
}
|
|
384
394
|
|
|
385
|
-
.
|
|
395
|
+
._compactTextField_14n27_109 {
|
|
386
396
|
position: relative;
|
|
387
397
|
width: 100%;
|
|
388
398
|
}
|
|
389
399
|
|
|
390
|
-
.
|
|
400
|
+
._compactTextField_14n27_109._isActive_14n27_356 ._label_14n27_89 {
|
|
391
401
|
border-radius: var(--lp-border-radius-regular);
|
|
392
402
|
opacity: 1;
|
|
393
403
|
pointer-events: auto;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@launchpad-ui/form",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.31",
|
|
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.17",
|
|
31
|
-
"@launchpad-ui/icons": "~0.6.
|
|
32
|
-
"@launchpad-ui/tokens": "~0.4.
|
|
31
|
+
"@launchpad-ui/icons": "~0.6.16",
|
|
32
|
+
"@launchpad-ui/tokens": "~0.4.8"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"react": "18.2.0",
|