@marigold/theme-docs 2.1.0 → 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 +63 -43
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +60 -41
  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 +183 -532
  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 +8 -8
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,19 +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
- [
86
- "bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow"
87
- ],
85
+ ["relative w-full overflow-hidden rounded-xl"],
88
86
  {
89
87
  variants: {
90
88
  variant: {
91
- default: "p-6",
92
- hovering: "p-6 transition-shadow hover:cursor-pointer hover:shadow-md",
93
- content: "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"
94
99
  }
95
100
  },
96
101
  defaultVariants: {
97
- variant: "default"
102
+ variant: "default",
103
+ size: "default"
98
104
  }
99
105
  }
100
106
  );
@@ -102,7 +108,7 @@ var Card = (0, import_system2.cva)(
102
108
  // src/components/Dialog.styles.ts
103
109
  var import_system3 = require("@marigold/system");
104
110
  var Dialog = {
105
- closeButton: (0, import_system3.cva)("absolute right-2 top-2", {
111
+ closeButton: (0, import_system3.cva)("", {
106
112
  variants: {
107
113
  variant: {
108
114
  fullscreen: ["size-6", "right-4 top-4"]
@@ -120,13 +126,16 @@ var Dialog = {
120
126
  "*:max-h-none *:min-w-[75vw]"
121
127
  ],
122
128
  fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
123
- zoom: "max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]"
129
+ zoom: "max-h-[96vh] overflow-y-auto"
124
130
  }
125
131
  },
126
132
  defaultVariants: {
127
133
  variant: "default"
128
134
  }
129
- })
135
+ }),
136
+ header: (0, import_system3.cva)(""),
137
+ content: (0, import_system3.cva)(""),
138
+ actions: (0, import_system3.cva)("")
130
139
  };
131
140
 
132
141
  // src/components/Header.styles.ts
@@ -238,24 +247,37 @@ var Label = {
238
247
 
239
248
  // src/components/Link.styles.ts
240
249
  var import_system9 = require("@marigold/system");
241
- var Link = (0, import_system9.cva)(
242
- ["font-medium underline underline-offset-4"],
243
- {
244
- variants: {
245
- variant: {
246
- toc: [
247
- "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
248
- "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
249
- ],
250
- cta: [
251
- "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
252
- "text-sm font-semibold text-purple-100 no-underline",
253
- "transition-all hover:bg-purple-600"
254
- ]
255
- }
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"
256
274
  }
275
+ },
276
+ defaultVariants: {
277
+ variant: "default",
278
+ size: "inline"
257
279
  }
258
- );
280
+ });
259
281
 
260
282
  // src/components/List.styles.ts
261
283
  var import_system10 = require("@marigold/system");
@@ -296,7 +318,7 @@ var ListBox = {
296
318
  }
297
319
  ),
298
320
  section: (0, import_system11.cva)(),
299
- sectionTitle: (0, import_system11.cva)()
321
+ header: (0, import_system11.cva)()
300
322
  };
301
323
 
302
324
  // src/components/Menu.styles.ts
@@ -331,7 +353,7 @@ var Menu = {
331
353
  })
332
354
  };
333
355
 
334
- // src/components/Message.styles.ts
356
+ // src/components/SectionMessage.styles.ts
335
357
  var import_system13 = require("@marigold/system");
