@ory/elements-react 1.0.0-rc.5 → 1.0.0-rc.6

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 (21) hide show
  1. package/dist/client/session-provider.d.mts +5 -0
  2. package/dist/client/session-provider.d.ts +5 -0
  3. package/dist/client/session-provider.js.map +1 -1
  4. package/dist/client/session-provider.mjs.map +1 -1
  5. package/dist/index.d.mts +505 -100
  6. package/dist/index.d.ts +505 -100
  7. package/dist/index.js +523 -185
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +521 -182
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/theme/default/index.css +153 -6
  12. package/dist/theme/default/index.css.map +1 -1
  13. package/dist/theme/default/index.d.mts +386 -20
  14. package/dist/theme/default/index.d.ts +386 -20
  15. package/dist/theme/default/index.js +980 -445
  16. package/dist/theme/default/index.js.map +1 -1
  17. package/dist/theme/default/index.mjs +982 -440
  18. package/dist/theme/default/index.mjs.map +1 -1
  19. package/package.json +6 -5
  20. package/tailwind/generated/default-variables.css +180 -0
  21. package/tsdoc.json +5 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ory/elements-react",
3
- "version": "1.0.0-rc.5",
3
+ "version": "1.0.0-rc.6",
4
4
  "exports": {
5
5
  ".": {
6
6
  "types": "./dist/index.d.ts",
@@ -48,11 +48,11 @@
48
48
  "class-variance-authority": "0.7.1",
49
49
  "clsx": "2.1.1",
50
50
  "input-otp": "1.4.2",
51
- "react-hook-form": "7.56.3",
51
+ "react-hook-form": "7.56.4",
52
52
  "react-intl": "7.1.10",
53
+ "sonner": "^2.0.0",
53
54
  "tailwind-merge": "3.3.0",
54
- "usehooks-ts": "3.1.1",
55
- "zustand": "5.0.4"
55
+ "usehooks-ts": "3.1.1"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "react": "^18.0.0 || ^19.0.0 || ^19.0.0-0",
@@ -70,7 +70,8 @@
70
70
  "eslint-plugin-react": "7.37.5",
71
71
  "postcss": "8.4.47",
72
72
  "tailwindcss-animate": "1.0.7",
73
- "tsup": "8.4.0"
73
+ "tsup": "8.4.0",
74
+ "typedoc": "0.28.5"
74
75
  },
75
76
  "keywords": [
76
77
  "ory",
package/tailwind/generated/default-variables.css CHANGED
@@ -214,3 +214,183 @@
214
214
  --border-radius-cards: 0.75rem;
215
215
  --border-radius-identifier: 62.4375rem;
216
216
  }
217
+
218
+ [data-theme="dark"] {
219
+ --button-identifier-background-default: var(
220
+ --interface-background-brand-secondary
221
+ );
222
+ --button-identifier-background-hover: var(
223
+ --interface-background-brand-secondary-hover
224
+ );
225
+ --button-identifier-border-border-default: var(
226
+ --interface-border-brand-brand
227
+ );
228
+ --button-identifier-border-border-hover: var(--interface-border-brand-brand);
229
+ --button-identifier-foreground-default: var(
230
+ --interface-foreground-brand-on-secondary
231
+ );
232
+ --button-identifier-foreground-hover: var(
233
+ --interface-foreground-brand-on-secondary
234
+ );
235
+ --button-link-brand-brand: var(--interface-foreground-brand-primary);
236
+ --button-link-brand-brand-hover: var(--interface-foreground-default-primary);
237
+ --button-link-default-primary: var(--interface-foreground-default-primary);
238
+ --button-link-default-primary-hover: var(
239
+ --interface-foreground-brand-primary
240
+ );
241
+ --button-link-default-secondary: var(
242
+ --interface-foreground-default-secondary
243
+ );
244
+ --button-link-default-secondary-hover: var(
245
+ --interface-foreground-default-tertiary
246
+ );
247
+ --button-link-disabled-disabled: var(
248
+ --interface-foreground-disabled-disabled
249
+ );
250
+ --button-primary-background-default: var(
251
+ --interface-background-brand-primary
252
+ );
253
+ --button-primary-background-disabled: var(
254
+ --interface-foreground-disabled-disabled
255
+ );
256
+ --button-primary-background-hover: var(
257
+ --interface-background-brand-primary-hover
258
+ );
259
+ --button-primary-border-default: var(--interface-border-default-none);
260
+ --button-primary-border-disabled: var(--interface-border-disabled-disabled);
261
+ --button-primary-border-hover: var(--interface-border-default-none);
262
+ --button-primary-foreground-default: var(
263
+ --interface-foreground-brand-on-primary
264
+ );
265
+ --button-primary-foreground-disabled: var(
266
+ --interface-foreground-disabled-on-disabled
267
+ );
268
+ --button-primary-foreground-hover: var(
269
+ --interface-foreground-brand-on-primary
270
+ );
271
+ --button-secondary-background-default: var(
272
+ --interface-background-default-primary
273
+ );
274
+ --button-secondary-background-disabled: var(
275
+ --interface-background-disabled-disabled
276
+ );
277
+ --button-secondary-background-hover: var(
278
+ --interface-background-default-primary-hover
279
+ );
280
+ --button-secondary-border-default: var(--interface-border-default-primary);
281
+ --button-secondary-border-disabled: var(--interface-border-disabled-disabled);
282
+ --button-secondary-border-hover: var(--interface-border-default-primary);
283
+ --button-secondary-foreground-default: var(
284
+ --interface-foreground-default-primary
285
+ );
286
+ --button-secondary-foreground-disabled: var(
287
+ --interface-foreground-disabled-on-disabled
288
+ );
289
+ --button-secondary-foreground-hover: var(
290
+ --interface-foreground-default-secondary
291
+ );
292
+ --button-social-background-default: var(
293
+ --interface-background-default-primary
294
+ );
295
+ --button-social-background-disabled: var(
296
+ --interface-background-disabled-disabled
297
+ );
298
+ --button-social-background-generic-provider: var(
299
+ --interface-background-default-inverted
300
+ );
301
+ --button-social-background-hover: var(
302
+ --interface-background-default-primary-hover
303
+ );
304
+ --button-social-border-default: var(--interface-border-default-primary);
305
+ --button-social-border-disabled: var(--interface-border-disabled-disabled);
306
+ --button-social-border-generic-provider: var(--interface-border-default-none);
307
+ --button-social-border-hover: var(--interface-border-default-primary);
308
+ --button-social-foreground-default: var(
309
+ --interface-foreground-default-primary
310
+ );
311
+ --button-social-foreground-disabled: var(
312
+ --interface-foreground-disabled-on-disabled
313
+ );
314
+ --button-social-foreground-generic-provider: var(
315
+ --interface-foreground-default-inverted
316
+ );
317
+ --button-social-foreground-hover: var(
318
+ --interface-foreground-default-secondary
319
+ );
320
+ --checkbox-background-checked: var(--interface-background-brand-primary);
321
+ --checkbox-background-default: var(--interface-background-default-secondary);
322
+ --checkbox-border-checkbox-border-checked: var(
323
+ --interface-border-brand-brand
324
+ );
325
+ --checkbox-border-checkbox-border-default: var(
326
+ --interface-border-default-primary
327
+ );
328
+ --checkbox-foreground-checked: var(--interface-foreground-brand-on-primary);
329
+ --checkbox-foreground-default: var(--interface-foreground-default-primary);
330
+ --form-background-default: var(--interface-background-default-primary);
331
+ --form-border-default: var(--interface-border-default-primary);
332
+ --input-background-default: var(--interface-background-default-primary);
333
+ --input-background-disabled: var(--interface-background-disabled-disabled);
334
+ --input-background-hover: var(--interface-background-default-primary-hover);
335
+ --input-border-default: var(--interface-border-default-primary);
336
+ --input-border-disabled: var(--interface-border-disabled-disabled);
337
+ --input-border-focus: var(--interface-border-brand-brand);
338
+ --input-border-hover: var(--interface-border-default-primary);
339
+ --input-foreground-disabled: var(--interface-foreground-disabled-on-disabled);
340
+ --input-foreground-primary: var(--interface-foreground-default-primary);
341
+ --input-foreground-secondary: var(--interface-foreground-default-secondary);
342
+ --input-foreground-tertiary: var(--interface-foreground-default-tertiary);
343
+ --interface-background-brand-primary: var(--brand-600);
344
+ --interface-background-brand-primary-hover: var(--brand-700);
345
+ --interface-background-brand-secondary: var(--brand-950);
346
+ --interface-background-brand-secondary-hover: var(--brand-900);
347
+ --interface-background-default-inverted: var(--ui-white);
348
+ --interface-background-default-inverted-hover: var(--ui-50);
349
+ --interface-background-default-none: var(--ui-transparent);
350
+ --interface-background-default-primary: var(--ui-900);
351
+ --interface-background-default-primary-hover: var(--ui-950);
352
+ --interface-background-default-secondary: var(--ui-950);
353
+ --interface-background-default-secondary-hover: var(--ui-800);
354
+ --interface-background-default-tertiary: var(--ui-800);
355
+ --interface-background-default-tertiary-hover: var(--ui-700);
356
+ --interface-background-disabled-disabled: var(--ui-700);
357
+ --interface-background-validation-danger: var(--ui-danger);
358
+ --interface-background-validation-success: var(--ui-success);
359
+ --interface-background-validation-warning: var(--ui-warning);
360
+ --interface-border-brand-brand: var(--brand-600);
361
+ --interface-border-default-inverted: var(--ui-300);
362
+ --interface-border-default-none: var(--ui-transparent);
363
+ --interface-border-default-primary: var(--ui-700);
364
+ --interface-border-disabled-disabled: var(--ui-700);
365
+ --interface-border-validation-danger: var(--ui-danger);
366
+ --interface-border-validation-success: var(--ui-success);
367
+ --interface-border-validation-warning: var(--ui-warning);
368
+ --interface-foreground-brand-on-primary: var(--brand-950);
369
+ --interface-foreground-brand-on-secondary: var(--brand-50);
370
+ --interface-foreground-brand-primary: var(--brand-600);
371
+ --interface-foreground-brand-secondary: var(--brand-950);
372
+ --interface-foreground-default-inverted: var(--ui-900);
373
+ --interface-foreground-default-primary: var(--ui-white);
374
+ --interface-foreground-default-secondary: var(--ui-200);
375
+ --interface-foreground-default-tertiary: var(--ui-400);
376
+ --interface-foreground-disabled-disabled: var(--ui-700);
377
+ --interface-foreground-disabled-on-disabled: var(--ui-500);
378
+ --interface-foreground-validation-danger: var(--ui-danger);
379
+ --interface-foreground-validation-success: var(--ui-success);
380
+ --interface-foreground-validation-warning: var(--ui-warning);
381
+ --ory-background-default: var(--interface-background-default-primary);
382
+ --ory-border-default: var(--interface-border-default-primary);
383
+ --ory-foreground-default: var(--interface-foreground-default-primary);
384
+ --radio-background-checked: var(--interface-background-brand-primary);
385
+ --radio-background-default: var(--interface-background-default-secondary);
386
+ --radio-border-checked: var(--interface-border-brand-brand);
387
+ --radio-border-default: var(--interface-border-default-primary);
388
+ --radio-foreground-checked: var(--interface-foreground-brand-on-primary);
389
+ --radio-foreground-default: var(--interface-foreground-default-primary);
390
+ --toggle-background-checked: var(--interface-background-brand-primary);
391
+ --toggle-background-default: var(--interface-background-default-secondary);
392
+ --toggle-border-checked: var(--interface-border-default-none);
393
+ --toggle-border-default: var(--interface-border-default-primary);
394
+ --toggle-foreground-checked: var(--interface-foreground-brand-on-primary);
395
+ --toggle-foreground-default: var(--interface-foreground-brand-primary);
396
+ }
package/tsdoc.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "$schema": "https://developer.microsoft.com/json-schemas/tsdoc/v0/tsdoc.schema.json",
3
+ "extends": ["../../node_modules/typedoc/tsdoc.json"],
4
+ "tagDefinitions": []
5
+ }