@descope/flow-components 2.0.38

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 (158) hide show
  1. package/.eslintrc +119 -0
  2. package/.github/actions/setup/action.yml +42 -0
  3. package/.github/workflows/ci.yml +105 -0
  4. package/.github/workflows/publish.yml +41 -0
  5. package/.github/workflows/release.yml +44 -0
  6. package/.husky/pre-commit +1 -0
  7. package/.prettierrc +8 -0
  8. package/.storybook/main.js +23 -0
  9. package/.storybook/manager.js +10 -0
  10. package/.storybook/preview-head.html +29 -0
  11. package/.storybook/preview.js +44 -0
  12. package/LICENSE +21 -0
  13. package/README.md +20 -0
  14. package/babel.config.js +7 -0
  15. package/dist/index.cjs.js +360 -0
  16. package/dist/index.d.ts +397 -0
  17. package/dist/index.esm.js +314 -0
  18. package/jest.config.js +33 -0
  19. package/jest.setup.js +2 -0
  20. package/package.json +110 -0
  21. package/renovate.json +4 -0
  22. package/rollup.config.mjs +47 -0
  23. package/src/Boolean/Boolean.tsx +24 -0
  24. package/src/Boolean/index.ts +1 -0
  25. package/src/Button/Button.tsx +49 -0
  26. package/src/Button/index.ts +1 -0
  27. package/src/Checkbox/Checkbox.tsx +16 -0
  28. package/src/Checkbox/index.ts +1 -0
  29. package/src/Code/Code.tsx +21 -0
  30. package/src/Code/index.ts +1 -0
  31. package/src/Container/Container.tsx +111 -0
  32. package/src/Container/index.ts +1 -0
  33. package/src/CssVarImage/CssVarImage.tsx +38 -0
  34. package/src/CssVarImage/index.ts +1 -0
  35. package/src/Divider/Divider.tsx +33 -0
  36. package/src/Divider/index.ts +1 -0
  37. package/src/EmailField/EmailField.tsx +20 -0
  38. package/src/EmailField/index.ts +1 -0
  39. package/src/Image/Image.tsx +32 -0
  40. package/src/Image/index.ts +1 -0
  41. package/src/Input/Input.tsx +27 -0
  42. package/src/Input/index.ts +1 -0
  43. package/src/Link/Link.tsx +33 -0
  44. package/src/Link/index.ts +1 -0
  45. package/src/Loader/Loader.tsx +40 -0
  46. package/src/Loader/index.ts +1 -0
  47. package/src/Logo/Logo.tsx +27 -0
  48. package/src/Logo/index.ts +1 -0
  49. package/src/NewPassword/NewPassword.tsx +25 -0
  50. package/src/NewPassword/index.ts +1 -0
  51. package/src/NumberField/NumberField.tsx +20 -0
  52. package/src/NumberField/index.ts +1 -0
  53. package/src/Password/Password.tsx +20 -0
  54. package/src/Password/index.ts +1 -0
  55. package/src/Phone/Phone.tsx +22 -0
  56. package/src/Phone/index.ts +1 -0
  57. package/src/Select/Select.tsx +29 -0
  58. package/src/Select/index.ts +1 -0
  59. package/src/Switch/Switch.tsx +21 -0
  60. package/src/Switch/index.ts +1 -0
  61. package/src/TOTPImage/TOTPImage.tsx +18 -0
  62. package/src/TOTPImage/index.ts +1 -0
  63. package/src/TOTPLink/TOTPLink.tsx +16 -0
  64. package/src/TOTPLink/index.ts +1 -0
  65. package/src/Text/Text.tsx +36 -0
  66. package/src/Text/index.ts +1 -0
  67. package/src/TextField/TextField.tsx +20 -0
  68. package/src/TextField/index.ts +1 -0
  69. package/src/Textarea/Textarea.tsx +20 -0
  70. package/src/Textarea/index.ts +1 -0
  71. package/src/icons/apple.tsx +14 -0
  72. package/src/icons/discord.tsx +14 -0
  73. package/src/icons/facebook.tsx +14 -0
  74. package/src/icons/fingerprint.tsx +14 -0
  75. package/src/icons/github.tsx +14 -0
  76. package/src/icons/gitlab.tsx +41 -0
  77. package/src/icons/google.tsx +29 -0
  78. package/src/icons/index.ts +11 -0
  79. package/src/icons/input-hidden.tsx +17 -0
  80. package/src/icons/input-visible.tsx +17 -0
  81. package/src/icons/linkedin.tsx +18 -0
  82. package/src/icons/microsoft.tsx +41 -0
  83. package/src/icons/passkey.tsx +16 -0
  84. package/src/icons/sso.tsx +14 -0
  85. package/src/index.ts +29 -0
  86. package/src/inputHelpers.ts +41 -0
  87. package/src/themeToCssVars/constants.ts +13 -0
  88. package/src/themeToCssVars/index.ts +153 -0
  89. package/src/themeToCssVars/types.ts +56 -0
  90. package/src/types.ts +52 -0
  91. package/src/utils.tsx +69 -0
  92. package/stories/Boolean.stories.jsx +37 -0
  93. package/stories/Button.stories.jsx +71 -0
  94. package/stories/Checkbox.stories.jsx +29 -0
  95. package/stories/Code.stories.jsx +60 -0
  96. package/stories/Container.stories.jsx +53 -0
  97. package/stories/Divider.stories.jsx +23 -0
  98. package/stories/EmailField.stories.jsx +36 -0
  99. package/stories/Image.stories.jsx +16 -0
  100. package/stories/Input.stories.jsx +63 -0
  101. package/stories/Link.stories.jsx +21 -0
  102. package/stories/Loader.stories.jsx +34 -0
  103. package/stories/Logo.stories.jsx +14 -0
  104. package/stories/NewPassword.stories.jsx +52 -0
  105. package/stories/NumberField.stories.jsx +35 -0
  106. package/stories/Password.stories.jsx +37 -0
  107. package/stories/Phone.stories.jsx +61 -0
  108. package/stories/Switch.stories.jsx +29 -0
  109. package/stories/TOTPImage.stories.jsx +22 -0
  110. package/stories/TOTPLink.stories.jsx +20 -0
  111. package/stories/Text.stories.jsx +35 -0
  112. package/stories/TextField.stories.jsx +39 -0
  113. package/stories/Textarea.stories.jsx +25 -0
  114. package/storybook-static/favicon.ico +0 -0
  115. package/test/__snapshots__/boolean.test.tsx.snap +47 -0
  116. package/test/__snapshots__/buttons.test.tsx.snap +843 -0
  117. package/test/__snapshots__/checkbox.test.tsx.snap +51 -0
  118. package/test/__snapshots__/code.test.tsx.snap +1184 -0
  119. package/test/__snapshots__/container.test.tsx.snap +218 -0
  120. package/test/__snapshots__/divider.test.tsx.snap +73 -0
  121. package/test/__snapshots__/image.test.tsx.snap +62 -0
  122. package/test/__snapshots__/input.test.tsx.snap +80 -0
  123. package/test/__snapshots__/link.test.tsx.snap +120 -0
  124. package/test/__snapshots__/loader.test.tsx.snap +53 -0
  125. package/test/__snapshots__/logo.test.tsx.snap +10 -0
  126. package/test/__snapshots__/newPassword.test.tsx.snap +69 -0
  127. package/test/__snapshots__/numeric-input.test.tsx.snap +21 -0
  128. package/test/__snapshots__/password.test.tsx.snap +26 -0
  129. package/test/__snapshots__/phone.test.tsx.snap +504 -0
  130. package/test/__snapshots__/switch.test.tsx.snap +51 -0
  131. package/test/__snapshots__/text.test.tsx.snap +89 -0
  132. package/test/__snapshots__/textarea.test.tsx.snap +73 -0
  133. package/test/__snapshots__/themeToCssVars.test.ts.snap +45 -0
  134. package/test/__snapshots__/totpImage.test.tsx.snap +10 -0
  135. package/test/__snapshots__/totpLink.test.tsx.snap +13 -0
  136. package/test/boolean.test.tsx +28 -0
  137. package/test/buttons.test.tsx +66 -0
  138. package/test/checkbox.test.tsx +67 -0
  139. package/test/code.test.tsx +182 -0
  140. package/test/container.test.tsx +91 -0
  141. package/test/divider.test.tsx +50 -0
  142. package/test/image.test.tsx +40 -0
  143. package/test/input.test.tsx +82 -0
  144. package/test/inputHelpers.test.tsx +58 -0
  145. package/test/link.test.tsx +71 -0
  146. package/test/loader.test.tsx +25 -0
  147. package/test/logo.test.tsx +10 -0
  148. package/test/newPassword.test.tsx +132 -0
  149. package/test/numeric-input.test.tsx +114 -0
  150. package/test/password.test.tsx +55 -0
  151. package/test/phone.test.tsx +158 -0
  152. package/test/switch.test.tsx +67 -0
  153. package/test/text.test.tsx +60 -0
  154. package/test/textarea.test.tsx +64 -0
  155. package/test/themeToCssVars.test.ts +82 -0
  156. package/test/totpImage.test.tsx +10 -0
  157. package/test/totpLink.test.tsx +10 -0
  158. package/tsconfig.json +20 -0
