@descope/flow-components 2.0.39 → 2.0.41

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 (151) hide show
  1. package/package.json +6 -3
  2. package/.eslintrc +0 -119
  3. package/.github/actions/setup/action.yml +0 -42
  4. package/.github/workflows/ci.yml +0 -105
  5. package/.github/workflows/publish.yml +0 -40
  6. package/.github/workflows/release.yml +0 -44
  7. package/.husky/pre-commit +0 -1
  8. package/.prettierrc +0 -8
  9. package/.storybook/main.js +0 -23
  10. package/.storybook/manager.js +0 -10
  11. package/.storybook/preview-head.html +0 -29
  12. package/.storybook/preview.js +0 -44
  13. package/LICENSE +0 -21
  14. package/babel.config.js +0 -7
  15. package/jest.config.js +0 -33
  16. package/jest.setup.js +0 -2
  17. package/renovate.json +0 -4
  18. package/rollup.config.mjs +0 -47
  19. package/src/Boolean/Boolean.tsx +0 -24
  20. package/src/Boolean/index.ts +0 -1
  21. package/src/Button/Button.tsx +0 -49
  22. package/src/Button/index.ts +0 -1
  23. package/src/Checkbox/Checkbox.tsx +0 -16
  24. package/src/Checkbox/index.ts +0 -1
  25. package/src/Code/Code.tsx +0 -21
  26. package/src/Code/index.ts +0 -1
  27. package/src/Container/Container.tsx +0 -111
  28. package/src/Container/index.ts +0 -1
  29. package/src/CssVarImage/CssVarImage.tsx +0 -38
  30. package/src/CssVarImage/index.ts +0 -1
  31. package/src/Divider/Divider.tsx +0 -33
  32. package/src/Divider/index.ts +0 -1
  33. package/src/EmailField/EmailField.tsx +0 -20
  34. package/src/EmailField/index.ts +0 -1
  35. package/src/Image/Image.tsx +0 -32
  36. package/src/Image/index.ts +0 -1
  37. package/src/Input/Input.tsx +0 -27
  38. package/src/Input/index.ts +0 -1
  39. package/src/Link/Link.tsx +0 -33
  40. package/src/Link/index.ts +0 -1
  41. package/src/Loader/Loader.tsx +0 -40
  42. package/src/Loader/index.ts +0 -1
  43. package/src/Logo/Logo.tsx +0 -27
  44. package/src/Logo/index.ts +0 -1
  45. package/src/NewPassword/NewPassword.tsx +0 -25
  46. package/src/NewPassword/index.ts +0 -1
  47. package/src/NumberField/NumberField.tsx +0 -20
  48. package/src/NumberField/index.ts +0 -1
  49. package/src/Password/Password.tsx +0 -20
  50. package/src/Password/index.ts +0 -1
  51. package/src/Phone/Phone.tsx +0 -22
  52. package/src/Phone/index.ts +0 -1
  53. package/src/Select/Select.tsx +0 -29
  54. package/src/Select/index.ts +0 -1
  55. package/src/Switch/Switch.tsx +0 -21
  56. package/src/Switch/index.ts +0 -1
  57. package/src/TOTPImage/TOTPImage.tsx +0 -18
  58. package/src/TOTPImage/index.ts +0 -1
  59. package/src/TOTPLink/TOTPLink.tsx +0 -16
  60. package/src/TOTPLink/index.ts +0 -1
  61. package/src/Text/Text.tsx +0 -36
  62. package/src/Text/index.ts +0 -1
  63. package/src/TextField/TextField.tsx +0 -20
  64. package/src/TextField/index.ts +0 -1
  65. package/src/Textarea/Textarea.tsx +0 -20
  66. package/src/Textarea/index.ts +0 -1
  67. package/src/icons/apple.tsx +0 -14
  68. package/src/icons/discord.tsx +0 -14
  69. package/src/icons/facebook.tsx +0 -14
  70. package/src/icons/fingerprint.tsx +0 -14
  71. package/src/icons/github.tsx +0 -14
  72. package/src/icons/gitlab.tsx +0 -41
  73. package/src/icons/google.tsx +0 -29
  74. package/src/icons/index.ts +0 -11
  75. package/src/icons/input-hidden.tsx +0 -17
  76. package/src/icons/input-visible.tsx +0 -17
  77. package/src/icons/linkedin.tsx +0 -18
  78. package/src/icons/microsoft.tsx +0 -41
  79. package/src/icons/passkey.tsx +0 -16
  80. package/src/icons/sso.tsx +0 -14
  81. package/src/index.ts +0 -25
  82. package/src/inputHelpers.ts +0 -41
  83. package/src/types.ts +0 -52
  84. package/src/utils.tsx +0 -69
  85. package/stories/Boolean.stories.jsx +0 -37
  86. package/stories/Button.stories.jsx +0 -71
  87. package/stories/Checkbox.stories.jsx +0 -29
  88. package/stories/Code.stories.jsx +0 -60
  89. package/stories/Container.stories.jsx +0 -53
  90. package/stories/Divider.stories.jsx +0 -23
  91. package/stories/EmailField.stories.jsx +0 -36
  92. package/stories/Image.stories.jsx +0 -16
  93. package/stories/Input.stories.jsx +0 -63
  94. package/stories/Link.stories.jsx +0 -21
  95. package/stories/Loader.stories.jsx +0 -34
  96. package/stories/Logo.stories.jsx +0 -14
  97. package/stories/NewPassword.stories.jsx +0 -52
  98. package/stories/NumberField.stories.jsx +0 -35
  99. package/stories/Password.stories.jsx +0 -37
  100. package/stories/Phone.stories.jsx +0 -61
  101. package/stories/Switch.stories.jsx +0 -29
  102. package/stories/TOTPImage.stories.jsx +0 -22
  103. package/stories/TOTPLink.stories.jsx +0 -20
  104. package/stories/Text.stories.jsx +0 -35
  105. package/stories/TextField.stories.jsx +0 -39
  106. package/stories/Textarea.stories.jsx +0 -25
  107. package/storybook-static/favicon.ico +0 -0
  108. package/test/__snapshots__/boolean.test.tsx.snap +0 -47
  109. package/test/__snapshots__/buttons.test.tsx.snap +0 -843
  110. package/test/__snapshots__/checkbox.test.tsx.snap +0 -51
  111. package/test/__snapshots__/code.test.tsx.snap +0 -1184
  112. package/test/__snapshots__/container.test.tsx.snap +0 -218
  113. package/test/__snapshots__/divider.test.tsx.snap +0 -73
  114. package/test/__snapshots__/image.test.tsx.snap +0 -62
  115. package/test/__snapshots__/input.test.tsx.snap +0 -80
  116. package/test/__snapshots__/link.test.tsx.snap +0 -120
  117. package/test/__snapshots__/loader.test.tsx.snap +0 -53
  118. package/test/__snapshots__/logo.test.tsx.snap +0 -10
  119. package/test/__snapshots__/newPassword.test.tsx.snap +0 -69
  120. package/test/__snapshots__/numeric-input.test.tsx.snap +0 -21
  121. package/test/__snapshots__/password.test.tsx.snap +0 -26
  122. package/test/__snapshots__/phone.test.tsx.snap +0 -504
  123. package/test/__snapshots__/switch.test.tsx.snap +0 -51
  124. package/test/__snapshots__/text.test.tsx.snap +0 -89
  125. package/test/__snapshots__/textarea.test.tsx.snap +0 -73
  126. package/test/__snapshots__/themeToCssVars.test.ts.snap +0 -45
  127. package/test/__snapshots__/totpImage.test.tsx.snap +0 -10
  128. package/test/__snapshots__/totpLink.test.tsx.snap +0 -13
  129. package/test/boolean.test.tsx +0 -28
  130. package/test/buttons.test.tsx +0 -66
  131. package/test/checkbox.test.tsx +0 -67
  132. package/test/code.test.tsx +0 -182
  133. package/test/container.test.tsx +0 -91
  134. package/test/divider.test.tsx +0 -50
  135. package/test/image.test.tsx +0 -40
  136. package/test/input.test.tsx +0 -82
  137. package/test/inputHelpers.test.tsx +0 -58
  138. package/test/link.test.tsx +0 -71
  139. package/test/loader.test.tsx +0 -25
  140. package/test/logo.test.tsx +0 -10
  141. package/test/newPassword.test.tsx +0 -132
  142. package/test/numeric-input.test.tsx +0 -114
  143. package/test/password.test.tsx +0 -55
  144. package/test/phone.test.tsx +0 -158
  145. package/test/switch.test.tsx +0 -67
  146. package/test/text.test.tsx +0 -60
  147. package/test/textarea.test.tsx +0 -64
  148. package/test/themeToCssVars.test.ts +0 -82
  149. package/test/totpImage.test.tsx +0 -10
  150. package/test/totpLink.test.tsx +0 -10
  151. package/tsconfig.json +0 -20
