@marigold/theme-docs 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,13 +1,8 @@
1
1
  "use strict";
2
- var __create = Object.create;
3
2
  var __defProp = Object.defineProperty;
4
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __commonJS = (cb, mod) => function __require() {
9
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
10
- };
11
6
  var __export = (target, all) => {
12
7
  for (var name in all)
13
8
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,515 +15,8 @@ var __copyProps = (to, from, except, desc) => {
20
15
  }
21
16
  return to;
22
17
  };
23
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
24
- // If the importer is in node compatibility mode or this is not an ESM
25
- // file that has been converted to a CommonJS file using a Babel-
26
- // compatible transform (i.e. "__esModule" has not been set), then set
27
- // "default" to the CommonJS "module.exports" for node compatibility.
28
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
29
- mod
30
- ));
31
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
32
19
 
33
- // ../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js
34
- var require_picocolors = __commonJS({
35
- "../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js"(exports2, module2) {
36
- "use strict";
37
- var argv = process.argv || [];
38
- var env = process.env;
39
- var isColorSupported = !("NO_COLOR" in env || argv.includes("--no-color")) && ("FORCE_COLOR" in env || argv.includes("--color") || process.platform === "win32" || require != null && require("tty").isatty(1) && env.TERM !== "dumb" || "CI" in env);
40
- var formatter = (open, close, replace = open) => (input) => {
41
- let string = "" + input;
42
- let index = string.indexOf(close, open.length);
43
- return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
44
- };
45
- var replaceClose = (string, close, replace, index) => {
46
- let result = "";
47
- let cursor = 0;
48
- do {
49
- result += string.substring(cursor, index) + replace;
50
- cursor = index + close.length;
51
- index = string.indexOf(close, cursor);
52
- } while (~index);
53
- return result + string.substring(cursor);
54
- };
55
- var createColors = (enabled = isColorSupported) => {
56
- let init = enabled ? formatter : () => String;
57
- return {
58
- isColorSupported: enabled,
59
- reset: init("\x1B[0m", "\x1B[0m"),
60
- bold: init("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
61
- dim: init("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
62
- italic: init("\x1B[3m", "\x1B[23m"),
63
- underline: init("\x1B[4m", "\x1B[24m"),
64
- inverse: init("\x1B[7m", "\x1B[27m"),
65
- hidden: init("\x1B[8m", "\x1B[28m"),
66
- strikethrough: init("\x1B[9m", "\x1B[29m"),
67
- black: init("\x1B[30m", "\x1B[39m"),
68
- red: init("\x1B[31m", "\x1B[39m"),
69
- green: init("\x1B[32m", "\x1B[39m"),
70
- yellow: init("\x1B[33m", "\x1B[39m"),
71
- blue: init("\x1B[34m", "\x1B[39m"),
72
- magenta: init("\x1B[35m", "\x1B[39m"),
73
- cyan: init("\x1B[36m", "\x1B[39m"),
74
- white: init("\x1B[37m", "\x1B[39m"),
75
- gray: init("\x1B[90m", "\x1B[39m"),
76
- bgBlack: init("\x1B[40m", "\x1B[49m"),
77
- bgRed: init("\x1B[41m", "\x1B[49m"),
78
- bgGreen: init("\x1B[42m", "\x1B[49m"),
79
- bgYellow: init("\x1B[43m", "\x1B[49m"),
80
- bgBlue: init("\x1B[44m", "\x1B[49m"),
81
- bgMagenta: init("\x1B[45m", "\x1B[49m"),
82
- bgCyan: init("\x1B[46m", "\x1B[49m"),
83
- bgWhite: init("\x1B[47m", "\x1B[49m")
84
- };
85
- };
86
- module2.exports = createColors();
87
- module2.exports.createColors = createColors;
88
- }
89
- });
90
-
91
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js
92
- var require_log = __commonJS({
93
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js"(exports2) {
94
- "use strict";
95
- Object.defineProperty(exports2, "__esModule", {
96
- value: true
97
- });
98
- function _export(target, all) {
99
- for (var name in all)
100
- Object.defineProperty(target, name, {
101
- enumerable: true,
102
- get: all[name]
103
- });
104
- }
105
- _export(exports2, {
106
- dim: function() {
107
- return dim;
108
- },
109
- default: function() {
110
- return _default;
111
- }
112
- });
113
- var _picocolors = /* @__PURE__ */ _interop_require_default(require_picocolors());
114
- function _interop_require_default(obj) {
115
- return obj && obj.__esModule ? obj : {
116
- default: obj
117
- };
118
- }
119
- var alreadyShown = /* @__PURE__ */ new Set();
120
- function log(type, messages, key) {
121
- if (typeof process !== "undefined" && process.env.JEST_WORKER_ID)
122
- return;
123
- if (key && alreadyShown.has(key))
124
- return;
125
- if (key)
126
- alreadyShown.add(key);
127
- console.warn("");
128
- messages.forEach((message) => console.warn(type, "-", message));
129
- }
130
- function dim(input) {
131
- return _picocolors.default.dim(input);
132
- }
133
- var _default = {
134
- info(key, messages) {
135
- log(_picocolors.default.bold(_picocolors.default.cyan("info")), ...Array.isArray(key) ? [
136
- key
137
- ] : [
138
- messages,
139
- key
140
- ]);
141
- },
142
- warn(key, messages) {
143
- log(_picocolors.default.bold(_picocolors.default.yellow("warn")), ...Array.isArray(key) ? [
144
- key
145
- ] : [
146
- messages,
147
- key
148
- ]);
149
- },
150
- risk(key, messages) {
151
- log(_picocolors.default.bold(_picocolors.default.magenta("risk")), ...Array.isArray(key) ? [
152
- key
153
- ] : [
154
- messages,
155
- key
156
- ]);
157
- }
158
- };
159
- }
160
- });
161
-
162
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js
163
- var require_colors = __commonJS({
164
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js"(exports2) {
165
- "use strict";
166
- Object.defineProperty(exports2, "__esModule", {
167
- value: true
168
- });
169
- Object.defineProperty(exports2, "default", {
170
- enumerable: true,
171
- get: function() {
172
- return _default;
173
- }
174
- });
175
- var _log = /* @__PURE__ */ _interop_require_default(require_log());
176
- function _interop_require_default(obj) {
177
- return obj && obj.__esModule ? obj : {
178
- default: obj
179
- };
180
- }
181
- function warn({ version, from, to }) {
182
- _log.default.warn(`${from}-color-renamed`, [
183
- `As of Tailwind CSS ${version}, \`${from}\` has been renamed to \`${to}\`.`,
184
- "Update your configuration file to silence this warning."
185
- ]);
186
- }
187
- var _default = {
188
- inherit: "inherit",
189
- current: "currentColor",
190
- transparent: "transparent",
191
- black: "#000",
192
- white: "#fff",
193
- slate: {
194
- 50: "#f8fafc",
195
- 100: "#f1f5f9",
196
- 200: "#e2e8f0",
197
- 300: "#cbd5e1",
198
- 400: "#94a3b8",
199
- 500: "#64748b",
200
- 600: "#475569",
201
- 700: "#334155",
202
- 800: "#1e293b",
203
- 900: "#0f172a",
204
- 950: "#020617"
205
- },
206
- gray: {
207
- 50: "#f9fafb",
208
- 100: "#f3f4f6",
209
- 200: "#e5e7eb",
210
- 300: "#d1d5db",
211
- 400: "#9ca3af",
212
- 500: "#6b7280",
213
- 600: "#4b5563",
214
- 700: "#374151",
215
- 800: "#1f2937",
216
- 900: "#111827",
217
- 950: "#030712"
218
- },
219
- zinc: {
220
- 50: "#fafafa",
221
- 100: "#f4f4f5",
222
- 200: "#e4e4e7",
223
- 300: "#d4d4d8",
224
- 400: "#a1a1aa",
225
- 500: "#71717a",
226
- 600: "#52525b",
227
- 700: "#3f3f46",
228
- 800: "#27272a",
229
- 900: "#18181b",
230
- 950: "#09090b"
231
- },
232
- neutral: {
233
- 50: "#fafafa",
234
- 100: "#f5f5f5",
235
- 200: "#e5e5e5",
236
- 300: "#d4d4d4",
237
- 400: "#a3a3a3",
238
- 500: "#737373",
239
- 600: "#525252",
240
- 700: "#404040",
241
- 800: "#262626",
242
- 900: "#171717",
243
- 950: "#0a0a0a"
244
- },
245
- stone: {
246
- 50: "#fafaf9",
247
- 100: "#f5f5f4",
248
- 200: "#e7e5e4",
249
- 300: "#d6d3d1",
250
- 400: "#a8a29e",
251
- 500: "#78716c",
252
- 600: "#57534e",
253
- 700: "#44403c",
254
- 800: "#292524",
255
- 900: "#1c1917",
256
- 950: "#0c0a09"
257
- },
258
- red: {
259
- 50: "#fef2f2",
260
- 100: "#fee2e2",
261
- 200: "#fecaca",
262
- 300: "#fca5a5",
263
- 400: "#f87171",
264
- 500: "#ef4444",
265
- 600: "#dc2626",
266
- 700: "#b91c1c",
267
- 800: "#991b1b",
268
- 900: "#7f1d1d",
269
- 950: "#450a0a"
270
- },
271
- orange: {
272
- 50: "#fff7ed",
273
- 100: "#ffedd5",
274
- 200: "#fed7aa",
275
- 300: "#fdba74",
276
- 400: "#fb923c",
277
- 500: "#f97316",
278
- 600: "#ea580c",
279
- 700: "#c2410c",
280
- 800: "#9a3412",
281
- 900: "#7c2d12",
282
- 950: "#431407"
283
- },
284
- amber: {
285
- 50: "#fffbeb",
286
- 100: "#fef3c7",
287
- 200: "#fde68a",
288
- 300: "#fcd34d",
289
- 400: "#fbbf24",
290
- 500: "#f59e0b",
291
- 600: "#d97706",
292
- 700: "#b45309",
293
- 800: "#92400e",
294
- 900: "#78350f",
295
- 950: "#451a03"
296
- },
297
- yellow: {
298
- 50: "#fefce8",
299
- 100: "#fef9c3",
300
- 200: "#fef08a",
301
- 300: "#fde047",
302
- 400: "#facc15",
303
- 500: "#eab308",
304
- 600: "#ca8a04",
305
- 700: "#a16207",
306
- 800: "#854d0e",
307
- 900: "#713f12",
308
- 950: "#422006"
309
- },
310
- lime: {
311
- 50: "#f7fee7",
312
- 100: "#ecfccb",
313
- 200: "#d9f99d",
314
- 300: "#bef264",
315
- 400: "#a3e635",
316
- 500: "#84cc16",
317
- 600: "#65a30d",
318
- 700: "#4d7c0f",
319
- 800: "#3f6212",
320
- 900: "#365314",
321
- 950: "#1a2e05"
322
- },
323
- green: {
324
- 50: "#f0fdf4",
325
- 100: "#dcfce7",
326
- 200: "#bbf7d0",
327
- 300: "#86efac",
328
- 400: "#4ade80",
329
- 500: "#22c55e",
330
- 600: "#16a34a",
331
- 700: "#15803d",
332
- 800: "#166534",
333
- 900: "#14532d",
334
- 950: "#052e16"
335
- },
336
- emerald: {
337
- 50: "#ecfdf5",
338
- 100: "#d1fae5",
339
- 200: "#a7f3d0",
340
- 300: "#6ee7b7",
341
- 400: "#34d399",
342
- 500: "#10b981",
343
- 600: "#059669",
344
- 700: "#047857",
345
- 800: "#065f46",
346
- 900: "#064e3b",
347
- 950: "#022c22"
348
- },
349
- teal: {
350
- 50: "#f0fdfa",
351
- 100: "#ccfbf1",
352
- 200: "#99f6e4",
353
- 300: "#5eead4",
354
- 400: "#2dd4bf",
355
- 500: "#14b8a6",
356
- 600: "#0d9488",
357
- 700: "#0f766e",
358
- 800: "#115e59",
359
- 900: "#134e4a",
360
- 950: "#042f2e"
361
- },
362
- cyan: {
363
- 50: "#ecfeff",
364
- 100: "#cffafe",
365
- 200: "#a5f3fc",
366
- 300: "#67e8f9",
367
- 400: "#22d3ee",
368
- 500: "#06b6d4",
369
- 600: "#0891b2",
370
- 700: "#0e7490",
371
- 800: "#155e75",
372
- 900: "#164e63",
373
- 950: "#083344"
374
- },
375
- sky: {
376
- 50: "#f0f9ff",
377
- 100: "#e0f2fe",
378
- 200: "#bae6fd",
379
- 300: "#7dd3fc",
380
- 400: "#38bdf8",
381
- 500: "#0ea5e9",
382
- 600: "#0284c7",
383
- 700: "#0369a1",
384
- 800: "#075985",
385
- 900: "#0c4a6e",
386
- 950: "#082f49"
387
- },
388
- blue: {
389
- 50: "#eff6ff",
390
- 100: "#dbeafe",
391
- 200: "#bfdbfe",
392
- 300: "#93c5fd",
393
- 400: "#60a5fa",
394
- 500: "#3b82f6",
395
- 600: "#2563eb",
396
- 700: "#1d4ed8",
397
- 800: "#1e40af",
398
- 900: "#1e3a8a",
399
- 950: "#172554"
400
- },
401
- indigo: {
402
- 50: "#eef2ff",
403
- 100: "#e0e7ff",
404
- 200: "#c7d2fe",
405
- 300: "#a5b4fc",
406
- 400: "#818cf8",
407
- 500: "#6366f1",
408
- 600: "#4f46e5",
409
- 700: "#4338ca",
410
- 800: "#3730a3",
411
- 900: "#312e81",
412
- 950: "#1e1b4b"
413
- },
414
- violet: {
415
- 50: "#f5f3ff",
416
- 100: "#ede9fe",
417
- 200: "#ddd6fe",
418
- 300: "#c4b5fd",
419
- 400: "#a78bfa",
420
- 500: "#8b5cf6",
421
- 600: "#7c3aed",
422
- 700: "#6d28d9",
423
- 800: "#5b21b6",
424
- 900: "#4c1d95",
425
- 950: "#2e1065"
426
- },
427
- purple: {
428
- 50: "#faf5ff",
429
- 100: "#f3e8ff",
430
- 200: "#e9d5ff",
431
- 300: "#d8b4fe",
432
- 400: "#c084fc",
433
- 500: "#a855f7",
434
- 600: "#9333ea",
435
- 700: "#7e22ce",
436
- 800: "#6b21a8",
437
- 900: "#581c87",
438
- 950: "#3b0764"
439
- },
440
- fuchsia: {
441
- 50: "#fdf4ff",
442
- 100: "#fae8ff",
443
- 200: "#f5d0fe",
444
- 300: "#f0abfc",
445
- 400: "#e879f9",
446
- 500: "#d946ef",
447
- 600: "#c026d3",
448
- 700: "#a21caf",
449
- 800: "#86198f",
450
- 900: "#701a75",
451
- 950: "#4a044e"
452
- },
453
- pink: {
454
- 50: "#fdf2f8",
455
- 100: "#fce7f3",
456
- 200: "#fbcfe8",
457
- 300: "#f9a8d4",
458
- 400: "#f472b6",
459
- 500: "#ec4899",
460
- 600: "#db2777",
461
- 700: "#be185d",
462
- 800: "#9d174d",
463
- 900: "#831843",
464
- 950: "#500724"
465
- },
466
- rose: {
467
- 50: "#fff1f2",
468
- 100: "#ffe4e6",
469
- 200: "#fecdd3",
470
- 300: "#fda4af",
471
- 400: "#fb7185",
472
- 500: "#f43f5e",
473
- 600: "#e11d48",
474
- 700: "#be123c",
475
- 800: "#9f1239",
476
- 900: "#881337",
477
- 950: "#4c0519"
478
- },
479
- get lightBlue() {
480
- warn({
481
- version: "v2.2",
482
- from: "lightBlue",
483
- to: "sky"
484
- });
485
- return this.sky;
486
- },
487
- get warmGray() {
488
- warn({
489
- version: "v3.0",
490
- from: "warmGray",
491
- to: "stone"
492
- });
493
- return this.stone;
494
- },
495
- get trueGray() {
496
- warn({
497
- version: "v3.0",
498
- from: "trueGray",
499
- to: "neutral"
500
- });
501
- return this.neutral;
502
- },
503
- get coolGray() {
504
- warn({
505
- version: "v3.0",
506
- from: "coolGray",
507
- to: "gray"
508
- });
509
- return this.gray;
510
- },
511
- get blueGray() {
512
- warn({
513
- version: "v3.0",
514
- from: "blueGray",
515
- to: "slate"
516
- });
517
- return this.slate;
518
- }
519
- };
520
- }
521
- });
522
-
523
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js
524
- var require_colors2 = __commonJS({
525
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js"(exports2, module2) {
526
- "use strict";
527
- var colors2 = require_colors();
528
- module2.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
529
- }
530
- });
531
-
532
20
  // src/index.ts
