@ory/elements-react 1.0.0-next.17 → 1.0.0-next.18

package/jest.config.ts

@@ -5,7 +5,7 @@ import { Config } from "jest"
 
 export default {
   displayName: "@ory/elements-react",
-  preset: "../../jest.preset.js",
+  preset: "../../jest.preset.cjs",
   transform: {
     "^.+\\.tsx?$": "ts-jest",
     ".+\\.(svg|css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ory/elements-react",
-  "version": "1.0.0-next.17",
+  "version": "1.0.0-next.18",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -57,6 +57,7 @@
     "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": [

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

@@ -19,40 +19,41 @@ 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: ["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.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
     },
     fill: {
-      ...variables.colors.light,
+      ...variables.light.color,
+      ...variables.slate.color,
     },
   },
   plugins: [
-    plugin(({ addVariant }) => {
-      addVariant("loading", "&[data-loading=true]")
+    plugin((plugin) => {
+      plugin.addVariant("loading", "&[data-loading=true]")
     }),
+    require("tailwindcss-animate"),
   ],
 }
 

package/tsconfig.json

@@ -24,12 +24,13 @@
   },
   "exclude": ["node_modules", "dist"],
   "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
+    "**/*.ts",
+    "**/*.tsx",
     "src/global.d.ts",
     "src/tests/**/*.ts",
     "src/tests/**/*.tsx",
     "tsup.config.ts",
-    "jest.config.ts"
+    "jest.config.ts",
+    "tailwind.config.ts"
   ]
 }