@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/preset.js CHANGED
@@ -1160,505 +1160,6 @@ var require_defaultTheme = __commonJS({
1160
1160
  }
1161
1161
  });
1162
1162
 
1163
- // ../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js
1164
- var require_picocolors = __commonJS({
1165
- "../../node_modules/.pnpm/picocolors@1.0.1/node_modules/picocolors/picocolors.js"(exports2, module2) {
1166
- "use strict";
1167
- var argv = process.argv || [];
1168
- var env = process.env;
1169
- 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);
1170
- var formatter = (open, close, replace = open) => (input) => {
1171
- let string = "" + input;
1172
- let index = string.indexOf(close, open.length);
1173
- return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
1174
- };
1175
- var replaceClose = (string, close, replace, index) => {
1176
- let result = "";
1177
- let cursor = 0;
1178
- do {
1179
- result += string.substring(cursor, index) + replace;
1180
- cursor = index + close.length;
1181
- index = string.indexOf(close, cursor);
1182
- } while (~index);
1183
- return result + string.substring(cursor);
1184
- };
1185
- var createColors = (enabled = isColorSupported) => {
1186
- let init = enabled ? formatter : () => String;
1187
- return {
1188
- isColorSupported: enabled,
1189
- reset: init("\x1B[0m", "\x1B[0m"),
1190
- bold: init("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
1191
- dim: init("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
1192
- italic: init("\x1B[3m", "\x1B[23m"),
1193
- underline: init("\x1B[4m", "\x1B[24m"),
1194
- inverse: init("\x1B[7m", "\x1B[27m"),
1195
- hidden: init("\x1B[8m", "\x1B[28m"),
1196
- strikethrough: init("\x1B[9m", "\x1B[29m"),
1197
- black: init("\x1B[30m", "\x1B[39m"),
1198
- red: init("\x1B[31m", "\x1B[39m"),
1199
- green: init("\x1B[32m", "\x1B[39m"),
1200
- yellow: init("\x1B[33m", "\x1B[39m"),
1201
- blue: init("\x1B[34m", "\x1B[39m"),
1202
- magenta: init("\x1B[35m", "\x1B[39m"),
1203
- cyan: init("\x1B[36m", "\x1B[39m"),
1204
- white: init("\x1B[37m", "\x1B[39m"),
1205
- gray: init("\x1B[90m", "\x1B[39m"),
1206
- bgBlack: init("\x1B[40m", "\x1B[49m"),
1207
- bgRed: init("\x1B[41m", "\x1B[49m"),
1208
- bgGreen: init("\x1B[42m", "\x1B[49m"),
1209
- bgYellow: init("\x1B[43m", "\x1B[49m"),
1210
- bgBlue: init("\x1B[44m", "\x1B[49m"),
1211
- bgMagenta: init("\x1B[45m", "\x1B[49m"),
1212
- bgCyan: init("\x1B[46m", "\x1B[49m"),
1213
- bgWhite: init("\x1B[47m", "\x1B[49m")
1214
- };
1215
- };
1216
- module2.exports = createColors();
1217
- module2.exports.createColors = createColors;
1218
- }
1219
- });
1220
-
1221
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js
1222
- var require_log = __commonJS({
1223
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/util/log.js"(exports2) {
1224
- "use strict";
1225
- Object.defineProperty(exports2, "__esModule", {
1226
- value: true
1227
- });
1228
- function _export(target, all) {
1229
- for (var name in all)
1230
- Object.defineProperty(target, name, {
1231
- enumerable: true,
1232
- get: all[name]
1233
- });
1234
- }
1235
- _export(exports2, {
1236
- dim: function() {
1237
- return dim;
1238
- },
1239
- default: function() {
1240
- return _default;
1241
- }
1242
- });
1243
- var _picocolors = /* @__PURE__ */ _interop_require_default(require_picocolors());
1244
- function _interop_require_default(obj) {
1245
- return obj && obj.__esModule ? obj : {
1246
- default: obj
1247
- };
1248
- }
1249
- var alreadyShown = /* @__PURE__ */ new Set();
1250
- function log(type, messages, key) {
1251
- if (typeof process !== "undefined" && process.env.JEST_WORKER_ID)
1252
- return;
1253
- if (key && alreadyShown.has(key))
1254
- return;
1255
- if (key)
1256
- alreadyShown.add(key);
1257
- console.warn("");
1258
- messages.forEach((message) => console.warn(type, "-", message));
1259
- }
1260
- function dim(input) {
1261
- return _picocolors.default.dim(input);
1262
- }
1263
- var _default = {
1264
- info(key, messages) {
1265
- log(_picocolors.default.bold(_picocolors.default.cyan("info")), ...Array.isArray(key) ? [
1266
- key
1267
- ] : [
1268
- messages,
1269
- key
1270
- ]);
1271
- },
1272
- warn(key, messages) {
1273
- log(_picocolors.default.bold(_picocolors.default.yellow("warn")), ...Array.isArray(key) ? [
1274
- key
1275
- ] : [
1276
- messages,
1277
- key
1278
- ]);
1279
- },
1280
- risk(key, messages) {
1281
- log(_picocolors.default.bold(_picocolors.default.magenta("risk")), ...Array.isArray(key) ? [
1282
- key
1283
- ] : [
1284
- messages,
1285
- key
1286
- ]);
1287
- }
1288
- };
1289
- }
1290
- });
1291
-
1292
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js
1293
- var require_colors = __commonJS({
1294
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/lib/public/colors.js"(exports2) {
1295
- "use strict";
1296
- Object.defineProperty(exports2, "__esModule", {
1297
- value: true
1298
- });
1299
- Object.defineProperty(exports2, "default", {
1300
- enumerable: true,
1301
- get: function() {
1302
- return _default;
1303
- }
1304
- });
1305
- var _log = /* @__PURE__ */ _interop_require_default(require_log());
1306
- function _interop_require_default(obj) {
1307
- return obj && obj.__esModule ? obj : {
1308
- default: obj
1309
- };
1310
- }
1311
- function warn({ version, from, to }) {
1312
- _log.default.warn(`${from}-color-renamed`, [
1313
- `As of Tailwind CSS ${version}, \`${from}\` has been renamed to \`${to}\`.`,
1314
- "Update your configuration file to silence this warning."
1315
- ]);
1316
- }
1317
- var _default = {
1318
- inherit: "inherit",
1319
- current: "currentColor",
1320
- transparent: "transparent",
1321
- black: "#000",
1322
- white: "#fff",
1323
- slate: {
1324
- 50: "#f8fafc",
1325
- 100: "#f1f5f9",
1326
- 200: "#e2e8f0",
1327
- 300: "#cbd5e1",
1328
- 400: "#94a3b8",
1329
- 500: "#64748b",
1330
- 600: "#475569",
1331
- 700: "#334155",
1332
- 800: "#1e293b",
1333
- 900: "#0f172a",
1334
- 950: "#020617"
1335
- },
1336
- gray: {
1337
- 50: "#f9fafb",
1338
- 100: "#f3f4f6",
1339
- 200: "#e5e7eb",
1340
- 300: "#d1d5db",
1341
- 400: "#9ca3af",
1342
- 500: "#6b7280",
1343
- 600: "#4b5563",
1344
- 700: "#374151",
1345
- 800: "#1f2937",
1346
- 900: "#111827",
1347
- 950: "#030712"
1348
- },
1349
- zinc: {
1350
- 50: "#fafafa",
1351
- 100: "#f4f4f5",
1352
- 200: "#e4e4e7",
1353
- 300: "#d4d4d8",
1354
- 400: "#a1a1aa",
1355
- 500: "#71717a",
1356
- 600: "#52525b",
1357
- 700: "#3f3f46",
1358
- 800: "#27272a",
1359
- 900: "#18181b",
1360
- 950: "#09090b"
1361
- },
1362
- neutral: {
1363
- 50: "#fafafa",
1364
- 100: "#f5f5f5",
1365
- 200: "#e5e5e5",
1366
- 300: "#d4d4d4",
1367
- 400: "#a3a3a3",
1368
- 500: "#737373",
1369
- 600: "#525252",
1370
- 700: "#404040",
1371
- 800: "#262626",
1372
- 900: "#171717",
1373
- 950: "#0a0a0a"
1374
- },
1375
- stone: {
1376
- 50: "#fafaf9",
1377
- 100: "#f5f5f4",
1378
- 200: "#e7e5e4",
1379
- 300: "#d6d3d1",
1380
- 400: "#a8a29e",
1381
- 500: "#78716c",
1382
- 600: "#57534e",
1383
- 700: "#44403c",
1384
- 800: "#292524",
1385
- 900: "#1c1917",
1386
- 950: "#0c0a09"
1387
- },
1388
- red: {
1389
- 50: "#fef2f2",
1390
- 100: "#fee2e2",
1391
- 200: "#fecaca",
1392
- 300: "#fca5a5",
1393
- 400: "#f87171",
1394
- 500: "#ef4444",
1395
- 600: "#dc2626",
1396
- 700: "#b91c1c",
1397
- 800: "#991b1b",
1398
- 900: "#7f1d1d",
1399
- 950: "#450a0a"
1400
- },
1401
- orange: {
1402
- 50: "#fff7ed",
1403
- 100: "#ffedd5",
1404
- 200: "#fed7aa",
1405
- 300: "#fdba74",
1406
- 400: "#fb923c",
1407
- 500: "#f97316",
1408
- 600: "#ea580c",
1409
- 700: "#c2410c",
1410
- 800: "#9a3412",
1411
- 900: "#7c2d12",
1412
- 950: "#431407"
1413
- },
1414
- amber: {
1415
- 50: "#fffbeb",
1416
- 100: "#fef3c7",
1417
- 200: "#fde68a",
1418
- 300: "#fcd34d",
1419
- 400: "#fbbf24",
1420
- 500: "#f59e0b",
1421
- 600: "#d97706",
1422
- 700: "#b45309",
1423
- 800: "#92400e",
1424
- 900: "#78350f",
1425
- 950: "#451a03"
1426
- },
1427
- yellow: {
1428
- 50: "#fefce8",
1429
- 100: "#fef9c3",
1430
- 200: "#fef08a",
1431
- 300: "#fde047",
1432
- 400: "#facc15",
1433
- 500: "#eab308",
1434
- 600: "#ca8a04",
1435
- 700: "#a16207",
1436
- 800: "#854d0e",
1437
- 900: "#713f12",
1438
- 950: "#422006"
1439
- },
1440
- lime: {
1441
- 50: "#f7fee7",
1442
- 100: "#ecfccb",
1443
- 200: "#d9f99d",
1444
- 300: "#bef264",
1445
- 400: "#a3e635",
1446
- 500: "#84cc16",
1447
- 600: "#65a30d",
1448
- 700: "#4d7c0f",
1449
- 800: "#3f6212",
1450
- 900: "#365314",
1451
- 950: "#1a2e05"
1452
- },
1453
- green: {
1454
- 50: "#f0fdf4",
1455
- 100: "#dcfce7",
1456
- 200: "#bbf7d0",
1457
- 300: "#86efac",
1458
- 400: "#4ade80",
1459
- 500: "#22c55e",
1460
- 600: "#16a34a",
1461
- 700: "#15803d",
1462
- 800: "#166534",
1463
- 900: "#14532d",
1464
- 950: "#052e16"
1465
- },
1466
- emerald: {
1467
- 50: "#ecfdf5",
1468
- 100: "#d1fae5",
1469
- 200: "#a7f3d0",
1470
- 300: "#6ee7b7",
1471
- 400: "#34d399",
1472
- 500: "#10b981",
1473
- 600: "#059669",
1474
- 700: "#047857",
1475
- 800: "#065f46",
1476
- 900: "#064e3b",
1477
- 950: "#022c22"
1478
- },
1479
- teal: {
1480
- 50: "#f0fdfa",
1481
- 100: "#ccfbf1",
1482
- 200: "#99f6e4",
1483
- 300: "#5eead4",
1484
- 400: "#2dd4bf",
1485
- 500: "#14b8a6",
1486
- 600: "#0d9488",
1487
- 700: "#0f766e",
1488
- 800: "#115e59",
1489
- 900: "#134e4a",
1490
- 950: "#042f2e"
1491
- },
1492
- cyan: {
1493
- 50: "#ecfeff",
1494
- 100: "#cffafe",
1495
- 200: "#a5f3fc",
1496
- 300: "#67e8f9",
1497
- 400: "#22d3ee",
1498
- 500: "#06b6d4",
1499
- 600: "#0891b2",
1500
- 700: "#0e7490",
1501
- 800: "#155e75",
1502
- 900: "#164e63",
1503
- 950: "#083344"
1504
- },
1505
- sky: {
1506
- 50: "#f0f9ff",
1507
- 100: "#e0f2fe",
1508
- 200: "#bae6fd",
1509
- 300: "#7dd3fc",
1510
- 400: "#38bdf8",
1511
- 500: "#0ea5e9",
1512
- 600: "#0284c7",
1513
- 700: "#0369a1",
1514
- 800: "#075985",
1515
- 900: "#0c4a6e",
1516
- 950: "#082f49"
1517
- },
1518
- blue: {
1519
- 50: "#eff6ff",
1520
- 100: "#dbeafe",
1521
- 200: "#bfdbfe",
1522
- 300: "#93c5fd",
1523
- 400: "#60a5fa",
1524
- 500: "#3b82f6",
1525
- 600: "#2563eb",
1526
- 700: "#1d4ed8",
1527
- 800: "#1e40af",
1528
- 900: "#1e3a8a",
1529
- 950: "#172554"
1530
- },
1531
- indigo: {
1532
- 50: "#eef2ff",
1533
- 100: "#e0e7ff",
1534
- 200: "#c7d2fe",
1535
- 300: "#a5b4fc",
1536
- 400: "#818cf8",
1537
- 500: "#6366f1",
1538
- 600: "#4f46e5",
1539
- 700: "#4338ca",
1540
- 800: "#3730a3",
1541
- 900: "#312e81",
1542
- 950: "#1e1b4b"
1543
- },
1544
- violet: {
1545
- 50: "#f5f3ff",
1546
- 100: "#ede9fe",
1547
- 200: "#ddd6fe",
1548
- 300: "#c4b5fd",
1549
- 400: "#a78bfa",
1550
- 500: "#8b5cf6",
1551
- 600: "#7c3aed",
1552
- 700: "#6d28d9",
1553
- 800: "#5b21b6",
1554
- 900: "#4c1d95",
1555
- 950: "#2e1065"
1556
- },
1557
- purple: {
1558
- 50: "#faf5ff",
1559
- 100: "#f3e8ff",
1560
- 200: "#e9d5ff",
1561
- 300: "#d8b4fe",
1562
- 400: "#c084fc",
1563
- 500: "#a855f7",
1564
- 600: "#9333ea",
1565
- 700: "#7e22ce",
1566
- 800: "#6b21a8",
1567
- 900: "#581c87",
1568
- 950: "#3b0764"
1569
- },
1570
- fuchsia: {
1571
- 50: "#fdf4ff",
1572
- 100: "#fae8ff",
1573
- 200: "#f5d0fe",
1574
- 300: "#f0abfc",
1575
- 400: "#e879f9",
1576
- 500: "#d946ef",
1577
- 600: "#c026d3",
1578
- 700: "#a21caf",
1579
- 800: "#86198f",
1580
- 900: "#701a75",
1581
- 950: "#4a044e"
1582
- },
1583
- pink: {
1584
- 50: "#fdf2f8",
1585
- 100: "#fce7f3",
1586
- 200: "#fbcfe8",
1587
- 300: "#f9a8d4",
1588
- 400: "#f472b6",
1589
- 500: "#ec4899",
1590
- 600: "#db2777",
1591
- 700: "#be185d",
1592
- 800: "#9d174d",
1593
- 900: "#831843",
1594
- 950: "#500724"
1595
- },
1596
- rose: {
1597
- 50: "#fff1f2",
1598
- 100: "#ffe4e6",
1599
- 200: "#fecdd3",
1600
- 300: "#fda4af",
1601
- 400: "#fb7185",
1602
- 500: "#f43f5e",
1603
- 600: "#e11d48",
1604
- 700: "#be123c",
1605
- 800: "#9f1239",
1606
- 900: "#881337",
1607
- 950: "#4c0519"
1608
- },
1609
- get lightBlue() {
1610
- warn({
1611
- version: "v2.2",
1612
- from: "lightBlue",
1613
- to: "sky"
1614
- });
1615
- return this.sky;
1616
- },
1617
- get warmGray() {
1618
- warn({
1619
- version: "v3.0",
1620
- from: "warmGray",
1621
- to: "stone"
1622
- });
1623
- return this.stone;
1624
- },
1625
- get trueGray() {
1626
- warn({
1627
- version: "v3.0",
1628
- from: "trueGray",
1629
- to: "neutral"
1630
- });
1631
- return this.neutral;
1632
- },
1633
- get coolGray() {
1634
- warn({
1635
- version: "v3.0",
1636
- from: "coolGray",
1637
- to: "gray"
1638
- });
1639
- return this.gray;
1640
- },
1641
- get blueGray() {
1642
- warn({
1643
- version: "v3.0",
1644
- from: "blueGray",
1645
- to: "slate"
1646
- });
1647
- return this.slate;
1648
- }
1649
- };
1650
- }
1651
- });
1652
-
1653
- // ../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js
1654
- var require_colors2 = __commonJS({
1655
- "../../node_modules/.pnpm/tailwindcss@3.4.1/node_modules/tailwindcss/colors.js"(exports2, module2) {
1656
- "use strict";
1657
- var colors2 = require_colors();
1658
- module2.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
1659
- }
1660
- });
1661
-
1662
1163
  // src/preset.ts