package/test/__snapshots__/checkbox.test.tsx.snap ADDED
@@ -0,0 +1,51 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Checkbox should render with checkbox component 1`] = `
4
+ <div>
5
+ <div
6
+ class="descope-input-wrapper p-0 form-control w-full"
7
+ >
8
+ <label
9
+ class="flex"
10
+ >
11
+ <input
12
+ class="checkbox flex items-center rounded-sm"
13
+ name="check"
14
+ type="checkbox"
15
+ />
16
+ <span
17
+ class="text-undefined ml-4 flex items-center label-text cursor-pointer"
18
+ />
19
+ </label>
20
+ </div>
21
+ </div>
22
+ `;
23
+
24
+ exports[`Checkbox should render with size and radius 1`] = `
25
+ <div>
26
+ <div
27
+ class="descope-input-wrapper p-0 form-control w-full"
28
+ >
29
+ <label
30
+ class="flex"
31
+ >
32
+ <input
33
+ class="checkbox flex items-center rounded-sm checkbox-sm"
34
+ name="check"
35
+ required=""
36
+ type="checkbox"
37
+ />
38
+ <span
39
+ class="text-sm ml-4 flex items-center label-text cursor-pointer"
40
+ >
41
+ some label
42
+ <span
43
+ class="ml-1"
44
+ >
45
+ *
46
+ </span>
47
+ </span>
48
+ </label>
49
+ </div>
50
+ </div>
51
+ `;