@marigold/theme-docs 2.1.1 → 2.2.0

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.
Files changed (17) hide show
  1. package/dist/{chunk-LFYXUJAZ.mjs → chunk-QYJP3VXC.mjs} +5 -4
  2. package/dist/{chunk-LFYXUJAZ.mjs.map → chunk-QYJP3VXC.mjs.map} +1 -1
  3. package/dist/index.js +62 -41
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +59 -39
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/preset.js +25 -11
  8. package/dist/preset.js.map +1 -1
  9. package/dist/preset.mjs +22 -9
  10. package/dist/preset.mjs.map +1 -1
  11. package/dist/styles.css +180 -131
  12. package/dist/tokens.d.mts +2 -1
  13. package/dist/tokens.d.ts +2 -1
  14. package/dist/tokens.js +4 -3
  15. package/dist/tokens.js.map +1 -1
  16. package/dist/tokens.mjs +1 -1
  17. package/package.json +6 -6
package/dist/{chunk-LFYXUJAZ.mjs → chunk-QYJP3VXC.mjs} RENAMED
@@ -158,14 +158,15 @@ var colors = {
158
158
  // ---------------
159
159
  bg: {
160
160
  body: slate[50],
161
+ inverted: slate[700],
161
162
  hover: neutral[100],
162
163
  muted: slate[100],
163
164
  disabled: slate[100],
164
165
  underlay: slate[500],
165
166
  surface: {
166
- DEFAULT: white,
167
- raised: slate[200],
168
- lowered: slate[700],
167
+ DEFAULT: slate[50],
168
+ raised: slate[50],
169
+ lowered: slate[100],
169
170
  overlay: white
170
171
  },
171
172
  // Status
@@ -191,4 +192,4 @@ export {
191
192
  __toESM,
192
193
  colors
193
194
  };
194
- //# sourceMappingURL=chunk-LFYXUJAZ.mjs.map
195
+ //# sourceMappingURL=chunk-QYJP3VXC.mjs.map
package/dist/{chunk-LFYXUJAZ.mjs.map → chunk-QYJP3VXC.mjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n};\n\nconst blue = {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n};\n\nconst lime = {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n};\n\nconst neutral = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n};\n\nconst red = {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n};\n\nconst slate = {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n primary: {\n 50: '#fff2e6',\n 100: '#fee6cd',\n 200: '#fdcc9b',\n 300: '#fcb369',\n 400: '#fb9937',\n 500: '#fa8005',\n 600: '#c86604',\n 700: '#964d03',\n 800: '#643302',\n 900: '#321a01',\n 950: '#190d00',\n },\n};\n\n// material palenight theme\nconst code = {\n '50': '#f6f7f9',\n '100': '#ebecf3',\n '200': '#d3d6e4',\n '300': '#acb3cd',\n '400': '#808cb0',\n '500': '#606e97',\n '600': '#4b557e',\n '700': '#3e4666',\n '800': '#363d56',\n '900': '#292d3e',\n '950': '#202231',\n};\n\nexport const colors = {\n // Brand\n // ---------------\n ...brand,\n secondary: slate,\n code,\n\n // Text\n // ---------------\n text: {\n primary: {\n DEFAULT: slate[950],\n muted: slate[500],\n },\n disabled: slate[300],\n\n // State\n info: blue[800],\n warning: amber[800],\n },\n\n // Background\n // ---------------\n bg: {\n body: slate[50],\n hover: neutral[100],\n muted: slate[100],\n disabled: slate[100],\n\n underlay: slate[500],\n\n surface: {\n DEFAULT: white,\n raised: slate[200],\n lowered: slate[700],\n overlay: white,\n },\n\n // Status\n success: lime[50],\n error: red[50],\n info: blue[50],\n warning: amber[50],\n },\n\n // Border\n // ---------------\n border: {\n DEFAULT: slate[300],\n primary: slate[950],\n\n // status\n success: lime[500],\n error: red[400],\n },\n} as const;\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n};\n\nconst blue = {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n};\n\nconst lime = {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n};\n\nconst neutral = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n};\n\nconst red = {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n};\n\nconst slate = {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n primary: {\n 50: '#fff2e6',\n 100: '#fee6cd',\n 200: '#fdcc9b',\n 300: '#fcb369',\n 400: '#fb9937',\n 500: '#fa8005',\n 600: '#c86604',\n 700: '#964d03',\n 800: '#643302',\n 900: '#321a01',\n 950: '#190d00',\n },\n};\n\n// material palenight theme\nconst code = {\n '50': '#f6f7f9',\n '100': '#ebecf3',\n '200': '#d3d6e4',\n '300': '#acb3cd',\n '400': '#808cb0',\n '500': '#606e97',\n '600': '#4b557e',\n '700': '#3e4666',\n '800': '#363d56',\n '900': '#292d3e',\n '950': '#202231',\n};\n\nexport const colors = {\n // Brand\n // ---------------\n ...brand,\n secondary: slate,\n code,\n\n // Text\n // ---------------\n text: {\n primary: {\n DEFAULT: slate[950],\n muted: slate[500],\n },\n disabled: slate[300],\n\n // State\n info: blue[800],\n warning: amber[800],\n },\n\n // Background\n // ---------------\n bg: {\n body: slate[50],\n inverted: slate[700],\n hover: neutral[100],\n muted: slate[100],\n disabled: slate[100],\n\n underlay: slate[500],\n\n surface: {\n DEFAULT: slate[50],\n raised: slate[50],\n lowered: slate[100],\n overlay: white,\n },\n\n // Status\n success: lime[50],\n error: red[50],\n info: blue[50],\n warning: amber[50],\n },\n\n // Border\n // ---------------\n border: {\n DEFAULT: slate[300],\n primary: slate[950],\n\n // status\n success: lime[500],\n error: red[400],\n },\n} as const;\n"],"mappings":"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","names":[]}
package/dist/index.js CHANGED
@@ -82,18 +82,25 @@ var Button = (0, import_system.cva)("flex gap-2 rounded-sm", {
82
82
  // src/components/Card.styles.ts
83
83
  var import_system2 = require("@marigold/system");
84
84
  var Card = (0, import_system2.cva)(
85
- ["border-secondary-300 relative w-full overflow-hidden rounded-xl border"],
85
+ ["relative w-full overflow-hidden rounded-xl"],
86
86
  {
87
87
  variants: {
88
88
  variant: {
89
- default: "bg-bg-surface p-6 shadow",
90
- hovering: "bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md",
91
- content: "bg-bg-surface my-6 shadow",
92
- outline: "bg-bg-surface/40 my-6"
89
+ default: "bg-bg-surface p-6 shadow border border-secondary-300",
90
+ hovering: "bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300",
91
+ content: "bg-bg-surface my-6 shadow border border-secondary-300",
92
+ outline: "bg-bg-surface/40 my-6 border border-secondary-300",
93
+ lowered: "bg-bg-surface-lowered p-6",
94
+ image: ""
95
+ },
96
+ size: {
97
+ default: "",
98
+ full: "size-full"
93
99
  }
94
100
  },
95
101
  defaultVariants: {
96
- variant: "default"
102
+ variant: "default",
103
+ size: "default"
97
104
  }
98
105
  }
99
106
  );
@@ -101,7 +108,7 @@ var Card = (0, import_system2.cva)(
101
108
  // src/components/Dialog.styles.ts
102
109
  var import_system3 = require("@marigold/system");
103
110
  var Dialog = {
104
- closeButton: (0, import_system3.cva)("absolute right-2 top-2", {
111
+ closeButton: (0, import_system3.cva)("", {
105
112
  variants: {
106
113
  variant: {
107
114
  fullscreen: ["size-6", "right-4 top-4"]
@@ -119,13 +126,16 @@ var Dialog = {
119
126
  "*:max-h-none *:min-w-[75vw]"
120
127
  ],
121
128
  fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
122
- zoom: "max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]"
129
+ zoom: "max-h-[96vh] overflow-y-auto"
123
130
  }
124
131
  },
125
132
  defaultVariants: {
126
133
  variant: "default"
127
134
  }
128
- })
135
+ }),
136
+ header: (0, import_system3.cva)(""),
137
+ content: (0, import_system3.cva)(""),
138
+ actions: (0, import_system3.cva)("")
129
139
  };
130
140
 
131
141
  // src/components/Header.styles.ts
@@ -237,24 +247,37 @@ var Label = {
237
247
 
238
248
  // src/components/Link.styles.ts
239
249
  var import_system9 = require("@marigold/system");
240
- var Link = (0, import_system9.cva)(
241
- ["font-medium underline underline-offset-4"],
242
- {
243
- variants: {
244
- variant: {
245
- toc: [
246
- "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
247
- "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
248
- ],
249
- cta: [
250
- "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
251
- "text-sm font-semibold text-purple-100 no-underline",
252
- "transition-all hover:bg-purple-600"
253
- ]
254
- }
250
+ var Link = (0, import_system9.cva)(["font-medium"], {
251
+ variants: {
252
+ variant: {
253
+ default: "underline underline-offset-4",
254
+ primary: "bg-text-primary text-white leading-none",
255
+ secondary: "border-text-primary border-2 leading-none",
256
+ toc: [
257
+ "text-secondary-500 hover:text-secondary-800 text-xs",
258
+ "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
259
+ ],
260
+ cta: [
261
+ "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
262
+ "text-sm font-semibold text-purple-100",
263
+ "transition-all hover:bg-purple-600"
264
+ ],
265
+ ghost: "hover:underline underline-offset-4",
266
+ shiny: "border bg-slate-100 hover:bg-slate-200 transition-all ease-in"
267
+ },
268
+ size: {
269
+ inline: "",
270
+ xsmall: "rounded-full text-xs py-1.5 px-2",
271
+ small: "px-3 py-1.5 text-sm rounded",
272
+ regular: "px-3 py-2 rounded",
273
+ large: "px-8 py-3.5 rounded"
255
274
  }
275
+ },
276
+ defaultVariants: {
277
+ variant: "default",
278
+ size: "inline"
256
279
  }
257
- );
280
+ });
258
281
 
259
282
  // src/components/List.styles.ts
260
283
  var import_system10 = require("@marigold/system");
@@ -295,7 +318,7 @@ var ListBox = {
295
318
  }
296
319
  ),
297
320
  section: (0, import_system11.cva)(),
298
- sectionTitle: (0, import_system11.cva)()
321
+ header: (0, import_system11.cva)()
299
322
  };
300
323
 
301
324
  // src/components/Menu.styles.ts
@@ -466,19 +489,16 @@ var Table = {
466
489
 
467
490
  // src/components/Text.styles.ts
468
491
  var import_system18 = require("@marigold/system");
469
- var Text = (0, import_system18.cva)(
470
- "leading-7 [&:not(:first-child)]:mt-6",
471
- {
472
- variants: {
473
- variant: {
474
- lead: "text-muted-foreground text-xl",
475
- large: "text-lg font-semibold",
476
- small: "text-sm font-medium leading-none",
477
- muted: "text-muted-foreground text-sm"
478
- }
492
+ var Text = (0, import_system18.cva)("leading-7", {
493
+ variants: {
494
+ variant: {
495
+ lead: "text-muted-foreground text-xl",
496
+ large: "text-lg font-semibold",
497
+ small: "text-sm font-medium leading-none",
498
+ muted: "text-muted-foreground text-sm"
479
499
  }
480
500
  }
481
- );
501
+ });
482
502
 
483
503
  // src/components/Underlay.styles.ts
484
504
  var import_system19 = require("@marigold/system");
@@ -497,7 +517,7 @@ var Badge = (0, import_system20.cva)(
497
517
  {
498
518
  variants: {
499
519
  variant: {
500
- dark: "bg-bg-surface-lowered text-white"
520
+ dark: "bg-bg-inverted text-white"
501
521
  },
502
522
  size: {
503
523
  default: "text-xs"
@@ -644,14 +664,15 @@ var colors = {
644
664
  // ---------------
645
665
  bg: {
646
666
  body: slate[50],
667
+ inverted: slate[700],
647
668
  hover: neutral[100],
648
669
  muted: slate[100],
649
670
  disabled: slate[100],
650
671
  underlay: slate[500],
651
672
  surface: {
652
- DEFAULT: white,
653
- raised: slate[200],
654
- lowered: slate[700],
673
+ DEFAULT: slate[50],
674
+ raised: slate[50],
675
+ lowered: slate[100],
655
676
  overlay: white
656
677
  },
657
678
  // Status
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.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/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/tokens.ts"],"sourcesContent":["import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n name: 'docs',\n screens: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px',\n },\n root,\n colors,\n components,\n};\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.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 './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('flex gap-2 rounded-sm', {\n variants: {\n variant: {\n ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\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 },\n size: {\n small: 'px-3 py-1.5 text-sm',\n default: 'px-3 py-2',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n ['border-secondary-300 relative w-full overflow-hidden rounded-xl border'],\n {\n variants: {\n variant: {\n default: 'bg-bg-surface p-6 shadow',\n hovering:\n 'bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md',\n content: 'bg-bg-surface my-6 shadow',\n outline: 'bg-bg-surface/40 my-6',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva('absolute right-2 top-2', {\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 *:max-h-none *:min-w-[55vw]',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Header: ThemeComponent<'Header'> = cva();\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","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded 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(\n ['font-medium underline underline-offset-4'],\n {\n variants: {\n variant: {\n toc: [\n 'text-secondary-500 hover:text-secondary-800 text-xs no-underline',\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 no-underline',\n 'transition-all hover:bg-purple-600',\n ],\n },\n },\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 border drop-shadow-lg',\n ]),\n list: cva([\n 'outline-none',\n 'p-1',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ]),\n option: cva(\n [\n 'text-text-primary',\n 'cursor-pointer rounded outline-none',\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 sectionTitle: 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 p-2 outline-none', {\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};\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'),\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-none'], {\n variants: {\n variant: {\n default: 'gap-2',\n floating: [\n 'shadow',\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-none 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 header: cva('px-3 pb-2 pt-3 text-start'),\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(\n 'leading-7 [&:not(:first-child)]:mt-6',\n {\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);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('', {\n variants: {\n variant: {\n modal: 'bg-bg-underlay/50 backdrop-blur-sm',\n },\n },\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-surface-lowered text-white',\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","// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n};\n\nconst blue = {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n};\n\nconst lime = {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n};\n\nconst neutral = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n};\n\nconst red = {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n};\n\nconst slate = {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n primary: {\n 50: '#fff2e6',\n 100: '#fee6cd',\n 200: '#fdcc9b',\n 300: '#fcb369',\n 400: '#fb9937',\n 500: '#fa8005',\n 600: '#c86604',\n 700: '#964d03',\n 800: '#643302',\n 900: '#321a01',\n 950: '#190d00',\n },\n};\n\n// material palenight theme\nconst code = {\n '50': '#f6f7f9',\n '100': '#ebecf3',\n '200': '#d3d6e4',\n '300': '#acb3cd',\n '400': '#808cb0',\n '500': '#606e97',\n '600': '#4b557e',\n '700': '#3e4666',\n '800': '#363d56',\n '900': '#292d3e',\n '950': '#202231',\n};\n\nexport const colors = {\n // Brand\n // ---------------\n ...brand,\n secondary: slate,\n code,\n\n // Text\n // ---------------\n text: {\n primary: {\n DEFAULT: slate[950],\n muted: slate[500],\n },\n disabled: slate[300],\n\n // State\n info: blue[800],\n warning: amber[800],\n },\n\n // Background\n // ---------------\n bg: {\n body: slate[50],\n hover: neutral[100],\n muted: slate[100],\n disabled: slate[100],\n\n underlay: slate[500],\n\n surface: {\n DEFAULT: white,\n raised: slate[200],\n lowered: slate[700],\n overlay: white,\n },\n\n // Status\n success: lime[50],\n error: red[50],\n info: blue[50],\n warning: amber[50],\n },\n\n // Border\n // ---------------\n border: {\n DEFAULT: slate[300],\n primary: slate[950],\n\n // status\n success: lime[500],\n error: red[400],\n },\n} as const;\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.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/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/tokens.ts"],"sourcesContent":["import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n name: 'docs',\n screens: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px',\n },\n root,\n colors,\n components,\n};\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.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 './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('flex gap-2 rounded-sm', {\n variants: {\n variant: {\n ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\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 },\n size: {\n small: 'px-3 py-1.5 text-sm',\n default: 'px-3 py-2',\n },\n },\n defaultVariants: {\n size: 'default',\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: 'bg-bg-surface p-6 shadow border border-secondary-300',\n hovering:\n 'bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n content: 'bg-bg-surface my-6 shadow border border-secondary-300',\n outline: 'bg-bg-surface/40 my-6 border border-secondary-300',\n lowered: 'bg-bg-surface-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 { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva('', {\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 content: cva(''),\n actions: cva(''),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Header: ThemeComponent<'Header'> = cva();\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","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded 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: 'underline underline-offset-4',\n primary: 'bg-text-primary text-white leading-none',\n secondary: 'border-text-primary border-2 leading-none',\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: 'border 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-2',\n small: 'px-3 py-1.5 text-sm rounded',\n regular: 'px-3 py-2 rounded',\n large: 'px-8 py-3.5 rounded',\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 border drop-shadow-lg',\n ]),\n list: cva([\n 'outline-none',\n 'p-1',\n 'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n ]),\n option: cva(\n [\n 'text-text-primary',\n 'cursor-pointer rounded outline-none',\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 p-2 outline-none', {\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};\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'),\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-none'], {\n variants: {\n variant: {\n default: 'gap-2',\n floating: [\n 'shadow',\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-none 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 header: cva('px-3 pb-2 pt-3 text-start'),\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 variants: {\n variant: {\n modal: 'bg-bg-underlay/50 backdrop-blur-sm',\n },\n },\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 },\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","// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n};\n\nconst blue = {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n};\n\nconst lime = {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n};\n\nconst neutral = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n};\n\nconst red = {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n};\n\nconst slate = {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n primary: {\n 50: '#fff2e6',\n 100: '#fee6cd',\n 200: '#fdcc9b',\n 300: '#fcb369',\n 400: '#fb9937',\n 500: '#fa8005',\n 600: '#c86604',\n 700: '#964d03',\n 800: '#643302',\n 900: '#321a01',\n 950: '#190d00',\n },\n};\n\n// material palenight theme\nconst code = {\n '50': '#f6f7f9',\n '100': '#ebecf3',\n '200': '#d3d6e4',\n '300': '#acb3cd',\n '400': '#808cb0',\n '500': '#606e97',\n '600': '#4b557e',\n '700': '#3e4666',\n '800': '#363d56',\n '900': '#292d3e',\n '950': '#202231',\n};\n\nexport const colors = {\n // Brand\n // ---------------\n ...brand,\n secondary: slate,\n code,\n\n // Text\n // ---------------\n text: {\n primary: {\n DEFAULT: slate[950],\n muted: slate[500],\n },\n disabled: slate[300],\n\n // State\n info: blue[800],\n warning: amber[800],\n },\n\n // Background\n // ---------------\n bg: {\n body: slate[50],\n inverted: slate[700],\n hover: neutral[100],\n muted: slate[100],\n disabled: slate[100],\n\n underlay: slate[500],\n\n surface: {\n DEFAULT: slate[50],\n raised: slate[50],\n lowered: slate[100],\n overlay: white,\n },\n\n // Status\n success: lime[50],\n error: red[50],\n info: blue[50],\n warning: amber[50],\n },\n\n // Border\n // ---------------\n border: {\n DEFAULT: slate[300],\n primary: slate[950],\n\n // status\n success: lime[500],\n error: red[400],\n },\n} as const;\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  __export,
3
3
  colors
4
- } from "./chunk-LFYXUJAZ.mjs";
4
+ } from "./chunk-QYJP3VXC.mjs";
5
5
 
6
6
  // src/components/index.ts
7
7
  var components_exports = {};
@@ -60,18 +60,25 @@ var Button = cva("flex gap-2 rounded-sm", {
60
60
  // src/components/Card.styles.ts
61
61
  import { cva as cva2 } from "@marigold/system";
62
62
  var Card = cva2(
63
- ["border-secondary-300 relative w-full overflow-hidden rounded-xl border"],
63
+ ["relative w-full overflow-hidden rounded-xl"],
64
64
  {
65
65
  variants: {
66
66
  variant: {
67
- default: "bg-bg-surface p-6 shadow",
68
- hovering: "bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md",
69
- content: "bg-bg-surface my-6 shadow",
70
- outline: "bg-bg-surface/40 my-6"
67
+ default: "bg-bg-surface p-6 shadow border border-secondary-300",
68
+ hovering: "bg-bg-surface p-6 shadow transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300",
69
+ content: "bg-bg-surface my-6 shadow border border-secondary-300",
70
+ outline: "bg-bg-surface/40 my-6 border border-secondary-300",
71
+ lowered: "bg-bg-surface-lowered p-6",
72
+ image: ""
73
+ },
74
+ size: {
75
+ default: "",
76
+ full: "size-full"
71
77
  }
72
78
  },
73
79
  defaultVariants: {
74
- variant: "default"
80
+ variant: "default",
81
+ size: "default"
75
82
  }
76
83
  }
77
84
  );
@@ -79,7 +86,7 @@ var Card = cva2(
79
86
  // src/components/Dialog.styles.ts
80
87
  import { cva as cva3 } from "@marigold/system";
81
88
  var Dialog = {
82
- closeButton: cva3("absolute right-2 top-2", {
89
+ closeButton: cva3("", {
83
90
  variants: {
84
91
  variant: {
85
92
  fullscreen: ["size-6", "right-4 top-4"]
@@ -97,13 +104,16 @@ var Dialog = {
97
104
  "*:max-h-none *:min-w-[75vw]"
98
105
  ],
99
106
  fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
100
- zoom: "max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]"
107
+ zoom: "max-h-[96vh] overflow-y-auto"
101
108
  }
102
109
  },
103
110
  defaultVariants: {
104
111
  variant: "default"
105
112
  }
106
- })
113
+ }),
114
+ header: cva3(""),
115
+ content: cva3(""),
116
+ actions: cva3("")
107
117
  };
108
118
 
109
119
  // src/components/Header.styles.ts
@@ -215,24 +225,37 @@ var Label = {
215
225
 
216
226
  // src/components/Link.styles.ts
217
227
  import { cva as cva9 } from "@marigold/system";
218
- var Link = cva9(
219
- ["font-medium underline underline-offset-4"],
220
- {
221
- variants: {
222
- variant: {
223
- toc: [
224
- "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
225
- "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
226
- ],
227
- cta: [
228
- "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
229
- "text-sm font-semibold text-purple-100 no-underline",
230
- "transition-all hover:bg-purple-600"
231
- ]
232
- }
228
+ var Link = cva9(["font-medium"], {
229
+ variants: {
230
+ variant: {
231
+ default: "underline underline-offset-4",
232
+ primary: "bg-text-primary text-white leading-none",
233
+ secondary: "border-text-primary border-2 leading-none",
234
+ toc: [
235
+ "text-secondary-500 hover:text-secondary-800 text-xs",
236
+ "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
237
+ ],
238
+ cta: [
239
+ "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
240
+ "text-sm font-semibold text-purple-100",
241
+ "transition-all hover:bg-purple-600"
242
+ ],
243
+ ghost: "hover:underline underline-offset-4",
244
+ shiny: "border bg-slate-100 hover:bg-slate-200 transition-all ease-in"
245
+ },
246
+ size: {
247
+ inline: "",
248
+ xsmall: "rounded-full text-xs py-1.5 px-2",
249
+ small: "px-3 py-1.5 text-sm rounded",
250
+ regular: "px-3 py-2 rounded",
251
+ large: "px-8 py-3.5 rounded"
233
252
  }
253
+ },
254
+ defaultVariants: {
255
+ variant: "default",
256
+ size: "inline"
234
257
  }
235
- );
258
+ });
236
259
 
237
260
  // src/components/List.styles.ts
238
261
  import { cva as cva10 } from "@marigold/system";
@@ -273,7 +296,7 @@ var ListBox = {
273
296
  }
274
297
  ),
275
298
  section: cva11(),
276
- sectionTitle: cva11()
299
+ header: cva11()
277
300
  };
278
301
 
279
302
  // src/components/Menu.styles.ts
@@ -444,19 +467,16 @@ var Table = {
444
467
 
445
468
  // src/components/Text.styles.ts
446
469
  import { cva as cva18 } from "@marigold/system";
447
- var Text = cva18(
448
- "leading-7 [&:not(:first-child)]:mt-6",
449
- {
450
- variants: {
451
- variant: {
452
- lead: "text-muted-foreground text-xl",
453
- large: "text-lg font-semibold",
454
- small: "text-sm font-medium leading-none",
455
- muted: "text-muted-foreground text-sm"
456
- }
470
+ var Text = cva18("leading-7", {
471
+ variants: {
472
+ variant: {
473
+ lead: "text-muted-foreground text-xl",
474
+ large: "text-lg font-semibold",
475
+ small: "text-sm font-medium leading-none",
476
+ muted: "text-muted-foreground text-sm"
457
477
  }
458
478
  }
459
- );
479
+ });
460
480
 
461
481
  // src/components/Underlay.styles.ts
462
482
  import { cva as cva19 } from "@marigold/system";
@@ -475,7 +495,7 @@ var Badge = cva20(
475
495
  {
476
496
  variants: {
477
497
  variant: {
478
- dark: "bg-bg-surface-lowered text-white"
498
+ dark: "bg-bg-inverted text-white"
479
499
  },
480
500
  size: {
481
501
  default: "text-xs"