1663
1164
  var preset_exports = {};
1664
1165
  __export(preset_exports, {
@@ -1669,7 +1170,59 @@ var import_defaultTheme = __toESM(require_defaultTheme());
1669
1170
  var import_theme_preset = require("@marigold/theme-preset");
1670
1171
 
1671
1172
  // src/tokens.ts
1672
- var import_colors = __toESM(require_colors2());
1173
+ var white = "#fff";
1174
+ var amber = {
1175
+ 50: "#fffbeb",
1176
+ 100: "#fef3c7",
1177
+ 200: "#fde68a",
1178
+ 300: "#fcd34d",
1179
+ 400: "#fbbf24",
1180
+ 500: "#f59e0b",
1181
+ 600: "#d97706",
1182
+ 700: "#b45309",
1183
+ 800: "#92400e",
1184
+ 900: "#78350f",
1185
+ 950: "#451a03"
1186
+ };
1187
+ var blue = {
1188
+ 50: "#eff6ff",
1189
+ 100: "#dbeafe",
1190
+ 200: "#bfdbfe",
1191
+ 300: "#93c5fd",
1192
+ 400: "#60a5fa",
1193
+ 500: "#3b82f6",
1194
+ 600: "#2563eb",
1195
+ 700: "#1d4ed8",
1196
+ 800: "#1e40af",
1197
+ 900: "#1e3a8a",
1198
+ 950: "#172554"
1199
+ };
1200
+ var neutral = {
1201
+ 50: "#fafafa",
1202
+ 100: "#f5f5f5",
1203
+ 200: "#e5e5e5",
1204
+ 300: "#d4d4d4",
1205
+ 400: "#a3a3a3",
1206
+ 500: "#737373",
1207
+ 600: "#525252",
1208
+ 700: "#404040",
1209
+ 800: "#262626",
1210
+ 900: "#171717",
1211
+ 950: "#0a0a0a"
1212
+ };
1213
+ var slate = {
1214
+ 50: "#f8fafc",
1215
+ 100: "#f1f5f9",
1216
+ 200: "#e2e8f0",
1217
+ 300: "#cbd5e1",
1218
+ 400: "#94a3b8",
1219
+ 500: "#64748b",
1220
+ 600: "#475569",
1221
+ 700: "#334155",
1222
+ 800: "#1e293b",
1223
+ 900: "#0f172a",
1224
+ 950: "#020617"
1225
+ };
1673
1226
  var brand = {
1674
1227
  primary: {
1675
1228
  50: "#fff2e6",
@@ -1702,41 +1255,41 @@ var colors = {
1702
1255
  // Brand
1703
1256
  // ---------------
1704
1257
  ...brand,
1705
- secondary: import_colors.default.slate,
1258
+ secondary: slate,
1706
1259
  code,
1707
1260
  // Text
1708
1261
  // ---------------
1709
1262
  text: {
1710
1263
  primary: {
1711
- DEFAULT: import_colors.default.slate[950],
1712
- muted: import_colors.default.slate[500]
1264
+ DEFAULT: slate[950],
1265
+ muted: slate[500]
1713
1266
  },
1714
1267
  // State
1715
- info: import_colors.default.blue[800],
1716
- warning: import_colors.default.amber[800]
1268
+ info: blue[800],
1269
+ warning: amber[800]
1717
1270
  },
1718
1271
  // Background
1719
1272
  // ---------------
1720
1273
  bg: {
1721
- body: import_colors.default.slate[50],
1722
- hover: import_colors.default.neutral[100],
1723
- muted: import_colors.default.slate[100],
1724
- underlay: import_colors.default.slate[500],
1274
+ body: slate[50],
1275
+ hover: neutral[100],
1276
+ muted: slate[100],
1277
+ underlay: slate[500],
1725
1278
  surface: {
1726
- DEFAULT: import_colors.default.white,
1727
- raised: import_colors.default.slate[200],
1728
- lowered: import_colors.default.slate[700],
1729
- overlay: import_colors.default.white
1279
+ DEFAULT: white,
1280
+ raised: slate[200],
1281
+ lowered: slate[700],
1282
+ overlay: white
1730
1283
  },
1731
1284
  // Status
1732
- info: import_colors.default.blue[100],
1733
- warning: import_colors.default.amber[50]
1285
+ info: blue[100],
1286
+ warning: amber[50]
1734
1287
  },
1735
1288
  // Border
1736
1289
  // ---------------
1737
1290
  border: {
1738
- DEFAULT: import_colors.default.slate[300],
1739
- primary: import_colors.default.slate[950]
1291
+ DEFAULT: slate[300],
1292
+ primary: slate[950]
1740
1293
  }
1741
1294
  };
1742
1295