@marigold/theme-docs 3.1.9 → 3.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +4 -2
- package/dist/index.d.mts.map +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +415 -518
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +399 -503
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -2
- package/package.json +7 -7
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/CloseButton.styles.ts","../src/components/Dialog.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/IconButton.styles.ts","../src/components/Input.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/root.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Modal.styles';\nexport * from './SectionMessage.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n 'flex gap-2 rounded-xs px-3 py-2',\n {\n variants: {\n variant: {\n ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n sunken:\n 'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n inverted: 'bg-secondary-100',\n icon: 'border-none translate-y-0.5 outline-none p-0',\n },\n size: {\n small: 'px-3 py-1.5 text-sm',\n },\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n ['relative w-full overflow-hidden rounded-xl'],\n {\n variants: {\n variant: {\n default:\n 'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n hovering:\n 'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n content:\n 'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n outline: 'bg-white/40 my-6 border border-secondary-200',\n lowered: 'bg-bg-surface-raised-lowered p-6',\n image: '',\n },\n size: {\n default: '',\n full: 'size-full',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n 'flex items-center justify-center whitespace-nowrap',\n 'cursor-pointer',\n 'transition-[color,box-shadow]',\n 'mixin-ring-focus-visible',\n 'rounded',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva('absolute top-4 right-4 ml-4', {\n variants: {\n variant: {\n fullscreen: ['size-6', 'right-4 top-4'],\n },\n },\n }),\n container: cva('bg-bg-surface', {\n variants: {\n variant: {\n default: 'relative rounded-lg shadow-lg',\n codeblock: [\n 'static px-0 py-6',\n 'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n 'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n '*:max-h-none *:min-w-[75vw]',\n ],\n fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n zoom: 'max-h-[96vh] overflow-y-auto',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(''),\n title: cva(''),\n content: cva(''),\n actions: cva(''),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('*:no-underline', {\n variants: {\n size: {\n 'level-1':\n 'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n 'level-2':\n 'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n 'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n 'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n 'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n 'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n },\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n variants: {\n variant: {\n default: '',\n floating: [\n 'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n 'items-center',\n ],\n },\n size: {\n default: 'gap-x-3',\n small: 'gap-x-2',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n container: cva(),\n icon: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n default: 'px-3',\n small: 'px-2.5',\n};\n\nexport const ySpacing = {\n default: 'py-2',\n small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n default: `${xSpacing.default} ${ySpacing.default}`,\n small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled =\n 'disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n container: cva('', {\n variants: {\n variant: {\n default: '',\n floating: [\n 'z-10 col-start-1 row-start-1',\n 'pointer-events-none',\n 'text-secondary-400 text-nowrap',\n 'after:content-[\":\"]',\n ],\n },\n size: {\n default: 'text-sm',\n small: 'text-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'floating',\n size: 'default',\n className: 'pl-4',\n },\n {\n variant: 'floating',\n size: 'small',\n className: 'pl-3',\n },\n ],\n }),\n indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(['font-medium'], {\n variants: {\n variant: {\n default:\n 'underline underline-offset-4 transition-all hover:text-slate-700',\n primary:\n 'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n toc: [\n 'text-secondary-500 hover:text-secondary-800 text-xs',\n 'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n ],\n cta: [\n 'h-component rounded-2xl bg-purple-700 px-5 py-1.5',\n 'text-sm font-semibold text-purple-100',\n 'transition-all hover:bg-purple-600',\n ],\n ghost: 'hover:underline underline-offset-4',\n shiny:\n 'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n },\n size: {\n inline: '',\n xsmall: 'rounded-full text-xs py-1.5 px-4',\n small: 'px-3 py-1.5 text-sm rounded-xs',\n regular: 'px-3 py-2 rounded-xs',\n large: 'px-8 py-3.5 rounded-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'inline',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('list-inside list-none'),\n ol: cva(''),\n item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n container: cva([\n 'bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg',\n ]),\n list: cva([\n 'outline-hidden',\n 'p-1',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ]),\n item: cva(\n [\n 'text-text-primary',\n 'cursor-pointer rounded-xs outline-hidden',\n 'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n 'aria-selected:bg-bg-hover',\n ],\n {\n variants: {\n size: {\n default: 'p-2',\n small: 'px-2 py-1 text-sm',\n },\n },\n defaultVariants: {\n size: 'small',\n },\n }\n ),\n section: cva(),\n header: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n container: cva(\n [\n 'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ],\n {\n variants: {\n variant: {\n command:\n '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n },\n },\n }\n ),\n item: cva('focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden', {\n variants: {\n variant: {\n command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n },\n },\n }),\n section: cva('', {\n variants: {\n variant: {\n command:\n '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n },\n },\n }),\n button: cva(\n 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n container: cva(\n [\n 'not-prose items-center rounded-lg p-4',\n 'grid-cols-[min-content_auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n ],\n {\n variants: {\n variant: {\n info: 'bg-bg-info text-text-info',\n warning: 'bg-bg-warning text-text-warning',\n },\n },\n }\n ),\n icon: cva('size-6'),\n title: cva('mb-1 font-bold leading-none tracking-tight'),\n content: cva('text-sm [&_p]:leading-relaxed [&_code]:text-xs'),\n close: cva('h-5 w-5 text-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n 'animate-in',\n 'placement-t:-translate-y-1',\n 'placement-b:translate-y-1',\n 'placement-r:-translate-x-1',\n 'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\nimport {\n inputBackground,\n inputBox,\n inputDisabled,\n inputSpacing,\n} from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n icon: cva('text-secondary-400', {\n variants: {\n variant: {\n default: '',\n floating: 'justify-self-end',\n },\n size: {\n default: '',\n small: 'size-3',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n select: cva([inputBox, inputBackground, inputDisabled, 'outline-hidden'], {\n variants: {\n variant: {\n default: 'gap-2',\n floating: [\n 'shadow-xs',\n 'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n // selected value and caret get moved to 2nd col\n '*:row-star-1 *:col-start-2 *:text-left',\n // So the button gap is not used to separate label from selected value\n 'gap-[inherit]',\n ],\n },\n size: {\n default: [inputSpacing.default],\n small: [inputSpacing.small, 'text-xs'],\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'floating',\n size: 'default',\n className: 'px-4 py-1.5',\n },\n {\n variant: 'floating',\n size: 'small',\n className: 'px-3',\n },\n ],\n }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n container: cva('', {\n variants: {\n variant: {\n demo: 'my-6',\n },\n },\n }),\n tabpanel: cva(''),\n tabsList: cva('mb-4 border-b'),\n tab: cva([\n 'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n 'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n 'focus:outline-hidden focus-visible:outline',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n table: cva([\n 'w-full overflow-hidden rounded-lg bg-white/40 text-sm',\n 'border-secondary-200 border-separate border-spacing-0 border',\n ]),\n thead: cva(),\n headerRow: cva(),\n header: cva('px-3 pb-2 pt-3 text-start'),\n body: cva(),\n row: cva([], {\n variants: {\n variant: {\n hover: 'hover:bg-neutral-100/80 ',\n },\n },\n }),\n cell: cva(\n ['text-text-primary px-3 py-3.5 text-xs', 'border-secondary-200 border-t'],\n {\n variants: {\n variant: {\n colorTable: 'p-4 align-middle',\n },\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('leading-7', {\n variants: {\n variant: {\n lead: 'text-muted-foreground text-xl',\n large: 'text-lg font-semibold',\n small: 'text-sm font-medium leading-none',\n muted: 'text-muted-foreground text-sm',\n },\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n 'bg-bg-underlay/50 backdrop-blur-xs'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n 'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n {\n variants: {\n variant: {\n dark: 'bg-bg-inverted text-white',\n warning: 'bg-bg-warning',\n },\n size: {\n default: 'text-xs',\n },\n },\n defaultVariants: {\n variant: 'dark',\n size: 'default',\n },\n }\n);\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\n\nexport const theme: Theme = {\n name: 'docs',\n root,\n components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":"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","names":["cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva"]}
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["Button: ThemeComponent<'Button'>","Card: ThemeComponent<'Card'>","CloseButton: ThemeComponent<'CloseButton'>","Dialog: ThemeComponent<'Dialog'>","Headline: ThemeComponent<'Headline'>","Field: ThemeComponent<'Field'>","HelpText: ThemeComponent<'HelpText'>","IconButton: ThemeComponent<'IconButton'>","Label: ThemeComponent<'Label'>","Link: ThemeComponent<'Link'>","List: ThemeComponent<'List'>","ListBox: ThemeComponent<'ListBox'>","Menu: ThemeComponent<'Menu'>","Modal: ThemeComponent<'Modal'>","SectionMessage: ThemeComponent<'SectionMessage'>","Popover: ThemeComponent<'Popover'>","Select: ThemeComponent<'Select'>","Tabs: ThemeComponent<'Tabs'>","Table: ThemeComponent<'Table'>","Text: ThemeComponent<'Text'>","Underlay: ThemeComponent<'Underlay'>","Badge: ThemeComponent<'Badge'>","root: Theme['root']","theme: Theme"],"sources":["../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/CloseButton.styles.ts","../src/components/Dialog.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/IconButton.styles.ts","../src/components/Input.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/components/index.ts","../src/root.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n 'flex gap-2 rounded-xs px-3 py-2',\n {\n variants: {\n variant: {\n ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n sunken:\n 'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n inverted: 'bg-secondary-100',\n icon: 'border-none translate-y-0.5 outline-none p-0',\n },\n size: {\n small: 'px-3 py-1.5 text-sm',\n },\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n ['relative w-full overflow-hidden rounded-xl'],\n {\n variants: {\n variant: {\n default:\n 'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n hovering:\n 'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n content:\n 'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n outline: 'bg-white/40 my-6 border border-secondary-200',\n lowered: 'bg-bg-surface-raised-lowered p-6',\n image: '',\n },\n size: {\n default: '',\n full: 'size-full',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n 'flex items-center justify-center whitespace-nowrap',\n 'cursor-pointer',\n 'transition-[color,box-shadow]',\n 'mixin-ring-focus-visible',\n 'rounded',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva('absolute top-4 right-4 ml-4', {\n variants: {\n variant: {\n fullscreen: ['size-6', 'right-4 top-4'],\n },\n },\n }),\n container: cva('bg-bg-surface', {\n variants: {\n variant: {\n default: 'relative rounded-lg shadow-lg',\n codeblock: [\n 'static px-0 py-6',\n 'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n 'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n '*:max-h-none *:min-w-[75vw]',\n ],\n fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n zoom: 'max-h-[96vh] overflow-y-auto',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(''),\n title: cva(''),\n content: cva(''),\n actions: cva(''),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('*:no-underline', {\n variants: {\n size: {\n 'level-1':\n 'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n 'level-2':\n 'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n 'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n 'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n 'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n 'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n },\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n variants: {\n variant: {\n default: '',\n floating: [\n 'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n 'items-center',\n ],\n },\n size: {\n default: 'gap-x-3',\n small: 'gap-x-2',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n container: cva(),\n icon: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n default: 'px-3',\n small: 'px-2.5',\n};\n\nexport const ySpacing = {\n default: 'py-2',\n small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n default: `${xSpacing.default} ${ySpacing.default}`,\n small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled =\n 'disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n container: cva('', {\n variants: {\n variant: {\n default: '',\n floating: [\n 'z-10 col-start-1 row-start-1',\n 'pointer-events-none',\n 'text-secondary-400 text-nowrap',\n 'after:content-[\":\"]',\n ],\n },\n size: {\n default: 'text-sm',\n small: 'text-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'floating',\n size: 'default',\n className: 'pl-4',\n },\n {\n variant: 'floating',\n size: 'small',\n className: 'pl-3',\n },\n ],\n }),\n indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(['font-medium'], {\n variants: {\n variant: {\n default:\n 'underline underline-offset-4 transition-all hover:text-slate-700',\n primary:\n 'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n toc: [\n 'text-secondary-500 hover:text-secondary-800 text-xs',\n 'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n ],\n cta: [\n 'h-component rounded-2xl bg-purple-700 px-5 py-1.5',\n 'text-sm font-semibold text-purple-100',\n 'transition-all hover:bg-purple-600',\n ],\n ghost: 'hover:underline underline-offset-4',\n shiny:\n 'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n },\n size: {\n inline: '',\n xsmall: 'rounded-full text-xs py-1.5 px-4',\n small: 'px-3 py-1.5 text-sm rounded-xs',\n regular: 'px-3 py-2 rounded-xs',\n large: 'px-8 py-3.5 rounded-xs',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'inline',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('list-inside list-none'),\n ol: cva(''),\n item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n container: cva([\n 'bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg',\n ]),\n list: cva([\n 'outline-hidden',\n 'p-1',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ]),\n item: cva(\n [\n 'text-text-primary',\n 'cursor-pointer rounded-xs outline-hidden',\n 'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n 'aria-selected:bg-bg-hover',\n ],\n {\n variants: {\n size: {\n default: 'p-2',\n small: 'px-2 py-1 text-sm',\n },\n },\n defaultVariants: {\n size: 'small',\n },\n }\n ),\n section: cva(),\n header: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n container: cva(\n [\n 'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ],\n {\n variants: {\n variant: {\n command:\n '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n },\n },\n }\n ),\n item: cva('focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden', {\n variants: {\n variant: {\n command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n },\n },\n }),\n section: cva('', {\n variants: {\n variant: {\n command:\n '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n },\n },\n }),\n button: cva(\n 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n container: cva(\n [\n 'not-prose items-center rounded-lg p-4',\n 'grid-cols-[min-content_auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n ],\n {\n variants: {\n variant: {\n info: 'bg-bg-info text-text-info',\n warning: 'bg-bg-warning text-text-warning',\n },\n },\n }\n ),\n icon: cva('size-6'),\n title: cva('mb-1 font-bold leading-none tracking-tight'),\n content: cva('text-sm [&_p]:leading-relaxed [&_code]:text-xs'),\n close: cva('h-5 w-5 text-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n 'animate-in',\n 'placement-t:-translate-y-1',\n 'placement-b:translate-y-1',\n 'placement-r:-translate-x-1',\n 'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\nimport {\n inputBackground,\n inputBox,\n inputDisabled,\n inputSpacing,\n} from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n icon: cva('text-secondary-400', {\n variants: {\n variant: {\n default: '',\n floating: 'justify-self-end',\n },\n size: {\n default: '',\n small: 'size-3',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n select: cva([inputBox, inputBackground, inputDisabled, 'outline-hidden'], {\n variants: {\n variant: {\n default: 'gap-2',\n floating: [\n 'shadow-xs',\n 'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n // selected value and caret get moved to 2nd col\n '*:row-star-1 *:col-start-2 *:text-left',\n // So the button gap is not used to separate label from selected value\n 'gap-[inherit]',\n ],\n },\n size: {\n default: [inputSpacing.default],\n small: [inputSpacing.small, 'text-xs'],\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: 'floating',\n size: 'default',\n className: 'px-4 py-1.5',\n },\n {\n variant: 'floating',\n size: 'small',\n className: 'px-3',\n },\n ],\n }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n container: cva('', {\n variants: {\n variant: {\n demo: 'my-6',\n },\n },\n }),\n tabpanel: cva(''),\n tabsList: cva('mb-4 border-b'),\n tab: cva([\n 'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n 'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n 'focus:outline-hidden focus-visible:outline',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n table: cva([\n 'w-full overflow-hidden rounded-lg bg-white/40 text-sm',\n 'border-secondary-200 border-separate border-spacing-0 border',\n ]),\n thead: cva(),\n headerRow: cva(),\n header: cva('px-3 pb-2 pt-3 text-start'),\n body: cva(),\n row: cva([], {\n variants: {\n variant: {\n hover: 'hover:bg-neutral-100/80 ',\n },\n },\n }),\n cell: cva(\n ['text-text-primary px-3 py-3.5 text-xs', 'border-secondary-200 border-t'],\n {\n variants: {\n variant: {\n colorTable: 'p-4 align-middle',\n },\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('leading-7', {\n variants: {\n variant: {\n lead: 'text-muted-foreground text-xl',\n large: 'text-lg font-semibold',\n small: 'text-sm font-medium leading-none',\n muted: 'text-muted-foreground text-sm',\n },\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n 'bg-bg-underlay/50 backdrop-blur-xs'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n 'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n {\n variants: {\n variant: {\n dark: 'bg-bg-inverted text-white',\n warning: 'bg-bg-warning',\n },\n size: {\n default: 'text-xs',\n },\n },\n defaultVariants: {\n variant: 'dark',\n size: 'default',\n },\n }\n);\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Modal.styles';\nexport * from './SectionMessage.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\n\nexport const theme: Theme = {\n name: 'docs',\n root,\n components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -2458,7 +2458,6 @@
|
|
|
2458
2458
|
}
|
|
2459
2459
|
.after\:content-\[\"\:\"\] {
|
|
2460
2460
|
&::after {
|
|
2461
|
-
content: var(--tw-content);
|
|
2462
2461
|
--tw-content: ":";
|
|
2463
2462
|
content: var(--tw-content);
|
|
2464
2463
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@marigold/theme-docs",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.11",
|
|
4
4
|
"description": "Marigold Docs Theme",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -41,20 +41,20 @@
|
|
|
41
41
|
"directory": "themes/theme-docs"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@tailwindcss/postcss": "4.1.
|
|
44
|
+
"@tailwindcss/postcss": "4.1.14",
|
|
45
45
|
"cssnano": "7.1.1",
|
|
46
46
|
"postcss-cli": "11.0.1",
|
|
47
47
|
"postcss-prefix-selector": "2.1.1",
|
|
48
|
-
"tailwindcss": "4.1.
|
|
49
|
-
"
|
|
48
|
+
"tailwindcss": "4.1.14",
|
|
49
|
+
"tsdown": "0.15.6",
|
|
50
50
|
"@marigold/tsconfig": "0.4.1"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@marigold/components": "15.
|
|
54
|
-
"@marigold/system": "15.
|
|
53
|
+
"@marigold/components": "15.4.1",
|
|
54
|
+
"@marigold/system": "15.4.1",
|
|
55
55
|
"@marigold/theme-plugins": "1.0.2"
|
|
56
56
|
},
|
|
57
57
|
"scripts": {
|
|
58
|
-
"build": "NODE_ENV=production
|
|
58
|
+
"build": "NODE_ENV=production tsdown && postcss -o dist/styles.css src/styles.css && cp src/theme.css dist/theme.css"
|
|
59
59
|
}
|
|
60
60
|
}
|