feat: new package @marigold/theme-docs (#3933)

* move docs

* adjust tailwind content paths

* Create giant-frogs-love.md

* set version

.changeset/giant-frogs-love.md

@@ -0,0 +1,7 @@
+---
+"@marigold/docs": patch
+"@marigold/theme-core": patch
+"@marigold/theme-docs": major
+---
+
+feat: new package `@marigold/theme-docs`

docs/app/layout.tsx

@@ -1,5 +1,3 @@
-'use-client';
-
 import { siteConfig } from '@/lib/config';
 import { b2bTheme, coreTheme, theme } from '@/theme';
 import { MarigoldProvider } from '@/ui';

docs/package.json

@@ -14,6 +14,7 @@
     "@marigold/icons": "workspace:*",
     "@marigold/theme-b2b": "workspace:*",
     "@marigold/theme-core": "workspace:*",
+    "@marigold/theme-docs": "workspace:*",
     "@marigold/theme-preset": "workspace:*",
     "@react-aria/i18n": "3.11.1",
     "@tailwindcss/typography": "0.5.10",

docs/tailwind.config.ts

@@ -1,15 +1,12 @@
 import { Config } from 'tailwindcss/types/config';
 
-import { preset } from './theme/preset';
+import { preset } from '@marigold/theme-docs/preset';
 
 const config: Config = {
   content: [
     ...preset.content,
 
     // From docs
-    './theme/root.ts',
-    './theme/*.ts',
-    './theme/**/*.ts',
     './ui/**/*.{js,ts,jsx,tsx,mdx}',
     './app/**/*.{js,ts,jsx,tsx,mdx}',
 

docs/theme/index.ts

@@ -1,25 +1,7 @@
 'use client';
 
-import { Theme } from '@marigold/system';
 import b2bTheme from '@marigold/theme-b2b';
 import coreTheme from '@marigold/theme-core';
+import theme from '@marigold/theme-docs';
 
-import * as components from './components';
-import { root } from './root';
-import { colors } from './tokens';
-
-export const theme: Theme = {
-  name: 'docs',
-  screens: {
-    sm: '640px',
-    md: '768px',
-    lg: '1024px',
-    xl: '1280px',
-    '2xl': '1536px',
-  },
-  root,
-  colors,
-  components,
-};
-
-export { b2bTheme, coreTheme };
+export { theme, b2bTheme, coreTheme };