@ory/elements-react 1.0.0-next.2 → 1.0.0-next.21

package/jest.config.ts

@@ -0,0 +1,23 @@
+// Copyright © 2024 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
+
+import { Config } from "jest"
+
+export default {
+  displayName: "@ory/elements-react",
+  preset: "../../jest.preset.cjs",
+  transform: {
+    "^.+\\.tsx?$": "ts-jest",
+    ".+\\.(svg|css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$":
+      "jest-transform-stub",
+  },
+  collectCoverageFrom: [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx",
+  ],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+  coverageDirectory: "../../coverage/packages/elements-react",
+  coveragePathIgnorePatterns: ["/node_modules/", "/dist/", ".svg"],
+} satisfies Config

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@ory/elements-react",
-  "version": "1.0.0-next.2",
+  "version": "1.0.0-next.21",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/index.mjs",
+      "require": "./dist/client/index.js"
+    },
     "./theme": {
       "types": "./dist/theme/default/index.d.ts",
       "import": "./dist/theme/default/index.mjs",
@@ -14,26 +19,46 @@
     },
     "./theme/styles.css": "./dist/theme/default/index.css"
   },
+  "typesVersions": {
+    "*": {
+      "index": [
+        "./dist/index.d.ts"
+      ],
+      "client": [
+        "./dist/client/index.d.ts"
+      ],
+      "theme": [
+        "./dist/theme/default/index.d.ts"
+      ]
+    }
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@ory/client-fetch": "1.15.0-next.0",
+    "@ory/client-fetch": "~1.16.1",
+    "@radix-ui/react-dropdown-menu": "2.1.2",
+    "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
     "input-otp": "1.2.4",
-    "react-hook-form": "7.52.1",
-    "tailwind-merge": "2.4.0"
+    "react-hook-form": "7.53.0",
+    "react-intl": "6.7.0",
+    "tailwind-merge": "2.5.2",
+    "zustand": "5.0.0"
   },
   "peerDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "esbuild-plugin-svgr": "2.1.0",
-    "eslint-plugin-react": "7.35.0",
-    "postcss": "8.4.40",
-    "tailwindcss": "3.4.7",
-    "tsup": "8.2.3"
+    "@hookform/devtools": "4.3.1",
+    "@svgr/plugin-svgo": "8.1.0",
+    "@types/lodash.merge": "4.6.9",
+    "esbuild-plugin-svgr": "3.0.0",
+    "eslint-plugin-react": "7.37.1",
+    "postcss": "8.4.47",
+    "tailwindcss-animate": "1.0.7",
+    "tsup": "8.3.0"
   },
   "keywords": [
     "ory",

package/postcss.config.ts

@@ -2,5 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 
 module.exports = {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-require-imports
   plugins: [require("tailwindcss")(), require("autoprefixer")()],
 }

package/tailwind.config.ts

@@ -4,6 +4,7 @@
 import type { Config } from "tailwindcss"
 
 import variables from "./variables-processed.json"
+import plugin from "tailwindcss/plugin"
 
 const config: Config = {
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
@@ -18,34 +19,42 @@ const config: Config = {
       animation: {
         "caret-blink": "caret-blink 1.25s ease-out infinite",
       },
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
       padding: {
         "4.5": "1.125rem",
       },
       /* We need the default border radius as well in some cases. */
-      borderRadius: variables.borderRadius,
+      borderRadius: variables.borderRadius.default.number,
     },
     fontFamily: {
-      sans: ['"Inter var", sans-serif'],
+      sans: ["var(--font-sans)"],
     },
     colors: {
-      ...variables.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
     },
     backgroundColor: {
-      ...variables.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
     },
     borderColor: {
-      ...variables.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
+    },
+    ringColor: {
+      ...variables.light.color,
+      ...variables.slate.color,
     },
     fill: {
-      ...variables.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
     },
   },
-  plugins: [],
+  plugins: [
+    plugin((plugin) => {
+      plugin.addVariant("loading", "&[data-loading=true]")
+    }),
+    require("tailwindcss-animate"),
+  ],
 }
 
 export default config

package/tsconfig.json

@@ -17,8 +17,20 @@
     "declarationDir": "dist/types",
     "jsx": "react-jsx",
     "lib": ["ES6", "DOM", "WebWorker"],
-    "rootDir": "src"
+    "rootDir": ".",
+    "paths": {
+      "@ory/elements-react": ["./src/index.ts"]
+    }
   },
-  "exclude": ["node_modules"],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/global.d.ts"]
+  "exclude": ["node_modules", "dist"],
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "src/global.d.ts",
+    "src/tests/**/*.ts",
+    "src/tests/**/*.tsx",
+    "tsup.config.ts",
+    "jest.config.ts",
+    "tailwind.config.ts"
+  ]
 }

package/tsconfig.spec.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx",
+    "**/*.d.ts",
+    "jest.config.ts"
+  ]
+}