- * - has a lang attribute with js, jsx, ts or tsx
- * - has a meta attribute that includes "preview"
- */
-const isCodePreview = node =>
- node.type === 'code' &&
- /[jt]sx?/.test(node.lang) &&
- node.meta &&
- node.meta?.includes('preview');
-
-/**
- * Render a preview from `` blocks for React components.
- * Complex code can be loaded from file.
- */
-export const remarkCodeDemo = ({ demoPath, wrapperComponent }) => {
- return tree => {
- flatMap(tree, node => {
- if (!isCodePreview(node)) {
- return [node];
- }
-
- const meta = parseMeta(node.meta);
-
- if (meta.file) {
- node.value = fs
- .readFileSync(path.join(demoPath, meta.file), 'utf8')
- .trim();
- }
-
- const tree = meta.file
- ? getExportedComponent(node.value, node.lang)
- : parseToMdAst(node.value);
-
- const preview = {
- type: 'mdxJsxFlowElement',
- name: wrapperComponent,
- attributes: [],
- children: tree,
- };
-
- return [preview, node];
- });
-
- return tree;
- };
-};
diff --git a/docs-old/plugins/utils/ast.js b/docs-old/plugins/utils/ast.js
deleted file mode 100644
index fe477d730a..0000000000
--- a/docs-old/plugins/utils/ast.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import { visit } from 'estree-util-visit';
-import { fromMarkdown } from 'mdast-util-from-markdown';
-import { mdxFromMarkdown } from 'mdast-util-mdx';
-import { mdxjs } from 'micromark-extension-mdxjs';
-// import { JsxEmit, ModuleKind, ScriptTarget, transpileModule } from 'typescript';
-import pkg from 'typescript';
-const { JsxEmit, ModuleKind, ScriptTarget, transpileModule } = pkg;
-
-// mdast
-// ---------------
-
-/**
- * Create the `mdast` from the code using the mdx extensions.
- */
-export const parseToMdAst = md => {
- return fromMarkdown(md, {
- extensions: [mdxjs()],
- mdastExtensions: [mdxFromMarkdown()],
- }).children;
-};
-
-/**
- * Try to find the preview to render based on an exported component.
- * Note that the component has to exist in the MDX scope to make this work,
- * it has to be added to the ``.
- */
-export const getExportedComponent = (input, lang) => {
- let component;
-
- // compile to js if necessary
- const code = /tsx?/.test(lang)
- ? transpileModule(input, {
- compilerOptions: {
- module: ModuleKind.ESNext,
- jsx: JsxEmit.Preserve,
- target: ScriptTarget.ESNext,
- },
- }).outputText
- : input;
-
- const tree = parseToMdAst(code)[0].data?.estree;
-
- visit(tree, node => {
- if (component) {
- return;
- }
- if (node.type === 'ExportNamedDeclaration') {
- const declaration = node.declaration;
- const variable = declaration.declarations.find(
- child => child.type === 'VariableDeclarator'
- );
- component = variable?.id?.name;
- }
- });
-
- if (!component) {
- throw Error(
- 'No component for demo found. Please make sure to export a component from your demo file.'
- );
- }
-
- return [
- {
- type: 'mdxJsxFlowElement',
- name: component,
- attributes: [],
- children: [],
- },
- ];
-};
-
-const hasChildren = node => 'children' in node;
-
-/**
- * Create a new Unist tree by mapping (to an array) with the provided function and then flattening.
- * Adopted from: https://www.npmjs.com/package/unist-util-flatmap
- */
-export const flatMap = (tree, mapper) => {
- return walk(tree, 0, null)[0];
-
- // Recursivly walk tree
- function walk(node, index, parent) {
- if (hasChildren(node)) {
- let out = [];
-
- for (let i = 0, n = node.children.length; i < n; i++) {
- const subtree = walk(node.children[i], i, node);
- if (subtree) {
- for (let j = 0, m = subtree.length; j < m; j++) {
- out.push(subtree[j]);
- }
- }
- }
-
- node.children = out;
- }
-
- return mapper(node, index, parent);
- }
-};
diff --git a/docs-old/public/.nojekyll b/docs-old/public/.nojekyll
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docs-old/public/CNAME b/docs-old/public/CNAME
deleted file mode 100644
index b23014feda..0000000000
--- a/docs-old/public/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-marigold-ui.io
\ No newline at end of file
diff --git a/docs-old/public/favicon.png b/docs-old/public/favicon.png
deleted file mode 100644
index ff04abd0e4..0000000000
Binary files a/docs-old/public/favicon.png and /dev/null differ
diff --git a/docs-old/public/favicon.svg b/docs-old/public/favicon.svg
deleted file mode 100644
index 5618edf7c3..0000000000
--- a/docs-old/public/favicon.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-
\ No newline at end of file
diff --git a/docs-old/public/fight-club.gif b/docs-old/public/fight-club.gif
deleted file mode 100644
index 56d63bb72c..0000000000
Binary files a/docs-old/public/fight-club.gif and /dev/null differ
diff --git a/docs-old/public/rx-logo.png b/docs-old/public/rx-logo.png
deleted file mode 100644
index f57380f788..0000000000
Binary files a/docs-old/public/rx-logo.png and /dev/null differ
diff --git a/docs-old/src/components/AppearanceTable.tsx b/docs-old/src/components/AppearanceTable.tsx
deleted file mode 100644
index 19ce1f2ad0..0000000000
--- a/docs-old/src/components/AppearanceTable.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import {
- Box,
- Card,
- Inline,
- Table,
- Text,
- type Theme,
-} from '@marigold/components';
-import { BlankCanvas } from './Icons';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export interface AppearanceTableProps {
- component: keyof Theme['components'];
-}
-
-export const AppearanceTable = ({ component }: AppearanceTableProps) => {
- const { current, themes } = useThemeSwitch();
-
- if (!current) {
- return null;
- }
-
- const styles = themes[current].components[component];
- const variants = styles?.variant ? Object.keys(styles.variant) : null;
- const sizes = styles?.size ? Object.keys(styles.size) : null;
-
- return (
-
-
- {!variants && !sizes ? (
-
-
-
- Sorry! There are currently no variants and sizes available.
-
-
- ) : (
-
-
- Property
- Type
- Description
-
-
-
-
-
- variant
-
-
- {variants ? variants.join(' | ') : '-'}
-
-
- The available variants of this component.
-
-
-
-
- size
-
-
- {sizes ? sizes.join(' | ') : '-'}
-
- The available sizes of this component.
-
-
-
- )}
-
-
- );
-};
-
-;
diff --git a/docs-old/src/components/Block.tsx b/docs-old/src/components/Block.tsx
deleted file mode 100644
index 6c807f7c37..0000000000
--- a/docs-old/src/components/Block.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-
-export interface BlockProps {
- children: ReactNode;
- height?: number | string;
-}
-
-export const Block = ({ children, height }: BlockProps) => (
-
- {children}
-
-);
diff --git a/docs-old/src/components/CopyButton.tsx b/docs-old/src/components/CopyButton.tsx
deleted file mode 100644
index 889b6fb9c1..0000000000
--- a/docs-old/src/components/CopyButton.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { Box, Button } from '@marigold/components';
-import { SVG } from '@marigold/system';
-
-interface CopyProps {
- codeString: string;
-}
-
-export const CopyButton = ({ codeString }: CopyProps) => {
- const [isCopied, setIsCopied] = React.useState(false);
- return (
-
- );
-};
-
-export const copyToClipboard = (codeString: string) => {
- navigator.clipboard.writeText(codeString);
-};
diff --git a/docs-old/src/components/GradientHeadline.tsx b/docs-old/src/components/GradientHeadline.tsx
deleted file mode 100644
index 6b52eeaf2a..0000000000
--- a/docs-old/src/components/GradientHeadline.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import { Headline } from '@marigold/components';
-
-export interface GradientHeadlineProps {
- children: ReactNode;
-}
-
-export const GradientHeadline = ({ children }: GradientHeadlineProps) => (
-
- {children}
-
-);
diff --git a/docs-old/src/components/IconLinks.tsx b/docs-old/src/components/IconLinks.tsx
deleted file mode 100644
index 9d240a7224..0000000000
--- a/docs-old/src/components/IconLinks.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Inline } from '@marigold/components';
-import { Edit } from '@marigold/icons';
-import { FigmaIcon, GithubIcon } from './Icons';
-import { Link } from './Link';
-
-interface IconLinksListProps {
- figma?: string;
- github?: string;
- edit?: string;
-}
-
-export const IconLinksList = ({ figma, github, edit }: IconLinksListProps) => {
- return (
-
- {figma && (
-
-
-
- )}
- {github && (
-
-
-
- )}
- {edit && (
-
-
-
- )}
-
- );
-};
diff --git a/docs-old/src/components/IconList/IconList.tsx b/docs-old/src/components/IconList/IconList.tsx
deleted file mode 100644
index 7029110e48..0000000000
--- a/docs-old/src/components/IconList/IconList.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { useState, useRef } from 'react';
-import { useCopyToClipboard, useDebounce } from 'react-use';
-
-import { Box, Card, Text, Tiles } from '@marigold/components';
-import * as Icons from '@marigold/icons';
-
-export interface IconListProps {
- icons: (keyof typeof Icons)[];
-}
-
-export interface IconListItemProps {
- icon: keyof typeof Icons;
-}
-
-const IconListItem = ({ icon }: IconListItemProps) => {
- const Component = Icons[icon];
-
- const svgRef = useRef();
- const [isHovered, setHovered] = useState(false);
- const [isCopied, setCopied] = useState(false);
- const [, copyToClipboard] = useCopyToClipboard();
- const [isReady, cancel] = useDebounce(() => setCopied(false), 2000, [
- isCopied,
- ]);
-
- if (!Component) {
- console.warn(`${icon} is not a valid icon!`);
- return null;
- }
-
- const handleClick = () => {
- if (isReady()) {
- cancel();
- }
-
- // Get SVG HTML and remove class attribute
- const svg = svgRef.current!.outerHTML.replace(
- / class="[a-zA-Z0-9:;.\s()\-,]*"/,
- ''
- );
- copyToClipboard(svg);
- setCopied(true);
- };
-
- return (
-
- setHovered(true)}
- onMouseLeave={() => setHovered(false)}
- >
-
-
- {isCopied ? 'COPIED!' : 'COPY SVG'}
-
-
-
-
-
- {icon}
-
-
- );
-};
-
-export const IconList = ({ icons }: IconListProps) => {
- return (
-
-
- {icons.map(icon => (
-
- ))}
-
-
- );
-};
diff --git a/docs-old/src/components/IconList/index.ts b/docs-old/src/components/IconList/index.ts
deleted file mode 100644
index 77f1e04d06..0000000000
--- a/docs-old/src/components/IconList/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './IconList';
diff --git a/docs-old/src/components/Icons/BlankCanvas.tsx b/docs-old/src/components/Icons/BlankCanvas.tsx
deleted file mode 100644
index 599c059339..0000000000
--- a/docs-old/src/components/Icons/BlankCanvas.tsx
+++ /dev/null
@@ -1,286 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const BlankCanvas = forwardRef((props, ref) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-));
diff --git a/docs-old/src/components/Icons/FigmaIcon.tsx b/docs-old/src/components/Icons/FigmaIcon.tsx
deleted file mode 100644
index 246334debb..0000000000
--- a/docs-old/src/components/Icons/FigmaIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const FigmaIcon = forwardRef((props, ref) => (
-
-
-
-));
diff --git a/docs-old/src/components/Icons/GithubIcon.tsx b/docs-old/src/components/Icons/GithubIcon.tsx
deleted file mode 100644
index 9dd73ac201..0000000000
--- a/docs-old/src/components/Icons/GithubIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const GithubIcon = forwardRef((props, ref) => (
-
-
-
-));
diff --git a/docs-old/src/components/Icons/index.ts b/docs-old/src/components/Icons/index.ts
deleted file mode 100644
index 15f7327a3a..0000000000
--- a/docs-old/src/components/Icons/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './BlankCanvas';
-export * from './FigmaIcon';
-export * from './GithubIcon';
diff --git a/docs-old/src/components/Layout.tsx b/docs-old/src/components/Layout.tsx
deleted file mode 100644
index e6644060fb..0000000000
--- a/docs-old/src/components/Layout.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Box } from '@marigold/components';
-
-import {
- NavigationLayout,
- NavigationLinks,
- NavigationTree,
- Version,
-} from '~/components';
-import { useRouter } from 'next/router';
-
-export interface LayoutProps {
- children: ReactNode;
- navigation: { tree: NavigationTree; links: NavigationLinks };
-}
-
-export const Layout = ({ navigation, children }: LayoutProps) => {
- const { asPath } = useRouter();
- return (
- <>
-
-
-
- {children}
-
-
-
- >
- );
-};
diff --git a/docs-old/src/components/Link.tsx b/docs-old/src/components/Link.tsx
deleted file mode 100644
index bed03cd099..0000000000
--- a/docs-old/src/components/Link.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { forwardRef } from 'react';
-import NextLink, { LinkProps as NextLinkProps } from 'next/link';
-import { useRouter } from 'next/router';
-
-import {
- Link as MarigoldLink,
- LinkProps as MarigoldLinkProps,
-} from '@marigold/components';
-
-export interface LinkProps
- extends NextLinkProps,
- Pick {}
-
-// why the onPress not works: https://github.com/adobe/react-spectrum/issues/2525
-const InnerLink = forwardRef>(
- ({ onClick, ...props }, ref) => {
- return (
-
- {props.children}
-
- );
- }
-);
-
-export const Link = ({ variant, href, children, target }: LinkProps) => {
- const { asPath } = useRouter();
- const link = href + '/';
-
- const active = link === asPath ? 'active' : undefined;
-
- return (
-
-
- {children}
-
-
- );
-};
diff --git a/docs-old/src/components/Logo/Logo.tsx b/docs-old/src/components/Logo/Logo.tsx
deleted file mode 100644
index e2c204131a..0000000000
--- a/docs-old/src/components/Logo/Logo.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const Logo = forwardRef((props, ref) => (
-
- Marigold Logo
-
-
-
-
-));
diff --git a/docs-old/src/components/Logo/index.ts b/docs-old/src/components/Logo/index.ts
deleted file mode 100644
index d97c6951e2..0000000000
--- a/docs-old/src/components/Logo/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Logo';
diff --git a/docs-old/src/components/MarigoldTheme.tsx b/docs-old/src/components/MarigoldTheme.tsx
deleted file mode 100644
index b48d0a1a8d..0000000000
--- a/docs-old/src/components/MarigoldTheme.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ThemeProvider, __defaultTheme } from '@marigold/system';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export interface MarigoldThemeProps {
- children: ReactNode;
-}
-
-/**
- * Component to wrap children in the current marigold theme
- */
-export const MarigoldTheme = ({ children }: MarigoldThemeProps) => {
- const { current, themes } = useThemeSwitch();
-
- return (
-
- {children}
-
- );
-};
diff --git a/docs-old/src/components/Navigation/Navigation.tsx b/docs-old/src/components/Navigation/Navigation.tsx
deleted file mode 100644
index 3c771d12c8..0000000000
--- a/docs-old/src/components/Navigation/Navigation.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import { Badge } from '@marigold/components';
-import { Box, CSSObject, useComponentStyles } from '@marigold/system';
-import { Link, LinkProps } from '~/components/Link';
-
-// Props
-// ---------------
-export type NavigationTree = (NavigationMenuCategory | NavigationMenuItem)[];
-
-export type NavigationLinks = { title: string; url: string }[];
-
-export interface NavigationMenuGroup {
- name: string;
- items: NavigationMenuItem[];
-}
-
-export interface NavigationMenuCategory {
- name: string;
- items: NavigationMenuItem[];
- groups: NavigationMenuGroup[];
-}
-export interface NavigationMenuItem {
- title: string;
- slug: string;
- group?: string;
- order?: number;
- badge?: string;
-}
-
-export interface NavigationProps {
- tree: NavigationTree;
- links: NavigationLinks;
- css?: CSSObject;
-}
-
-interface NavigationItemProps extends LinkProps, NavigationStyles {
- title: string;
- badge?: string;
-}
-
-interface NavigationMenuGroupProps
- extends NavigationMenuGroup,
- NavigationStyles {}
-interface NavigationCategoryProps
- extends NavigationMenuCategory,
- NavigationStyles {}
-
-interface NavigationLinksProps extends NavigationStyles {
- links: NavigationLinks;
-}
-
-interface NavigationStyles {
- css: {
- category: CSSObject;
- item: CSSObject;
- list: CSSObject;
- group: CSSObject;
- };
-}
-
-// Components
-// ---------------
-const NavigationLinks = ({ css, links }: NavigationLinksProps) => {
- return (
-
-
-
-
- external links
-
-
- {links.map(({ title, url }) => (
-
- ))}
-
-
-
-
- );
-};
-
-const NavigationItem = ({
- title,
- css,
- variant,
- badge,
- ...props
-}: NavigationItemProps) => (
-
-
- {title}
-
- {badge && {badge}}
-
-);
-
-const NavigationGroup = ({ name, items, css }: NavigationMenuGroupProps) => (
-
-
-
- {name}
-
- {items.map(item => (
-
- ))}
-
-
-);
-
-const NavigationCategory = ({
- name,
- items,
- groups,
- css,
-}: NavigationCategoryProps) => {
- return (
-
-
-
-
- {name}
-
-
- {groups.map(group => (
-
- ))}
- {items.map(i => (
-
- ))}
-
-
-
-
- );
-};
-
-export const Navigation = ({ tree, links }: NavigationProps) => {
- const styles = useComponentStyles(
- 'Navigation',
- {},
- { parts: ['container', 'category', 'item', 'list', 'group'] }
- );
- return (
-
-
- {tree.map(item =>
- 'name' in item ? (
-
- ) : null
- )}
-
-
-
- );
-};
diff --git a/docs-old/src/components/Navigation/NavigationLayout.tsx b/docs-old/src/components/Navigation/NavigationLayout.tsx
deleted file mode 100644
index 3c81abccc5..0000000000
--- a/docs-old/src/components/Navigation/NavigationLayout.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import { Box, Center, Button, Columns } from '@marigold/components';
-import { useResponsiveValue } from '@marigold/system';
-
-import { Link, Logo, NavigationTree } from '~/components';
-
-import { Navigation, NavigationLinks } from './Navigation';
-const useIsSmallScreen = () => useResponsiveValue([true, false, false], 2);
-
-export interface NavigationLayoutProps {
- tree: NavigationTree;
- links: NavigationLinks;
-}
-
-export const NavigationLayout = ({ tree, links }: NavigationLayoutProps) => {
- const isSmallScreen = useIsSmallScreen();
- const [showNavigation, setShowNavigation] = React.useState(false);
- const show = isSmallScreen ? showNavigation : true;
-
- return (
-
- {isSmallScreen && (
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
- {!isSmallScreen && (
-
-
-
-
-
- )}
- {show && }
-
-
- );
-};
diff --git a/docs-old/src/components/Navigation/index.ts b/docs-old/src/components/Navigation/index.ts
deleted file mode 100644
index cb8346313c..0000000000
--- a/docs-old/src/components/Navigation/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './Navigation';
-export * from './NavigationLayout';
diff --git a/docs-old/src/components/Placeholder/Rectangle.tsx b/docs-old/src/components/Placeholder/Rectangle.tsx
deleted file mode 100644
index 17f29910d9..0000000000
--- a/docs-old/src/components/Placeholder/Rectangle.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-
-import { border, fill, defaultSize } from './styles';
-
-export interface RectangleProps {
- height?: string;
- children?: ReactNode;
-}
-
-export const Rectangle = ({ children, height }: RectangleProps) => (
-
- {children}
-
-);
diff --git a/docs-old/src/components/Placeholder/Squircle.tsx b/docs-old/src/components/Placeholder/Squircle.tsx
deleted file mode 100644
index ddbe7382e2..0000000000
--- a/docs-old/src/components/Placeholder/Squircle.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { SVG, type SVGProps } from '@marigold/system';
-import { defaultSize, fill } from './styles';
-
-export interface SquirecleProps extends SVGProps {}
-
-export const Squirecle = ({ size, ...props }: SquirecleProps) => (
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/components/Placeholder/index.ts b/docs-old/src/components/Placeholder/index.ts
deleted file mode 100644
index 6c610a272a..0000000000
--- a/docs-old/src/components/Placeholder/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './Rectangle';
-export * from './Squircle';
diff --git a/docs-old/src/components/Placeholder/styles.ts b/docs-old/src/components/Placeholder/styles.ts
deleted file mode 100644
index ee952154d7..0000000000
--- a/docs-old/src/components/Placeholder/styles.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/** default size for placeholder */
-export const defaultSize = 'medium-1';
-
-export const fill = {
- light: 'hsl(29, 37%, 70%)',
- dark: 'hsl(29, 37%, 40%)',
-};
-
-export const border = {
- // borderWidth: '1px',
- // borderStyle: 'solid',
- // borderColor: 'hsl(29, 37%, 40%)',
- borderRadius: 'small-2',
-};
diff --git a/docs-old/src/components/Preview.tsx b/docs-old/src/components/Preview.tsx
deleted file mode 100644
index b70245f108..0000000000
--- a/docs-old/src/components/Preview.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ReactNode } from 'react';
-import { Box, Card, MarigoldProvider } from '@marigold/components';
-import { useThemeSwitch } from './ThemeSwitch';
-import { useComponentStyles } from '@marigold/system';
-
-export interface Preview {
- code: boolean;
- children: ReactNode;
-}
-
-export const Preview = ({ children }: Preview) => {
- const { current, themes } = useThemeSwitch();
- const theme = (current && themes[current]) || themes.b2b2;
- const styles = useComponentStyles('Preview');
- return (
-
-
-
-
- {children}
-
-
-
-
- );
-};
diff --git a/docs-old/src/components/PropsTable.tsx b/docs-old/src/components/PropsTable.tsx
deleted file mode 100644
index 7860ae7fad..0000000000
--- a/docs-old/src/components/PropsTable.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Box, Card, Inline, Table, Text } from '@marigold/components';
-import { BlankCanvas } from './Icons';
-
-export interface PropsTableProps {
- props?: { [key: string]: string }[];
-}
-
-export const PropsTable = ({ props }: PropsTableProps) => {
- return (
-
-
- {props ? (
-
-
- Property
- Type
- Default
- Description
-
-
- {item => (
-
-
- {item.property}
-
-
- {item.type}
-
-
- {item.default}
-
- {item.description}
-
- )}
-
-
- ) : (
-
-
-
- Sorry! There are currently no props available.
-
-
- )}
-
-
- );
-};
diff --git a/docs-old/src/components/ScrollToTop.tsx b/docs-old/src/components/ScrollToTop.tsx
deleted file mode 100644
index c3a4cd24a3..0000000000
--- a/docs-old/src/components/ScrollToTop.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Box, Button } from '@marigold/components';
-import { ChevronUp } from '@marigold/icons';
-import { useComponentStyles } from '@marigold/system';
-import { colors } from '~/theme/colors';
-
-export const ScrollToTop = () => {
- const [visible, setVisible] = useState(false);
-
- const toggleVisible = () => {
- const scrolled = document.documentElement.scrollTop;
- if (scrolled > 300) {
- setVisible(true);
- } else if (scrolled <= 300) {
- setVisible(false);
- }
- };
-
- const scrollToTop = () => {
- window.scrollTo({
- top: 0,
- behavior: 'smooth',
- });
- };
-
- useEffect(() => {
- if (typeof window !== 'undefined') {
- window.addEventListener('scroll', toggleVisible);
- }
- });
-
- const styles = useComponentStyles('ScrollToTop');
-
- return (
-
-
-
- );
-};
diff --git a/docs-old/src/components/ThemeMenu.tsx b/docs-old/src/components/ThemeMenu.tsx
deleted file mode 100644
index 3da569c15b..0000000000
--- a/docs-old/src/components/ThemeMenu.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button, Menu } from '@marigold/components';
-import { ChevronDown } from '@marigold/icons';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export const ThemeMenu = () => {
- const { current, themes, setTheme } = useThemeSwitch();
- return (
-
-
-
-
- );
-};
diff --git a/docs-old/src/components/ThemeSwitch.tsx b/docs-old/src/components/ThemeSwitch.tsx
deleted file mode 100644
index 6be738b7b1..0000000000
--- a/docs-old/src/components/ThemeSwitch.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useState, useContext, ReactNode } from 'react';
-import { type Theme } from '@marigold/components';
-
-// Context
-// ---------------
-export interface ThemeSwitchContextType {
- current: string | undefined;
- themes: { [name: string]: Theme };
- setTheme: Function;
-}
-
-export const Context = React.createContext({
- current: undefined,
- themes: {},
-} as ThemeSwitchContextType);
-
-// Hook
-// ---------------
-export const useThemeSwitch = () => useContext(Context);
-
-// Component
-// ---------------
-export interface MarigoldThemeSwitchProps {
- children?: ReactNode;
- themes: { [name: string]: Theme };
- initial?: string;
-}
-
-export const MarigoldThemeSwitch = ({
- themes,
- initial,
- children,
-}: MarigoldThemeSwitchProps) => {
- const [theme, setTheme] = useState(initial);
- return (
-
- {children}
-
- );
-};
diff --git a/docs-old/src/components/Title.tsx b/docs-old/src/components/Title.tsx
deleted file mode 100644
index 58ec0978f9..0000000000
--- a/docs-old/src/components/Title.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import Head from 'next/head';
-
-export interface TitleProps {
- title?: string;
-}
-
-export const Title = ({ title }: TitleProps) => {
- const pageTitle = `Marigold Docs${title ? ` | ${title}` : ''}`;
- return (
-
- {pageTitle}
-
- );
-};
diff --git a/docs-old/src/components/Toc.tsx b/docs-old/src/components/Toc.tsx
deleted file mode 100644
index 3b75f20b11..0000000000
--- a/docs-old/src/components/Toc.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-
-import { Box, Headline, Link, List } from '@marigold/components';
-import React from 'react';
-import { useComponentStyles } from '@marigold/system';
-
-export interface TocProps {
- selector: string;
- items: string;
-}
-
-function getId(children: string) {
- return children
- ?.split(' ')
- .map(word => word.toLowerCase())
- .join('-')
- .replace(/[?']/g, '');
-}
-
-/**
- * To Do
- * Inital toc -> Did we need a Overview because we almost started with the first component with props.
- * Or should we take the Title as first element of the toc?
- * Add active-state to the element and styling everything in a own styling file
- */
-
-function useScrollSpy(ids: string[], options: IntersectionObserverInit) {
- const [activeId, setActiveId] = React.useState();
- const observer = React.useRef();
- React.useEffect(() => {
- const elements = ids.map(id => document.getElementById(id));
- observer.current?.disconnect();
- observer.current = new IntersectionObserver(entries => {
- entries.forEach(entry => {
- if (entry?.isIntersecting) {
- setActiveId(entry.target.id);
- }
- });
- }, options);
- elements.forEach(el => {
- if (el) {
- observer.current?.observe(el);
- }
- });
- return () => observer.current?.disconnect();
- }, [ids, options]);
- React.useEffect(() => {
- if (!activeId) {
- const toc = document.querySelector('#toc');
- toc?.querySelector(`#${ids[0]}`)?.setAttribute('data-active', 'true');
- }
- });
- return activeId;
-}
-
-export const Toc = ({ items, selector }: TocProps) => {
- const elements = JSON.parse(items) as { anchor: string; title: string }[];
- const [, setMounted] = useState(false);
- const isBottom = useRef(false);
-
- const ref = useRef();
-
- const styles = useComponentStyles(
- 'Toc',
- {},
- {
- parts: ['toc', 'item'],
- }
- );
-
- const activeId = useScrollSpy(
- elements.map((i: { title: string }) => getId(i.title)),
- { rootMargin: '-10% -35% -80% -15%', threshold: 0 }
- );
-
- useEffect(() => {
- if (typeof window !== 'undefined') {
- ref.current = document.querySelector(selector) || undefined;
- setMounted(true);
- }
- }, [selector]);
-
- useEffect(() => {
- window.addEventListener('scroll', function () {
- const elements = document.querySelectorAll(
- '[data-intersection-active]'
- ) as any;
- const elementsLength = elements.length;
- const activeElement =
- elements[elementsLength - 2]?.dataset.intersectionActive;
- if (
- window.innerHeight + window.scrollY >= document.body.scrollHeight &&
- activeElement === 'true' &&
- isBottom.current === false
- ) {
- elements[elementsLength - 2].setAttribute('data-active', 'false');
- elements[elementsLength - 1].setAttribute('data-active', 'true');
- isBottom.current = true;
- } else if (
- activeElement === 'true' &&
- isBottom.current === true &&
- window.innerHeight + window.scrollY <= document.body.scrollHeight - 100
- ) {
- elements[elementsLength - 1].setAttribute('data-active', 'false');
- elements[elementsLength - 2].setAttribute('data-active', 'true');
- isBottom.current = false;
- }
- });
- });
-
- if (!ref.current || elements.length === 0) {
- return null;
- }
-
- const TocPortal = () => (
-
- Table of Contents
- {elements.map((i: { title: string; anchor: string }) => (
-
-
-
- {i.title}
-
-
-
- ))}
-
- );
-
- return createPortal(, ref.current);
-};
-
-export const TocContainer = () => {
- return ;
-};
diff --git a/docs-old/src/components/Version.tsx b/docs-old/src/components/Version.tsx
deleted file mode 100644
index c597326e61..0000000000
--- a/docs-old/src/components/Version.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { Text } from '@marigold/components';
-
-export const Version = () => {
- const version = process.env.version;
- return (
-
- v{version}
-
- );
-};
diff --git a/docs-old/src/components/index.ts b/docs-old/src/components/index.ts
deleted file mode 100644
index b26e5a344d..0000000000
--- a/docs-old/src/components/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export * from './AppearanceTable';
-export * from './Block';
-export * from './CopyButton';
-export * from './IconLinks';
-export * from './GradientHeadline';
-export * from './Icons';
-export * from './IconList';
-export * from './Layout';
-export * from './Link';
-export * from './Logo';
-export * from './MarigoldTheme';
-export * from './Navigation';
-export * from './Placeholder';
-export * from './Preview';
-export * from './PropsTable';
-export * from './ScrollToTop';
-export * from './Toc';
-export * from './ThemeMenu';
-export * from './ThemeSwitch';
-export * from './Title';
-export * from './Version';
diff --git a/docs-old/src/demos/components/Accordion/basic-accordion.tsx b/docs-old/src/demos/components/Accordion/basic-accordion.tsx
deleted file mode 100644
index f33a07cf8d..0000000000
--- a/docs-old/src/demos/components/Accordion/basic-accordion.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Accordion, Text } from '@marigold/components';
-
-export const BasicAccordion = () => {
- return (
-
-
-
- Harry Potter and the Philosopher's Stone is a 1997 fantasy novel
- written by British author J. K. Rowling. The first novel in the Harry
- Potter series and Rowling's debut novel, it follows Harry Potter, a
- young wizard who discovers his magical heritage on his eleventh
- birthday, when he receives a letter of acceptance to Hogwarts School
- of Witchcraft and Wizardry. Harry makes close friends and a few
- enemies during his first year at the school and with the help of his
- friends, Ron Weasley and Hermione Granger, he faces an attempted
- comeback by the dark wizard Lord Voldemort, who killed Harry's
- parents, but failed to kill Harry when he was just 15 months old.
-
-
-
-
- Harry Potter and the Chamber of Secrets is a fantasy novel written by
- British author J. K. Rowling and the second novel in the Harry Potter
- series. The plot follows Harry's second year at Hogwarts School of
- Witchcraft and Wizardry, during which a series of messages on the
- walls of the school's corridors warn that the "Chamber of Secrets" has
- been opened and that the "heir of Slytherin" would kill all pupils who
- do not come from all-magical families. These threats are found after
- attacks that leave residents of the school petrified. Throughout the
- year, Harry and his friends Ron and Hermione investigate the attacks.
-
-
-
-
- Harry Potter and the Prisoner of Azkaban is a fantasy novel written by
- British author J. K. Rowling and is the third in the Harry Potter
- series. The book follows Harry Potter, a young wizard, in his third
- year at Hogwarts School of Witchcraft and Wizardry. Along with friends
- Ronald Weasley and Hermione Granger, Harry investigates Sirius Black,
- an escaped prisoner from Azkaban, the wizard prison, believed to be
- one of Lord Voldemort's old allies.
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Accordion/index.ts b/docs-old/src/demos/components/Accordion/index.ts
deleted file mode 100644
index 10dc56c8ce..0000000000
--- a/docs-old/src/demos/components/Accordion/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './multi-select-accordion.demo';
-export * from './single-select-accordion.demo';
-export * from './basic-accordion';
diff --git a/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx b/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx
deleted file mode 100644
index 29183cd20d..0000000000
--- a/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import {
- Accordion,
- Inline,
- Text,
- TextField,
- NumberField,
- Stack,
-} from '@marigold/components';
-import { Parking, SettingDots, Accessible } from '@marigold/icons';
-
-export const MultiSelect = () => {
- const items = [
- {
- key: 'one',
- textValue: 'Parking passes',
- title: (
-
-
- Parking passes
-
- ),
- children: (
-
-
-
-
- ),
- },
- {
- key: 'two',
- textValue: 'Handicapped parking spaces',
- title: (
-
-
- Handicapped parking spaces
-
- ),
- children: (
-
-
-
-
- ),
- },
- {
- key: 'tree',
- textValue: 'Settings',
- title: (
-
-
- Settings
-
- ),
- children: (
-
- ),
- },
- ];
-
- return (
-
- {items.map(item => (
-
- {item.children}
-
- ))}
-
- );
-};
diff --git a/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx b/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx
deleted file mode 100644
index 4eaf4b34bd..0000000000
--- a/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Accordion, Text, TextField } from '@marigold/components';
-
-export const ComplexSingleSelect = () => {
- return (
-
-
-
-
-
- Here is some useful text with some settings to choose
-
-
- Some more informations
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Aside/index.ts b/docs-old/src/demos/components/Aside/index.ts
deleted file mode 100644
index 98f4e3bf77..0000000000
--- a/docs-old/src/demos/components/Aside/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './rightside.demo';
-export * from './simple-aside.demo';
-export * from './space.demo';
diff --git a/docs-old/src/demos/components/Aside/rightside.demo.tsx b/docs-old/src/demos/components/Aside/rightside.demo.tsx
deleted file mode 100644
index 5ff5b29e64..0000000000
--- a/docs-old/src/demos/components/Aside/rightside.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const RightSide = () => (
-
-);
diff --git a/docs-old/src/demos/components/Aside/simple-aside.demo.tsx b/docs-old/src/demos/components/Aside/simple-aside.demo.tsx
deleted file mode 100644
index 3347e03f53..0000000000
--- a/docs-old/src/demos/components/Aside/simple-aside.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const BasicAside = () => (
-
-);
diff --git a/docs-old/src/demos/components/Aside/space.demo.tsx b/docs-old/src/demos/components/Aside/space.demo.tsx
deleted file mode 100644
index 6878ab3b90..0000000000
--- a/docs-old/src/demos/components/Aside/space.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const SpaceBetween = () => (
-
-);
diff --git a/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx b/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx
deleted file mode 100644
index 7eedb51150..0000000000
--- a/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const GoldenAspect = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Aspect/index.ts b/docs-old/src/demos/components/Aspect/index.ts
deleted file mode 100644
index c4ce11d0c9..0000000000
--- a/docs-old/src/demos/components/Aspect/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './simple-aspect.demo';
-export * from './golden-aspect.demo';
-export * from './ratio-square.demo';
-export * from './map.demo';
-export * from './video.demo';
diff --git a/docs-old/src/demos/components/Aspect/map.demo.tsx b/docs-old/src/demos/components/Aspect/map.demo.tsx
deleted file mode 100644
index a68c89be93..0000000000
--- a/docs-old/src/demos/components/Aspect/map.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect } from '@marigold/components';
-
-export const AspectMap = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx b/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx
deleted file mode 100644
index 4415fe36d5..0000000000
--- a/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const RatioSquare = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx b/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx
deleted file mode 100644
index 49e1d2e87f..0000000000
--- a/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Aspect, Box } from '@marigold/components';
-
-export const BasicAspect = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Aspect/video.demo.tsx b/docs-old/src/demos/components/Aspect/video.demo.tsx
deleted file mode 100644
index 7f750fa727..0000000000
--- a/docs-old/src/demos/components/Aspect/video.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Aspect } from '@marigold/components';
-
-export const AspectVideo = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx
deleted file mode 100644
index 3a432217d7..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { useState, Key } from 'react';
-import {
- useAsyncList,
- Autocomplete,
- Message,
- Stack,
- Table,
-} from '@marigold/components';
-
-export const AutocompleteAsyncDemo = () => {
- const columns = [
- { name: 'Name', key: 'name' },
- { name: 'Gender', key: 'gender' },
- { name: 'Skin Color', key: 'skin_color' },
- { name: 'height', key: 'height' },
- { name: 'Weight', key: 'mass' },
- ];
-
- const [result, setResult] = useState<{ [key: string]: string }[] | null>(
- null
- );
- const list = useAsyncList<{ [key: string]: string }>({
- async load({ signal, filterText }) {
- const res = await fetch(
- `https://swapi.py4e.com/api/people/?search=${filterText}`,
- { signal }
- );
- const json = await res.json();
-
- return {
- items: json.results,
- };
- },
- });
- const handleSubmit = (key: Key | null, value: string | null) => {
- if (key) {
- const result = list.items.find(c => c.name === key);
- setResult(result ? [result] : null);
- }
- if (value) {
- setResult(list.items);
- }
- };
-
- return (
-
-
- {(item: any) => (
- {item.name}
- )}
-
- {result === null ? null : result.length > 0 ? (
-
-
- {column => {column.name}}
-
-
- {item => (
-
- {columnKey => {item[columnKey]}}
-
- )}
-
-
- ) : (
-
- No Character matched your query, sorry! 😭
-
- )}
-
- );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx
deleted file mode 100644
index b898d76b3e..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Autocomplete } from '@marigold/components';
-
-export const BasicAutocomplete = () => (
-
- Harry Potter
-
- Lord of the Rings
-
- Star Wars
- Star Trek
- Firefly
-
-);
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx
deleted file mode 100644
index 509f2593eb..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Key, useMemo, useState } from 'react';
-import { Autocomplete, Stack, Text } from '@marigold/components';
-
-export const AutocompleteControlledDemo = () => {
- // eslint-disable-next-line react-hooks/exhaustive-deps
- const vegetables = [
- { id: 'spinach', name: 'Spinach' },
- { id: 'carrots', name: 'Carrots' },
- { id: 'broccoli', name: 'Broccoli' },
- { id: 'garlic', name: 'Garlic' },
- { id: 'brussels-sprouts', name: 'Brussels Sprouts' },
- { id: 'kale', name: 'Kale' },
- { id: 'peas', name: 'Peas' },
- { id: 'beets', name: 'Beets' },
- ];
-
- const [input, setInput] = useState('');
- const [submitted, setSubmitted] = useState<[Key | null, string | null]>([
- '',
- '',
- ]);
- const filteredVeggies = useMemo(
- () =>
- vegetables.filter(item =>
- item.name
- .toLocaleLowerCase()
- .replace(/\s/g, '')
- .includes(input.toLocaleLowerCase().replace(/\s/g, ''))
- ),
- [vegetables, input]
- );
-
- return (
-
- setSubmitted([key, val])}
- >
- {(item: (typeof vegetables)[number]) => (
- {item.name}
- )}
-
-
- User input: "{input}"
- User subbmitted: "{submitted}"
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx
deleted file mode 100644
index 12c14d5785..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Key, useState } from 'react';
-import { Autocomplete, Stack, Text } from '@marigold/components';
-
-export const AutocompleteUncontrolledDemo = () => {
- const [submitted, setSubmitted] = useState<[Key | null, string | null]>([
- '',
- '',
- ]);
-
- return (
-
- setSubmitted([key, val])}
- >
- Spinach
- Carrots
- Broccoli
- Garlic
-
- Brussels Sprouts
-
- Kale
- Peas
- Beets
-
- User subbmitted: "{submitted}"
-
- );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/index.ts b/docs-old/src/demos/components/Autocomplete/index.ts
deleted file mode 100644
index 76d175d77d..0000000000
--- a/docs-old/src/demos/components/Autocomplete/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './autocomplete-async.demo';
-export * from './autocomplete-basic.demo';
-export * from './autocomplete-controlled.demo';
-export * from './autocomplete-uncontrolled.demo';
diff --git a/docs-old/src/demos/components/Badge/badge-dark.demo.tsx b/docs-old/src/demos/components/Badge/badge-dark.demo.tsx
deleted file mode 100644
index 6dc6a2f7ec..0000000000
--- a/docs-old/src/demos/components/Badge/badge-dark.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Badge } from '@marigold/components';
-
-export const DarkBadge = () => (
- vor kurzem aktualisiert
-);
diff --git a/docs-old/src/demos/components/Badge/basic-badge.demo.tsx b/docs-old/src/demos/components/Badge/basic-badge.demo.tsx
deleted file mode 100644
index 4aa28446d1..0000000000
--- a/docs-old/src/demos/components/Badge/basic-badge.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Badge } from '@marigold/components';
-
-export const BasicBadgeDemo = () => new;
diff --git a/docs-old/src/demos/components/Badge/icon-badge.demo.tsx b/docs-old/src/demos/components/Badge/icon-badge.demo.tsx
deleted file mode 100644
index e147c03d39..0000000000
--- a/docs-old/src/demos/components/Badge/icon-badge.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Badge } from '@marigold/components';
-import { Info } from '@marigold/icons';
-
-export const IconBadgeDemo = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Badge/index.ts b/docs-old/src/demos/components/Badge/index.ts
deleted file mode 100644
index b8300f3e65..0000000000
--- a/docs-old/src/demos/components/Badge/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-badge.demo';
-export * from './icon-badge.demo';
-export * from './badge-dark.demo';
diff --git a/docs-old/src/demos/components/Body/index.ts b/docs-old/src/demos/components/Body/index.ts
deleted file mode 100644
index 3c86fe364f..0000000000
--- a/docs-old/src/demos/components/Body/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './simple-body.demo';
diff --git a/docs-old/src/demos/components/Body/simple-body.demo.tsx b/docs-old/src/demos/components/Body/simple-body.demo.tsx
deleted file mode 100644
index 167e56badf..0000000000
--- a/docs-old/src/demos/components/Body/simple-body.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {
- Card,
- Header,
- Headline,
- Body,
- Footer,
- Text,
-} from '@marigold/components';
-
-export const BasicBody = () => (
- <>
-
-
- A really good header!
-
-
- In this body fits really great content.
-
-
-
- >
-);
diff --git a/docs-old/src/demos/components/Box/box-as-button.demo.tsx b/docs-old/src/demos/components/Box/box-as-button.demo.tsx
deleted file mode 100644
index e677233421..0000000000
--- a/docs-old/src/demos/components/Box/box-as-button.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Center } from '@marigold/components';
-import { Box } from '@marigold/system';
-
-export const ButtonAsBoxDemo = () => (
-
- I am a button!
-
-);
diff --git a/docs-old/src/demos/components/Box/box-as-component.demo.tsx b/docs-old/src/demos/components/Box/box-as-component.demo.tsx
deleted file mode 100644
index b3bbad2d1d..0000000000
--- a/docs-old/src/demos/components/Box/box-as-component.demo.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-import { Center } from '@marigold/components';
-
-export const BoxAsComponentDemo = () => {
- /**
- * Image this is the component from a lib
- * like `react-router`.
- */
- const RouterLink = ({
- to,
- children,
- ...props
- }: {
- to: string;
- children: ReactNode;
- className?: string;
- }) => (
-
- {children}
-
- );
-
- return (
-
-
- Reservix
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Box/box-basic.demo.tsx b/docs-old/src/demos/components/Box/box-basic.demo.tsx
deleted file mode 100644
index f5999c8e27..0000000000
--- a/docs-old/src/demos/components/Box/box-basic.demo.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Box, Center, Stack } from '@marigold/components';
-import { keyframes } from '@marigold/system';
-
-export const BasicBoxDemo = () => {
- const borderWidth = 5;
- const animateGradient = keyframes({
- '0%': {
- backgroundPosition: '0% 50%',
- },
- '50%': {
- backgroundPosition: '100% 50%',
- },
- '100%': {
- backgrounPposition: '0% 50%',
- },
- });
-
- return (
-
-
-
- I am just a simple Box.
-
-
-
-
- But I am funky fresh!
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Box/box-css-prop.demo.tsx b/docs-old/src/demos/components/Box/box-css-prop.demo.tsx
deleted file mode 100644
index 9521148db9..0000000000
--- a/docs-old/src/demos/components/Box/box-css-prop.demo.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Box, Center } from '@marigold/components';
-import { keyframes } from '@marigold/system';
-
-export const CssPropBoxDemo = () => {
- const shiny = keyframes({
- '0%': { WebkitTransform: 'scale(0) rotate(45deg)', opacity: 0 },
- '80%': { WebkitTransform: 'scale(0) rotate(45deg)', opacity: 0.5 },
- '81%': { WebkitTransform: 'scale(4) rotate(45deg)', opacity: 1 },
- '100%': { WebkitTransform: 'scale(50) rotate(45deg)', opacity: 0 },
- });
- return (
-
-
- Hover Me
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Box/index.ts b/docs-old/src/demos/components/Box/index.ts
deleted file mode 100644
index 1914f4f38f..0000000000
--- a/docs-old/src/demos/components/Box/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './box-as-button.demo';
-export * from './box-as-component.demo';
-export * from './box-basic.demo';
-export * from './box-css-prop.demo';
diff --git a/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx
deleted file mode 100644
index ec9357b963..0000000000
--- a/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Container, Breakout, Box } from '@marigold/components';
-
-export const BasicBreakout = () => (
-
-
-
-
- BREAKOUT
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx
deleted file mode 100644
index 32db1fa4d3..0000000000
--- a/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Breakout, Container } from '@marigold/components';
-
-export const HorizontalBreakout = () => (
-
-
-
- BREAKOUT with right aligned content
-
-
-
-);
diff --git a/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx
deleted file mode 100644
index fe7c8fb8e7..0000000000
--- a/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Aspect, Box, Breakout, Container, Text } from '@marigold/components';
-
-export const iframeBreakout = () => (
-
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum has been the industry's standard dummy text ever since the
- 1500s, when an unknown printer took a galley of type and scrambled it to
- make a type specimen book.
-
-
-
-
-
-
-
- It has survived not only five centuries, but also the leap into electronic
- typesetting, remaining essentially unchanged. It was popularised in the
- 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
- and more recently with desktop publishing software like Aldus PageMaker
- including versions of Lorem Ipsum.
-
-
-);
diff --git a/docs-old/src/demos/components/Breakout/index.ts b/docs-old/src/demos/components/Breakout/index.ts
deleted file mode 100644
index 6943af598d..0000000000
--- a/docs-old/src/demos/components/Breakout/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './basic-breakout.demo';
-export * from './vertical-breakout.demo';
-export * from './horizontal-breakout.demo';
-export * from './iframe-breakout.demo';
diff --git a/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx
deleted file mode 100644
index 2df272c498..0000000000
--- a/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Box, Breakout, Container } from '@marigold/components';
-
-export const VerticalAlignment = () => (
-
-
-
-
- BREAKOUT with bottom alignment
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-ghost.demo.tsx b/docs-old/src/demos/components/Button/button-ghost.demo.tsx
deleted file mode 100644
index 76b0a31587..0000000000
--- a/docs-old/src/demos/components/Button/button-ghost.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const GhostButtons = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-icon.demo.tsx b/docs-old/src/demos/components/Button/button-icon.demo.tsx
deleted file mode 100644
index 69676f1a87..0000000000
--- a/docs-old/src/demos/components/Button/button-icon.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-import { Ticket } from '@marigold/icons';
-
-export const ButtonIconDemo = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-link.demo.tsx b/docs-old/src/demos/components/Button/button-link.demo.tsx
deleted file mode 100644
index 15e3ee0150..0000000000
--- a/docs-old/src/demos/components/Button/button-link.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Button } from '@marigold/components';
-
-export const ButtonLinkDemo = () => (
-
-);
diff --git a/docs-old/src/demos/components/Button/button-primary.demo.tsx b/docs-old/src/demos/components/Button/button-primary.demo.tsx
deleted file mode 100644
index 170bba8d99..0000000000
--- a/docs-old/src/demos/components/Button/button-primary.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const PrimaryButtons = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-secondary.demo.tsx b/docs-old/src/demos/components/Button/button-secondary.demo.tsx
deleted file mode 100644
index 82c4d32b2d..0000000000
--- a/docs-old/src/demos/components/Button/button-secondary.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const SecondaryButtons = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-size.demo.tsx b/docs-old/src/demos/components/Button/button-size.demo.tsx
deleted file mode 100644
index a6593b693c..0000000000
--- a/docs-old/src/demos/components/Button/button-size.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const ButtonSizeDemo = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-text.demo.tsx b/docs-old/src/demos/components/Button/button-text.demo.tsx
deleted file mode 100644
index f88447219a..0000000000
--- a/docs-old/src/demos/components/Button/button-text.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const TextOnlyButtons = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/button-variant.demo.tsx b/docs-old/src/demos/components/Button/button-variant.demo.tsx
deleted file mode 100644
index 09f92c374d..0000000000
--- a/docs-old/src/demos/components/Button/button-variant.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const ButtonVariantDemo = () => (
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Button/index.ts b/docs-old/src/demos/components/Button/index.ts
deleted file mode 100644
index 2e01f24c91..0000000000
--- a/docs-old/src/demos/components/Button/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './button-ghost.demo';
-export * from './button-icon.demo';
-export * from './button-link.demo';
-export * from './button-primary.demo';
-export * from './button-secondary.demo';
-export * from './button-size.demo';
-export * from './button-text.demo';
-export * from './button-variant.demo';
diff --git a/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx
deleted file mode 100644
index edb7f35aa0..0000000000
--- a/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { getLocalTimeZone, today } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const BasicCalendar = () => (
-
-);
diff --git a/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx
deleted file mode 100644
index 1981e4e639..0000000000
--- a/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Calendar } from '@marigold/components';
-
-export const DisabledCalendar = () => ;
diff --git a/docs-old/src/demos/components/Calendar/index.ts b/docs-old/src/demos/components/Calendar/index.ts
deleted file mode 100644
index 0a8159b98d..0000000000
--- a/docs-old/src/demos/components/Calendar/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './basic-calendar.demo';
-export * from './disabled-calendar.demo';
-export * from './readOnly-calendar.demo';
-export * from './range-calendar.demo';
diff --git a/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx
deleted file mode 100644
index b35d8dd0fa..0000000000
--- a/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const RangedCalendar = () => (
-
-);
diff --git a/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx
deleted file mode 100644
index dacbeed094..0000000000
--- a/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { getLocalTimeZone, today } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const ReadOnlyCalendar = () => (
-
-);
diff --git a/docs-old/src/demos/components/Card/card-form.demo.tsx b/docs-old/src/demos/components/Card/card-form.demo.tsx
deleted file mode 100644
index 1fcca21978..0000000000
--- a/docs-old/src/demos/components/Card/card-form.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import {
- Button,
- Card,
- Headline,
- Stack,
- Split,
- TextField,
-} from '@marigold/components';
-
-export const CardFieldDemo = () => (
-
-
- Personal Settings
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Card/card-infos.demo.tsx b/docs-old/src/demos/components/Card/card-infos.demo.tsx
deleted file mode 100644
index 743ea1af09..0000000000
--- a/docs-old/src/demos/components/Card/card-infos.demo.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Card, Link, Headline, Stack, Text } from '@marigold/components';
-
-export const CardInformations = () => (
-
-
- Professor Severus Snape
-
- Professor Severus Snape (9 January, 1960[1] - 2 May,
- 1998)[2] was an English half-blood[3] wizard serving as Potions Master
- (1981-1996), Head of Slytherin House (1981-1997), Defence Against the
- Dark Arts professor (1996-1997), and Headmaster (1997-1998) of the
- Hogwarts School of Witchcraft and Wizardry as well as a member of the
- Order of the Phoenix and a Death Eater. His double life played an
- extremely important role in both of the Wizarding Wars against
- Voldemort.
-
-
- Source
-
-
-
-);
diff --git a/docs-old/src/demos/components/Card/card.demo.tsx b/docs-old/src/demos/components/Card/card.demo.tsx
deleted file mode 100644
index 46925b348f..0000000000
--- a/docs-old/src/demos/components/Card/card.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Card, Headline, Text } from '@marigold/components';
-
-export const CardDemo = () => (
-
- Hello there!
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
- dignissim dapibus elit, vel.
-
- Read more...
-
-);
diff --git a/docs-old/src/demos/components/Card/index.ts b/docs-old/src/demos/components/Card/index.ts
deleted file mode 100644
index 2fc9b5052a..0000000000
--- a/docs-old/src/demos/components/Card/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './card.demo';
-export * from './card-form.demo';
-export * from './card-infos.demo';
diff --git a/docs-old/src/demos/components/Center/basic-center.demo.tsx b/docs-old/src/demos/components/Center/basic-center.demo.tsx
deleted file mode 100644
index 5d9b65d59e..0000000000
--- a/docs-old/src/demos/components/Center/basic-center.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const BasicCenter = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Center/box-center.demo.tsx b/docs-old/src/demos/components/Center/box-center.demo.tsx
deleted file mode 100644
index e2855d44f8..0000000000
--- a/docs-old/src/demos/components/Center/box-center.demo.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Box, Center, Inline, Text } from '@marigold/components';
-import { Stop, Play, Pause } from '@marigold/icons';
-
-export const BoxCenter = () => (
-
-
- Song 1
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Center/index.ts b/docs-old/src/demos/components/Center/index.ts
deleted file mode 100644
index 3667650fff..0000000000
--- a/docs-old/src/demos/components/Center/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './basic-center.demo';
-export * from './box-center.demo';
-export * from './space-center.demo';
-export * from './text-center.demo';
-export * from './width-center.demo';
diff --git a/docs-old/src/demos/components/Center/space-center.demo.tsx b/docs-old/src/demos/components/Center/space-center.demo.tsx
deleted file mode 100644
index 50a3203c28..0000000000
--- a/docs-old/src/demos/components/Center/space-center.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const SpaceCenter = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Center/text-center.demo.tsx b/docs-old/src/demos/components/Center/text-center.demo.tsx
deleted file mode 100644
index 7c80bdf2f5..0000000000
--- a/docs-old/src/demos/components/Center/text-center.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button, Center, Headline, Stack, Text } from '@marigold/components';
-
-export const TextCenter = () => (
-
- Star Wars - The Empire Strikes Back
-
- It is a dark time for the Rebellion. Although the Death Star has been
- destroyed, Imperial troops have driven the Rebel forces from their hidden
- base and pursued them across the galaxy.
-
-
-
-
-
- Evading the dreaded Imperial Starfleet, a group of freedom fighters led by
- Luke Skywalker has established a new secret base on the remote ice world
- of Hoth. The evil lord Darth Vader, obsessed with finding young Skywalker,
- has dispatched thousands of remote probes into the far reaches of
- space....
-
-
-);
diff --git a/docs-old/src/demos/components/Center/width-center.demo.tsx b/docs-old/src/demos/components/Center/width-center.demo.tsx
deleted file mode 100644
index f7f8fb3158..0000000000
--- a/docs-old/src/demos/components/Center/width-center.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const WidthCenter = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx
deleted file mode 100644
index a0c22e26bc..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Checkbox, Stack } from '@marigold/components';
-
-export const CheckboxDisabledDemo = () => (
-
- Disabled
-
- Checked and disabled
-
-
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx
deleted file mode 100644
index 6c23d22331..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useState } from 'react';
-import { Checkbox, CheckboxGroup } from '@marigold/components';
-
-export const CheckboxGroupoDemo = () => {
- const [selected, setSelected] = useState([]);
- return (
- <>
-
- 🐖 Ham
-
- 🐄 Beef (out of stock)
-
- 🐟 Tuna
- 🍅 Tomatos
- 🧅 Onions
- 🍍 Pineapple
-
-
- Selected values: {selected.join(', ')}
- >
- );
-};
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx
deleted file mode 100644
index 1d4763e4e9..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Checkbox } from '@marigold/components';
-
-export const IndeterminateCheckbox = () => (
-
- Select all
-
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx
deleted file mode 100644
index 16484ee0b5..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
- Button,
- Center,
- Checkbox,
- Dialog,
- Image,
- Stack,
-} from '@marigold/components';
-
-export const CheckboxDemo = () => (
-
-
- I will not talk about Fight Club
-
-
-
-);
diff --git a/docs-old/src/demos/components/Checkbox/index.ts b/docs-old/src/demos/components/Checkbox/index.ts
deleted file mode 100644
index 9b54538e59..0000000000
--- a/docs-old/src/demos/components/Checkbox/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './checkbox.demo';
-export * from './checkbox-disabled.demo';
-export * from './checkbox-group.demo';
-export * from './checkbox-indeterminate.demo';
diff --git a/docs-old/src/demos/components/Columns/basic-columns.demo.tsx b/docs-old/src/demos/components/Columns/basic-columns.demo.tsx
deleted file mode 100644
index 130a15e283..0000000000
--- a/docs-old/src/demos/components/Columns/basic-columns.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Columns, Box } from '@marigold/components';
-
-export const BasicColumns = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx b/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx
deleted file mode 100644
index 8e615347ea..0000000000
--- a/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const CollapseColumns = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Columns/index.ts b/docs-old/src/demos/components/Columns/index.ts
deleted file mode 100644
index 9cbd184a6a..0000000000
--- a/docs-old/src/demos/components/Columns/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './basic-columns.demo';
-export * from './collapse-columns.demo';
-export * from './layout-columns.demo';
-export * from './space-columns.demo';
-export * from './stretch-columns.demo';
-export * from './stretch-columns-switch.demo';
diff --git a/docs-old/src/demos/components/Columns/layout-columns.demo.tsx b/docs-old/src/demos/components/Columns/layout-columns.demo.tsx
deleted file mode 100644
index 249258c044..0000000000
--- a/docs-old/src/demos/components/Columns/layout-columns.demo.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const PageLayoutColumns = () => (
-
-
- Left Sidebar
-
-
- Main Content
-
-
- Right Sidebar
-
-
-);
diff --git a/docs-old/src/demos/components/Columns/space-columns.demo.tsx b/docs-old/src/demos/components/Columns/space-columns.demo.tsx
deleted file mode 100644
index fb1c3db6cb..0000000000
--- a/docs-old/src/demos/components/Columns/space-columns.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const SpaceColumns = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx b/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx
deleted file mode 100644
index a2d1b3191e..0000000000
--- a/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState } from 'react';
-import { Box, Columns, Stack, Switch } from '@marigold/components';
-
-export const StretchColumnsSwitch = () => {
- const [stretch, setStretch] = useState(false);
-
- return (
-
-
- setStretch(!stretch)}>Toggle stretch
-
-
-
-
-
-
- I will grow, if you set stretch
prop on the{' '}
- Columns
!
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx b/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx
deleted file mode 100644
index 3c9a4abd29..0000000000
--- a/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Columns, Stack } from '@marigold/components';
-import { Block } from '~/components';
-
-export const StretchColumns = () => (
-
-
-
-
- I have a height set to 100%!
- I space myself
- I have a height set to 200px.
-
-
-
-
- Columns will stretch if they get longer, like a regular CSS element.
-
- I am here too!
-
-
-
-);
diff --git a/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx
deleted file mode 100644
index 2477fed04e..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ComboBox, useAsyncList } from '@marigold/components';
-
-export const ComboBoxAsyncDemo = () => {
- const list = useAsyncList<{ name: string }>({
- async load({ signal, filterText }) {
- const res = await fetch(
- `https://swapi.py4e.com/api/people/?search=${filterText}`,
- { signal }
- );
- const json = await res.json();
-
- return {
- items: json.results,
- };
- },
- });
- return (
-
- {(item: { name: string }) => (
- {item.name}
- )}
-
- );
-};
diff --git a/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx
deleted file mode 100644
index 510ad50bd0..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ComboBox } from '@marigold/components';
-
-export const BasicComboBox = () => (
-
- Red Panda
- Cat
- Dog
- Aardvark
- Kangaroo
- Snake
- Vegan
- Margrita
-
-);
diff --git a/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx
deleted file mode 100644
index adfad4f857..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComboBox, Stack, Text } from '@marigold/components';
-import { useState } from 'react';
-
-export const ControlledComboBox = () => {
- const [currentValue, setCurrentValue] = useState();
- return (
-
-
- Red Panda
- Cat
- Dog
- Aardvark
- Kangaroo
-
- currentValue: "{currentValue}"
-
- );
-};
diff --git a/docs-old/src/demos/components/ComboBox/index.ts b/docs-old/src/demos/components/ComboBox/index.ts
deleted file mode 100644
index 4306cd0e59..0000000000
--- a/docs-old/src/demos/components/ComboBox/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './combobox-basic.demo';
-export * from './combobox-controlled.demo';
-export * from './combobox-async.demo';
diff --git a/docs-old/src/demos/components/Container/basic-container.demo.tsx b/docs-old/src/demos/components/Container/basic-container.demo.tsx
deleted file mode 100644
index 6b9161bfd2..0000000000
--- a/docs-old/src/demos/components/Container/basic-container.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Box, Container, Headline, Text } from '@marigold/components';
-
-export const BasicContainer = () => (
-
-
- Container header
-
-
-
- The container content is for example a long text to present information.
- In this case it is an unnecessary text that is only used to fill the
- width of the container content. Thank you for reading this.
-
-
-
-);
diff --git a/docs-old/src/demos/components/Container/full-container.demo.tsx b/docs-old/src/demos/components/Container/full-container.demo.tsx
deleted file mode 100644
index 25f511e6e9..0000000000
--- a/docs-old/src/demos/components/Container/full-container.demo.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Container, Headline, List, Text } from '@marigold/components';
-
-export const TextBlockContainer = () => (
-
- Star Wars - The Empire Strikes Back
-
- It is a dark time for the Rebellion. Although the Death Star has been
- destroyed, Imperial troops have driven the Rebel forces from their hidden
- base and pursued them across the galaxy. Evading the dreaded Imperial
- Starfleet, a group of freedom fighters led by Luke Skywalker has
- established a new secret base on the remote ice world of Hoth. The evil
- lord Darth Vader, obsessed with finding young Skywalker, has dispatched
- thousands of remote probes into the far reaches of space....
-
-
- Luke
- Leia
- Han Solo
- Chewbacca
- R2D2
- C3PO
- Darth Vader
-
-
-);
diff --git a/docs-old/src/demos/components/Container/index.ts b/docs-old/src/demos/components/Container/index.ts
deleted file mode 100644
index 51b5ac0d4b..0000000000
--- a/docs-old/src/demos/components/Container/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-container.demo';
-export * from './small-container.demo';
-export * from './full-container.demo';
diff --git a/docs-old/src/demos/components/Container/small-container.demo.tsx b/docs-old/src/demos/components/Container/small-container.demo.tsx
deleted file mode 100644
index fa6a2ed3f9..0000000000
--- a/docs-old/src/demos/components/Container/small-container.demo.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Container, Headline, Text } from '@marigold/components';
-
-export const SmallSizesContainer = () => (
- <>
-
- Star Wars - The Empire Strikes Back
-
-
-
- It is a dark time for the Rebellion. Although the Death Star has been
- destroyed, Imperial troops have driven the Rebel forces from their
- hidden base and pursued them across the galaxy.
-
-
- >
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx b/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx
deleted file mode 100644
index beba3bc0c8..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DateField } from '@marigold/components';
-
-export const BasicDateField = () => (
-
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx b/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx
deleted file mode 100644
index db3c4714ae..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const DisabledDateField = () => (
-
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-error.demo.tsx b/docs-old/src/demos/components/DateField/date-field-error.demo.tsx
deleted file mode 100644
index bbef51a208..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const ErrorDateField = () => (
-
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx b/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx
deleted file mode 100644
index 1803de9e5a..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Button, DateField } from '@marigold/components';
-import { Calendar, SmilieSatisfied } from '@marigold/icons';
-
-export const DateFieldWithIcons = () => (
- }
- action={
-
- }
- />
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-required.demo.tsx b/docs-old/src/demos/components/DateField/date-field-required.demo.tsx
deleted file mode 100644
index 56b597f6ed..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const RequiredDateField = () => (
-
-);
diff --git a/docs-old/src/demos/components/DateField/index.ts b/docs-old/src/demos/components/DateField/index.ts
deleted file mode 100644
index cc8885f6ee..0000000000
--- a/docs-old/src/demos/components/DateField/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './date-field-basic.demo';
-export * from './date-field-disabled.demo';
-export * from './date-field-required.demo';
-export * from './date-field-error.demo';
-export * from './date-field-icons.demo';
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx
deleted file mode 100644
index 047ccad731..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const BasicDatePicker = () => (
-
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx
deleted file mode 100644
index 5dbf2bad0c..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const DisabledDatePicker = () => (
-
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx
deleted file mode 100644
index 1d38ff1af5..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const ErrorDatePicker = () => (
-
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx
deleted file mode 100644
index 3ec0277b9f..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DatePicker } from '@marigold/components';
-
-export const MinMaxDatePicker = () => (
-
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx
deleted file mode 100644
index 6c557c5711..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const RequiredDatePicker = () => (
-
-);
diff --git a/docs-old/src/demos/components/DatePicker/index.ts b/docs-old/src/demos/components/DatePicker/index.ts
deleted file mode 100644
index b3c8222a86..0000000000
--- a/docs-old/src/demos/components/DatePicker/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './date-picker-basic.demo';
-export * from './date-picker-disabled.demo';
-export * from './date-picker-required.demo';
-export * from './date-picker-error.demo';
-export * from './date-picker-min-max.demo';
diff --git a/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx b/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx
deleted file mode 100644
index b2f759b235..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Dialog, Headline, Text } from '@marigold/components';
-
-export const DialogDismiss = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx b/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx
deleted file mode 100644
index e2911bc594..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
- Dialog,
- Button,
- Headline,
- Stack,
- TextField,
- Inline,
-} from '@marigold/components';
-
-export const DialogFormDemo = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Dialog/dialog.demo.tsx b/docs-old/src/demos/components/Dialog/dialog.demo.tsx
deleted file mode 100644
index b62d6af507..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Dialog, Headline, Text } from '@marigold/components';
-
-export const DialogDemo = () => (
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Dialog/index.ts b/docs-old/src/demos/components/Dialog/index.ts
deleted file mode 100644
index b6a25323fa..0000000000
--- a/docs-old/src/demos/components/Dialog/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './dialog.demo';
-export * from './dialog-form.demo';
-export * from './dialog-dismiss.demo';
diff --git a/docs-old/src/demos/components/Divider/divider-bold.demo.tsx b/docs-old/src/demos/components/Divider/divider-bold.demo.tsx
deleted file mode 100644
index 3d154b797a..0000000000
--- a/docs-old/src/demos/components/Divider/divider-bold.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Box, Divider } from '@marigold/components';
-
-export const DividerBold = () => (
- <>
- Up
-
- Down
- >
-);
diff --git a/docs-old/src/demos/components/Divider/divider-section.demo.tsx b/docs-old/src/demos/components/Divider/divider-section.demo.tsx
deleted file mode 100644
index a4a6fa4824..0000000000
--- a/docs-old/src/demos/components/Divider/divider-section.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Divider, Menu } from '@marigold/components';
-
-export const DividerSection = () => (
-
-);
diff --git a/docs-old/src/demos/components/Divider/divider-text.demo.tsx b/docs-old/src/demos/components/Divider/divider-text.demo.tsx
deleted file mode 100644
index 32e62a4db9..0000000000
--- a/docs-old/src/demos/components/Divider/divider-text.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Divider, Text } from '@marigold/components';
-
-export const DividerText = () => (
- <>
- Dark Side
-
- Bright Side
- >
-);
diff --git a/docs-old/src/demos/components/Divider/divider.demo.tsx b/docs-old/src/demos/components/Divider/divider.demo.tsx
deleted file mode 100644
index f2e3c702d2..0000000000
--- a/docs-old/src/demos/components/Divider/divider.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Divider, Box } from '@marigold/components';
-
-export const DividerBasic = () => (
- <>
- Content above
-
- Content below
- >
-);
diff --git a/docs-old/src/demos/components/Divider/index.ts b/docs-old/src/demos/components/Divider/index.ts
deleted file mode 100644
index 8fb1dd49f8..0000000000
--- a/docs-old/src/demos/components/Divider/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './divider.demo';
-export * from './divider-section.demo';
-export * from './divider-bold.demo';
-export * from './divider-text.demo';
diff --git a/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx b/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx
deleted file mode 100644
index ec6fe03703..0000000000
--- a/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import {
- Button,
- FieldGroup,
- Inline,
- Radio,
- TextField,
- ThemeProvider,
- Stack,
- FieldBase,
- Select,
- TextArea,
-} from '@marigold/components';
-
-import coreTheme from '@marigold/theme-core';
-
-export const BookingForm = () => (
-
-
-
-
-
- Herr
- Frau
- keine
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* This shouldn't be used, we need to fix it */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/FieldGroup/index.ts b/docs-old/src/demos/components/FieldGroup/index.ts
deleted file mode 100644
index 9cba101961..0000000000
--- a/docs-old/src/demos/components/FieldGroup/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './organization-search.demo';
-export * from './bookings-form.demo';
diff --git a/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx b/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx
deleted file mode 100644
index 7ac9045188..0000000000
--- a/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
- Checkbox,
- FieldGroup,
- Stack,
- Select,
- TextField,
- ThemeProvider,
- CheckboxGroup,
- Button,
-} from '@marigold/components';
-
-import coreTheme from '@marigold/theme-core';
-
-export const OrganizationSearch = () => {
- return (
-
-
-
-
-
-
-
-
-
-
- nur Eigene anzeigen
- bilateral anzeigen
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Footer/basic-footer.demo.tsx b/docs-old/src/demos/components/Footer/basic-footer.demo.tsx
deleted file mode 100644
index b66772954e..0000000000
--- a/docs-old/src/demos/components/Footer/basic-footer.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box } from '@marigold/components';
-
-export const BasicFooter = () => (
- <>
-
-
- FOOTER
-
- >
-);
diff --git a/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx b/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx
deleted file mode 100644
index c2e7ed404e..0000000000
--- a/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Footer, Text } from '@marigold/components';
-
-export const CopyrightFooter = () => (
-
-);
diff --git a/docs-old/src/demos/components/Footer/index.ts b/docs-old/src/demos/components/Footer/index.ts
deleted file mode 100644
index c132b22c0c..0000000000
--- a/docs-old/src/demos/components/Footer/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-footer.demo';
-export * from './list-footer.demo';
-export * from './copyright-footer.demo';
diff --git a/docs-old/src/demos/components/Footer/list-footer.demo.tsx b/docs-old/src/demos/components/Footer/list-footer.demo.tsx
deleted file mode 100644
index bd5be9bc16..0000000000
--- a/docs-old/src/demos/components/Footer/list-footer.demo.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Footer, List, Link } from '@marigold/components';
-
-export const ListFooter = () => (
-
-);
diff --git a/docs-old/src/demos/components/Header/basic-header.demo.tsx b/docs-old/src/demos/components/Header/basic-header.demo.tsx
deleted file mode 100644
index 6629db40e3..0000000000
--- a/docs-old/src/demos/components/Header/basic-header.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box } from '@marigold/components';
-
-export const BasicHeader = () => (
- <>
-
- HEADER
-
-
- >
-);
diff --git a/docs-old/src/demos/components/Header/index.ts b/docs-old/src/demos/components/Header/index.ts
deleted file mode 100644
index e4070a94d0..0000000000
--- a/docs-old/src/demos/components/Header/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './basic-header.demo';
-export * from './simple-header.demo';
diff --git a/docs-old/src/demos/components/Header/simple-header.demo.tsx b/docs-old/src/demos/components/Header/simple-header.demo.tsx
deleted file mode 100644
index 0ed6c7076a..0000000000
--- a/docs-old/src/demos/components/Header/simple-header.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Header, Headline, Text } from '@marigold/components';
-
-export const SimpleHeader = () => (
-
-);
diff --git a/docs-old/src/demos/components/Headline/headline.demo.tsx b/docs-old/src/demos/components/Headline/headline.demo.tsx
deleted file mode 100644
index 2ca9bcf347..0000000000
--- a/docs-old/src/demos/components/Headline/headline.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Body, Headline, Text } from '@marigold/components';
-
-export const BasicHeadline = () => (
-
- Awesome Headline!
-
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
-
-
-);
diff --git a/docs-old/src/demos/components/Headline/index.ts b/docs-old/src/demos/components/Headline/index.ts
deleted file mode 100644
index bda3e833ef..0000000000
--- a/docs-old/src/demos/components/Headline/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './headline.demo';
diff --git a/docs-old/src/demos/components/Icon/icon-fill.demo.tsx b/docs-old/src/demos/components/Icon/icon-fill.demo.tsx
deleted file mode 100644
index fea5d28012..0000000000
--- a/docs-old/src/demos/components/Icon/icon-fill.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const IconFill = () => ;
diff --git a/docs-old/src/demos/components/Icon/icon-list.demo.tsx b/docs-old/src/demos/components/Icon/icon-list.demo.tsx
deleted file mode 100644
index 377ec51264..0000000000
--- a/docs-old/src/demos/components/Icon/icon-list.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Inline } from '@marigold/components';
-import {
- DesignTicket,
- Ticket,
- TicketInsurance,
- Resale,
- ExternalLink,
- Food,
- Save,
- Eye,
- AutoRenew,
- EventDate,
- GiftCard,
-} from '@marigold/icons';
-
-export const SomeIcons = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Icon/icon-size.demo.tsx b/docs-old/src/demos/components/Icon/icon-size.demo.tsx
deleted file mode 100644
index 7d67aa7e92..0000000000
--- a/docs-old/src/demos/components/Icon/icon-size.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const IconSize = () => ;
diff --git a/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx b/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx
deleted file mode 100644
index 5303dbcdb4..0000000000
--- a/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const DesignTicketIcon = () => ;
diff --git a/docs-old/src/demos/components/Icon/index.ts b/docs-old/src/demos/components/Icon/index.ts
deleted file mode 100644
index 93878d53b7..0000000000
--- a/docs-old/src/demos/components/Icon/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './icon-list.demo';
-export * from './icon-ticket.demo';
-export * from './icon-fill.demo';
-export * from './icon-size.demo';
diff --git a/docs-old/src/demos/components/Image/basic-image.demo.tsx b/docs-old/src/demos/components/Image/basic-image.demo.tsx
deleted file mode 100644
index 04ba8a74bd..0000000000
--- a/docs-old/src/demos/components/Image/basic-image.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const BasicImage = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Image/image-fit-position.demo.tsx b/docs-old/src/demos/components/Image/image-fit-position.demo.tsx
deleted file mode 100644
index d74ea14f4b..0000000000
--- a/docs-old/src/demos/components/Image/image-fit-position.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const ImageFitPosition = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Image/image.demo.tsx b/docs-old/src/demos/components/Image/image.demo.tsx
deleted file mode 100644
index f874c5c4dc..0000000000
--- a/docs-old/src/demos/components/Image/image.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Image } from '@marigold/components';
-
-export const SimpleImage = () => (
-
-);
diff --git a/docs-old/src/demos/components/Image/index.ts b/docs-old/src/demos/components/Image/index.ts
deleted file mode 100644
index 5e5c753ed8..0000000000
--- a/docs-old/src/demos/components/Image/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-image.demo';
-export * from './image.demo';
-export * from './image-fit-position.demo';
diff --git a/docs-old/src/demos/components/Inline/index.ts b/docs-old/src/demos/components/Inline/index.ts
deleted file mode 100644
index 286c61e89a..0000000000
--- a/docs-old/src/demos/components/Inline/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './inline.demo';
-export * from './inline-elements.demo';
-export * from './inline-spacing.demo';
-export * from './inline-nested.demo';
-export * from './inline-alignments.demo';
diff --git a/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx b/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx
deleted file mode 100644
index 334abfbff2..0000000000
--- a/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Inline, Headline, Text } from '@marigold/components';
-
-export const InlineAlignments = () => (
- <>
-
- Top
- Lorem ipsum dolor sit amet.
-
-
- Center
- Lorem ipsum dolor sit amet.
-
-
- Bottom
- Lorem ipsum dolor sit amet.
-
- >
-);
diff --git a/docs-old/src/demos/components/Inline/inline-elements.demo.tsx b/docs-old/src/demos/components/Inline/inline-elements.demo.tsx
deleted file mode 100644
index 111c7b486e..0000000000
--- a/docs-old/src/demos/components/Inline/inline-elements.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-import { Check } from '@marigold/icons';
-
-export const InlineElements = () => (
-
-
- Check
- this
- out
-
-);
diff --git a/docs-old/src/demos/components/Inline/inline-nested.demo.tsx b/docs-old/src/demos/components/Inline/inline-nested.demo.tsx
deleted file mode 100644
index 4726892782..0000000000
--- a/docs-old/src/demos/components/Inline/inline-nested.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Inline, Headline, Text } from '@marigold/components';
-
-export const InlineNested = () => (
-
-
- Block #1
- Lorem ipsum dolor sit amet.
-
-
- Bock #2
- Lorem ipsum dolor sit amet.
-
-
-);
diff --git a/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx b/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx
deleted file mode 100644
index 120c55a6ee..0000000000
--- a/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-
-export const InlineSpacing = () => (
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
- dignissim dapibus elit, vel egestas felis pharetra non. Cras malesuada,
- massa nec ultricies efficitur, lectus ante consequat magna, a porttitor
- massa ex ut quam.
-
-
- Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
- Vestibulum malesuada ante eu velit malesuada, nec ultricies sapien
- finibus. Aenean rutrum in sem a ullamcorper. Integer ut euismod urna.
- Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
-
-);
diff --git a/docs-old/src/demos/components/Inline/inline.demo.tsx b/docs-old/src/demos/components/Inline/inline.demo.tsx
deleted file mode 100644
index 578d89fb01..0000000000
--- a/docs-old/src/demos/components/Inline/inline.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-import { Check } from '@marigold/icons';
-
-export const BasicInline = () => (
-
-
- Check
-
-);
diff --git a/docs-old/src/demos/components/Inset/index.ts b/docs-old/src/demos/components/Inset/index.ts
deleted file mode 100644
index ebec924232..0000000000
--- a/docs-old/src/demos/components/Inset/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './inset-basic.demo';
-export * from './inset-equal.demo';
-export * from './inset-hv.demo';
diff --git a/docs-old/src/demos/components/Inset/inset-basic.demo.tsx b/docs-old/src/demos/components/Inset/inset-basic.demo.tsx
deleted file mode 100644
index 51c0c002ee..0000000000
--- a/docs-old/src/demos/components/Inset/inset-basic.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Headline, Inset, Stack, Text } from '@marigold/components';
-
-export const BasicInset = () => (
-
-
- Interesting facts about Marigolds
-
- Marigolds are flowering plants of the genus Tagetes of the sunflower
- family Asteraceae.
-
- There are 56 species of marigolds.
-
- Their habitats are shores, ponds, springs, quiet waters in streams,
- ditches, wetlands, wet meadows, waterside swamps and meadows which are
- prone to flooding, damp hollows in broad-leaved forests, snow-bed sites,
- sometimes underwater.
-
-
-
-);
diff --git a/docs-old/src/demos/components/Inset/inset-equal.demo.tsx b/docs-old/src/demos/components/Inset/inset-equal.demo.tsx
deleted file mode 100644
index 5d6dbe9754..0000000000
--- a/docs-old/src/demos/components/Inset/inset-equal.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inset } from '@marigold/components';
-
-export const InsetEqualSpaceDemo = () => (
-
- Marigold has oblong and lanceolate leaves with whole margins. Some varieties
- of marigold have leaves with toothed edges. Leaves are spirally arranged on
- the branches.
-
-);
diff --git a/docs-old/src/demos/components/Inset/inset-hv.demo.tsx b/docs-old/src/demos/components/Inset/inset-hv.demo.tsx
deleted file mode 100644
index 4a7179a1eb..0000000000
--- a/docs-old/src/demos/components/Inset/inset-hv.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inset } from '@marigold/components';
-
-export const InsetDifferentSpaceDemo = () => (
-
- Marigold is usually yellow, orange, red and maroon in color. Each flower
- consists of large number of petals that overlap. Biggest petals are located
- on a periphery and smallest in a center of a flower. Flowers contain both
- male (stamen) and female (pistil) reproductive organs.
-
-);
diff --git a/docs-old/src/demos/components/Label/index.ts b/docs-old/src/demos/components/Label/index.ts
deleted file mode 100644
index 181f12cbde..0000000000
--- a/docs-old/src/demos/components/Label/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './label-req.demo';
-export * from './label-input.demo';
diff --git a/docs-old/src/demos/components/Label/label-input.demo.tsx b/docs-old/src/demos/components/Label/label-input.demo.tsx
deleted file mode 100644
index 801a33e2cb..0000000000
--- a/docs-old/src/demos/components/Label/label-input.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Label, Input } from '@marigold/components';
-
-export const LabelInput = () => (
-
-);
diff --git a/docs-old/src/demos/components/Label/label-req.demo.tsx b/docs-old/src/demos/components/Label/label-req.demo.tsx
deleted file mode 100644
index 475348eb40..0000000000
--- a/docs-old/src/demos/components/Label/label-req.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Label } from '@marigold/components';
-
-export const RequiredLabel = () => (
-
-);
diff --git a/docs-old/src/demos/components/Link/index.ts b/docs-old/src/demos/components/Link/index.ts
deleted file mode 100644
index 23c961a99d..0000000000
--- a/docs-old/src/demos/components/Link/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './link-standard.demo';
-export * from './link-disabled.demo';
-export * from './link-anchor.demo';
-export * from './link-target.demo';
diff --git a/docs-old/src/demos/components/Link/link-anchor.demo.tsx b/docs-old/src/demos/components/Link/link-anchor.demo.tsx
deleted file mode 100644
index f35facba83..0000000000
--- a/docs-old/src/demos/components/Link/link-anchor.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const AnchorLink = () => (
-
- Jump to
- Import
-
-);
diff --git a/docs-old/src/demos/components/Link/link-disabled.demo.tsx b/docs-old/src/demos/components/Link/link-disabled.demo.tsx
deleted file mode 100644
index 62b3516f19..0000000000
--- a/docs-old/src/demos/components/Link/link-disabled.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const DisabledLink = () => (
-
- You can jump to
-
- reservix.de
-
-
-);
diff --git a/docs-old/src/demos/components/Link/link-standard.demo.tsx b/docs-old/src/demos/components/Link/link-standard.demo.tsx
deleted file mode 100644
index e06184f0e9..0000000000
--- a/docs-old/src/demos/components/Link/link-standard.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const StandardLink = () => (
-
- Link something nice like{' '}
-
- Marigold
-
-
-);
diff --git a/docs-old/src/demos/components/Link/link-target.demo.tsx b/docs-old/src/demos/components/Link/link-target.demo.tsx
deleted file mode 100644
index 3f03f1d0ac..0000000000
--- a/docs-old/src/demos/components/Link/link-target.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const LinkTarget = () => (
-
- Link something nice like{' '}
-
- Marigold
- {' '}
- github repositories
-
-);
diff --git a/docs-old/src/demos/components/List/index.ts b/docs-old/src/demos/components/List/index.ts
deleted file mode 100644
index 29e96b4e77..0000000000
--- a/docs-old/src/demos/components/List/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './simple-list.demo';
-export * from './list-ordered.demo';
-export * from './list-unorded-stacked.demo';
diff --git a/docs-old/src/demos/components/List/list-ordered.demo.tsx b/docs-old/src/demos/components/List/list-ordered.demo.tsx
deleted file mode 100644
index 584a3ec8b9..0000000000
--- a/docs-old/src/demos/components/List/list-ordered.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { List } from '@marigold/components';
-
-export const SimpleOrderedList = () => (
-
- Black Tea
- Green Tea
- Chai Tea
-
-);
diff --git a/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx b/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx
deleted file mode 100644
index 63c822ccd8..0000000000
--- a/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { List } from '@marigold/components';
-
-export const UnordedStackedList = () => (
-
-
- Crispy Chicken Burger
-
- Hähnchen Filet im Crunchy Cornflakes Mantel
-
-
-
- Cream Cheese Chicken Burger
-
- Hähnchen Filet im Crunchy Cornflakes Mantel
- Rucola
- Frischkäse
-
-
-
- Farmer
-
- Rindfleisch
- Bacon
- Spiegelei
-
-
-
-);
diff --git a/docs-old/src/demos/components/List/simple-list.demo.tsx b/docs-old/src/demos/components/List/simple-list.demo.tsx
deleted file mode 100644
index f29615a7bb..0000000000
--- a/docs-old/src/demos/components/List/simple-list.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { List } from '@marigold/components';
-
-export const SimpleList = () => (
-
- Cheese
- Milk
- Bread
-
-);
diff --git a/docs-old/src/demos/components/Menu/index.ts b/docs-old/src/demos/components/Menu/index.ts
deleted file mode 100644
index c93b327ff9..0000000000
--- a/docs-old/src/demos/components/Menu/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './menu-action.demo';
-export * from './menu-disabled.demo';
-export * from './kebab-menu.demo';
-export * from './menu-open.demo';
-export * from './menu-open-dialog.demo';
-export * from './menu-section.demo';
diff --git a/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx b/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx
deleted file mode 100644
index 9266fb9945..0000000000
--- a/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ActionMenu, Menu } from '@marigold/components';
-import React from 'react';
-
-export const KebabMenu = () => {
- return (
- alert(`Action: ${action}`)}>
- Open in editor
- Settings
- Delete
-
- );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-action.demo.tsx b/docs-old/src/demos/components/Menu/menu-action.demo.tsx
deleted file mode 100644
index 8924c6fcae..0000000000
--- a/docs-old/src/demos/components/Menu/menu-action.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { Button, Menu } from '@marigold/components';
-
-export const BasicActionMenu = () => {
- return (
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx b/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx
deleted file mode 100644
index 3e17a5a7f2..0000000000
--- a/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Button, Menu } from '@marigold/components';
-
-export const MenuDisabled = () => {
- return (
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx b/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx
deleted file mode 100644
index a1dcc905b4..0000000000
--- a/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useState } from 'react';
-import {
- Body,
- Button,
- Dialog,
- Footer,
- Header,
- Headline,
- Inline,
- Menu,
- Stack,
- Text,
-} from '@marigold/components';
-
-export const OpenDialogFromMenu = () => {
- const [open, setDialogOpen] = useState(false);
- const handleAction = (action: 'save' | 'delete') => {
- switch (action) {
- case 'save':
- alert('saved!');
- break;
- case 'delete':
- setDialogOpen(true);
- break;
- default:
- throw new Error(`Unhandled action "${action}"!`);
- }
- };
-
- return (
- <>
-
-
-
-
-
-
-
- >
- );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-open.demo.tsx b/docs-old/src/demos/components/Menu/menu-open.demo.tsx
deleted file mode 100644
index e0f53fa300..0000000000
--- a/docs-old/src/demos/components/Menu/menu-open.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Menu, Button, Stack } from '@marigold/components';
-import { useState } from 'react';
-
-export const OpenMenuRemotely = () => {
- const [open, setOpen] = useState(false);
- const handleAction = () => {
- setOpen(!open);
- };
-
- return (
-
-
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-section.demo.tsx b/docs-old/src/demos/components/Menu/menu-section.demo.tsx
deleted file mode 100644
index 933c69f015..0000000000
--- a/docs-old/src/demos/components/Menu/menu-section.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { Button, Menu } from '@marigold/components';
-
-export const MenuWithSections = () => {
- return (
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Message/index.ts b/docs-old/src/demos/components/Message/index.ts
deleted file mode 100644
index 3684a849fe..0000000000
--- a/docs-old/src/demos/components/Message/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './message-info.demo';
-export * from './message-warn.demo';
-export * from './message-error.demo';
diff --git a/docs-old/src/demos/components/Message/message-error.demo.tsx b/docs-old/src/demos/components/Message/message-error.demo.tsx
deleted file mode 100644
index e89458c920..0000000000
--- a/docs-old/src/demos/components/Message/message-error.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const ErrorMessage = () => (
-
- Hello, I am a simple error message.
-
-);
diff --git a/docs-old/src/demos/components/Message/message-info.demo.tsx b/docs-old/src/demos/components/Message/message-info.demo.tsx
deleted file mode 100644
index c208737175..0000000000
--- a/docs-old/src/demos/components/Message/message-info.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const InfoMessage = () => (
-
- Hello, I am a simple info message.
-
-);
diff --git a/docs-old/src/demos/components/Message/message-warn.demo.tsx b/docs-old/src/demos/components/Message/message-warn.demo.tsx
deleted file mode 100644
index 3b24fa80c4..0000000000
--- a/docs-old/src/demos/components/Message/message-warn.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const WarnMessage = () => (
-
- Hello, I am a simple warning message.
-
-);
diff --git a/docs-old/src/demos/components/NumberField/index.ts b/docs-old/src/demos/components/NumberField/index.ts
deleted file mode 100644
index 262d4e40bd..0000000000
--- a/docs-old/src/demos/components/NumberField/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './number-field-simple.demo';
-export * from './number-field-disabled.demo';
-export * from './number-field-required.demo';
-export * from './number-field-error.demo';
-export * from './number-field-values.demo';
-export * from './number-field-amount.demo';
-export * from './number-field-hide.demo';
-export * from './number-field-format.demo';
diff --git a/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx
deleted file mode 100644
index 86dba09e8e..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const AmountNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx
deleted file mode 100644
index f626edfa35..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const DisabledNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx
deleted file mode 100644
index 20515cc09e..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const ErrorNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx
deleted file mode 100644
index 80213656aa..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NumberField, Stack } from '@marigold/components';
-
-export const FormatNumberField = () => (
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx
deleted file mode 100644
index e19b432e4a..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const HideNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx
deleted file mode 100644
index c814ce4a58..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const RequiredNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx
deleted file mode 100644
index 284ad8af6d..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const BasicNumberField = () => ;
diff --git a/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx
deleted file mode 100644
index 08ce6c4165..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const ValuesNumberField = () => (
-
-);
diff --git a/docs-old/src/demos/components/Radio/index.ts b/docs-old/src/demos/components/Radio/index.ts
deleted file mode 100644
index dc1438c931..0000000000
--- a/docs-old/src/demos/components/Radio/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './radio.demo';
-export * from './radio-disabled.demo';
-export * from './radio-required.demo';
-export * from './radio-error.demo';
diff --git a/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx b/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx
deleted file mode 100644
index 8255a6d802..0000000000
--- a/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const DisabledRadio = () => (
-
- Option 1
- Option 2
-
- Option 3
-
- Option 4
-
-);
diff --git a/docs-old/src/demos/components/Radio/radio-error.demo.tsx b/docs-old/src/demos/components/Radio/radio-error.demo.tsx
deleted file mode 100644
index 283813130a..0000000000
--- a/docs-old/src/demos/components/Radio/radio-error.demo.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const ErrorRadio = () => (
-
- Option 1
- Option 2
-
- Option 3
-
- Option 4
-
-);
diff --git a/docs-old/src/demos/components/Radio/radio-required.demo.tsx b/docs-old/src/demos/components/Radio/radio-required.demo.tsx
deleted file mode 100644
index 9b1fd1d216..0000000000
--- a/docs-old/src/demos/components/Radio/radio-required.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const RequiredRadio = () => (
-
- Option 1
- Option 2
-
- Option 3
-
- Option 4
-
-);
diff --git a/docs-old/src/demos/components/Radio/radio.demo.tsx b/docs-old/src/demos/components/Radio/radio.demo.tsx
deleted file mode 100644
index db736d9026..0000000000
--- a/docs-old/src/demos/components/Radio/radio.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const SimpleRadio = () => (
-
- 🧁 Cupcake
- 🍨 Ice Cream
-
- 🍪 Cookie (sold out)
-
- 🍎 Apple
-
-);
diff --git a/docs-old/src/demos/components/SVG/index.ts b/docs-old/src/demos/components/SVG/index.ts
deleted file mode 100644
index 93573857a2..0000000000
--- a/docs-old/src/demos/components/SVG/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './svg.demo';
diff --git a/docs-old/src/demos/components/SVG/svg.demo.tsx b/docs-old/src/demos/components/SVG/svg.demo.tsx
deleted file mode 100644
index 327eaa823e..0000000000
--- a/docs-old/src/demos/components/SVG/svg.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { SVG } from '@marigold/system';
-
-export const BasicSVG = () => (
-
-
-
-);
diff --git a/docs-old/src/demos/components/Select/index.ts b/docs-old/src/demos/components/Select/index.ts
deleted file mode 100644
index 9d50836898..0000000000
--- a/docs-old/src/demos/components/Select/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './select-basic.demo';
-export * from './select-disabled.demo';
-export * from './select-default-selected.demo';
-export * from './select-diabled-keys.demo';
-export * from './select-section.demo';
diff --git a/docs-old/src/demos/components/Select/select-basic.demo.tsx b/docs-old/src/demos/components/Select/select-basic.demo.tsx
deleted file mode 100644
index f516a4b2fe..0000000000
--- a/docs-old/src/demos/components/Select/select-basic.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const BasicSelect = () => (
-
-);
diff --git a/docs-old/src/demos/components/Select/select-default-selected.demo.tsx b/docs-old/src/demos/components/Select/select-default-selected.demo.tsx
deleted file mode 100644
index ba2a95ada9..0000000000
--- a/docs-old/src/demos/components/Select/select-default-selected.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DefaultSelected = () => (
-
-);
diff --git a/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx b/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx
deleted file mode 100644
index 9df8058eb3..0000000000
--- a/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DisabledKeysSelect = () => (
-
-);
diff --git a/docs-old/src/demos/components/Select/select-disabled.demo.tsx b/docs-old/src/demos/components/Select/select-disabled.demo.tsx
deleted file mode 100644
index c801f8cd5a..0000000000
--- a/docs-old/src/demos/components/Select/select-disabled.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DisabledSelect = () => (
-
-);
diff --git a/docs-old/src/demos/components/Select/select-section.demo.tsx b/docs-old/src/demos/components/Select/select-section.demo.tsx
deleted file mode 100644
index 9b3f323815..0000000000
--- a/docs-old/src/demos/components/Select/select-section.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const SelectSection = () => (
-
-);
diff --git a/docs-old/src/demos/components/Slider/index.ts b/docs-old/src/demos/components/Slider/index.ts
deleted file mode 100644
index 7ef7b0b201..0000000000
--- a/docs-old/src/demos/components/Slider/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './slider-width.demo';
-export * from './slider-disabled.demo';
-export * from './slider-max.demo';
-export * from './slider-steps.demo';
-export * from './slider-controlled.demo';
-export * from './slider-format.demo';
-export * from './slider-uncontrolled.demo';
diff --git a/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx b/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx
deleted file mode 100644
index e8219bd41f..0000000000
--- a/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React, { useState } from 'react';
-import { Slider } from '@marigold/components';
-
-export const ControlledSlider = () => {
- const [value, setValue] = useState(75);
- return (
-
- Example
-
- );
-};
diff --git a/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx b/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx
deleted file mode 100644
index f7b397f556..0000000000
--- a/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const DisabledSlider = () => Example;
diff --git a/docs-old/src/demos/components/Slider/slider-format.demo.tsx b/docs-old/src/demos/components/Slider/slider-format.demo.tsx
deleted file mode 100644
index 4d14ae2745..0000000000
--- a/docs-old/src/demos/components/Slider/slider-format.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const CurrencySlider = () => (
- <>
-
- Price
-
-
- Percent
-
- >
-);
diff --git a/docs-old/src/demos/components/Slider/slider-max.demo.tsx b/docs-old/src/demos/components/Slider/slider-max.demo.tsx
deleted file mode 100644
index 5e17e6cdd0..0000000000
--- a/docs-old/src/demos/components/Slider/slider-max.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const MaxValueSlider = () => (
-
- Example
-
-);
diff --git a/docs-old/src/demos/components/Slider/slider-steps.demo.tsx b/docs-old/src/demos/components/Slider/slider-steps.demo.tsx
deleted file mode 100644
index 952ce3523e..0000000000
--- a/docs-old/src/demos/components/Slider/slider-steps.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const StepSlider = () => Example;
diff --git a/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx b/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx
deleted file mode 100644
index 83eb58faf7..0000000000
--- a/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const UncontrolledSlider = () => (
- Example
-);
diff --git a/docs-old/src/demos/components/Slider/slider-width.demo.tsx b/docs-old/src/demos/components/Slider/slider-width.demo.tsx
deleted file mode 100644
index ab76188fc5..0000000000
--- a/docs-old/src/demos/components/Slider/slider-width.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const WidthSlider = () => (
-
- Example
-
-);
diff --git a/docs-old/src/demos/components/Split/index.ts b/docs-old/src/demos/components/Split/index.ts
deleted file mode 100644
index 868ee21f4e..0000000000
--- a/docs-old/src/demos/components/Split/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './split-inline.demo';
-export * from './split-stack.demo';
diff --git a/docs-old/src/demos/components/Split/split-inline.demo.tsx b/docs-old/src/demos/components/Split/split-inline.demo.tsx
deleted file mode 100644
index b396cefa29..0000000000
--- a/docs-old/src/demos/components/Split/split-inline.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Split, Text } from '@marigold/components';
-
-export const SplitWithInline = () => (
-
- Blog
- About
-
- Login
-
-);
diff --git a/docs-old/src/demos/components/Split/split-stack.demo.tsx b/docs-old/src/demos/components/Split/split-stack.demo.tsx
deleted file mode 100644
index 4b4c8e7108..0000000000
--- a/docs-old/src/demos/components/Split/split-stack.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Box, Stack, Split, Text } from '@marigold/components';
-
-export const SplitWithStack = () => (
-
-
- It's gonna be ...
- wait for it!
-
- ... legendary!
-
-
-);
diff --git a/docs-old/src/demos/components/Stack/index.ts b/docs-old/src/demos/components/Stack/index.ts
deleted file mode 100644
index c57144a604..0000000000
--- a/docs-old/src/demos/components/Stack/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './stack-spacing.demo';
-export * from './stack-horizontal.demo';
-export * from './stack-nested.demo';
-export * from './stack-vertical.demo';
-export * from './stack-basic.demo';
diff --git a/docs-old/src/demos/components/Stack/stack-basic.demo.tsx b/docs-old/src/demos/components/Stack/stack-basic.demo.tsx
deleted file mode 100644
index 44f68a0ff5..0000000000
--- a/docs-old/src/demos/components/Stack/stack-basic.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Box, Headline, Stack, Text } from '@marigold/components';
-
-export const BasicStack = () => (
-
-
- Header
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
- Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-
-
-
-);
diff --git a/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx b/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx
deleted file mode 100644
index 490e4e9edc..0000000000
--- a/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Stack, Text } from '@marigold/components';
-
-export const HorizontalStack = () => (
- <>
-
- Left
-
-
- Center
-
-
- Right
-
- >
-);
diff --git a/docs-old/src/demos/components/Stack/stack-nested.demo.tsx b/docs-old/src/demos/components/Stack/stack-nested.demo.tsx
deleted file mode 100644
index df157bd7a6..0000000000
--- a/docs-old/src/demos/components/Stack/stack-nested.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Headline, Stack, Text } from '@marigold/components';
-
-export const NestedStack = () => (
-
-
- Stack Content #1
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
- Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-
-
-
- Stack Content #2
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
- Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-
-
-
-);
diff --git a/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx b/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx
deleted file mode 100644
index 9c416add9e..0000000000
--- a/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Headline, Stack, Text } from '@marigold/components';
-
-export const StackSpacing = () => (
-
- Header
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
- dignissim dapibus elit, vel egestas felis pharetra non. Cras malesuada,
- massa nec ultricies efficitur, lectus ante consequat magna, a porttitor
- massa ex ut quam.
-
-
- Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
- Vestibulum malesuada ante eu velit malesuada, nec ultricies sapien
- finibus. Aenean rutrum in sem a ullamcorper. Integer ut euismod urna.
- Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
-
-);
diff --git a/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx b/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx
deleted file mode 100644
index 527ceb6050..0000000000
--- a/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Box, Stack, Text } from '@marigold/components';
-
-export const VerticalStack = () => (
-
-
- Lirum
- Larum
- Löffelstiel!
-
-
-);
diff --git a/docs-old/src/demos/components/Switch/index.ts b/docs-old/src/demos/components/Switch/index.ts
deleted file mode 100644
index 548161af3e..0000000000
--- a/docs-old/src/demos/components/Switch/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './switch-basic.demo';
-export * from './switch-active.demo';
-export * from './switch-disabled.demo';
-export * from './switch-active-disabled.demo';
diff --git a/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx b/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx
deleted file mode 100644
index afca5f159f..0000000000
--- a/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const ActiveDisabledSwitch = () => (
-
-
- Disabled active Switch
-
-
-);
diff --git a/docs-old/src/demos/components/Switch/switch-active.demo.tsx b/docs-old/src/demos/components/Switch/switch-active.demo.tsx
deleted file mode 100644
index 6c6a59cc54..0000000000
--- a/docs-old/src/demos/components/Switch/switch-active.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const ActiveSwitch = () => (
-
- Active Switch
-
-);
diff --git a/docs-old/src/demos/components/Switch/switch-basic.demo.tsx b/docs-old/src/demos/components/Switch/switch-basic.demo.tsx
deleted file mode 100644
index 4da77afb90..0000000000
--- a/docs-old/src/demos/components/Switch/switch-basic.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const BasicSwitch = () => (
-
- Default Switch
-
-);
diff --git a/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx b/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx
deleted file mode 100644
index 3b6661f920..0000000000
--- a/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const DisabledSwitch = () => (
-
- Disabled Switch
-
-);
diff --git a/docs-old/src/demos/components/Table/core-table-print.demo.tsx b/docs-old/src/demos/components/Table/core-table-print.demo.tsx
deleted file mode 100644
index 54d918cbfd..0000000000
--- a/docs-old/src/demos/components/Table/core-table-print.demo.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import {
- Button,
- Headline,
- Inline,
- Select,
- Split,
- Stack,
- Table,
- Text,
- ThemeProvider,
-} from '@marigold/components';
-import React from 'react';
-
-import coreTheme from '@marigold/theme-core';
-import { ResaleLogbook, AutoRenew, ExternalLink, Lock } from '@marigold/icons';
-
-const columns = [
- { name: 'Veranstaltung', key: 'event' },
- { name: 'Platz', key: 'seat' },
- { name: 'Platzcode', key: 'code' },
- { name: 'Ticketcode', key: 'ticketcode' },
- { name: 'Gedruckt', key: 'print' },
- { name: 'Aktueller Tickettyp', key: 'type' },
- { name: 'Aktionen', key: 'actions' },
-];
-
-const rows: { [key: string]: any }[] = [
- {
- id: '0-header',
- event: '01.01.2022, 20:00 Uhr - Test Veranstaltung',
- seat: '',
- code: '',
- ticketcode: '',
- print: '',
- type: '',
- actions: 'Gruppenticket drucken',
- },
- {
- id: '1',
- event: 'Test Veranstaltung 1',
- seat: 'Mitte - Reihe 12 - Platz 36',
- code: '1234',
- ticketcode: '1234567890',
- print: '1x',
- type: 'print@home',
- actions: 'Einzelticket drucken',
- },
- {
- id: '2',
- event: 'Test Veranstaltung 1',
- seat: 'Mitte - Reihe 12 - Platz 37',
- code: '4321',
- ticketcode: '1234567890',
- print: '1x',
- type: 'print@home',
- actions: 'Einzelticket drucken',
- },
- {
- id: '1-header',
- event: '07.01.2022, 20:00 Uhr - Test Veranstaltung',
- seat: '',
- code: '',
- ticketcode: '',
- print: '',
- type: '',
- actions: 'Gruppenticket drucken',
- },
- {
- id: '3',
- event: 'Test Veranstaltung 2',
- seat: 'Mitte - Reihe 10 - Platz 7',
- code: '4321',
- ticketcode: '1234567890',
- print: '1x',
- type: 'print@home',
- actions: 'Einzelticket drucken',
- locked: true,
- },
-];
-export const CorePrintTable = () => {
- const [, setSelectedKeys] = React.useState(new Set());
- const [state, setState] = React.useState(true);
- const handleSelect = (key: string) => {
- if (key === 'ticketprint') {
- setState(false);
- } else {
- setState(true);
- }
- return state;
- };
- return (
-
-
-
- Veranstaltungen
-
-
-
- Logbuch
-
-
-
- Refresh
-
-
- setSelectedKeys(new Set(key))}
- >
-
- {column => {column.name}}
-
-
- {rows.map(item => (
-
-
- {item.id.includes('header') ? (
- {item.event}
- ) : (
- <>
- {item.locked === true ? (
-
-
- {item.event}
-
- ) : (
- {item.event}
- )}
- >
- )}
-
- {item.seat}
- {item.code}
-
- {item.ticketcode && (
- <>
- {item.locked === true ? (
-
-
-
- ) : (
-
- )}
- >
- )}
-
-
-
-
-
-
-
-
-
-
-
- ))}
-
-
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Table/index.ts b/docs-old/src/demos/components/Table/index.ts
deleted file mode 100644
index 9dddedc703..0000000000
--- a/docs-old/src/demos/components/Table/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export * from './table-basic.demo';
-export * from './table-single-mode.demo';
-export * from './table-multi-mode.demo';
-export * from './table-dynamic.demo';
-export * from './table-disabled.demo';
-export * from './table-sorting.demo';
-export * from './table-nested.demo';
-export * from './table-compact.demo';
-export * from './table-async.demo';
-export * from './core-table-print.demo';
diff --git a/docs-old/src/demos/components/Table/table-async.demo.tsx b/docs-old/src/demos/components/Table/table-async.demo.tsx
deleted file mode 100644
index 4409e45222..0000000000
--- a/docs-old/src/demos/components/Table/table-async.demo.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Table, useAsyncList } from '@marigold/components';
-
-export interface asyncData {
- name: string;
- height: string;
- mass: string;
- birth_year: string;
-}
-
-export const AsyncTable = () => {
- let list = useAsyncList({
- async load({ signal }) {
- let res = await fetch(`https://swapi.py4e.com/api/people/?search`, {
- signal,
- });
- let json = await res.json();
- return {
- items: json.results,
- };
- },
- async sort({ items, sortDescriptor }) {
- return {
- items: items.sort((a, b) => {
- let first = a[sortDescriptor.column as keyof asyncData];
- let second = b[sortDescriptor.column as keyof asyncData];
- let cmp =
- (parseInt(first) || first) < (parseInt(second) || second) ? -1 : 1;
- if (sortDescriptor.direction === 'descending') {
- cmp *= -1;
- }
- return cmp;
- }),
- };
- },
- });
-
- return (
-
-
-
- Name
-
-
- Height
-
-
- Mass
-
-
- Birth Year
-
-
-
- {item => (
-
- {columnKey => {(item as any)[columnKey]}}
-
- )}
-
-
- );
-};
diff --git a/docs-old/src/demos/components/Table/table-basic.demo.tsx b/docs-old/src/demos/components/Table/table-basic.demo.tsx
deleted file mode 100644
index c05d5630ca..0000000000
--- a/docs-old/src/demos/components/Table/table-basic.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const BasicTable = () => (
-
-
- Name
- Firstname
- House
- Year of birth
-
-
-
- Potter
- Harry
- Gryffindor
- 1980
-
-
- Malfoy
- Draco
- Slytherin
- 1980
-
-
- Diggory
- Cedric
- Hufflepuff
- 1977
-
-
- Lovegood
- Luna
- Ravenclaw
- 1981
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-compact.demo.tsx b/docs-old/src/demos/components/Table/table-compact.demo.tsx
deleted file mode 100644
index 62c35715b9..0000000000
--- a/docs-old/src/demos/components/Table/table-compact.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const SimpleCompactTable = () => (
-
-
- Name
- Firstname
- House
- Year of birth
-
-
-
- Potter
- Harry
- Gryffindor
- 1980
-
-
- Malfoy
- Draco
- Slytherin
- 1980
-
-
- Diggory
- Cedric
- Hufflepuff
- 1977
-
-
- Lovegood
- Luna
- Ravenclaw
- 1981
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-disabled.demo.tsx b/docs-old/src/demos/components/Table/table-disabled.demo.tsx
deleted file mode 100644
index 0f6af2ab74..0000000000
--- a/docs-old/src/demos/components/Table/table-disabled.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const DisabledTable = () => (
-
-
- Name
- Firstname
- House
- Year of birth
-
-
-
- Potter
- Harry
- Gryffindor
- 1980
-
-
- Malfoy
- Draco
- Slytherin
- 1980
-
-
- Diggory
- Cedric
- Hufflepuff
- 1977
-
-
- Lovegood
- Luna
- Ravenclaw
- 1981
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-dynamic.demo.tsx b/docs-old/src/demos/components/Table/table-dynamic.demo.tsx
deleted file mode 100644
index ef36ef92eb..0000000000
--- a/docs-old/src/demos/components/Table/table-dynamic.demo.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Table } from '@marigold/components';
-import React from 'react';
-
-export const DynamicTable = () => {
- const columns = [
- { name: 'Name', key: 'name' },
- { name: 'Firstname', key: 'firstname' },
- { name: 'House', key: 'house' },
- { name: 'Year of birth', key: 'year' },
- ];
-
- const rows: { [key: string]: string }[] = [
- {
- id: '1',
- name: 'Potter',
- firstname: 'Harry',
- house: 'Gryffindor',
- year: '1980',
- },
- {
- id: '2',
- name: 'Malfoy',
- firstname: 'Draco',
- house: 'Slytherin',
- year: '1980',
- },
- {
- id: '3',
- name: 'Diggory',
- firstname: 'Cedric',
- house: 'Hufflepuff',
- year: '1977',
- },
- {
- id: '4',
- name: 'Lovegood',
- firstname: 'Luna',
- house: 'Ravenclaw',
- year: '1981',
- },
- ];
- const [selectedKeys, setSelectedKeys] = React.useState(new Set());
- const selected = Array.from(selectedKeys);
- return (
- <>
- setSelectedKeys(new Set(key))}
- >
-
- {column => {column.name}}
-
-
- {item => (
-
- {columnKey => {item[columnKey]}}
-
- )}
-
-
- Selected rows: {selected.join(', ')}
- >
- );
-};
diff --git a/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx b/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx
deleted file mode 100644
index c6cf28714b..0000000000
--- a/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const MultiModeTable = () => (
-
-
- Name
- Firstname
- House
- Year of birth
-
-
-
- Potter
- Harry
- Gryffindor
- 1980
-
-
- Malfoy
- Draco
- Slytherin
- 1980
-
-
- Diggory
- Cedric
- Hufflepuff
- 1977
-
-
- Lovegood
- Luna
- Ravenclaw
- 1981
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-nested.demo.tsx b/docs-old/src/demos/components/Table/table-nested.demo.tsx
deleted file mode 100644
index 6372a78555..0000000000
--- a/docs-old/src/demos/components/Table/table-nested.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const NestedTable = () => (
-
-
-
- First Name
- Last Name
-
-
- Age
- Birthday
-
-
-
-
- Sam
- Smith
- 36
- May 3
-
-
- Julia
- Jones
- 24
- February 10
-
-
- Peter
- Parker
- 28
- September 7
-
-
- Bruce
- Wayne
- 32
- December 18
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-single-mode.demo.tsx b/docs-old/src/demos/components/Table/table-single-mode.demo.tsx
deleted file mode 100644
index 30f3b7e669..0000000000
--- a/docs-old/src/demos/components/Table/table-single-mode.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const SingleModeTable = () => (
-
-
- Name
- Firstname
- House
- Year of birth
-
-
-
- Potter
- Harry
- Gryffindor
- 1980
-
-
- Malfoy
- Draco
- Slytherin
- 1980
-
-
- Diggory
- Cedric
- Hufflepuff
- 1977
-
-
- Lovegood
- Luna
- Ravenclaw
- 1981
-
-
-
-);
diff --git a/docs-old/src/demos/components/Table/table-sorting.demo.tsx b/docs-old/src/demos/components/Table/table-sorting.demo.tsx
deleted file mode 100644
index 14cfe04296..0000000000
--- a/docs-old/src/demos/components/Table/table-sorting.demo.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import React, { useState } from 'react';
-import { SortDescriptor } from '@react-types/shared';
-import { Table } from '@marigold/components';
-
-export interface Data {
- name: string;
- height: string;
- mass: string;
- birth_year: string;
-}
-
-export const SortedTable = () => {
- const data: Data[] = [
- {
- name: 'Luke Skywalker',
- height: '172',
- mass: '77',
- birth_year: '19BBY',
- },
- {
- name: 'C-3PO',
- height: '167',
- mass: '75',
- birth_year: '112BBY',
- },
- {
- name: 'R2-D2',
- height: '96',
- mass: '32',
- birth_year: '33BBY',
- },
- {
- name: 'Darth Vader',
- height: '202',
- mass: '136',
- birth_year: '41.9BBY',
- },
- {
- name: 'Leia Organa',
- height: '150',
- mass: '49',
- birth_year: '19BBY',
- },
- {
- name: 'Owen Lars',
- height: '178',
- mass: '120',
- birth_year: '52BBY',
- },
- {
- name: 'Beru Whitesun lars',
- height: '165',
- mass: '75',
- birth_year: '47BBY',
- },
- {
- name: 'R5-D4',
- height: '97',
- mass: '32',
- birth_year: 'unknown',
- },
- {
- name: 'Biggs Darklighter',
- height: '183',
- mass: '84',
- birth_year: '24BBY',
- },
- {
- name: 'Obi-Wan Kenobi',
- height: '182',
- mass: '77',
- birth_year: '57BBY',
- },
- ];
- const [list, setList] = useState(data);
- const [descriptor, setDescriptor] = useState({});
- const sort = ({ column, direction }: SortDescriptor) => {
- const result = list.sort((a, b) => {
- const first = a[column as keyof Data];
- const second = b[column as keyof Data];
- let cmp =
- (parseInt(first) || first) < (parseInt(second) || second) ? -1 : 1;
- if (direction === 'descending') {
- cmp *= -1;
- }
- return cmp;
- });
- setDescriptor({ column, direction });
- setList(result);
- };
-
- return (
- <>
-
-
-
- Name
-
-
- Height
-
-
- Mass
-
-
- Birth Year
-
-
-
- {item => (
-
- {columnKey => {(item as any)[columnKey]}}
-
- )}
-
-
-
-
- Sort: {descriptor.column} / {descriptor.direction}
-
- >
- );
-};
diff --git a/docs-old/src/demos/components/Tabs/index.ts b/docs-old/src/demos/components/Tabs/index.ts
deleted file mode 100644
index b098830f0e..0000000000
--- a/docs-old/src/demos/components/Tabs/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './tabs-basic.demo';
-export * from './tabs-disabled.demo';
-export * from './tabs-selectedKey.demo';
-export * from './tabs-large.demo';
diff --git a/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx
deleted file mode 100644
index dff9da8af2..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const BasicTabs = () => (
-
- tab-1 content
- tab-2 content
- tab-3 content
-
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx
deleted file mode 100644
index 082a7bb0f7..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const DisabledTabs = () => (
-
-
- tab-1 content
-
-
- tab-2 content
-
-
- tab-3 content
-
-
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx
deleted file mode 100644
index 3089e089c9..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const TabsWithLargeSize = () => (
-
-
- tab-1 content
-
-
- tab-2 content
-
-
- tab-3 content
-
-
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx
deleted file mode 100644
index 9ca5e7f281..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const TabsWithSelectedKey = () => (
-
-
- tab-1 content
-
-
- tab-2 content
-
-
- tab-3 content
-
-
-);
diff --git a/docs-old/src/demos/components/Tag/basic-tag.demo.tsx b/docs-old/src/demos/components/Tag/basic-tag.demo.tsx
deleted file mode 100644
index b1978ae620..0000000000
--- a/docs-old/src/demos/components/Tag/basic-tag.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Tag } from '@marigold/components';
-
-export const BasicTagDemo = () => (
-
- News
- Travel
- Gaming
- Shopping
-
-);
diff --git a/docs-old/src/demos/components/Tag/index.ts b/docs-old/src/demos/components/Tag/index.ts
deleted file mode 100644
index 5c039c894d..0000000000
--- a/docs-old/src/demos/components/Tag/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-tag.demo';
-export * from './label-tag.demo';
-export * from './remove-tag.demo';
diff --git a/docs-old/src/demos/components/Tag/label-tag.demo.tsx b/docs-old/src/demos/components/Tag/label-tag.demo.tsx
deleted file mode 100644
index f23409298d..0000000000
--- a/docs-old/src/demos/components/Tag/label-tag.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Tag } from '@marigold/components';
-
-export const LabelTagDemo = () => (
-
- News
- Travel
- Gaming
- Shopping
-
-);
diff --git a/docs-old/src/demos/components/Tag/remove-tag.demo.tsx b/docs-old/src/demos/components/Tag/remove-tag.demo.tsx
deleted file mode 100644
index 3db7622fe2..0000000000
--- a/docs-old/src/demos/components/Tag/remove-tag.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useState } from 'react';
-import { Tag } from '@marigold/components';
-
-export const RemoveTagDemo = () => {
- const defaultTags = [
- { id: 1, name: 'Thor' },
- { id: 2, name: 'Iron Man' },
- { id: 3, name: 'Black Panther' },
- { id: 4, name: 'Groot' },
- ];
-
- const [tags, setTags] = useState(defaultTags);
-
- let removeItem = (key: number) => {
- setTags(prevItems => prevItems.filter(tag => key !== tag.id));
- };
-
- return (
-
- {(tag: { id: number; name: string }) => {tag.name}}
-
- );
-};
diff --git a/docs-old/src/demos/components/Text/index.ts b/docs-old/src/demos/components/Text/index.ts
deleted file mode 100644
index b87bd7bf2e..0000000000
--- a/docs-old/src/demos/components/Text/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './text-default.demo';
-export * from './text-color.demo';
-export * from './text-simple.demo';
diff --git a/docs-old/src/demos/components/Text/text-color.demo.tsx b/docs-old/src/demos/components/Text/text-color.demo.tsx
deleted file mode 100644
index c518d852c3..0000000000
--- a/docs-old/src/demos/components/Text/text-color.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const ColoredText = () => Pink is awesome!;
diff --git a/docs-old/src/demos/components/Text/text-default.demo.tsx b/docs-old/src/demos/components/Text/text-default.demo.tsx
deleted file mode 100644
index 9a3ad5d6ce..0000000000
--- a/docs-old/src/demos/components/Text/text-default.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const DefaultText = () => (
-
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
- clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
- amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
- nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
- diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
- clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
- amet.
-
-);
diff --git a/docs-old/src/demos/components/Text/text-simple.demo.tsx b/docs-old/src/demos/components/Text/text-simple.demo.tsx
deleted file mode 100644
index 53609df2bf..0000000000
--- a/docs-old/src/demos/components/Text/text-simple.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const BasicText = () => I am text!;
diff --git a/docs-old/src/demos/components/TextArea/index.ts b/docs-old/src/demos/components/TextArea/index.ts
deleted file mode 100644
index c7cbc7d02e..0000000000
--- a/docs-old/src/demos/components/TextArea/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './text-area-basic.demo';
-export * from './text-area-disabled.demo';
-export * from './text-area-req.demo';
-export * from './text-area-error.demo';
diff --git a/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx
deleted file mode 100644
index 39cb5f9f1c..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const BasicTextArea = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx
deleted file mode 100644
index d775bb2ac6..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const DisabledTextArea = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx
deleted file mode 100644
index 47bf290521..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const ErrorTextArea = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx
deleted file mode 100644
index c8528f2a59..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const RequiredTextArea = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextField/index.ts b/docs-old/src/demos/components/TextField/index.ts
deleted file mode 100644
index 5242df82bd..0000000000
--- a/docs-old/src/demos/components/TextField/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './textfield-basic.demo';
-export * from './textfield-disabled.demo';
-export * from './textfield-req.demo';
-export * from './textfield-error.demo';
-export * from './textfield-number.demo';
-export * from './textfield-types.demo';
-export * from './textfield-group.demo';
diff --git a/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx b/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx
deleted file mode 100644
index 81cfa46e9b..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const BasicTextField = () => ;
diff --git a/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx b/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx
deleted file mode 100644
index 470c1cc18c..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const DisabledTextField = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextField/textfield-error.demo.tsx b/docs-old/src/demos/components/TextField/textfield-error.demo.tsx
deleted file mode 100644
index 92a20b3e54..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const ErrorTextField = () => (
-
-);
diff --git a/docs-old/src/demos/components/TextField/textfield-group.demo.tsx b/docs-old/src/demos/components/TextField/textfield-group.demo.tsx
deleted file mode 100644
index 9e0d94c8b0..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-group.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useState } from 'react';
-import { Stack, TextField, FieldGroup, Radio } from '@marigold/components';
-
-export const GroupTextField = () => {
- const [value, setValue] = useState('');
- const error = value.length > 0 && !/^\d+$/.test(value);
-
- return (
-
-
-
-
-
- One
- Two
- Three
- Four
-
-
-
- );
-};
diff --git a/docs-old/src/demos/components/TextField/textfield-number.demo.tsx b/docs-old/src/demos/components/TextField/textfield-number.demo.tsx
deleted file mode 100644
index 9c338f3931..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-number.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { TextField } from '@marigold/components';
-import { useState } from 'react';
-
-export const FieldTextErrorNumberImput = () => {
- const [value, setValue] = useState('');
- const error = value.length > 0 && !/^\d+$/.test(value);
-
- return (
-
- );
-};
diff --git a/docs-old/src/demos/components/TextField/textfield-req.demo.tsx b/docs-old/src/demos/components/TextField/textfield-req.demo.tsx
deleted file mode 100644
index 1b1feed37b..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-req.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const RequiredTextField = () => ;
diff --git a/docs-old/src/demos/components/TextField/textfield-types.demo.tsx b/docs-old/src/demos/components/TextField/textfield-types.demo.tsx
deleted file mode 100644
index 570533104a..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-types.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Stack, TextField } from '@marigold/components';
-
-export const TypesTextField = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tiles/index.ts b/docs-old/src/demos/components/Tiles/index.ts
deleted file mode 100644
index e1f6e3dcbb..0000000000
--- a/docs-old/src/demos/components/Tiles/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './tiles-spacing.demo';
-export * from './tiles-stretch.demo';
-export * from './tiles-itemwidth.demo';
-export * from './tiles-complex.demo';
-export * from './tiles-autoRows.demo';
diff --git a/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx
deleted file mode 100644
index f42dd26bc3..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Box, Card, Image, Tiles, Text } from '@marigold/components';
-
-export const AutoRows = () => (
-
-
-
-
-
-
-
-
-
-
- Pikachu ist ein Pokémon mit dem Typ Elektro und existiert seit der
- ersten Spielgeneration. Es ist die erste Entwicklung von Pichu und kann
- sich selbst zu Raichu weiterentwickeln.
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx
deleted file mode 100644
index 29ecd39cdc..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import {
- Image,
- Headline,
- Stack,
- Text,
- Tiles,
- Card,
-} from '@marigold/components';
-
-export const ComplexTiles = () => (
-
-
-
-
- Glumanda
-
- Glumanda ist ein Pokémon mit dem Typ Feuer und existiert seit der
- ersten Spielgeneration. Es ist neben Bisasam und Schiggy eines der
- Starter-Pokémon in Pokémon Rot, Blau, Feuerrot und Blattgrün.
-
-
-
-
-
-
- Glutexo
-
- Glutexo ist ein Pokémon mit dem Typ Feuer und existiert seit der
- ersten Spielgeneration. Als erste Weiterentwicklung von Glumanda
- spielt es eine wichtige Rolle als Starter-Pokémon in Pokémon Rot,
- Blau, Feuerrot, Blattgrün.
-
-
-
-
-
-
- Glurak
-
- Glurak ist ein Pokémon mit den Typen Feuer und Flug und existiert seit
- der ersten Spielgeneration. Es stellt die zweite Entwicklungsstufe von
- Glumanda und Glutexo dar und ist somit neben Bisaflor und Turtok eine
- der Endentwicklungen der Starter-Pokémon aus Kanto.
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx
deleted file mode 100644
index 2fe003bf31..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Card, Image, Tiles } from '@marigold/components';
-
-export const ItemWidthTiles = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx
deleted file mode 100644
index 7dcc402982..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Box, Tiles } from '@marigold/components';
-
-export const SpacingTiles = () => (
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx
deleted file mode 100644
index cf5bfe2348..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Box, Divider, Headline, Stack, Tiles } from '@marigold/components';
-
-export const StretchTiles = () => (
-
- Without stretch:
-
-
-
-
-
-
-
-
-
-
-
-
- With stretch:
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/Tooltip/index.ts b/docs-old/src/demos/components/Tooltip/index.ts
deleted file mode 100644
index f34595c8b2..0000000000
--- a/docs-old/src/demos/components/Tooltip/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './tooltip-basic.demo';
-export * from './tooltip-custom.demo';
-export * from './tooltip-focus.demo';
-export * from './tooltip-pressed.demo';
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx
deleted file mode 100644
index fe58afd4ea..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-import { Info } from '@marigold/icons';
-
-export const BasicTooltip = () => (
-
-
- Tooltip
-
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx
deleted file mode 100644
index 80c21cae24..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-
-export const CustomTooltip = () => (
-
-
- Tooltip
-
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx
deleted file mode 100644
index f109e1ece9..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-
-export const FocusTooltip = () => (
-
-
- Tooltip
-
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx
deleted file mode 100644
index c7132647df..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-import { useState } from 'react';
-
-export const PressedTooltip = () => {
- const [open, setOpen] = useState(false);
-
- return (
-
-
- I am a tooltip!
-
- );
-};
diff --git a/docs-old/src/demos/components/VisuallyHidden/index.ts b/docs-old/src/demos/components/VisuallyHidden/index.ts
deleted file mode 100644
index 9123d51aed..0000000000
--- a/docs-old/src/demos/components/VisuallyHidden/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './visually-hidden.demo';
diff --git a/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx b/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx
deleted file mode 100644
index 304338f2cc..0000000000
--- a/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Text, VisuallyHidden } from '@marigold/components';
-
-export const BasicVisuallyHidden = () => (
- <>
- The Text below is visually hidden
- I am invisible
- >
-);
diff --git a/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx b/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx
deleted file mode 100644
index 69f559580c..0000000000
--- a/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inline, XLoader } from '@marigold/components';
-
-export const XLoaderWithProps = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/components/XLoader/XLoader.demo.tsx b/docs-old/src/demos/components/XLoader/XLoader.demo.tsx
deleted file mode 100644
index 6beed44068..0000000000
--- a/docs-old/src/demos/components/XLoader/XLoader.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { XLoader } from '@marigold/components';
-
-export const BasicXLoader = () => ;
diff --git a/docs-old/src/demos/components/XLoader/index.ts b/docs-old/src/demos/components/XLoader/index.ts
deleted file mode 100644
index 03335cd723..0000000000
--- a/docs-old/src/demos/components/XLoader/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './XLoader-props.demo';
-export * from './XLoader.demo';
diff --git a/docs-old/src/demos/components/_test_.tsx b/docs-old/src/demos/components/_test_.tsx
deleted file mode 100644
index ce380cf413..0000000000
--- a/docs-old/src/demos/components/_test_.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const DemoTest = () => (
-
-);
diff --git a/docs-old/src/demos/components/_test_hook_.tsx b/docs-old/src/demos/components/_test_hook_.tsx
deleted file mode 100644
index c86a9a48cd..0000000000
--- a/docs-old/src/demos/components/_test_hook_.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { useState } from 'react';
-
-export const TestHook = () => {
- const [count, setCount] = useState(0);
-
- return ;
-};
diff --git a/docs-old/src/demos/components/index.ts b/docs-old/src/demos/components/index.ts
deleted file mode 100644
index 6de3656115..0000000000
--- a/docs-old/src/demos/components/index.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export * from './Table/table-basic.demo';
-
-// test files
-export * from './_test_';
-export * from './_test_hook_';
-
-// component previews
-export * from './Accordion';
-export * from './Aside';
-export * from './Aspect';
-export * from './Autocomplete';
-export * from './ComboBox';
-export * from './Badge';
-export * from './Body';
-export * from './Box';
-export * from './Breakout';
-export * from './Button';
-export * from './Card';
-export * from './Checkbox';
-export * from './Center';
-export * from './Columns';
-export * from './Container';
-export * from './Dialog';
-export * from './Divider';
-export * from './Footer';
-export * from './FieldGroup';
-export * from './Header';
-export * from './Headline';
-export * from './Icon';
-export * from './Image';
-export * from './Inline';
-export * from './Inset';
-export * from './Label';
-export * from './Link';
-export * from './List';
-export * from './Menu';
-export * from './Message';
-export * from './NumberField';
-export * from './DateField';
-export * from './DatePicker';
-export * from './Radio';
-export * from './Stack';
-export * from './Select';
-export * from './Slider';
-export * from './Split';
-export * from './Switch';
-export * from './SVG';
-export * from './Table';
-export * from './Tiles';
-export * from './Text';
-export * from './TextArea';
-export * from './TextField';
-export * from './Tooltip';
-export * from './VisuallyHidden';
-export * from './XLoader';
-export * from './Calendar';
-export * from './Tag';
-export * from './DateField';
-export * from './Tabs';
diff --git a/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx b/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx
deleted file mode 100644
index afecaf6b9a..0000000000
--- a/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useForm, SubmitHandler, Controller } from 'react-hook-form';
-
-import {
- Button,
- FieldGroup,
- Select,
- Stack,
- TextField,
- Headline,
- Columns,
- Checkbox,
-} from '@marigold/components';
-
-interface IFormInputs {
- firstName: string;
- name: string;
- phone: string;
- mail: string;
- country: string | number;
- terms: boolean;
-}
-export const SubmitFormWithReactHookForm = () => {
- const {
- control,
- handleSubmit,
- formState: { isValid },
- } = useForm({
- mode: 'onChange',
- defaultValues: {
- firstName: '',
- name: '',
- phone: '',
- mail: '',
- country: '',
- terms: false,
- },
- });
-
- const onSubmit: SubmitHandler = data => {
- alert(JSON.stringify(data));
- };
-
- return (
-
- Account Registration
-
-
- );
-};
diff --git a/docs-old/src/demos/concepts/building-forms-zod.demo.tsx b/docs-old/src/demos/concepts/building-forms-zod.demo.tsx
deleted file mode 100644
index 7d3e35872b..0000000000
--- a/docs-old/src/demos/concepts/building-forms-zod.demo.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { FormEventHandler, useState } from 'react';
-import { z } from 'zod';
-import { zfd } from 'zod-form-data';
-import {
- Button,
- Checkbox,
- Columns,
- FieldGroup,
- Headline,
- Select,
- Stack,
- TextField,
-} from '@marigold/components';
-
-export const SubmitForm = () => {
- const schemaData = z.object({
- firstname: z.string().min(1),
- name: z.string().min(1),
- phone: z.string().min(6),
- mail: z.string().email(),
- country: z.string(),
- terms: zfd.checkbox(),
- });
-
- const [error, setError] = useState([]);
- const handleSubmit: FormEventHandler = e => {
- e.preventDefault();
- const errorList: Array = [];
- const formData = new FormData(e.target as HTMLFormElement);
- const data = Object.fromEntries(formData);
- const validatedForm = schemaData.safeParse(data);
-
- if (!validatedForm.success) {
- validatedForm.error.issues.map(e => {
- return errorList.push(e.path.toString());
- });
- setError(errorList);
- } else {
- alert(JSON.stringify(data));
- }
- };
-
- return (
-
- Account Registration
-
-
- );
-};
diff --git a/docs-old/src/demos/concepts/concepts-layouts.demo.tsx b/docs-old/src/demos/concepts/concepts-layouts.demo.tsx
deleted file mode 100644
index 29b9f3b1dc..0000000000
--- a/docs-old/src/demos/concepts/concepts-layouts.demo.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { ReactNode } from 'react';
-import { Card, Columns, Stack, Text, Tiles } from '@marigold/components';
-import { Rectangle, Squirecle } from '~/components';
-
-const Annotation = ({ children }: { children: ReactNode }) => (
-
- {children}
-
-);
-
-export const LayoutsDemo = () => (
-
-
- <>
-
-
-
-
-
- Stack
- >
- <>
-
-
-
-
-
- Columns
- >
- <>
-
-
-
-
-
-
-
-
-
-
-
- Tiles
- >
-
-
-);
diff --git a/docs-old/src/demos/concepts/error-handling.demo.tsx b/docs-old/src/demos/concepts/error-handling.demo.tsx
deleted file mode 100644
index 746db64b35..0000000000
--- a/docs-old/src/demos/concepts/error-handling.demo.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { useState } from 'react';
-import {
- Button,
- Checkbox,
- Columns,
- FieldGroup,
- Headline,
- Select,
- Stack,
- TextField,
-} from '@marigold/components';
-
-export const ErrorValidation = () => {
- const [value, setValue] = useState('');
- return (
-
- Account Registration
-
-
-
-
-
-
-
- setValue(e)}
- error={
- value.length > 0 && !/^\S+@\S+\.\S+$/.test(value) ? true : false
- }
- errorMessage="The field is required. Please enter a valid E-Mail adress."
- />
-
- Agree to the terms
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/concepts/index.ts b/docs-old/src/demos/concepts/index.ts
deleted file mode 100644
index d3775665f2..0000000000
--- a/docs-old/src/demos/concepts/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export * from './building-forms-hook-form.demo';
-export * from './concepts-layouts.demo';
-export * from './layout-forms.demo';
-export * from './error-handling.demo';
-export * from './logical-interaction.demo';
-export * from './building-forms-zod.demo';
-
-export * from './tokens.demo';
-export * from './simple-styling.demo';
diff --git a/docs-old/src/demos/concepts/layout-forms.demo.tsx b/docs-old/src/demos/concepts/layout-forms.demo.tsx
deleted file mode 100644
index f10f6fb710..0000000000
--- a/docs-old/src/demos/concepts/layout-forms.demo.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import {
- Button,
- Checkbox,
- Columns,
- FieldGroup,
- Headline,
- Select,
- Stack,
- TextField,
-} from '@marigold/components';
-
-export const LayoutForms = () => (
-
- Account Registration
-
-
-
-
-
-
-
-
-
- Agree to the terms
-
-
-
-
-
-
-);
diff --git a/docs-old/src/demos/concepts/logical-interaction.demo.tsx b/docs-old/src/demos/concepts/logical-interaction.demo.tsx
deleted file mode 100644
index 38ee8e6614..0000000000
--- a/docs-old/src/demos/concepts/logical-interaction.demo.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useState } from 'react';
-import {
- Button,
- Checkbox,
- Columns,
- FieldGroup,
- Headline,
- Select,
- Stack,
- TextField,
-} from '@marigold/components';
-
-export const InteractionDemo = () => {
- const [value] = useState('');
- const [selected, setSelected] = useState('');
- return (
-
- Account Registration
-
-
-
-
-
-
-
- 0 && !/^\S+@\S+\.\S+$/.test(value) ? true : false
- }
- errorMessage="The field is required. Please enter a valid E-Mail adress."
- />
-
- {selected !== '' && selected !== 'none' && (
- Agree to the terms
- )}
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/concepts/simple-styling.demo.tsx b/docs-old/src/demos/concepts/simple-styling.demo.tsx
deleted file mode 100644
index 848caaa7b4..0000000000
--- a/docs-old/src/demos/concepts/simple-styling.demo.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { useState } from 'react';
-import {
- Button,
- Center,
- Columns,
- MarigoldProvider,
- Radio,
- Stack,
-} from '@marigold/components';
-
-export const SimpleStyling = () => {
- const theme = {
- colors: {
- primary: '#93c5fd',
- secondary: '#bfdbfe',
- ghost: '#e2e8f0',
- text: '#1c1917',
- },
- space: {
- none: 0,
- small: 8,
- medium: 16,
- large: 32,
- },
- radii: {
- none: 0,
- button: 20,
- },
- components: {
- Button: {
- base: {
- color: 'text',
- bg: 'ghost', // <-- bg is a shorthand for background
- borderRadius: 'button',
- // These values should usually also use tokens!
- fontSize: 14,
- fontWeight: 'bold',
- textTransform: 'uppercase',
- border: 'none',
- },
- variant: {
- primary: {
- bg: 'primary',
- },
- secondary: {
- bg: 'secondary',
- },
- },
- size: {
- regular: {
- py: 'small', // <-- py is a shorthand for paddingTop + paddintBottom
- px: 'medium', // <-- px is a shorthand for paddingLeft + paddintRight
- },
- large: {
- py: 'medium', // <-- py is a shorthand for paddingTop + paddintBottom
- px: 'large', // <-- px is a shorthand for paddingLeft + paddintRight
- },
- },
- },
- },
- };
-
- const [variant, setVariant] = useState('');
- const [size, setSize] = useState('regular');
-
- return (
-
-
- none
- primary
- secondary
-
-
- regular
- large
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/concepts/tokens.demo.tsx b/docs-old/src/demos/concepts/tokens.demo.tsx
deleted file mode 100644
index 6a34b5bbb0..0000000000
--- a/docs-old/src/demos/concepts/tokens.demo.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useState } from 'react';
-import {
- Aside,
- Box,
- Inset,
- MarigoldProvider,
- Radio,
-} from '@marigold/components';
-
-export const TokensDemo = () => {
- const theme = {
- colors: {
- red: '#f87171',
- blue: '#93c5fd',
- green: '#86efac',
- },
- space: {
- none: 0,
- small: 8,
- large: 32,
- },
- sizes: {
- none: 0,
- medium: 120,
- large: 240,
- },
- radii: {
- none: 0,
- medium: 20,
- },
- };
-
- const [currentColor, setColor] = useState(theme.colors.blue);
-
- return (
-
- );
-};
diff --git a/docs-old/src/demos/hooks/index.ts b/docs-old/src/demos/hooks/index.ts
deleted file mode 100644
index ff2f86143d..0000000000
--- a/docs-old/src/demos/hooks/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './useResponsiveValue.demo';
-export * from './useTheme.demo';
diff --git a/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx b/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx
deleted file mode 100644
index e66a709be7..0000000000
--- a/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Box, ThemeProvider, useResponsiveValue } from '@marigold/system';
-
-export const ResponsiveValue = () => {
- const theme = {
- breakpoints: ['40em', '50em', '60em', '70em'],
- };
- const SomeComponent = () => {
- const value = useResponsiveValue(
- [
- 'no breakpoint',
- 'larger than 40em',
- 'larger than 50em',
- 'larger than 60em',
- 'larger than 70em',
- ],
- 2
- );
- return {value};
- };
-
- return (
-
-
-
-
-
- );
-};
diff --git a/docs-old/src/demos/hooks/useTheme.demo.tsx b/docs-old/src/demos/hooks/useTheme.demo.tsx
deleted file mode 100644
index 6e9ff624d6..0000000000
--- a/docs-old/src/demos/hooks/useTheme.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { List } from '@marigold/components';
-import { Box, ThemeProvider, useTheme } from '@marigold/system';
-
-export const useCurrentTheme = () => {
- const { theme } = useTheme();
-
- return (
-
-
- {Object.entries(theme).map(([key, value]) => (
-
- {key}
- {Object.keys(value) + ','}
-
- ))}
-
-
- );
-};
diff --git a/docs-old/src/demos/index.ts b/docs-old/src/demos/index.ts
deleted file mode 100644
index e442fa3f62..0000000000
--- a/docs-old/src/demos/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './components';
-export * from './hooks';
-export * from './theming-extend.demo';
-export * from './concepts';
diff --git a/docs-old/src/demos/theming-extend.demo.tsx b/docs-old/src/demos/theming-extend.demo.tsx
deleted file mode 100644
index 2eafe82898..0000000000
--- a/docs-old/src/demos/theming-extend.demo.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import {
- extendTheme,
- Button,
- Center,
- MarigoldProvider,
-} from '@marigold/components';
-import theme from '@marigold/theme-b2b';
-
-const customTheme = extendTheme(theme, {
- fonts: {
- system: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
- },
- components: {
- Button: {
- variant: {
- cta: {
- // You can still use all the tokens from the theme extended theme
- color: 'gray00',
- fontSize: 'xsmall',
- borderRadius: 'large',
- // You can also use tokens defined in the theme extension
- fontFamily: 'system',
- // And if you really want to, even use hard coded values
- background:
- 'linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #cc4499 100%)',
- textTransform: 'uppercase',
- fontWeight: 600,
- transition: 'transform 0.25s cubic-bezier(.5, -.1, .1, 1.5)',
-
- '&:hover': {
- transform: 'scale(1.5)',
- },
-
- '&:active': {
- transform: 'scale(1.6)',
- },
- },
- },
- },
- },
-});
-
-export const App = () => (
-
-
-
-
-
-);
diff --git a/docs-old/src/globals.d.ts b/docs-old/src/globals.d.ts
deleted file mode 100644
index 83d08bc21c..0000000000
--- a/docs-old/src/globals.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { NavigationTree, NavigationLinks } from '~/components';
-
-declare global {
- namespace NodeJS {
- interface ProcessEnv {
- NODE_ENV: 'development' | 'production';
- version: string;
- navigation: {
- tree: NavigationTree;
- links: NavigationLinks;
- };
- }
- }
-}
diff --git a/docs-old/src/images/icon.png b/docs-old/src/images/icon.png
deleted file mode 100644
index c1c9c885f0..0000000000
Binary files a/docs-old/src/images/icon.png and /dev/null differ
diff --git a/docs-old/src/mdx/components.tsx b/docs-old/src/mdx/components.tsx
deleted file mode 100644
index a19e7e1692..0000000000
--- a/docs-old/src/mdx/components.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Box, Headline, List, Text } from '@marigold/components';
-import type { HtmlProps } from '@marigold/types';
-import Highlight, { defaultProps, Language } from 'prism-react-renderer';
-import theme from 'prism-react-renderer/themes/nightOwl';
-
-import { CopyButton, Link } from '~/components';
-
-// Typography
-// ---------------
-export const h1 = ({ children, ...props }: HtmlProps<'h1'>) => (
-
- {children}
-
-);
-
-export const h2 = ({ children, ...props }: HtmlProps<'h2'>) => (
-
- {children}
-
-);
-
-export const h3 = ({ children, ...props }: HtmlProps<'h3'>) => (
-
- {children}
-
-);
-
-export const h4 = ({ children, ...props }: HtmlProps<'h4'>) => (
-
- {children}
-
-);
-
-export const h5 = ({ children, ...props }: HtmlProps<'h5'>) => (
-
- {children}
-
-);
-
-export const h6 = ({ children, ...props }: HtmlProps<'h6'>) => (
-
- {children}
-
-);
-
-export const p = Text;
-
-export const a = ({ children, href = '#', ...props }: HtmlProps<'a'>) => (
-
- {children}
-
-);
-
-export const ul = ({ children, ...props }: HtmlProps<'ul'>) => (
- {children}
-);
-
-export const ol = ({ children, ...props }: HtmlProps<'ol'>) => (
-
- {children}
-
-);
-export const li = ({ children, ...props }: HtmlProps<'li'>) => (
- {children}
-);
-
-export interface PreProps {
- type: 'code';
- children: {
- props: {
- children: string;
- className: string;
- };
- };
- preview: boolean;
-}
-
-export const pre = ({ children, ...props }: PreProps) => {
- const codeProps = children.props;
-
- const code = (codeProps.children || '').replace(/\n$/, '');
- const language = codeProps.className.replace('language-', '') as Language;
-
- return (
-
- {({ className, style, tokens, getLineProps, getTokenProps }) => (
- <>
-
- {tokens.map((line, i) => (
-
- {line.map((token, key) => (
-
- ))}
-
- ))}
-
-
- >
- )}
-
- );
-};
-
-export const code = ({ children, ...props }: HtmlProps<'code'>) => (
-
- {children}
-
-);
diff --git a/docs-old/src/pages/404.tsx b/docs-old/src/pages/404.tsx
deleted file mode 100644
index 144a306f3b..0000000000
--- a/docs-old/src/pages/404.tsx
+++ /dev/null
@@ -1,368 +0,0 @@
-import React from 'react';
-import { Link } from '../components/Link';
-
-export default function NotFoundPage() {
- return (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Web illustrations by Storyset
-
-
- >
- );
-}
diff --git a/docs-old/src/pages/_app.tsx b/docs-old/src/pages/_app.tsx
deleted file mode 100644
index 11cda655cb..0000000000
--- a/docs-old/src/pages/_app.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import type { AppProps } from 'next/app';
-import Head from 'next/head';
-import { MDXProvider } from '@mdx-js/react';
-
-import { MarigoldProvider, SSRProvider } from '@marigold/components';
-import * as MarigoldComponents from '@marigold/components';
-import * as MarigoldIcons from '@marigold/icons';
-import unicornTheme from '@marigold/theme-unicorn';
-import b2bTheme from '@marigold/theme-b2b';
-import coreTheme from '@marigold/theme-core';
-
-import * as DocsComponents from '~/components';
-import * as MdxComponents from '~/mdx/components';
-import * as DemoComponents from '~/demos';
-
-import { Layout, MarigoldThemeSwitch } from '~/components';
-import { theme } from '~/theme';
-
-import {
- Box,
- Container,
- Header,
- Inline,
- Split,
- Text,
-} from '@marigold/components';
-
-import {
- IconLinksList,
- GradientHeadline,
- ThemeMenu,
- Title,
- TocContainer,
- ScrollToTop,
-} from '~/components';
-
-const themes = {
- unicornTheme,
- b2bTheme,
- coreTheme,
-};
-
-const DevMode = () => {
- const devMode = process.env.NODE_ENV === 'development';
- if (devMode) {
- return (
-
-
- localhost
-
-
- );
- }
- return null;
-};
-
-const components = {
- Head,
- ...DocsComponents,
- ...MdxComponents,
- ...DemoComponents,
- ...MarigoldComponents,
- ...MarigoldIcons,
-};
-
-export interface PageProps {
- title?: string;
- caption?: string;
- switchTheme?: boolean;
- figma?: string;
- github?: string;
- edit?: string;
- badge?: string;
-}
-
-const MyApp = ({ Component, pageProps }: AppProps) => {
- return (
-
-
-
-
-
-
-
- {pageProps?.title && (
-
- {pageProps.title}
- {pageProps.caption && (
- {pageProps.caption}
- )}
-
- )}
-
-
-
- {pageProps?.switchTheme && }
-
- {(pageProps?.figma ||
- pageProps?.github ||
- pageProps?.edit) && (
-
- )}
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default MyApp;
diff --git a/docs-old/src/pages/_document.tsx b/docs-old/src/pages/_document.tsx
deleted file mode 100644
index f7b89fa48d..0000000000
--- a/docs-old/src/pages/_document.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { webFontUrl as docFonts } from '~/theme';
-import { webFontUrl as b2bFonts } from '@marigold/theme-b2b';
-
-const urls = [...docFonts, ...b2bFonts];
-
-class MyDocument extends Document {
- render() {
- return (
-
-
-
-
-
- {urls.map(url => (
-
- ))}
-
-
-
-
-
-
- );
- }
-}
-
-export default MyDocument;
diff --git a/docs-old/src/pages/components/accordion.mdx b/docs-old/src/pages/components/accordion.mdx
deleted file mode 100644
index 9d6e330deb..0000000000
--- a/docs-old/src/pages/components/accordion.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: Accordion
-group: Collections
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Accordion/Accordion.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/accordion.mdx
-caption: Component to show and hide related content from the main page.
-switchTheme: true
-badge: 'new'
----
-
-An `` is a component that allows you to organizing content into collapsible sections. It consists of a series of vertically stacked items. Accordions are commonly used in website and application designs to present information in a compact and organized way, allowing users to focus on the specific information they are interested in without being overwhelmed by excessive content.
-
-The `` can be expanded by default using the `defaultExpandedKeys` property or collapsed.
-You can also switch the `selectionMode` for `` by passing its property. The default behavior is set to single mode.
-
-
-
-
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Accordion } from '@marigold/components';
-```
-
-### Appearance
-
-
-
-### Props Accordion
-
-',
- description:
- 'The initial expanded keys in the collection (uncontrolled).',
- default: 'none',
- },
- {
- property: 'selectionMode',
- type: 'none, single, multiple',
- description: 'Sets the mode of items open at the same time. ',
- default: 'single',
- },{
- property: 'children',
- type: 'ItemElement