@ory/elements-react 1.0.0-next.25 → 1.0.0-next.27

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 (180) hide show
  1. package/.storybook/global.css +7 -0
  2. package/.storybook/main.ts +50 -0
  3. package/.storybook/preview-head.html +15 -0
  4. package/.storybook/preview.tsx +68 -0
  5. package/.storybook/public/InterVariable.woff2 +0 -0
  6. package/.storybook/public/inter.css +8 -0
  7. package/.stub-responses/login/1fa/all-methods/initial-form.json +247 -0
  8. package/.stub-responses/login/1fa/all-methods/missing-email.json +265 -0
  9. package/.stub-responses/login/1fa/all-methods/wrong-credentials.json +254 -0
  10. package/.stub-responses/login/1fa/code/code-input.json +135 -0
  11. package/.stub-responses/login/1fa/code/initial-form.json +173 -0
  12. package/.stub-responses/login/1fa/code/invalid-account.json +182 -0
  13. package/.stub-responses/login/1fa/code/missing-email.json +182 -0
  14. package/.stub-responses/login/1fa/code/wrong-credentials.json +124 -0
  15. package/.stub-responses/login/1fa/none/initial-form.json +33 -0
  16. package/.stub-responses/login/1fa/oidc/initial-form.json +279 -0
  17. package/.stub-responses/login/1fa/passkey/initial-form.json +122 -0
  18. package/.stub-responses/login/1fa/password/initial-form.json +154 -0
  19. package/.stub-responses/login/1fa/password/missing-email.json +172 -0
  20. package/.stub-responses/login/1fa/password/wrong-credentials.json +163 -0
  21. package/.stub-responses/login/1fa/webauthn/initial-form.json +76 -0
  22. package/.stub-responses/login/1fa/webauthn/invalid-account.json +83 -0
  23. package/.stub-responses/login/1fa/webauthn/show-trigger.json +105 -0
  24. package/.stub-responses/recovery/disabled/initial-form.json +9 -0
  25. package/.stub-responses/recovery/none/initial-form.json +9 -0
  26. package/.stub-responses/registration/one-step/all-methods/initial-form.json +334 -0
  27. package/.stub-responses/registration/one-step/all-methods/missing-fields.json +343 -0
  28. package/.stub-responses/registration/one-step/disabled/initial-form.json +10 -0
  29. package/.stub-responses/registration/one-step/none/initial-form.json +14 -0
  30. package/.stub-responses/registration/one-step/oidc/initial-form.json +338 -0
  31. package/.stub-responses/registration/one-step/passkey/initial-form.json +177 -0
  32. package/.stub-responses/registration/one-step/password/initial-form.json +154 -0
  33. package/.stub-responses/registration/one-step/password/missing-fields.json +172 -0
  34. package/.stub-responses/registration/one-step/password/second-step.json +164 -0
  35. package/.stub-responses/registration/one-step/webauthn/initial-form.json +185 -0
  36. package/.stub-responses/registration/two-step/all-methods/enter-password.json +242 -0
  37. package/.stub-responses/registration/two-step/all-methods/initial-form.json +180 -0
  38. package/.stub-responses/registration/two-step/all-methods/missing-fields.json +189 -0
  39. package/.stub-responses/registration/two-step/all-methods/password-validation-error.json +244 -0
  40. package/.stub-responses/registration/two-step/password/enter-password.json +108 -0
  41. package/.stub-responses/registration/two-step/password/initial-form.json +134 -0
  42. package/.stub-responses/registration/two-step/password/missing-fields.json +143 -0
  43. package/.stub-responses/registration/two-step/password/password-validation-error.json +110 -0
  44. package/.stub-responses/settings/all-methods/change-password.json +381 -0
  45. package/.stub-responses/settings/all-methods/change-trait.json +377 -0
  46. package/.stub-responses/settings/all-methods/initial-form.json +368 -0
  47. package/.stub-responses/settings/oidc/with-provider.json +230 -0
  48. package/.stub-responses/settings/passkey/initial-form.json +256 -0
  49. package/.stub-responses/settings/webauthn/initial-form.json +263 -0
  50. package/.stub-responses/verification/disabled/initial-form.json +9 -0
  51. package/.stub-responses/verification/none/initial-form.json +9 -0
  52. package/CHANGELOG.md +30 -0
  53. package/dist/index.d.mts +3 -3
  54. package/dist/index.d.ts +3 -3
  55. package/dist/index.js +2103 -2047
  56. package/dist/index.js.map +1 -1
  57. package/dist/index.mjs +2103 -2047
  58. package/dist/index.mjs.map +1 -1
  59. package/dist/theme/default/index.css +259 -106
  60. package/dist/theme/default/index.css.map +1 -1
  61. package/dist/theme/default/index.js +22 -11
  62. package/dist/theme/default/index.js.map +1 -1
  63. package/dist/theme/default/index.mjs +22 -11
  64. package/dist/theme/default/index.mjs.map +1 -1
  65. package/dist/theme/default/tailwind/defaults.js +219 -0
  66. package/dist/theme/default/tailwind/defaults.js.map +1 -0
  67. package/dist/theme/default/tailwind/defaults.mjs +196 -0
  68. package/dist/theme/default/tailwind/defaults.mjs.map +1 -0
  69. package/package.json +7 -2
  70. package/stories/components/login/1fa/all.stories.ts +46 -0
  71. package/stories/components/login/1fa/code.stories.ts +64 -0
  72. package/stories/components/login/1fa/custom.stories.tsx +72 -0
  73. package/stories/components/login/1fa/none.stories.tsx +28 -0
  74. package/stories/components/login/1fa/oidc.stories.tsx +143 -0
  75. package/stories/components/login/1fa/passkey.stories.ts +28 -0
  76. package/stories/components/login/1fa/password.stories.ts +46 -0
  77. package/stories/components/login/1fa/webauthn.stories.ts +46 -0
  78. package/stories/components/registration/one-step/all-methods.stories.ts +37 -0
  79. package/stories/components/registration/one-step/password.stories.ts +37 -0
  80. package/stories/components/registration/one-step/webauthn.stories.ts +28 -0
  81. package/stories/components/registration/two-step/all-methods.stories.ts +55 -0
  82. package/stories/components/registration/two-step/password.stories.ts +55 -0
  83. package/stories/components/settings/all.stories.ts +46 -0
  84. package/stories/components/settings/oidc.stories.ts +28 -0
  85. package/stories/components/settings/passkey.stories.ts +28 -0
  86. package/stories/components/settings/webauthn.stories.ts +28 -0
  87. package/stories/pages/error.tsx +29 -0
  88. package/stories/utils.ts +20 -0
  89. package/storybook-static/InterVariable.woff2 +0 -0
  90. package/storybook-static/assets/Color-ERTF36HU-BdkKyVuV.js +1 -0
  91. package/storybook-static/assets/DocsRenderer-CFRXHY34-YqKt61zP.js +595 -0
  92. package/storybook-static/assets/all-methods.stories-B-rqPBX2.js +11 -0
  93. package/storybook-static/assets/all-methods.stories-CmMlhzsx.js +21 -0
  94. package/storybook-static/assets/all.stories-CtQ0yCQi.js +16 -0
  95. package/storybook-static/assets/all.stories-DgIVCzcZ.js +16 -0
  96. package/storybook-static/assets/chunk-H6MOWX77-DTQOW814.js +1 -0
  97. package/storybook-static/assets/code.stories-BbEryDcA.js +26 -0
  98. package/storybook-static/assets/custom.stories-DH2zHar9.js +6 -0
  99. package/storybook-static/assets/entry-preview-CcFGVifh.js +10 -0
  100. package/storybook-static/assets/entry-preview-docs-CyY-8bLe.js +54 -0
  101. package/storybook-static/assets/iframe-C5GAfuxh.js +2 -0
  102. package/storybook-static/assets/index-BVoBHvaS.js +8 -0
  103. package/storybook-static/assets/index-CfOt2XX2.js +24 -0
  104. package/storybook-static/assets/index-DPRSEdy-.js +1 -0
  105. package/storybook-static/assets/index-DrFu-skq.js +6 -0
  106. package/storybook-static/assets/index-FeUjBnvO.js +1 -0
  107. package/storybook-static/assets/index-uubelm5h.js +9 -0
  108. package/storybook-static/assets/initial-form-DWp_1F-f.js +1 -0
  109. package/storybook-static/assets/jsx-runtime-QvZ8i92b.js +9 -0
  110. package/storybook-static/assets/none.stories-TAeRhzd5.js +6 -0
  111. package/storybook-static/assets/oidc.stories-CniWBy7t.js +58 -0
  112. package/storybook-static/assets/oidc.stories-jhWzAyoQ.js +6 -0
  113. package/storybook-static/assets/passkey.stories-CBtjoVSN.js +6 -0
  114. package/storybook-static/assets/passkey.stories-CQU2Xw_t.js +6 -0
  115. package/storybook-static/assets/password.stories-0s6cDl0o.js +11 -0
  116. package/storybook-static/assets/password.stories-B2Wtckz_.js +16 -0
  117. package/storybook-static/assets/password.stories-DX0gkWjH.js +21 -0
  118. package/storybook-static/assets/preview-BBWR9nbA.js +1 -0
  119. package/storybook-static/assets/preview-BPAmP-pY.js +2 -0
  120. package/storybook-static/assets/preview-BWzBA1C2.js +396 -0
  121. package/storybook-static/assets/preview-BXtF2ySE.js +234 -0
  122. package/storybook-static/assets/preview-Cur_8nCX.css +1 -0
  123. package/storybook-static/assets/preview-D77C14du.js +34 -0
  124. package/storybook-static/assets/preview-DCjDUH0w.js +27 -0
  125. package/storybook-static/assets/preview-DFmD0pui.js +1 -0
  126. package/storybook-static/assets/preview-DGUiP6tS.js +7 -0
  127. package/storybook-static/assets/preview-aVwhiz9X.js +1 -0
  128. package/storybook-static/assets/react-18-CtsMCmcS.js +1 -0
  129. package/storybook-static/assets/settings-BqEFC2-V.css +1 -0
  130. package/storybook-static/assets/settings-Bx4osEmB.js +2304 -0
  131. package/storybook-static/assets/webauthn.stories-BzodmV0c.js +6 -0
  132. package/storybook-static/assets/webauthn.stories-DglGm7Ys.js +6 -0
  133. package/storybook-static/assets/webauthn.stories-G9E76Wjj.js +16 -0
  134. package/storybook-static/favicon.svg +1 -0
  135. package/storybook-static/iframe.html +654 -0
  136. package/storybook-static/index.html +173 -0
  137. package/storybook-static/index.json +1 -0
  138. package/storybook-static/inter.css +8 -0
  139. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  140. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  141. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  142. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  143. package/storybook-static/preview-stats.json +2344 -0
  144. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
  145. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
  146. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +12 -0
  147. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js.LEGAL.txt +0 -0
  148. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +394 -0
  149. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +0 -0
  150. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +3 -0
  151. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js.LEGAL.txt +0 -0
  152. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +3 -0
  153. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js.LEGAL.txt +0 -0
  154. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +3 -0
  155. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js.LEGAL.txt +0 -0
  156. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +3 -0
  157. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js.LEGAL.txt +0 -0
  158. package/storybook-static/sb-addons/interactions-8/manager-bundle.js +211 -0
  159. package/storybook-static/sb-addons/interactions-8/manager-bundle.js.LEGAL.txt +0 -0
  160. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
  161. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  162. package/storybook-static/sb-common-assets/favicon.svg +1 -0
  163. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  164. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  165. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  166. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  167. package/storybook-static/sb-manager/globals-module-info.js +1006 -0
  168. package/storybook-static/sb-manager/globals-runtime.js +54400 -0
  169. package/storybook-static/sb-manager/globals.js +48 -0
  170. package/storybook-static/sb-manager/runtime.js +12089 -0
  171. package/storybook-static/sb-preview/globals.js +33 -0
  172. package/storybook-static/sb-preview/runtime.js +9498 -0
  173. package/tailwind/defaults.ts +34 -0
  174. package/tailwind/generated/README.md +2 -0
  175. package/tailwind/generated/default-variables.css +216 -0
  176. package/tailwind/generated/variables-processed.json +161 -0
  177. package/tsconfig.json +2 -3
  178. package/tsconfig.runtime.json +4 -0
  179. package/tsconfig.test.json +0 -9
  180. package/variables-processed.json +0 -391