package/test/__snapshots__/code.test.tsx.snap DELETED
@@ -1,1184 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Code rendered with className 1`] = `
4
- <div>
5
- <div
6
- class="className descope-input-wrapper p-0 form-control relative w-full"
7
- >
8
- <div
9
- class="flex justify-between m-[3px]"
10
- >
11
- <div
12
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
13
- >
14
- <label
15
- class="flex flex-col items-start h-full"
16
- style="cursor: inherit;"
17
- >
18
- <div
19
- class="h-full w-full"
20
- >
21
- <input
22
- aria-hidden="true"
23
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
24
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
25
- data-input="input"
26
- pattern="^$|^\\\\d{6,}$"
27
- tabindex="-1"
28
- value=""
29
- />
30
- </div>
31
- </label>
32
- </div>
33
- <div
34
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
35
- >
36
- <label
37
- class="flex flex-col items-start h-full"
38
- style="cursor: inherit;"
39
- >
40
- <div
41
- class="h-full"
42
- >
43
- <input
44
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
45
- data-id="0"
46
- value=""
47
- />
48
- </div>
49
- </label>
50
- </div>
51
- <div
52
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
53
- >
54
- <label
55
- class="flex flex-col items-start h-full"
56
- style="cursor: inherit;"
57
- >
58
- <div
59
- class="h-full"
60
- >
61
- <input
62
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
63
- data-id="1"
64
- value=""
65
- />
66
- </div>
67
- </label>
68
- </div>
69
- <div
70
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
71
- >
72
- <label
73
- class="flex flex-col items-start h-full"
74
- style="cursor: inherit;"
75
- >
76
- <div
77
- class="h-full"
78
- >
79
- <input
80
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
81
- data-id="2"
82
- value=""
83
- />
84
- </div>
85
- </label>
86
- </div>
87
- <div
88
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
89
- >
90
- <label
91
- class="flex flex-col items-start h-full"
92
- style="cursor: inherit;"
93
- >
94
- <div
95
- class="h-full"
96
- >
97
- <input
98
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
99
- data-id="3"
100
- value=""
101
- />
102
- </div>
103
- </label>
104
- </div>
105
- <div
106
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
107
- >
108
- <label
109
- class="flex flex-col items-start h-full"
110
- style="cursor: inherit;"
111
- >
112
- <div
113
- class="h-full"
114
- >
115
- <input
116
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
117
- data-id="4"
118
- value=""
119
- />
120
- </div>
121
- </label>
122
- </div>
123
- <div
124
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
125
- >
126
- <label
127
- class="flex flex-col items-start h-full"
128
- style="cursor: inherit;"
129
- >
130
- <div
131
- class="h-full"
132
- >
133
- <input
134
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
135
- data-id="5"
136
- value=""
137
- />
138
- </div>
139
- </label>
140
- </div>
141
- </div>
142
- </div>
143
- </div>
144
- `;
145
-
146
- exports[`Code rendered with custom error attributes 1`] = `
147
- <div>
148
- <div
149
- class="descope-input-wrapper p-0 form-control relative w-full"
150
- >
151
- <div
152
- class="flex justify-between m-[3px]"
153
- >
154
- <div
155
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
156
- >
157
- <label
158
- class="flex flex-col items-start h-full"
159
- style="cursor: inherit;"
160
- >
161
- <div
162
- class="h-full w-full"
163
- >
164
- <input
165
- aria-hidden="true"
166
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
167
- data-errormessage-pattern-mismatch="pattern"
168
- data-errormessage-value-missing="missing"
169
- data-input="input"
170
- pattern="^$|^\\\\d{6,}$"
171
- tabindex="-1"
172
- value=""
173
- />
174
- </div>
175
- </label>
176
- </div>
177
- <div
178
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
179
- >
180
- <label
181
- class="flex flex-col items-start h-full"
182
- style="cursor: inherit;"
183
- >
184
- <div
185
- class="h-full"
186
- >
187
- <input
188
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
189
- data-id="0"
190
- value=""
191
- />
192
- </div>
193
- </label>
194
- </div>
195
- <div
196
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
197
- >
198
- <label
199
- class="flex flex-col items-start h-full"
200
- style="cursor: inherit;"
201
- >
202
- <div
203
- class="h-full"
204
- >
205
- <input
206
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
207
- data-id="1"
208
- value=""
209
- />
210
- </div>
211
- </label>
212
- </div>
213
- <div
214
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
215
- >
216
- <label
217
- class="flex flex-col items-start h-full"
218
- style="cursor: inherit;"
219
- >
220
- <div
221
- class="h-full"
222
- >
223
- <input
224
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
225
- data-id="2"
226
- value=""
227
- />
228
- </div>
229
- </label>
230
- </div>
231
- <div
232
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
233
- >
234
- <label
235
- class="flex flex-col items-start h-full"
236
- style="cursor: inherit;"
237
- >
238
- <div
239
- class="h-full"
240
- >
241
- <input
242
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
243
- data-id="3"
244
- value=""
245
- />
246
- </div>
247
- </label>
248
- </div>
249
- <div
250
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
251
- >
252
- <label
253
- class="flex flex-col items-start h-full"
254
- style="cursor: inherit;"
255
- >
256
- <div
257
- class="h-full"
258
- >
259
- <input
260
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
261
- data-id="4"
262
- value=""
263
- />
264
- </div>
265
- </label>
266
- </div>
267
- <div
268
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
269
- >
270
- <label
271
- class="flex flex-col items-start h-full"
272
- style="cursor: inherit;"
273
- >
274
- <div
275
- class="h-full"
276
- >
277
- <input
278
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
279
- data-id="5"
280
- value=""
281
- />
282
- </div>
283
- </label>
284
- </div>
285
- </div>
286
- </div>
287
- </div>
288
- `;
289
-
290
- exports[`Code rendered with custom scripts 1`] = `
291
- <div>
292
- <div
293
- class="descope-input-wrapper p-0 form-control relative w-full"
294
- >
295
- <div
296
- class="flex justify-between m-[3px]"
297
- >
298
- <div
299
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
300
- >
301
- <label
302
- class="flex flex-col items-start h-full"
303
- style="cursor: inherit;"
304
- >
305
- <div
306
- class="h-full w-full"
307
- >
308
- <input
309
- aria-hidden="true"
310
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
311
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
312
- data-input="input"
313
- pattern="^$|^\\\\d{6,}$"
314
- tabindex="-1"
315
- value=""
316
- />
317
- </div>
318
- </label>
319
- </div>
320
- <script
321
- data-id="-1199187935"
322
- >
323
-
324
- const x = 1 + 1;
325
- return x;
326
-
327
- </script>
328
- <div
329
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
330
- >
331
- <label
332
- class="flex flex-col items-start h-full"
333
- style="cursor: inherit;"
334
- >
335
- <div
336
- class="h-full"
337
- >
338
- <input
339
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
340
- data-id="0"
341
- value=""
342
- />
343
- </div>
344
- </label>
345
- </div>
346
- <div
347
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
348
- >
349
- <label
350
- class="flex flex-col items-start h-full"
351
- style="cursor: inherit;"
352
- >
353
- <div
354
- class="h-full"
355
- >
356
- <input
357
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
358
- data-id="1"
359
- value=""
360
- />
361
- </div>
362
- </label>
363
- </div>
364
- <div
365
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
366
- >
367
- <label
368
- class="flex flex-col items-start h-full"
369
- style="cursor: inherit;"
370
- >
371
- <div
372
- class="h-full"
373
- >
374
- <input
375
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
376
- data-id="2"
377
- value=""
378
- />
379
- </div>
380
- </label>
381
- </div>
382
- <div
383
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
384
- >
385
- <label
386
- class="flex flex-col items-start h-full"
387
- style="cursor: inherit;"
388
- >
389
- <div
390
- class="h-full"
391
- >
392
- <input
393
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
394
- data-id="3"
395
- value=""
396
- />
397
- </div>
398
- </label>
399
- </div>
400
- <div
401
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
402
- >
403
- <label
404
- class="flex flex-col items-start h-full"
405
- style="cursor: inherit;"
406
- >
407
- <div
408
- class="h-full"
409
- >
410
- <input
411
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
412
- data-id="4"
413
- value=""
414
- />
415
- </div>
416
- </label>
417
- </div>
418
- <div
419
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
420
- >
421
- <label
422
- class="flex flex-col items-start h-full"
423
- style="cursor: inherit;"
424
- >
425
- <div
426
- class="h-full"
427
- >
428
- <input
429
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
430
- data-id="5"
431
- value=""
432
- />
433
- </div>
434
- </label>
435
- </div>
436
- </div>
437
- </div>
438
- <script
439
- data-id="-1199187935"
440
- >
441
-
442
- const x = 1 + 1;
443
- return x;
444
-
445
- </script>
446
- </div>
447
- `;
448
-
449
- exports[`Code rendered with default props 1`] = `
450
- <div>
451
- <div
452
- class="descope-input-wrapper p-0 form-control relative w-full"
453
- >
454
- <div
455
- class="flex justify-between m-[3px]"
456
- >
457
- <div
458
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
459
- >
460
- <label
461
- class="flex flex-col items-start h-full"
462
- style="cursor: inherit;"
463
- >
464
- <div
465
- class="h-full w-full"
466
- >
467
- <input
468
- aria-hidden="true"
469
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
470
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
471
- data-input="input"
472
- pattern="^$|^\\\\d{6,}$"
473
- tabindex="-1"
474
- value=""
475
- />
476
- </div>
477
- </label>
478
- </div>
479
- <div
480
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
481
- >
482
- <label
483
- class="flex flex-col items-start h-full"
484
- style="cursor: inherit;"
485
- >
486
- <div
487
- class="h-full"
488
- >
489
- <input
490
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
491
- data-id="0"
492
- value=""
493
- />
494
- </div>
495
- </label>
496
- </div>
497
- <div
498
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
499
- >
500
- <label
501
- class="flex flex-col items-start h-full"
502
- style="cursor: inherit;"
503
- >
504
- <div
505
- class="h-full"
506
- >
507
- <input
508
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
509
- data-id="1"
510
- value=""
511
- />
512
- </div>
513
- </label>
514
- </div>
515
- <div
516
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
517
- >
518
- <label
519
- class="flex flex-col items-start h-full"
520
- style="cursor: inherit;"
521
- >
522
- <div
523
- class="h-full"
524
- >
525
- <input
526
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
527
- data-id="2"
528
- value=""
529
- />
530
- </div>
531
- </label>
532
- </div>
533
- <div
534
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
535
- >
536
- <label
537
- class="flex flex-col items-start h-full"
538
- style="cursor: inherit;"
539
- >
540
- <div
541
- class="h-full"
542
- >
543
- <input
544
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
545
- data-id="3"
546
- value=""
547
- />
548
- </div>
549
- </label>
550
- </div>
551
- <div
552
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
553
- >
554
- <label
555
- class="flex flex-col items-start h-full"
556
- style="cursor: inherit;"
557
- >
558
- <div
559
- class="h-full"
560
- >
561
- <input
562
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
563
- data-id="4"
564
- value=""
565
- />
566
- </div>
567
- </label>
568
- </div>
569
- <div
570
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
571
- >
572
- <label
573
- class="flex flex-col items-start h-full"
574
- style="cursor: inherit;"
575
- >
576
- <div
577
- class="h-full"
578
- >
579
- <input
580
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
581
- data-id="5"
582
- value=""
583
- />
584
- </div>
585
- </label>
586
- </div>
587
- </div>
588
- </div>
589
- </div>
590
- `;
591
-
592
- exports[`Code rendered with fullWidth 1`] = `
593
- <div>
594
- <div
595
- class="descope-input-wrapper p-0 form-control relative w-full"
596
- >
597
- <div
598
- class="flex justify-between m-[3px]"
599
- >
600
- <div
601
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
602
- >
603
- <label
604
- class="flex flex-col items-start h-full"
605
- style="cursor: inherit;"
606
- >
607
- <div
608
- class="h-full w-full"
609
- >
610
- <input
611
- aria-hidden="true"
612
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
613
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
614
- data-input="input"
615
- pattern="^$|^\\\\d{6,}$"
616
- tabindex="-1"
617
- value=""
618
- />
619
- </div>
620
- </label>
621
- </div>
622
- <div
623
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
624
- >
625
- <label
626
- class="flex flex-col items-start h-full"
627
- style="cursor: inherit;"
628
- >
629
- <div
630
- class="h-full"
631
- >
632
- <input
633
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
634
- data-id="0"
635
- value=""
636
- />
637
- </div>
638
- </label>
639
- </div>
640
- <div
641
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
642
- >
643
- <label
644
- class="flex flex-col items-start h-full"
645
- style="cursor: inherit;"
646
- >
647
- <div
648
- class="h-full"
649
- >
650
- <input
651
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
652
- data-id="1"
653
- value=""
654
- />
655
- </div>
656
- </label>
657
- </div>
658
- <div
659
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
660
- >
661
- <label
662
- class="flex flex-col items-start h-full"
663
- style="cursor: inherit;"
664
- >
665
- <div
666
- class="h-full"
667
- >
668
- <input
669
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
670
- data-id="2"
671
- value=""
672
- />
673
- </div>
674
- </label>
675
- </div>
676
- <div
677
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
678
- >
679
- <label
680
- class="flex flex-col items-start h-full"
681
- style="cursor: inherit;"
682
- >
683
- <div
684
- class="h-full"
685
- >
686
- <input
687
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
688
- data-id="3"
689
- value=""
690
- />
691
- </div>
692
- </label>
693
- </div>
694
- <div
695
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
696
- >
697
- <label
698
- class="flex flex-col items-start h-full"
699
- style="cursor: inherit;"
700
- >
701
- <div
702
- class="h-full"
703
- >
704
- <input
705
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
706
- data-id="4"
707
- value=""
708
- />
709
- </div>
710
- </label>
711
- </div>
712
- <div
713
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
714
- >
715
- <label
716
- class="flex flex-col items-start h-full"
717
- style="cursor: inherit;"
718
- >
719
- <div
720
- class="h-full"
721
- >
722
- <input
723
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
724
- data-id="5"
725
- value=""
726
- />
727
- </div>
728
- </label>
729
- </div>
730
- </div>
731
- </div>
732
- </div>
733
- `;
734
-
735
- exports[`Code rendered with label 1`] = `
736
- <div>
737
- <div
738
- class="descope-input-wrapper p-0 form-control relative w-full"
739
- >
740
- <label
741
- class="label pt-0"
742
- style="cursor: inherit;"
743
- >
744
- <span
745
- class="label-text"
746
- >
747
- label
748
- </span>
749
- </label>
750
- <div
751
- class="flex justify-between m-[3px]"
752
- >
753
- <div
754
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
755
- >
756
- <label
757
- class="flex flex-col items-start h-full"
758
- style="cursor: inherit;"
759
- >
760
- <div
761
- class="h-full w-full"
762
- >
763
- <input
764
- aria-hidden="true"
765
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
766
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
767
- data-input="input"
768
- pattern="^$|^\\\\d{6,}$"
769
- tabindex="-1"
770
- value=""
771
- />
772
- </div>
773
- </label>
774
- </div>
775
- <div
776
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
777
- >
778
- <label
779
- class="flex flex-col items-start h-full"
780
- style="cursor: inherit;"
781
- >
782
- <div
783
- class="h-full"
784
- >
785
- <input
786
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
787
- data-id="0"
788
- value=""
789
- />
790
- </div>
791
- </label>
792
- </div>
793
- <div
794
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
795
- >
796
- <label
797
- class="flex flex-col items-start h-full"
798
- style="cursor: inherit;"
799
- >
800
- <div
801
- class="h-full"
802
- >
803
- <input
804
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
805
- data-id="1"
806
- value=""
807
- />
808
- </div>
809
- </label>
810
- </div>
811
- <div
812
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
813
- >
814
- <label
815
- class="flex flex-col items-start h-full"
816
- style="cursor: inherit;"
817
- >
818
- <div
819
- class="h-full"
820
- >
821
- <input
822
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
823
- data-id="2"
824
- value=""
825
- />
826
- </div>
827
- </label>
828
- </div>
829
- <div
830
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
831
- >
832
- <label
833
- class="flex flex-col items-start h-full"
834
- style="cursor: inherit;"
835
- >
836
- <div
837
- class="h-full"
838
- >
839
- <input
840
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
841
- data-id="3"
842
- value=""
843
- />
844
- </div>
845
- </label>
846
- </div>
847
- <div
848
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
849
- >
850
- <label
851
- class="flex flex-col items-start h-full"
852
- style="cursor: inherit;"
853
- >
854
- <div
855
- class="h-full"
856
- >
857
- <input
858
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
859
- data-id="4"
860
- value=""
861
- />
862
- </div>
863
- </label>
864
- </div>
865
- <div
866
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
867
- >
868
- <label
869
- class="flex flex-col items-start h-full"
870
- style="cursor: inherit;"
871
- >
872
- <div
873
- class="h-full"
874
- >
875
- <input
876
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
877
- data-id="5"
878
- value=""
879
- />
880
- </div>
881
- </label>
882
- </div>
883
- </div>
884
- </div>
885
- </div>
886
- `;
887
-
888
- exports[`Code rendered with label and required 1`] = `
889
- <div>
890
- <div
891
- class="descope-input-wrapper p-0 form-control relative w-full"
892
- >
893
- <label
894
- class="label pt-0"
895
- style="cursor: inherit;"
896
- >
897
- <span
898
- class="label-text"
899
- >
900
- label *
901
- </span>
902
- </label>
903
- <div
904
- class="flex justify-between m-[3px]"
905
- >
906
- <div
907
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
908
- >
909
- <label
910
- class="flex flex-col items-start h-full"
911
- style="cursor: inherit;"
912
- >
913
- <div
914
- class="h-full w-full"
915
- >
916
- <input
917
- aria-hidden="true"
918
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
919
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
920
- data-input="input"
921
- pattern="^$|^\\\\d{6,}$"
922
- required=""
923
- tabindex="-1"
924
- value=""
925
- />
926
- </div>
927
- </label>
928
- </div>
929
- <div
930
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
931
- >
932
- <label
933
- class="flex flex-col items-start h-full"
934
- style="cursor: inherit;"
935
- >
936
- <div
937
- class="h-full"
938
- >
939
- <input
940
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
941
- data-id="0"
942
- value=""
943
- />
944
- </div>
945
- </label>
946
- </div>
947
- <div
948
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
949
- >
950
- <label
951
- class="flex flex-col items-start h-full"
952
- style="cursor: inherit;"
953
- >
954
- <div
955
- class="h-full"
956
- >
957
- <input
958
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
959
- data-id="1"
960
- value=""
961
- />
962
- </div>
963
- </label>
964
- </div>
965
- <div
966
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
967
- >
968
- <label
969
- class="flex flex-col items-start h-full"
970
- style="cursor: inherit;"
971
- >
972
- <div
973
- class="h-full"
974
- >
975
- <input
976
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
977
- data-id="2"
978
- value=""
979
- />
980
- </div>
981
- </label>
982
- </div>
983
- <div
984
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
985
- >
986
- <label
987
- class="flex flex-col items-start h-full"
988
- style="cursor: inherit;"
989
- >
990
- <div
991
- class="h-full"
992
- >
993
- <input
994
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
995
- data-id="3"
996
- value=""
997
- />
998
- </div>
999
- </label>
1000
- </div>
1001
- <div
1002
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1003
- >
1004
- <label
1005
- class="flex flex-col items-start h-full"
1006
- style="cursor: inherit;"
1007
- >
1008
- <div
1009
- class="h-full"
1010
- >
1011
- <input
1012
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1013
- data-id="4"
1014
- value=""
1015
- />
1016
- </div>
1017
- </label>
1018
- </div>
1019
- <div
1020
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1021
- >
1022
- <label
1023
- class="flex flex-col items-start h-full"
1024
- style="cursor: inherit;"
1025
- >
1026
- <div
1027
- class="h-full"
1028
- >
1029
- <input
1030
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1031
- data-id="5"
1032
- value=""
1033
- />
1034
- </div>
1035
- </label>
1036
- </div>
1037
- </div>
1038
- </div>
1039
- </div>
1040
- `;
1041
-
1042
- exports[`Code rendered with name 1`] = `
1043
- <div>
1044
- <div
1045
- class="descope-input-wrapper p-0 form-control relative w-full"
1046
- >
1047
- <div
1048
- class="flex justify-between m-[3px]"
1049
- >
1050
- <div
1051
- class="absolute opacity-0 left-0 descope-input-wrapper p-[2px] pt-0 form-control w-full"
1052
- >
1053
- <label
1054
- class="flex flex-col items-start h-full"
1055
- style="cursor: inherit;"
1056
- >
1057
- <div
1058
- class="h-full w-full"
1059
- >
1060
- <input
1061
- aria-hidden="true"
1062
- class="input descope-input absolute opacity-0 h-[2em] w-full m-0 focus:outline-offset-0 input-bordered"
1063
- data-errormessage-pattern-mismatch="Must be a 6 digit number"
1064
- data-input="input"
1065
- name="name"
1066
- pattern="^$|^\\\\d{6,}$"
1067
- tabindex="-1"
1068
- value=""
1069
- />
1070
- </div>
1071
- </label>
1072
- </div>
1073
- <div
1074
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1075
- >
1076
- <label
1077
- class="flex flex-col items-start h-full"
1078
- style="cursor: inherit;"
1079
- >
1080
- <div
1081
- class="h-full"
1082
- >
1083
- <input
1084
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1085
- data-id="0"
1086
- value=""
1087
- />
1088
- </div>
1089
- </label>
1090
- </div>
1091
- <div
1092
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1093
- >
1094
- <label
1095
- class="flex flex-col items-start h-full"
1096
- style="cursor: inherit;"
1097
- >
1098
- <div
1099
- class="h-full"
1100
- >
1101
- <input
1102
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1103
- data-id="1"
1104
- value=""
1105
- />
1106
- </div>
1107
- </label>
1108
- </div>
1109
- <div
1110
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1111
- >
1112
- <label
1113
- class="flex flex-col items-start h-full"
1114
- style="cursor: inherit;"
1115
- >
1116
- <div
1117
- class="h-full"
1118
- >
1119
- <input
1120
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1121
- data-id="2"
1122
- value=""
1123
- />
1124
- </div>
1125
- </label>
1126
- </div>
1127
- <div
1128
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1129
- >
1130
- <label
1131
- class="flex flex-col items-start h-full"
1132
- style="cursor: inherit;"
1133
- >
1134
- <div
1135
- class="h-full"
1136
- >
1137
- <input
1138
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1139
- data-id="3"
1140
- value=""
1141
- />
1142
- </div>
1143
- </label>
1144
- </div>
1145
- <div
1146
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1147
- >
1148
- <label
1149
- class="flex flex-col items-start h-full"
1150
- style="cursor: inherit;"
1151
- >
1152
- <div
1153
- class="h-full"
1154
- >
1155
- <input
1156
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1157
- data-id="4"
1158
- value=""
1159
- />
1160
- </div>
1161
- </label>
1162
- </div>
1163
- <div
1164
- class="relative w-[1.5em] h-[2em] mr-1 last:mr-0 descope-input-wrapper p-[2px] pt-0 form-control inline-block"
1165
- >
1166
- <label
1167
- class="flex flex-col items-start h-full"
1168
- style="cursor: inherit;"
1169
- >
1170
- <div
1171
- class="h-full"
1172
- >
1173
- <input
1174
- class="input descope-input w-full p-0 h-full text-center text-[1em] m-0 focus:outline-offset-0 input-bordered invalid:input-error"
1175
- data-id="5"
1176
- value=""
1177
- />
1178
- </div>
1179
- </label>
1180
- </div>
1181
- </div>
1182
- </div>
1183
- </div>
1184
- `;