fix!: remove ory-default-theme class

ory · Oct 7, 2024 · 22fa6c6 · 22fa6c6
1 parent f1b5f61
commit 22fa6c6
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 71 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/elements-react-stories/.storybook/preview.tsx b/packages/elements-react-stories/.storybook/preview.tsx
@@ -29,11 +29,9 @@ const withI18next: Decorator = (Story, context) => {
   const { locale } = context.globals
 
   return (
-    <div className="ory-default-theme">
-      <IntlProvider locale={locale} defaultLocale="en">
-        <Story />
-      </IntlProvider>
-    </div>
+    <IntlProvider locale={locale} defaultLocale="en">
+      <Story />
+    </IntlProvider>
   )
 }
 

diff --git a/packages/elements-react/package.json b/packages/elements-react/package.json
@@ -45,8 +45,7 @@
     "esbuild-plugin-svgr": "^2.1.0",
     "eslint-plugin-react": "7.37.0",
     "postcss": "8.4.47",
-    "postcss-prefix-selector": "1.16.1",
-    "tsup": "8.3.0"
+    "tsup": "8.2.3"
   },
   "keywords": [
     "ory",

diff --git a/packages/elements-react/postcss.config.ts b/packages/elements-react/postcss.config.ts
@@ -2,9 +2,5 @@
 // SPDX-License-Identifier: Apache-2.0
 
 module.exports = {
-  plugins: [
-    require("tailwindcss")(),
-    require("autoprefixer")(),
-    require("postcss-prefix-selector")({ prefix: ".ory-default-theme" }),
-  ],
+  plugins: [require("tailwindcss")(), require("autoprefixer")()],
 }
diff --git a/packages/elements-react/src/theme/default/components/card/index.tsx b/packages/elements-react/src/theme/default/components/card/index.tsx
@@ -7,7 +7,7 @@ import { DefaultCardLogo } from "./logo"
 
 export function DefaultCard({ children }: OryCardProps) {
   return (
-    <div className="ory-default-theme font-sans">
+    <div className="font-sans">
       <div className="grid grid-cols-1 max-w-sm md:max-w-[480px] md:w-[480px] gap-8 bg-dialog-bg-default px-8 md:px-12 py-12 md:py-14 relative rounded-border-radius-cards border border-dialog-border-default">
         {children}
         <Badge />