@@ -1,391 +0,0 @@
1
- {
2
- "light": {
3
- "color": {
4
- "button-identifier-background-default": "var(--button-identifier-background-default, var(--interface-background-brand-secondary, #eff6ff))",
5
- "button-identifier-background-hover": "var(--button-identifier-background-hover, var(--interface-background-brand-secondary-hover, #dbeafe))",
6
- "button-identifier-border-border-default": "var(--button-identifier-border-border-default, var(--interface-border-brand-brand, #3b82f6))",
7
- "button-identifier-border-border-hover": "var(--button-identifier-border-border-hover, var(--interface-border-brand-brand, #3b82f6))",
8
- "button-identifier-foreground-default": "var(--button-identifier-foreground-default, var(--interface-foreground-brand-on-secondary, #172554))",
9
- "button-identifier-foreground-hover": "var(--button-identifier-foreground-hover, var(--interface-foreground-brand-on-secondary, #172554))",
10
- "button-link-brand-brand": "var(--button-link-brand-brand, var(--interface-foreground-brand-primary, #3b82f6))",
11
- "button-link-brand-brand-hover": "var(--button-link-brand-brand-hover, var(--interface-foreground-default-primary, #0f172a))",
12
- "button-link-default-primary": "var(--button-link-default-primary, var(--interface-foreground-default-primary, #0f172a))",
13
- "button-link-default-primary-hover": "var(--button-link-default-primary-hover, var(--interface-foreground-brand-primary, #3b82f6))",
14
- "button-link-default-secondary": "var(--button-link-default-secondary, var(--interface-foreground-default-secondary, #334155))",
15
- "button-link-default-secondary-hover": "var(--button-link-default-secondary-hover, var(--interface-foreground-default-tertiary, #64748b))",
16
- "button-link-disabled-disabled": "var(--button-link-disabled-disabled, var(--interface-foreground-disabled-disabled, #cbd5e1))",
17
- "button-primary-background-default": "var(--button-primary-background-default, var(--interface-background-brand-primary, #3b82f6))",
18
- "button-primary-background-disabled": "var(--button-primary-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
19
- "button-primary-background-hover": "var(--button-primary-background-hover, var(--interface-background-default-inverted, #0f172a))",
20
- "button-primary-border-default": "var(--button-primary-border-default, var(--interface-border-default-none, #ffffff00))",
21
- "button-primary-border-disabled": "var(--button-primary-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
22
- "button-primary-border-hover": "var(--button-primary-border-hover, var(--interface-border-default-none, #ffffff00))",
23
- "button-primary-foreground-default": "var(--button-primary-foreground-default, var(--interface-foreground-brand-on-primary, #ffffff))",
24
- "button-primary-foreground-disabled": "var(--button-primary-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
25
- "button-primary-foreground-hover": "var(--button-primary-foreground-hover, var(--interface-foreground-default-inverted, #ffffff))",
26
- "button-secondary-background-default": "var(--button-secondary-background-default, var(--interface-background-default-primary, #ffffff))",
27
- "button-secondary-background-disabled": "var(--button-secondary-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
28
- "button-secondary-background-hover": "var(--button-secondary-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
29
- "button-secondary-border-default": "var(--button-secondary-border-default, var(--interface-border-default-primary, #cbd5e1))",
30
- "button-secondary-border-disabled": "var(--button-secondary-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
31
- "button-secondary-border-hover": "var(--button-secondary-border-hover, var(--interface-border-default-primary, #cbd5e1))",
32
- "button-secondary-foreground-default": "var(--button-secondary-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
33
- "button-secondary-foreground-disabled": "var(--button-secondary-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
34
- "button-secondary-foreground-hover": "var(--button-secondary-foreground-hover, var(--interface-foreground-default-secondary, #334155))",
35
- "button-social-background-default": "var(--button-social-background-default, var(--interface-background-default-primary, #ffffff))",
36
- "button-social-background-disabled": "var(--button-social-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
37
- "button-social-background-generic-provider": "var(--button-social-background-generic-provider, var(--interface-background-default-inverted, #0f172a))",
38
- "button-social-background-hover": "var(--button-social-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
39
- "button-social-border-default": "var(--button-social-border-default, var(--interface-border-default-primary, #cbd5e1))",
40
- "button-social-border-disabled": "var(--button-social-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
41
- "button-social-border-generic-provider": "var(--button-social-border-generic-provider, var(--interface-border-default-none, #ffffff00))",
42
- "button-social-border-hover": "var(--button-social-border-hover, var(--interface-border-default-primary, #cbd5e1))",
43
- "button-social-foreground-default": "var(--button-social-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
44
- "button-social-foreground-disabled": "var(--button-social-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
45
- "button-social-foreground-generic-provider": "var(--button-social-foreground-generic-provider, var(--interface-foreground-default-inverted, #ffffff))",
46
- "button-social-foreground-hover": "var(--button-social-foreground-hover, var(--interface-foreground-default-secondary, #334155))",
47
- "checkbox-background-checked": "var(--checkbox-background-checked, var(--interface-background-brand-primary, #3b82f6))",
48
- "checkbox-background-default": "var(--checkbox-background-default, var(--interface-background-default-secondary, #f8fafc))",
49
- "checkbox-border-checkbox-border-checked": "var(--checkbox-border-checkbox-border-checked, var(--interface-border-brand-brand, #3b82f6))",
50
- "checkbox-border-checkbox-border-default": "var(--checkbox-border-checkbox-border-default, var(--interface-border-default-primary, #cbd5e1))",
51
- "checkbox-foreground-checked": "var(--checkbox-foreground-checked, var(--interface-foreground-default-inverted, #ffffff))",
52
- "checkbox-foreground-default": "var(--checkbox-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
53
- "form-background-default": "var(--form-background-default, var(--interface-background-default-primary, #ffffff))",
54
- "form-border-default": "var(--form-border-default, var(--interface-border-default-primary, #cbd5e1))",
55
- "input-background-default": "var(--input-background-default, var(--interface-background-default-primary, #ffffff))",
56
- "input-background-disabled": "var(--input-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
57
- "input-background-hover": "var(--input-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
58
- "input-border-default": "var(--input-border-default, var(--interface-border-default-primary, #cbd5e1))",
59
- "input-border-disabled": "var(--input-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
60
- "input-border-focus": "var(--input-border-focus, var(--interface-border-brand-brand, #3b82f6))",
61
- "input-border-hover": "var(--input-border-hover, var(--interface-border-default-primary, #cbd5e1))",
62
- "input-foreground-disabled": "var(--input-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
63
- "input-foreground-primary": "var(--input-foreground-primary, var(--interface-foreground-default-primary, #0f172a))",
64
- "input-foreground-secondary": "var(--input-foreground-secondary, var(--interface-foreground-default-secondary, #334155))",
65
- "input-foreground-tertiary": "var(--input-foreground-tertiary, var(--interface-foreground-default-tertiary, #64748b))",
66
- "interface-background-brand-primary": "var(--interface-background-brand-primary, var(--brand-500, #3b82f6))",
67
- "interface-background-brand-primary-hover": "var(--interface-background-brand-primary-hover, var(--ui-900, #0f172a))",
68
- "interface-background-brand-secondary": "var(--interface-background-brand-secondary, var(--brand-50, #eff6ff))",
69
- "interface-background-brand-secondary-hover": "var(--interface-background-brand-secondary-hover, var(--brand-100, #dbeafe))",
70
- "interface-background-default-inverted": "var(--interface-background-default-inverted, var(--ui-900, #0f172a))",
71
- "interface-background-default-inverted-hover": "var(--interface-background-default-inverted-hover, var(--ui-800, #1e293b))",
72
- "interface-background-default-none": "var(--interface-background-default-none, var(--ui-transparent, #ffffff00))",
73
- "interface-background-default-primary": "var(--interface-background-default-primary, var(--ui-white, #ffffff))",
74
- "interface-background-default-primary-hover": "var(--interface-background-default-primary-hover, var(--ui-50, #f8fafc))",
75
- "interface-background-default-secondary": "var(--interface-background-default-secondary, var(--ui-50, #f8fafc))",
76
- "interface-background-default-secondary-hover": "var(--interface-background-default-secondary-hover, var(--ui-200, #e2e8f0))",
77
- "interface-background-default-tertiary": "var(--interface-background-default-tertiary, var(--ui-200, #e2e8f0))",
78
- "interface-background-default-tertiary-hover": "var(--interface-background-default-tertiary-hover, var(--ui-300, #cbd5e1))",
79
- "interface-background-disabled-disabled": "var(--interface-background-disabled-disabled, var(--ui-200, #e2e8f0))",
80
- "interface-background-validation-danger": "var(--interface-background-validation-danger, var(--ui-danger, #ef4444))",
81
- "interface-background-validation-success": "var(--interface-background-validation-success, var(--ui-success, #22c55e))",
82
- "interface-background-validation-warning": "var(--interface-background-validation-warning, var(--ui-warning, #eab308))",
83
- "interface-border-brand-brand": "var(--interface-border-brand-brand, var(--brand-500, #3b82f6))",
84
- "interface-border-default-inverted": "var(--interface-border-default-inverted, var(--ui-700, #334155))",
85
- "interface-border-default-none": "var(--interface-border-default-none, var(--ui-transparent, #ffffff00))",
86
- "interface-border-default-primary": "var(--interface-border-default-primary, var(--ui-300, #cbd5e1))",
87
- "interface-border-disabled-disabled": "var(--interface-border-disabled-disabled, var(--ui-300, #cbd5e1))",
88
- "interface-border-validation-danger": "var(--interface-border-validation-danger, var(--ui-danger, #ef4444))",
89
- "interface-border-validation-success": "var(--interface-border-validation-success, var(--ui-success, #22c55e))",
90
- "interface-border-validation-warning": "var(--interface-border-validation-warning, var(--ui-warning, #eab308))",
91
- "interface-foreground-brand-on-primary": "var(--interface-foreground-brand-on-primary, var(--ui-white, #ffffff))",
92
- "interface-foreground-brand-on-secondary": "var(--interface-foreground-brand-on-secondary, var(--brand-950, #172554))",
93
- "interface-foreground-brand-primary": "var(--interface-foreground-brand-primary, var(--brand-500, #3b82f6))",
94
- "interface-foreground-brand-secondary": "var(--interface-foreground-brand-secondary, var(--brand-50, #eff6ff))",
95
- "interface-foreground-default-inverted": "var(--interface-foreground-default-inverted, var(--ui-white, #ffffff))",
96
- "interface-foreground-default-primary": "var(--interface-foreground-default-primary, var(--ui-900, #0f172a))",
97
- "interface-foreground-default-secondary": "var(--interface-foreground-default-secondary, var(--ui-700, #334155))",
98
- "interface-foreground-default-tertiary": "var(--interface-foreground-default-tertiary, var(--ui-500, #64748b))",
99
- "interface-foreground-disabled-disabled": "var(--interface-foreground-disabled-disabled, var(--ui-300, #cbd5e1))",
100
- "interface-foreground-disabled-on-disabled": "var(--interface-foreground-disabled-on-disabled, var(--ui-400, #94a3b8))",
101
- "interface-foreground-validation-danger": "var(--interface-foreground-validation-danger, var(--ui-danger, #ef4444))",
102
- "interface-foreground-validation-success": "var(--interface-foreground-validation-success, var(--ui-success, #22c55e))",
103
- "interface-foreground-validation-warning": "var(--interface-foreground-validation-warning, var(--ui-warning, #eab308))",
104
- "ory-background-default": "var(--ory-background-default, var(--interface-background-default-primary, #ffffff))",
105
- "ory-border-default": "var(--ory-border-default, var(--interface-border-default-primary, #cbd5e1))",
106
- "ory-foreground-default": "var(--ory-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
107
- "radio-background-checked": "var(--radio-background-checked, var(--interface-background-brand-primary, #3b82f6))",
108
- "radio-background-default": "var(--radio-background-default, var(--interface-background-default-secondary, #f8fafc))",
109
- "radio-border-checked": "var(--radio-border-checked, var(--interface-border-brand-brand, #3b82f6))",
110
- "radio-border-default": "var(--radio-border-default, var(--interface-border-default-primary, #cbd5e1))",
111
- "radio-foreground-checked": "var(--radio-foreground-checked, var(--interface-foreground-default-inverted, #ffffff))",
112
- "radio-foreground-default": "var(--radio-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
113
- "toggle-background-checked": "var(--toggle-background-checked, var(--interface-background-brand-primary, #3b82f6))",
114
- "toggle-background-default": "var(--toggle-background-default, var(--interface-background-default-secondary, #f8fafc))",
115
- "toggle-border-checked": "var(--toggle-border-checked, var(--interface-border-default-none, #ffffff00))",
116
- "toggle-border-default": "var(--toggle-border-default, var(--interface-border-default-primary, #cbd5e1))",
117
- "toggle-foreground-checked": "var(--toggle-foreground-checked, var(--interface-foreground-brand-on-primary, #ffffff))",
118
- "toggle-foreground-default": "var(--toggle-foreground-default, var(--interface-foreground-brand-primary, #3b82f6))"
119
- }
120
- },
121
- "dark": {
122
- "color": {
123
- "button-identifier-background-default": "var(--button-identifier-background-default, var(--interface-background-brand-secondary, #eff6ff))",
124
- "button-identifier-background-hover": "var(--button-identifier-background-hover, var(--interface-background-brand-secondary-hover, #dbeafe))",
125
- "button-identifier-border-border-default": "var(--button-identifier-border-border-default, var(--interface-border-brand-brand, #3b82f6))",
126
- "button-identifier-border-border-hover": "var(--button-identifier-border-border-hover, var(--interface-border-brand-brand, #3b82f6))",
127
- "button-identifier-foreground-default": "var(--button-identifier-foreground-default, var(--interface-foreground-brand-on-secondary, #172554))",
128
- "button-identifier-foreground-hover": "var(--button-identifier-foreground-hover, var(--interface-foreground-brand-on-secondary, #172554))",
129
- "button-link-brand-brand": "var(--button-link-brand-brand, var(--interface-foreground-brand-primary, #3b82f6))",
130
- "button-link-brand-brand-hover": "var(--button-link-brand-brand-hover, var(--interface-foreground-default-primary, #0f172a))",
131
- "button-link-default-primary": "var(--button-link-default-primary, var(--interface-foreground-default-primary, #0f172a))",
132
- "button-link-default-primary-hover": "var(--button-link-default-primary-hover, var(--interface-foreground-brand-primary, #3b82f6))",
133
- "button-link-default-secondary": "var(--button-link-default-secondary, var(--interface-foreground-default-secondary, #334155))",
134
- "button-link-default-secondary-hover": "var(--button-link-default-secondary-hover, var(--interface-foreground-default-tertiary, #64748b))",
135
- "button-link-disabled-disabled": "var(--button-link-disabled-disabled, var(--interface-foreground-disabled-disabled, #cbd5e1))",
136
- "button-primary-background-default": "var(--button-primary-background-default, var(--interface-background-brand-primary, #3b82f6))",
137
- "button-primary-background-disabled": "var(--button-primary-background-disabled, var(--interface-foreground-disabled-disabled, #cbd5e1))",
138
- "button-primary-background-hover": "var(--button-primary-background-hover, var(--interface-background-default-inverted, #0f172a))",
139
- "button-primary-border-default": "var(--button-primary-border-default, var(--interface-border-default-none, #ffffff00))",
140
- "button-primary-border-disabled": "var(--button-primary-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
141
- "button-primary-border-hover": "var(--button-primary-border-hover, var(--interface-border-default-none, #ffffff00))",
142
- "button-primary-foreground-default": "var(--button-primary-foreground-default, var(--interface-foreground-brand-on-primary, #ffffff))",
143
- "button-primary-foreground-disabled": "var(--button-primary-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
144
- "button-primary-foreground-hover": "var(--button-primary-foreground-hover, var(--interface-foreground-default-inverted, #ffffff))",
145
- "button-secondary-background-default": "var(--button-secondary-background-default, var(--interface-background-default-primary, #ffffff))",
146
- "button-secondary-background-disabled": "var(--button-secondary-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
147
- "button-secondary-background-hover": "var(--button-secondary-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
148
- "button-secondary-border-default": "var(--button-secondary-border-default, var(--interface-border-default-primary, #cbd5e1))",
149
- "button-secondary-border-disabled": "var(--button-secondary-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
150
- "button-secondary-border-hover": "var(--button-secondary-border-hover, var(--interface-border-default-primary, #cbd5e1))",
151
- "button-secondary-foreground-default": "var(--button-secondary-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
152
- "button-secondary-foreground-disabled": "var(--button-secondary-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
153
- "button-secondary-foreground-hover": "var(--button-secondary-foreground-hover, var(--interface-foreground-default-secondary, #334155))",
154
- "button-social-background-default": "var(--button-social-background-default, var(--interface-background-default-primary, #ffffff))",
155
- "button-social-background-disabled": "var(--button-social-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
156
- "button-social-background-generic-provider": "var(--button-social-background-generic-provider, var(--interface-background-default-inverted, #0f172a))",
157
- "button-social-background-hover": "var(--button-social-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
158
- "button-social-border-default": "var(--button-social-border-default, var(--interface-border-default-primary, #cbd5e1))",
159
- "button-social-border-disabled": "var(--button-social-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
160
- "button-social-border-generic-provider": "var(--button-social-border-generic-provider, var(--interface-border-default-none, #ffffff00))",
161
- "button-social-border-hover": "var(--button-social-border-hover, var(--interface-border-default-primary, #cbd5e1))",
162
- "button-social-foreground-default": "var(--button-social-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
163
- "button-social-foreground-disabled": "var(--button-social-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
164
- "button-social-foreground-generic-provider": "var(--button-social-foreground-generic-provider, var(--interface-foreground-default-inverted, #ffffff))",
165
- "button-social-foreground-hover": "var(--button-social-foreground-hover, var(--interface-foreground-default-secondary, #334155))",
166
- "checkbox-background-checked": "var(--checkbox-background-checked, var(--interface-background-brand-primary, #3b82f6))",
167
- "checkbox-background-default": "var(--checkbox-background-default, var(--interface-background-default-secondary, #f8fafc))",
168
- "checkbox-border-checkbox-border-checked": "var(--checkbox-border-checkbox-border-checked, var(--interface-border-brand-brand, #3b82f6))",
169
- "checkbox-border-checkbox-border-default": "var(--checkbox-border-checkbox-border-default, var(--interface-border-default-primary, #cbd5e1))",
170
- "checkbox-foreground-checked": "var(--checkbox-foreground-checked, var(--interface-foreground-default-inverted, #ffffff))",
171
- "checkbox-foreground-default": "var(--checkbox-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
172
- "form-background-default": "var(--form-background-default, var(--interface-background-default-primary, #ffffff))",
173
- "form-border-default": "var(--form-border-default, var(--interface-border-default-primary, #cbd5e1))",
174
- "input-background-default": "var(--input-background-default, var(--interface-background-default-primary, #ffffff))",
175
- "input-background-disabled": "var(--input-background-disabled, var(--interface-background-disabled-disabled, #e2e8f0))",
176
- "input-background-hover": "var(--input-background-hover, var(--interface-background-default-primary-hover, #f8fafc))",
177
- "input-border-default": "var(--input-border-default, var(--interface-border-default-primary, #cbd5e1))",
178
- "input-border-disabled": "var(--input-border-disabled, var(--interface-border-disabled-disabled, #cbd5e1))",
179
- "input-border-focus": "var(--input-border-focus, var(--interface-border-brand-brand, #3b82f6))",
180
- "input-border-hover": "var(--input-border-hover, var(--interface-border-default-primary, #cbd5e1))",
181
- "input-foreground-disabled": "var(--input-foreground-disabled, var(--interface-foreground-disabled-on-disabled, #94a3b8))",
182
- "input-foreground-primary": "var(--input-foreground-primary, var(--interface-foreground-default-primary, #0f172a))",
183
- "input-foreground-secondary": "var(--input-foreground-secondary, var(--interface-foreground-default-secondary, #334155))",
184
- "input-foreground-tertiary": "var(--input-foreground-tertiary, var(--interface-foreground-default-tertiary, #64748b))",
185
- "interface-background-brand-primary": "var(--interface-background-brand-primary, var(--brand-500, #3b82f6))",
186
- "interface-background-brand-primary-hover": "var(--interface-background-brand-primary-hover, var(--ui-white, #ffffff))",
187
- "interface-background-brand-secondary": "var(--interface-background-brand-secondary, var(--brand-950, #172554))",
188
- "interface-background-brand-secondary-hover": "var(--interface-background-brand-secondary-hover, var(--brand-900, #1e3a8a))",
189
- "interface-background-default-inverted": "var(--interface-background-default-inverted, var(--ui-white, #ffffff))",
190
- "interface-background-default-inverted-hover": "var(--interface-background-default-inverted-hover, var(--ui-50, #f8fafc))",
191
- "interface-background-default-none": "var(--interface-background-default-none, var(--ui-transparent, #ffffff00))",
192
- "interface-background-default-primary": "var(--interface-background-default-primary, var(--ui-900, #0f172a))",
193
- "interface-background-default-primary-hover": "var(--interface-background-default-primary-hover, var(--ui-950, #020617))",
194
- "interface-background-default-secondary": "var(--interface-background-default-secondary, var(--ui-950, #020617))",
195
- "interface-background-default-secondary-hover": "var(--interface-background-default-secondary-hover, var(--ui-800, #1e293b))",
196
- "interface-background-default-tertiary": "var(--interface-background-default-tertiary, var(--ui-800, #1e293b))",
197
- "interface-background-default-tertiary-hover": "var(--interface-background-default-tertiary-hover, var(--ui-700, #334155))",
198
- "interface-background-disabled-disabled": "var(--interface-background-disabled-disabled, var(--ui-700, #334155))",
199
- "interface-background-validation-danger": "var(--interface-background-validation-danger, var(--ui-danger, #ef4444))",
200
- "interface-background-validation-success": "var(--interface-background-validation-success, var(--ui-success, #22c55e))",
201
- "interface-background-validation-warning": "var(--interface-background-validation-warning, var(--ui-warning, #eab308))",
202
- "interface-border-brand-brand": "var(--interface-border-brand-brand, var(--brand-500, #3b82f6))",
203
- "interface-border-default-inverted": "var(--interface-border-default-inverted, var(--ui-300, #cbd5e1))",
204
- "interface-border-default-none": "var(--interface-border-default-none, var(--ui-transparent, #ffffff00))",
205
- "interface-border-default-primary": "var(--interface-border-default-primary, var(--ui-700, #334155))",
206
- "interface-border-disabled-disabled": "var(--interface-border-disabled-disabled, var(--ui-700, #334155))",
207
- "interface-border-validation-danger": "var(--interface-border-validation-danger, var(--ui-danger, #ef4444))",
208
- "interface-border-validation-success": "var(--interface-border-validation-success, var(--ui-success, #22c55e))",
209
- "interface-border-validation-warning": "var(--interface-border-validation-warning, var(--ui-warning, #eab308))",
210
- "interface-foreground-brand-on-primary": "var(--interface-foreground-brand-on-primary, var(--ui-white, #ffffff))",
211
- "interface-foreground-brand-on-secondary": "var(--interface-foreground-brand-on-secondary, var(--brand-50, #eff6ff))",
212
- "interface-foreground-brand-primary": "var(--interface-foreground-brand-primary, var(--brand-500, #3b82f6))",
213
- "interface-foreground-brand-secondary": "var(--interface-foreground-brand-secondary, var(--brand-950, #172554))",
214
- "interface-foreground-default-inverted": "var(--interface-foreground-default-inverted, var(--ui-900, #0f172a))",
215
- "interface-foreground-default-primary": "var(--interface-foreground-default-primary, var(--ui-white, #ffffff))",
216
- "interface-foreground-default-secondary": "var(--interface-foreground-default-secondary, var(--ui-200, #e2e8f0))",
217
- "interface-foreground-default-tertiary": "var(--interface-foreground-default-tertiary, var(--ui-400, #94a3b8))",
218
- "interface-foreground-disabled-disabled": "var(--interface-foreground-disabled-disabled, var(--ui-700, #334155))",
219
- "interface-foreground-disabled-on-disabled": "var(--interface-foreground-disabled-on-disabled, var(--ui-500, #64748b))",
220
- "interface-foreground-validation-danger": "var(--interface-foreground-validation-danger, var(--ui-danger, #ef4444))",
221
- "interface-foreground-validation-success": "var(--interface-foreground-validation-success, var(--ui-success, #22c55e))",
222
- "interface-foreground-validation-warning": "var(--interface-foreground-validation-warning, var(--ui-warning, #eab308))",
223
- "ory-background-default": "var(--ory-background-default, var(--interface-background-default-primary, #ffffff))",
224
- "ory-border-default": "var(--ory-border-default, var(--interface-border-default-primary, #cbd5e1))",
225
- "ory-foreground-default": "var(--ory-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
226
- "radio-background-checked": "var(--radio-background-checked, var(--interface-background-brand-primary, #3b82f6))",
227
- "radio-background-default": "var(--radio-background-default, var(--interface-background-default-secondary, #f8fafc))",
228
- "radio-border-checked": "var(--radio-border-checked, var(--interface-border-brand-brand, #3b82f6))",
229
- "radio-border-default": "var(--radio-border-default, var(--interface-border-default-primary, #cbd5e1))",
230
- "radio-foreground-checked": "var(--radio-foreground-checked, var(--interface-foreground-default-inverted, #ffffff))",
231
- "radio-foreground-default": "var(--radio-foreground-default, var(--interface-foreground-default-primary, #0f172a))",
232
- "toggle-background-checked": "var(--toggle-background-checked, var(--interface-background-brand-primary, #3b82f6))",
233
- "toggle-background-default": "var(--toggle-background-default, var(--interface-background-default-secondary, #f8fafc))",
234
- "toggle-border-checked": "var(--toggle-border-checked, var(--interface-border-default-none, #ffffff00))",
235
- "toggle-border-default": "var(--toggle-border-default, var(--interface-border-default-primary, #cbd5e1))",
236
- "toggle-foreground-checked": "var(--toggle-foreground-checked, var(--interface-foreground-brand-on-primary, #ffffff))",
237
- "toggle-foreground-default": "var(--toggle-foreground-default, var(--interface-foreground-brand-primary, #3b82f6))"
238
- }
239
- },
240
- "slate": {
241
- "color": {
242
- "ui-100": "#f1f5f9",
243
- "ui-200": "#e2e8f0",
244
- "ui-300": "#cbd5e1",
245
- "ui-400": "#94a3b8",
246
- "ui-50": "#f8fafc",
247
- "ui-500": "#64748b",
248
- "ui-600": "#475569",
249
- "ui-700": "#334155",
250
- "ui-800": "#1e293b",
251
- "ui-900": "#0f172a",
252
- "ui-950": "#020617",
253
- "ui-black": "#000000",
254
- "ui-danger": "#ef4444",
255
- "ui-success": "#22c55e",
256
- "ui-transparent": "#ffffff00",
257
- "ui-warning": "#eab308",
258
- "ui-white": "#ffffff"
259
- }
260
- },
261
- "gray": {
262
- "color": {
263
- "ui-100": "#f3f4f6",
264
- "ui-200": "#e5e7eb",
265
- "ui-300": "#d1d5db",
266
- "ui-400": "#9ca3af",
267
- "ui-50": "#f9fafb",
268
- "ui-500": "#6b7280",
269
- "ui-600": "#4b5563",
270
- "ui-700": "#374151",
271
- "ui-800": "#1f2937",
272
- "ui-900": "#111827",
273
- "ui-950": "#030712",
274
- "ui-black": "#000000",
275
- "ui-danger": "#ef4444",
276
- "ui-success": "#22c55e",
277
- "ui-transparent": "#ffffff00",
278
- "ui-warning": "#eab308",
279
- "ui-white": "#ffffff"
280
- }
281
- },
282
- "neutral": {
283
- "color": {
284
- "ui-100": "#f5f5f5",
285
- "ui-200": "#e5e5e5",
286
- "ui-300": "#d4d4d4",
287
- "ui-400": "#a3a3a3",
288
- "ui-50": "#fafafa",
289
- "ui-500": "#737373",
290
- "ui-600": "#525252",
291
- "ui-700": "#404040",
292
- "ui-800": "#262626",
293
- "ui-900": "#171717",
294
- "ui-950": "#0a0a0a",
295
- "ui-black": "#000000",
296
- "ui-danger": "#ef4444",
297
- "ui-success": "#22c55e",
298
- "ui-transparent": "#ffffff00",
299
- "ui-warning": "#eab308",
300
- "ui-white": "#ffffff"
301
- }
302
- },
303
- "stone": {
304
- "color": {
305
- "ui-100": "#f5f5f4",
306
- "ui-200": "#e7e5e4",
307
- "ui-300": "#d6d3d1",
308
- "ui-400": "#a8a29e",
309
- "ui-50": "#fafaf9",
310
- "ui-500": "#78716c",
311
- "ui-600": "#57534e",
312
- "ui-700": "#44403c",
313
- "ui-800": "#292524",
314
- "ui-900": "#1c1917",
315
- "ui-950": "#0c0a09",
316
- "ui-black": "#000000",
317
- "ui-danger": "#ef4444",
318
- "ui-success": "#22c55e",
319
- "ui-transparent": "#ffffff00",
320
- "ui-warning": "#eab308",
321
- "ui-white": "#ffffff"
322
- }
323
- },
324
- "blue": {
325
- "color": {
326
- "brand-100": "#dbeafe",
327
- "brand-200": "#bfdbfe",
328
- "brand-300": "#93c5fd",
329
- "brand-400": "#60a5fa",
330
- "brand-50": "#eff6ff",
331
- "brand-500": "#3b82f6",
332
- "brand-600": "#2563eb",
333
- "brand-700": "#1d4ed8",
334
- "brand-800": "#1e40af",
335
- "brand-900": "#1e3a8a",
336
- "brand-950": "#172554"
337
- }
338
- },
339
- "purple": {
340
- "color": {
341
- "brand-100": "#faf5ff",
342
- "brand-200": "#f3e8ff",
343
- "brand-300": "#d8b4fe",
344
- "brand-400": "#c084fc",
345
- "brand-50": "#faf5ff",
346
- "brand-500": "#9333ea",
347
- "brand-600": "#9333ea",
348
- "brand-700": "#7e22ce",
349
- "brand-800": "#6b21a8",
350
- "brand-900": "#581c87",
351
- "brand-950": "#3b0764"
352
- }
353
- },
354
- "lime": {
355
- "color": {
356
- "brand-100": "#ecfccb",
357
- "brand-200": "#d9f99d",
358
- "brand-300": "#bef264",
359
- "brand-400": "#a3e635",
360
- "brand-50": "#f7fee7",
361
- "brand-500": "#84cc16",
362
- "brand-600": "#65a30d",
363
- "brand-700": "#4d7c0f",
364
- "brand-800": "#3f6212",
365
- "brand-900": "#365314",
366
- "brand-950": "#1a2e05"
367
- }
368
- },
369
- "borderRadius": {
370
- "default": {
371
- "number": {
372
- "buttons": "0.25rem",
373
- "forms": "0.25rem",
374
- "general": "0.25rem",
375
- "branding": "0.5rem",
376
- "cards": "0.75rem",
377
- "identifier": "62.4375rem"
378
- }
379
- },
380
- "none": {
381
- "number": {
382
- "branding": "0rem",
383
- "buttons": "0rem",
384
- "cards": "0rem",
385
- "forms": "0rem",
386
- "general": "0rem",
387
- "identifier": "0rem"
388
- }
389
- }
390
- }
391
- }