@dt-dds/react-text-field 1.0.0-beta.49
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/CHANGELOG.md +536 -0
- package/LICENSE.md +21 -0
- package/README.md +85 -0
- package/dist/index.d.ts +82 -0
- package/dist/index.js +451 -0
- package/dist/index.mjs +413 -0
- package/package.json +59 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,536 @@
|
|
|
1
|
+
# @dt-ui/react-text-field
|
|
2
|
+
|
|
3
|
+
## 1.0.0-beta.49
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- chore: fix publish after npmjs.org pkg unpublish
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @dt-dds/react-spinner@1.0.0-beta.44
|
|
10
|
+
|
|
11
|
+
## 1.0.0-beta.48
|
|
12
|
+
|
|
13
|
+
### Major Changes
|
|
14
|
+
|
|
15
|
+
- refactor!: rename pkg and publish to npmjs
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
- @dt-dds/react-core@1.0.0-beta.41
|
|
21
|
+
- @dt-dds/react-icon@1.0.0-beta.42
|
|
22
|
+
- @dt-dds/react-icon-button@1.0.0-beta.9
|
|
23
|
+
- @dt-dds/react-label-field@1.0.0-beta.37
|
|
24
|
+
- @dt-dds/react-spinner@1.0.0-beta.43
|
|
25
|
+
- @dt-dds/react-typography@1.0.0-beta.32
|
|
26
|
+
|
|
27
|
+
## 0.1.0-beta.47
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- chore: fix pkg deps versions
|
|
32
|
+
|
|
33
|
+
## 0.1.0-beta.46
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- refactor: drop icon funcional state
|
|
38
|
+
- Updated dependencies
|
|
39
|
+
- @dt-ui/react-icon@0.1.0-beta.41
|
|
40
|
+
|
|
41
|
+
## 0.1.0-beta.45
|
|
42
|
+
|
|
43
|
+
### Minor Changes
|
|
44
|
+
|
|
45
|
+
- feat: add text field hover and focus
|
|
46
|
+
|
|
47
|
+
### Patch Changes
|
|
48
|
+
|
|
49
|
+
- refactor: theme typography values
|
|
50
|
+
- Updated dependencies
|
|
51
|
+
- @dt-ui/react-core@0.1.0-beta.40
|
|
52
|
+
- @dt-ui/react-label-field@0.1.0-beta.36
|
|
53
|
+
- @dt-ui/react-icon@0.1.0-beta.40
|
|
54
|
+
- @dt-ui/react-spinner@0.1.0-beta.42
|
|
55
|
+
- @dt-ui/react-typography@0.1.0-beta.31
|
|
56
|
+
|
|
57
|
+
## 0.1.0-beta.44
|
|
58
|
+
|
|
59
|
+
### Minor Changes
|
|
60
|
+
|
|
61
|
+
- feat: update shadow theme values
|
|
62
|
+
|
|
63
|
+
### Patch Changes
|
|
64
|
+
|
|
65
|
+
- Updated dependencies
|
|
66
|
+
- @dt-ui/react-core@0.1.0-beta.39
|
|
67
|
+
- @dt-ui/react-icon@0.1.0-beta.39
|
|
68
|
+
- @dt-ui/react-label-field@0.1.0-beta.35
|
|
69
|
+
- @dt-ui/react-spinner@0.1.0-beta.41
|
|
70
|
+
- @dt-ui/react-typography@0.1.0-beta.30
|
|
71
|
+
|
|
72
|
+
## 0.1.0-beta.43
|
|
73
|
+
|
|
74
|
+
### Minor Changes
|
|
75
|
+
|
|
76
|
+
- feat: add new icon font sizes
|
|
77
|
+
|
|
78
|
+
### Patch Changes
|
|
79
|
+
|
|
80
|
+
- Updated dependencies
|
|
81
|
+
- @dt-ui/react-icon@0.1.0-beta.38
|
|
82
|
+
|
|
83
|
+
## 0.1.0-beta.42
|
|
84
|
+
|
|
85
|
+
### Patch Changes
|
|
86
|
+
|
|
87
|
+
- chore: update theme font-styles
|
|
88
|
+
- Updated dependencies
|
|
89
|
+
- @dt-ui/react-core@0.1.0-beta.38
|
|
90
|
+
- @dt-ui/react-icon@0.1.0-beta.37
|
|
91
|
+
- @dt-ui/react-label-field@0.1.0-beta.34
|
|
92
|
+
- @dt-ui/react-spinner@0.1.0-beta.40
|
|
93
|
+
- @dt-ui/react-typography@0.1.0-beta.29
|
|
94
|
+
|
|
95
|
+
## 0.1.0-beta.41
|
|
96
|
+
|
|
97
|
+
### Patch Changes
|
|
98
|
+
|
|
99
|
+
- chore: review OSS files
|
|
100
|
+
- Updated dependencies
|
|
101
|
+
- @dt-ui/react-core@0.1.0-beta.37
|
|
102
|
+
- @dt-ui/react-icon@0.1.0-beta.36
|
|
103
|
+
- @dt-ui/react-label-field@0.1.0-beta.33
|
|
104
|
+
- @dt-ui/react-spinner@0.1.0-beta.39
|
|
105
|
+
- @dt-ui/react-typography@0.1.0-beta.28
|
|
106
|
+
|
|
107
|
+
## 0.1.0-beta.40
|
|
108
|
+
|
|
109
|
+
### Patch Changes
|
|
110
|
+
|
|
111
|
+
- chore: update contextual colors
|
|
112
|
+
- Updated dependencies
|
|
113
|
+
- @dt-ui/react-core@0.1.0-beta.36
|
|
114
|
+
- @dt-ui/react-icon@0.1.0-beta.35
|
|
115
|
+
- @dt-ui/react-label-field@0.1.0-beta.32
|
|
116
|
+
- @dt-ui/react-spinner@0.1.0-beta.38
|
|
117
|
+
- @dt-ui/react-typography@0.1.0-beta.27
|
|
118
|
+
|
|
119
|
+
## 0.1.0-beta.39
|
|
120
|
+
|
|
121
|
+
### Minor Changes
|
|
122
|
+
|
|
123
|
+
- feat: implement IconButton contrast and size
|
|
124
|
+
|
|
125
|
+
### Patch Changes
|
|
126
|
+
|
|
127
|
+
- Updated dependencies
|
|
128
|
+
- @dt-ui/react-icon@0.1.0-beta.34
|
|
129
|
+
|
|
130
|
+
## 0.1.0-beta.38
|
|
131
|
+
|
|
132
|
+
### Patch Changes
|
|
133
|
+
|
|
134
|
+
- fix: text field custom id
|
|
135
|
+
|
|
136
|
+
## 0.1.0-beta.37
|
|
137
|
+
|
|
138
|
+
### Patch Changes
|
|
139
|
+
|
|
140
|
+
- fix: change content.light contextual color
|
|
141
|
+
- Updated dependencies
|
|
142
|
+
- @dt-ui/react-core@0.1.0-beta.35
|
|
143
|
+
- @dt-ui/react-label-field@0.1.0-beta.31
|
|
144
|
+
- @dt-ui/react-icon@0.1.0-beta.33
|
|
145
|
+
- @dt-ui/react-spinner@0.1.0-beta.37
|
|
146
|
+
- @dt-ui/react-typography@0.1.0-beta.26
|
|
147
|
+
|
|
148
|
+
## 0.1.0-beta.36
|
|
149
|
+
|
|
150
|
+
### Minor Changes
|
|
151
|
+
|
|
152
|
+
- feat: move icon-button to independent
|
|
153
|
+
|
|
154
|
+
### Patch Changes
|
|
155
|
+
|
|
156
|
+
- Updated dependencies
|
|
157
|
+
- @dt-ui/react-icon@0.1.0-beta.32
|
|
158
|
+
|
|
159
|
+
## 0.1.0-beta.35
|
|
160
|
+
|
|
161
|
+
### Patch Changes
|
|
162
|
+
|
|
163
|
+
- fix: add accent to colors type
|
|
164
|
+
- Updated dependencies
|
|
165
|
+
- @dt-ui/react-core@0.1.0-beta.34
|
|
166
|
+
- @dt-ui/react-icon@0.1.0-beta.31
|
|
167
|
+
- @dt-ui/react-label-field@0.1.0-beta.30
|
|
168
|
+
- @dt-ui/react-spinner@0.1.0-beta.36
|
|
169
|
+
- @dt-ui/react-typography@0.1.0-beta.25
|
|
170
|
+
|
|
171
|
+
## 0.1.0-beta.34
|
|
172
|
+
|
|
173
|
+
### Patch Changes
|
|
174
|
+
|
|
175
|
+
- fix: change button text according to ux
|
|
176
|
+
- Updated dependencies
|
|
177
|
+
- @dt-ui/react-core@0.1.0-beta.33
|
|
178
|
+
- @dt-ui/react-icon@0.1.0-beta.30
|
|
179
|
+
- @dt-ui/react-label-field@0.1.0-beta.29
|
|
180
|
+
- @dt-ui/react-spinner@0.1.0-beta.35
|
|
181
|
+
- @dt-ui/react-typography@0.1.0-beta.24
|
|
182
|
+
|
|
183
|
+
## 0.1.0-beta.33
|
|
184
|
+
|
|
185
|
+
### Patch Changes
|
|
186
|
+
|
|
187
|
+
- fix: text field border style
|
|
188
|
+
|
|
189
|
+
## 0.1.0-beta.32
|
|
190
|
+
|
|
191
|
+
### Patch Changes
|
|
192
|
+
|
|
193
|
+
- chore: update contexual colors
|
|
194
|
+
- Updated dependencies
|
|
195
|
+
- @dt-ui/react-core@0.1.0-beta.32
|
|
196
|
+
- @dt-ui/react-label-field@0.1.0-beta.28
|
|
197
|
+
- @dt-ui/react-spinner@0.1.0-beta.34
|
|
198
|
+
- @dt-ui/react-typography@0.1.0-beta.23
|
|
199
|
+
- @dt-ui/react-icon@0.1.0-beta.29
|
|
200
|
+
|
|
201
|
+
## 0.1.0-beta.31
|
|
202
|
+
|
|
203
|
+
### Patch Changes
|
|
204
|
+
|
|
205
|
+
- refactor: avoid centring spinner
|
|
206
|
+
- Updated dependencies
|
|
207
|
+
- @dt-ui/react-spinner@0.1.0-beta.33
|
|
208
|
+
|
|
209
|
+
## 0.1.0-beta.30
|
|
210
|
+
|
|
211
|
+
### Patch Changes
|
|
212
|
+
|
|
213
|
+
- style: update responsive font styles
|
|
214
|
+
- Updated dependencies
|
|
215
|
+
- @dt-ui/react-core@0.1.0-beta.31
|
|
216
|
+
- @dt-ui/react-icon@0.1.0-beta.28
|
|
217
|
+
- @dt-ui/react-label-field@0.1.0-beta.27
|
|
218
|
+
- @dt-ui/react-spinner@0.1.0-beta.32
|
|
219
|
+
- @dt-ui/react-typography@0.1.0-beta.22
|
|
220
|
+
|
|
221
|
+
## 0.1.0-beta.29
|
|
222
|
+
|
|
223
|
+
### Minor Changes
|
|
224
|
+
|
|
225
|
+
- feat: add spinner size 'extra-small' & update specs
|
|
226
|
+
|
|
227
|
+
### Patch Changes
|
|
228
|
+
|
|
229
|
+
- Updated dependencies
|
|
230
|
+
- @dt-ui/react-core@0.1.0-beta.30
|
|
231
|
+
- @dt-ui/react-spinner@0.1.0-beta.31
|
|
232
|
+
- @dt-ui/react-icon@0.1.0-beta.27
|
|
233
|
+
- @dt-ui/react-label-field@0.1.0-beta.26
|
|
234
|
+
- @dt-ui/react-typography@0.1.0-beta.21
|
|
235
|
+
|
|
236
|
+
## 0.1.0-beta.28
|
|
237
|
+
|
|
238
|
+
### Minor Changes
|
|
239
|
+
|
|
240
|
+
- feat: add backgroundFill
|
|
241
|
+
|
|
242
|
+
## 0.1.0-beta.27
|
|
243
|
+
|
|
244
|
+
### Patch Changes
|
|
245
|
+
|
|
246
|
+
- chore: add theme breakpoints
|
|
247
|
+
- Updated dependencies
|
|
248
|
+
- @dt-ui/react-core@0.1.0-beta.29
|
|
249
|
+
- @dt-ui/react-icon@0.1.0-beta.26
|
|
250
|
+
- @dt-ui/react-label-field@0.1.0-beta.25
|
|
251
|
+
- @dt-ui/react-spinner@0.1.0-beta.30
|
|
252
|
+
- @dt-ui/react-typography@0.1.0-beta.20
|
|
253
|
+
|
|
254
|
+
## 0.1.0-beta.26
|
|
255
|
+
|
|
256
|
+
### Minor Changes
|
|
257
|
+
|
|
258
|
+
- feat: add option for background color
|
|
259
|
+
|
|
260
|
+
## 0.1.0-beta.25
|
|
261
|
+
|
|
262
|
+
### Minor Changes
|
|
263
|
+
|
|
264
|
+
- feat: add id to base props
|
|
265
|
+
|
|
266
|
+
### Patch Changes
|
|
267
|
+
|
|
268
|
+
- Updated dependencies
|
|
269
|
+
- @dt-ui/react-core@0.1.0-beta.28
|
|
270
|
+
- @dt-ui/react-typography@0.1.0-beta.19
|
|
271
|
+
- @dt-ui/react-icon@0.1.0-beta.25
|
|
272
|
+
- @dt-ui/react-label-field@0.1.0-beta.24
|
|
273
|
+
- @dt-ui/react-spinner@0.1.0-beta.29
|
|
274
|
+
|
|
275
|
+
## 0.1.0-beta.24
|
|
276
|
+
|
|
277
|
+
### Minor Changes
|
|
278
|
+
|
|
279
|
+
- feat: change breakpoints values
|
|
280
|
+
|
|
281
|
+
### Patch Changes
|
|
282
|
+
|
|
283
|
+
- Updated dependencies
|
|
284
|
+
- @dt-ui/react-core@0.1.0-beta.27
|
|
285
|
+
- @dt-ui/react-icon@0.1.0-beta.24
|
|
286
|
+
- @dt-ui/react-label-field@0.1.0-beta.23
|
|
287
|
+
- @dt-ui/react-spinner@0.1.0-beta.28
|
|
288
|
+
- @dt-ui/react-typography@0.1.0-beta.18
|
|
289
|
+
|
|
290
|
+
## 0.1.0-beta.23
|
|
291
|
+
|
|
292
|
+
### Patch Changes
|
|
293
|
+
|
|
294
|
+
- fix: replace body to correct one
|
|
295
|
+
- Updated dependencies
|
|
296
|
+
- @dt-ui/react-core@0.1.0-beta.26
|
|
297
|
+
- @dt-ui/react-icon@0.1.0-beta.23
|
|
298
|
+
- @dt-ui/react-label-field@0.1.0-beta.22
|
|
299
|
+
- @dt-ui/react-spinner@0.1.0-beta.27
|
|
300
|
+
- @dt-ui/react-typography@0.1.0-beta.17
|
|
301
|
+
|
|
302
|
+
## 0.1.0-beta.22
|
|
303
|
+
|
|
304
|
+
### Patch Changes
|
|
305
|
+
|
|
306
|
+
- chore: add theme colors missing types
|
|
307
|
+
- Updated dependencies
|
|
308
|
+
- @dt-ui/react-core@0.1.0-beta.25
|
|
309
|
+
- @dt-ui/react-icon@0.1.0-beta.22
|
|
310
|
+
- @dt-ui/react-label-field@0.1.0-beta.21
|
|
311
|
+
- @dt-ui/react-spinner@0.1.0-beta.26
|
|
312
|
+
- @dt-ui/react-typography@0.1.0-beta.16
|
|
313
|
+
|
|
314
|
+
## 0.1.0-beta.21
|
|
315
|
+
|
|
316
|
+
### Minor Changes
|
|
317
|
+
|
|
318
|
+
- feat: add search functionality to text-field
|
|
319
|
+
|
|
320
|
+
### Patch Changes
|
|
321
|
+
|
|
322
|
+
- Updated dependencies
|
|
323
|
+
- @dt-ui/react-label-field@0.1.0-beta.20
|
|
324
|
+
|
|
325
|
+
## 0.1.0-beta.20
|
|
326
|
+
|
|
327
|
+
### Patch Changes
|
|
328
|
+
|
|
329
|
+
- refactor: drop truckapi theme
|
|
330
|
+
- Updated dependencies
|
|
331
|
+
- @dt-ui/react-core@0.1.0-beta.24
|
|
332
|
+
- @dt-ui/react-label-field@0.1.0-beta.19
|
|
333
|
+
- @dt-ui/react-spinner@0.1.0-beta.25
|
|
334
|
+
- @dt-ui/react-typography@0.1.0-beta.15
|
|
335
|
+
|
|
336
|
+
## 0.1.0-beta.19
|
|
337
|
+
|
|
338
|
+
### Patch Changes
|
|
339
|
+
|
|
340
|
+
- fix: update label vertical positioning
|
|
341
|
+
- Updated dependencies
|
|
342
|
+
- @dt-ui/react-label-field@0.1.0-beta.18
|
|
343
|
+
|
|
344
|
+
## 0.1.0-beta.18
|
|
345
|
+
|
|
346
|
+
### Patch Changes
|
|
347
|
+
|
|
348
|
+
- fix: removes required error if initialValue is set
|
|
349
|
+
|
|
350
|
+
## 0.1.0-beta.17
|
|
351
|
+
|
|
352
|
+
### Patch Changes
|
|
353
|
+
|
|
354
|
+
- fix: solve minor issues with text field component
|
|
355
|
+
|
|
356
|
+
## 0.1.0-beta.16
|
|
357
|
+
|
|
358
|
+
### Minor Changes
|
|
359
|
+
|
|
360
|
+
- feat: redesign text field and add new features
|
|
361
|
+
|
|
362
|
+
### Patch Changes
|
|
363
|
+
|
|
364
|
+
- Updated dependencies
|
|
365
|
+
- @dt-ui/react-label-field@0.1.0-beta.17
|
|
366
|
+
|
|
367
|
+
## 0.1.0-beta.15
|
|
368
|
+
|
|
369
|
+
### Minor Changes
|
|
370
|
+
|
|
371
|
+
- feat: update core and semantic colors
|
|
372
|
+
- feat: remove greenlane theme
|
|
373
|
+
|
|
374
|
+
### Patch Changes
|
|
375
|
+
|
|
376
|
+
- Updated dependencies
|
|
377
|
+
- Updated dependencies
|
|
378
|
+
- @dt-ui/react-core@0.1.0-beta.23
|
|
379
|
+
- @dt-ui/react-label-field@0.1.0-beta.16
|
|
380
|
+
- @dt-ui/react-spinner@0.1.0-beta.24
|
|
381
|
+
- @dt-ui/react-typography@0.1.0-beta.14
|
|
382
|
+
|
|
383
|
+
## 0.1.0-beta.14
|
|
384
|
+
|
|
385
|
+
### Minor Changes
|
|
386
|
+
|
|
387
|
+
- feat: add icon option for truckapi theme
|
|
388
|
+
|
|
389
|
+
### Patch Changes
|
|
390
|
+
|
|
391
|
+
- Updated dependencies
|
|
392
|
+
- @dt-ui/react-core@0.1.0-beta.22
|
|
393
|
+
- @dt-ui/react-label-field@0.1.0-beta.15
|
|
394
|
+
- @dt-ui/react-spinner@0.1.0-beta.23
|
|
395
|
+
- @dt-ui/react-typography@0.1.0-beta.13
|
|
396
|
+
|
|
397
|
+
## 0.1.0-beta.13
|
|
398
|
+
|
|
399
|
+
### Patch Changes
|
|
400
|
+
|
|
401
|
+
- fix: tooltip z index
|
|
402
|
+
- Updated dependencies
|
|
403
|
+
- @dt-ui/react-core@0.1.0-beta.21
|
|
404
|
+
- @dt-ui/react-label-field@0.1.0-beta.14
|
|
405
|
+
- @dt-ui/react-spinner@0.1.0-beta.22
|
|
406
|
+
- @dt-ui/react-typography@0.1.0-beta.12
|
|
407
|
+
|
|
408
|
+
## 0.1.0-beta.12
|
|
409
|
+
|
|
410
|
+
### Minor Changes
|
|
411
|
+
|
|
412
|
+
- feat: add segmented control component
|
|
413
|
+
|
|
414
|
+
### Patch Changes
|
|
415
|
+
|
|
416
|
+
- Updated dependencies
|
|
417
|
+
- @dt-ui/react-core@0.1.0-beta.20
|
|
418
|
+
- @dt-ui/react-label-field@0.1.0-beta.13
|
|
419
|
+
- @dt-ui/react-spinner@0.1.0-beta.21
|
|
420
|
+
- @dt-ui/react-typography@0.1.0-beta.11
|
|
421
|
+
|
|
422
|
+
## 0.1.0-beta.11
|
|
423
|
+
|
|
424
|
+
### Patch Changes
|
|
425
|
+
|
|
426
|
+
- fix: add shape for tooltip on truckapi theme
|
|
427
|
+
- Updated dependencies
|
|
428
|
+
- @dt-ui/react-core@0.1.0-beta.19
|
|
429
|
+
- @dt-ui/react-label-field@0.1.0-beta.12
|
|
430
|
+
- @dt-ui/react-spinner@0.1.0-beta.20
|
|
431
|
+
- @dt-ui/react-typography@0.1.0-beta.10
|
|
432
|
+
|
|
433
|
+
## 0.1.0-beta.10
|
|
434
|
+
|
|
435
|
+
### Patch Changes
|
|
436
|
+
|
|
437
|
+
- fix: remove devDependecy export
|
|
438
|
+
- Updated dependencies
|
|
439
|
+
- @dt-ui/react-core@0.1.0-beta.18
|
|
440
|
+
- @dt-ui/react-label-field@0.1.0-beta.11
|
|
441
|
+
- @dt-ui/react-spinner@0.1.0-beta.19
|
|
442
|
+
- @dt-ui/react-typography@0.1.0-beta.9
|
|
443
|
+
|
|
444
|
+
## 0.1.0-beta.9
|
|
445
|
+
|
|
446
|
+
### Patch Changes
|
|
447
|
+
|
|
448
|
+
- fix: make error state in label match textfield error state When the texfield is in error the label should also be in error state and not only be in error when there is an input. When the TextField is required it should be marked as such when it only has spaces for a better ui experience.
|
|
449
|
+
|
|
450
|
+
## 0.1.0-beta.8
|
|
451
|
+
|
|
452
|
+
### Patch Changes
|
|
453
|
+
|
|
454
|
+
- test: add test custom render
|
|
455
|
+
- Updated dependencies
|
|
456
|
+
- @dt-ui/react-core@0.1.0-beta.17
|
|
457
|
+
- @dt-ui/react-label-field@0.1.0-beta.10
|
|
458
|
+
- @dt-ui/react-spinner@0.1.0-beta.18
|
|
459
|
+
- @dt-ui/react-typography@0.1.0-beta.8
|
|
460
|
+
|
|
461
|
+
## 0.1.0-beta.7
|
|
462
|
+
|
|
463
|
+
### Minor Changes
|
|
464
|
+
|
|
465
|
+
- feat: update text inputs focus color
|
|
466
|
+
|
|
467
|
+
## 0.1.0-beta.6
|
|
468
|
+
|
|
469
|
+
### Minor Changes
|
|
470
|
+
|
|
471
|
+
- feat: create select
|
|
472
|
+
- feat: labelField add hasError and required
|
|
473
|
+
|
|
474
|
+
### Patch Changes
|
|
475
|
+
|
|
476
|
+
- Updated dependencies
|
|
477
|
+
- Updated dependencies
|
|
478
|
+
- @dt-ui/react-core@0.1.0-beta.16
|
|
479
|
+
- @dt-ui/react-label-field@0.1.0-beta.9
|
|
480
|
+
- @dt-ui/react-spinner@0.1.0-beta.17
|
|
481
|
+
- @dt-ui/react-typography@0.1.0-beta.7
|
|
482
|
+
|
|
483
|
+
## 0.1.0-beta.5
|
|
484
|
+
|
|
485
|
+
### Patch Changes
|
|
486
|
+
|
|
487
|
+
- fix: show shadows only when scroll is visible
|
|
488
|
+
- Updated dependencies
|
|
489
|
+
- @dt-ui/react-core@0.1.0-beta.15
|
|
490
|
+
- @dt-ui/react-label-field@0.1.0-beta.8
|
|
491
|
+
- @dt-ui/react-spinner@0.1.0-beta.16
|
|
492
|
+
- @dt-ui/react-typography@0.1.0-beta.6
|
|
493
|
+
|
|
494
|
+
## 0.1.0-beta.4
|
|
495
|
+
|
|
496
|
+
### Patch Changes
|
|
497
|
+
|
|
498
|
+
- fix: update border radius theme specifications
|
|
499
|
+
- Updated dependencies
|
|
500
|
+
- @dt-ui/react-core@0.1.0-beta.14
|
|
501
|
+
- @dt-ui/react-label-field@0.1.0-beta.7
|
|
502
|
+
- @dt-ui/react-spinner@0.1.0-beta.15
|
|
503
|
+
- @dt-ui/react-typography@0.1.0-beta.5
|
|
504
|
+
|
|
505
|
+
## 0.1.0-beta.3
|
|
506
|
+
|
|
507
|
+
### Patch Changes
|
|
508
|
+
|
|
509
|
+
- fix: match accordion design
|
|
510
|
+
- Updated dependencies
|
|
511
|
+
- @dt-ui/react-core@0.1.0-beta.13
|
|
512
|
+
- @dt-ui/react-label-field@0.1.0-beta.6
|
|
513
|
+
- @dt-ui/react-spinner@0.1.0-beta.14
|
|
514
|
+
- @dt-ui/react-typography@0.1.0-beta.4
|
|
515
|
+
|
|
516
|
+
## 0.1.0-beta.2
|
|
517
|
+
|
|
518
|
+
### Patch Changes
|
|
519
|
+
|
|
520
|
+
- fix: make icons an optional property in theme
|
|
521
|
+
- Updated dependencies
|
|
522
|
+
- @dt-ui/react-core@0.1.0-beta.12
|
|
523
|
+
- @dt-ui/react-label-field@0.1.0-beta.5
|
|
524
|
+
- @dt-ui/react-spinner@0.1.0-beta.13
|
|
525
|
+
- @dt-ui/react-typography@0.1.0-beta.3
|
|
526
|
+
|
|
527
|
+
## 0.1.0-beta.1
|
|
528
|
+
|
|
529
|
+
### Patch Changes
|
|
530
|
+
|
|
531
|
+
- refactor: extract text-field to new package with greenlane theme
|
|
532
|
+
- Updated dependencies
|
|
533
|
+
- @dt-ui/react-core@0.1.0-beta.11
|
|
534
|
+
- @dt-ui/react-label-field@0.1.0-beta.4
|
|
535
|
+
- @dt-ui/react-spinner@0.1.0-beta.12
|
|
536
|
+
- @dt-ui/react-typography@0.1.0-beta.2
|
package/LICENSE.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Daimler Truck AG.
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
# TextField Package
|
|
2
|
+
|
|
3
|
+
TextField allows users to enter and edit text. They typically appear in forms and modal windows.
|
|
4
|
+
|
|
5
|
+
## TextField Usage
|
|
6
|
+
|
|
7
|
+
```jsx
|
|
8
|
+
import { TextField } from '@dt-dds/react-text-field';
|
|
9
|
+
|
|
10
|
+
export const App = () => {
|
|
11
|
+
return <TextField label='My Field' message='Helpful hint' maxLength={40} />;
|
|
12
|
+
};
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
| Property | Type | Default | Description |
|
|
18
|
+
| ----------------- | ---------------------------- | ---------- | ----------------------------------------------------------------------------------------------------- |
|
|
19
|
+
| `children` | `ReactNode` | - | Child components to be rendered inside input field. |
|
|
20
|
+
| `label` | `string` | - | A label to help users understand the scope of the text field. |
|
|
21
|
+
| `initialValue` | `string` | - | Sets the initial value of the text field. |
|
|
22
|
+
| `message` | `string` | - | The message to be displayed below the input field. Useful for hints or to display errors. |
|
|
23
|
+
| `hasError` | `boolean` | - | Set error state for text field. |
|
|
24
|
+
| `disabled` | `boolean` | - | Determines the disabled state of input field. |
|
|
25
|
+
| `name` | `string` | - | The attribute to specify the name of the text field. |
|
|
26
|
+
| `required` | `boolean` | - | Set error state with a message defined in `requiredMessage` |
|
|
27
|
+
| `requiredMessage` | `string` | - | The error message to show when the required validation is triggered |
|
|
28
|
+
| `style` | `CSSProperties` | - | Add css style directly to the text field. |
|
|
29
|
+
| `inputRef` | `RefObject` | - | Provides a way to access DOM node or React element reference. |
|
|
30
|
+
| `maxLength` | `number` | - | The maximum number of characters that user can enter. |
|
|
31
|
+
| `type` | `HTMLInputTypeAttribute` | `text` | Used to specify the type of element to display. |
|
|
32
|
+
| `onChange` | `function` | - | The triggered function when the input change. |
|
|
33
|
+
| `onResetInput` | `function` | - | The triggered function when clicked on the cross icon, when type is search |
|
|
34
|
+
| `variant` | `[outlined, bottomLine]` | `outlined` | Styles the input with outlined or with bottom line |
|
|
35
|
+
| `backgroundFill` | `[default, contrast, light]` | `default` | Styles the input with background color |
|
|
36
|
+
| `isFloatingLabel` | `boolean` | `false` | Sets the label floating or traditional on top of the input |
|
|
37
|
+
| `extraPrefix` | `ExtraComponent` | - | Component to be rendered on the left side inside the input field |
|
|
38
|
+
| `extraSuffix` | `ExtraComponent` | - | Component to be rendered on the right side inside the input field |
|
|
39
|
+
| `id` | `string` | - | The unique identifier used to link the element to the corresponding element via the htmlFor attribute |
|
|
40
|
+
| `...` | `InputHTMLAttributes` | - | All available attributes from native html input |
|
|
41
|
+
|
|
42
|
+
## Stack
|
|
43
|
+
|
|
44
|
+
- [TypeScript](https://www.typescriptlang.org/) for static type checking
|
|
45
|
+
- [React](https://reactjs.org/) — JavaScript library for user interfaces
|
|
46
|
+
- [Emotion](https://emotion.sh/docs/introduction) — for writing css styles with JavaScript
|
|
47
|
+
- [Storybook](https://storybook.js.org/) — UI component environment powered by Vite
|
|
48
|
+
- [Jest](https://jestjs.io/) - JavaScript Testing Framework
|
|
49
|
+
- [React Testing Library](https://testing-library.com/) - to test UI components in a user-centric way
|
|
50
|
+
- [ESLint](https://eslint.org/) for code linting
|
|
51
|
+
- [Prettier](https://prettier.io) for code formatting
|
|
52
|
+
- [Tsup](https://github.com/egoist/tsup) — TypeScript bundler powered by esbuild
|
|
53
|
+
- [Yarn](https://yarnpkg.com/) from managing packages
|
|
54
|
+
|
|
55
|
+
## Commands
|
|
56
|
+
|
|
57
|
+
- `yarn build` - Build the package
|
|
58
|
+
- `yarn dev` - Run the package locally
|
|
59
|
+
- `yarn lint` - Lint all files within this package
|
|
60
|
+
- `yarn test` - Run all unit tests
|
|
61
|
+
- `yarn test:report` - Open the test coverage report
|
|
62
|
+
- `yarn test:update:snapshot` - Run all unit tests and update the snapshot
|
|
63
|
+
|
|
64
|
+
## Compilation
|
|
65
|
+
|
|
66
|
+
Running `yarn build` from the root of the package will use [tsup](https://tsup.egoist.dev/) to compile the raw TypeScript and React code to plain JavaScript.
|
|
67
|
+
|
|
68
|
+
The `/dist` folder contains the compiled output.
|
|
69
|
+
|
|
70
|
+
```bash
|
|
71
|
+
text-field
|
|
72
|
+
└── dist
|
|
73
|
+
├── index.d.ts <-- Types
|
|
74
|
+
├── index.js <-- CommonJS version
|
|
75
|
+
└── index.mjs <-- ES Modules version
|
|
76
|
+
...
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
## Versioning
|
|
80
|
+
|
|
81
|
+
Follows [semantic versioning](https://semver.org/)
|
|
82
|
+
|
|
83
|
+
## © License
|
|
84
|
+
|
|
85
|
+
Licensed under [MIT License](LICENSE.md)
|