336
358
  var SectionMessage = {
337
359
  container: (0, import_system13.cva)(
@@ -467,19 +489,16 @@ var Table = {
467
489
 
468
490
  // src/components/Text.styles.ts
469
491
  var import_system18 = require("@marigold/system");
470
- var Text = (0, import_system18.cva)(
471
- "leading-7 [&:not(:first-child)]:mt-6",
472
- {
473
- variants: {
474
- variant: {
475
- lead: "text-muted-foreground text-xl",
476
- large: "text-lg font-semibold",
477
- small: "text-sm font-medium leading-none",
478
- muted: "text-muted-foreground text-sm"
479
- }
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"
480
499
  }
481
500
  }
482
- );
501
+ });
483
502
 
484
503
  // src/components/Underlay.styles.ts
485
504
  var import_system19 = require("@marigold/system");
@@ -498,7 +517,7 @@ var Badge = (0, import_system20.cva)(
498
517
  {
499
518
  variants: {
500
519
  variant: {
501
- dark: "bg-bg-surface-lowered text-white"
520
+ dark: "bg-bg-inverted text-white"
502
521
  },
503
522
  size: {
504
523
  default: "text-xs"
@@ -645,14 +664,15 @@ var colors = {
645
664
  // ---------------
646
665
  bg: {
647
666
  body: slate[50],
667
+ inverted: slate[700],
648
668
  hover: neutral[100],
649
669
  muted: slate[100],
650
670
  disabled: slate[100],
651
671
  underlay: slate[500],
652
672
  surface: {
653
- DEFAULT: white,
654
- raised: slate[200],
655
- lowered: slate[700],
673
+ DEFAULT: slate[50],
674
+ raised: slate[50],
675
+ lowered: slate[100],
656
676
  overlay: white
657
677
  },
658
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/Message.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 './Message.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 [\n 'bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow',\n ],\n {\n variants: {\n variant: {\n default: 'p-6',\n hovering: 'p-6 transition-shadow hover:cursor-pointer hover:shadow-md',\n content: '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,19 +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
- [
64
- "bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow"
65
- ],
63
+ ["relative w-full overflow-hidden rounded-xl"],
66
64
  {
67
65
  variants: {
68
66
  variant: {
69
- default: "p-6",
70
- hovering: "p-6 transition-shadow hover:cursor-pointer hover:shadow-md",
71
- content: "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"
72
77
  }
73
78
  },
74
79
  defaultVariants: {
75
- variant: "default"
80
+ variant: "default",
81
+ size: "default"
76
82
  }
77
83
  }
78
84
  );
@@ -80,7 +86,7 @@ var Card = cva2(
80
86
  // src/components/Dialog.styles.ts
81
87
  import { cva as cva3 } from "@marigold/system";
82
88
  var Dialog = {
83
- closeButton: cva3("absolute right-2 top-2", {
89
+ closeButton: cva3("", {
84
90
  variants: {
85
91
  variant: {
86
92
  fullscreen: ["size-6", "right-4 top-4"]
@@ -98,13 +104,16 @@ var Dialog = {
98
104
  "*:max-h-none *:min-w-[75vw]"
99
105
  ],
100
106
  fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
101
- zoom: "max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]"
107
+ zoom: "max-h-[96vh] overflow-y-auto"
102
108
  }
103
109
  },
104
110
  defaultVariants: {
105
111
  variant: "default"
106
112
  }
107
- })
113
+ }),
114
+ header: cva3(""),
115
+ content: cva3(""),
116
+ actions: cva3("")
108
117
  };
109
118
 
110
119
  // src/components/Header.styles.ts
@@ -216,24 +225,37 @@ var Label = {
216
225
 
217
226
  // src/components/Link.styles.ts
218
227
  import { cva as cva9 } from "@marigold/system";
219
- var Link = cva9(
220
- ["font-medium underline underline-offset-4"],
221
- {
222
- variants: {
223
- variant: {
224
- toc: [
225
- "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
226
- "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
227
- ],
228
- cta: [
229
- "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
230
- "text-sm font-semibold text-purple-100 no-underline",
231
- "transition-all hover:bg-purple-600"
232
- ]
233
- }
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"
234
252
  }
253
+ },
254
+ defaultVariants: {
255
+ variant: "default",
256
+ size: "inline"
235
257
  }
236
- );
258
+ });
237
259
 
238
260
  // src/components/List.styles.ts
239
261
  import { cva as cva10 } from "@marigold/system";
@@ -274,7 +296,7 @@ var ListBox = {
274
296
  }
275
297
  ),
276
298
  section: cva11(),
277
- sectionTitle: cva11()
299
+ header: cva11()
278
300
  };
279
301
 
280
302
  // src/components/Menu.styles.ts
@@ -309,7 +331,7 @@ var Menu = {
309
331
  })
310
332
  };
311
333
 
312
- // src/components/Message.styles.ts
334
+ // src/components/SectionMessage.styles.ts
313
335
  import { cva as cva13 } from "@marigold/system";
314
336
  var SectionMessage = {
315
337
  container: cva13(
@@ -445,19 +467,16 @@ var Table = {
445
467
 
446
468
  // src/components/Text.styles.ts
447
469
  import { cva as cva18 } from "@marigold/system";
448
- var Text = cva18(
449
- "leading-7 [&:not(:first-child)]:mt-6",
450
- {
451
- variants: {
452
- variant: {
453
- lead: "text-muted-foreground text-xl",
454
- large: "text-lg font-semibold",
455
- small: "text-sm font-medium leading-none",
456
- muted: "text-muted-foreground text-sm"
457
- }
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"
458
477
  }
459
478
  }
460
- );
479
+ });
461
480
 
462
481
  // src/components/Underlay.styles.ts
463
482
  import { cva as cva19 } from "@marigold/system";
@@ -476,7 +495,7 @@ var Badge = cva20(
476
495
  {
477
496
  variants: {
478
497
  variant: {
479
- dark: "bg-bg-surface-lowered text-white"
498
+ dark: "bg-bg-inverted text-white"
480
499
  },
481
500
  size: {
482
501
  default: "text-xs"