533
21
  var src_exports = {};
534
22
  __export(src_exports, {
@@ -812,7 +300,59 @@ var import_system16 = require("@marigold/system");
812
300
  var root = (0, import_system16.cva)("text-text-primary bg-bg-body");
813
301
 
814
302
  // src/tokens.ts
815
- var import_colors = __toESM(require_colors2());
303
+ var white = "#fff";
304
+ var amber = {
305
+ 50: "#fffbeb",
306
+ 100: "#fef3c7",
307
+ 200: "#fde68a",
308
+ 300: "#fcd34d",
309
+ 400: "#fbbf24",
310
+ 500: "#f59e0b",
311
+ 600: "#d97706",
312
+ 700: "#b45309",
313
+ 800: "#92400e",
314
+ 900: "#78350f",
315
+ 950: "#451a03"
316
+ };
317
+ var blue = {
318
+ 50: "#eff6ff",
319
+ 100: "#dbeafe",
320
+ 200: "#bfdbfe",
321
+ 300: "#93c5fd",
322
+ 400: "#60a5fa",
323
+ 500: "#3b82f6",
324
+ 600: "#2563eb",
325
+ 700: "#1d4ed8",
326
+ 800: "#1e40af",
327
+ 900: "#1e3a8a",
328
+ 950: "#172554"
329
+ };
330
+ var neutral = {
331
+ 50: "#fafafa",
332
+ 100: "#f5f5f5",
333
+ 200: "#e5e5e5",
334
+ 300: "#d4d4d4",
335
+ 400: "#a3a3a3",
336
+ 500: "#737373",
337
+ 600: "#525252",
338
+ 700: "#404040",
339
+ 800: "#262626",
340
+ 900: "#171717",
341
+ 950: "#0a0a0a"
342
+ };
343
+ var slate = {
344
+ 50: "#f8fafc",
345
+ 100: "#f1f5f9",
346
+ 200: "#e2e8f0",
347
+ 300: "#cbd5e1",
348
+ 400: "#94a3b8",
349
+ 500: "#64748b",
350
+ 600: "#475569",
351
+ 700: "#334155",
352
+ 800: "#1e293b",
353
+ 900: "#0f172a",
354
+ 950: "#020617"
355
+ };
816
356
  var brand = {
817
357
  primary: {
818
358
  50: "#fff2e6",
@@ -845,41 +385,41 @@ var colors = {
845
385
  // Brand
846
386
  // ---------------
847
387
  ...brand,
848
- secondary: import_colors.default.slate,
388
+ secondary: slate,
849
389
  code,
850
390
  // Text
851
391
  // ---------------
852
392
  text: {
853
393
  primary: {
854
- DEFAULT: import_colors.default.slate[950],
855
- muted: import_colors.default.slate[500]
394
+ DEFAULT: slate[950],
395
+ muted: slate[500]
856
396
  },
857
397
  // State
858
- info: import_colors.default.blue[800],
859
- warning: import_colors.default.amber[800]
398
+ info: blue[800],
399
+ warning: amber[800]
860
400
  },
861
401
  // Background
862
402
  // ---------------
863
403
  bg: {
864
- body: import_colors.default.slate[50],
865
- hover: import_colors.default.neutral[100],
866
- muted: import_colors.default.slate[100],
867
- underlay: import_colors.default.slate[500],
404
+ body: slate[50],
405
+ hover: neutral[100],
406
+ muted: slate[100],
407
+ underlay: slate[500],
868
408
  surface: {
869
- DEFAULT: import_colors.default.white,
870
- raised: import_colors.default.slate[200],
871
- lowered: import_colors.default.slate[700],
872
- overlay: import_colors.default.white
409
+ DEFAULT: white,
410
+ raised: slate[200],
411
+ lowered: slate[700],
412
+ overlay: white
873
413
  },
874
414
  // Status
875
- info: import_colors.default.blue[100],
876
- warning: import_colors.default.amber[50]
415
+ info: blue[100],
416
+ warning: amber[50]
877
417
  },
878
418
  // Border
879
419
  // ---------------
880
420
  border: {
881
- DEFAULT: import_colors.default.slate[300],
882
- primary: import_colors.default.slate[950]
421
+ DEFAULT: slate[300],
422
+ primary: slate[950]
883
423
  }
884
424
  };
885
425