@webmate-studio/builder 0.2.105 → 0.2.107
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/package.json +1 -1
- package/src/design-tokens.js +44 -1
package/package.json
CHANGED
package/src/design-tokens.js
CHANGED
|
@@ -684,6 +684,9 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
684
684
|
if (tokens.typography.fontFamily.mono) {
|
|
685
685
|
lines.push(` --font-mono: ${tokens.typography.fontFamily.mono};`);
|
|
686
686
|
}
|
|
687
|
+
if (tokens.typography.fontFamily.accent) {
|
|
688
|
+
lines.push(` --font-accent: ${tokens.typography.fontFamily.accent};`);
|
|
689
|
+
}
|
|
687
690
|
}
|
|
688
691
|
|
|
689
692
|
// Typography - Base values
|
|
@@ -1440,10 +1443,17 @@ export function generateCSSFromTokens(tokens) {
|
|
|
1440
1443
|
lines.push('}');
|
|
1441
1444
|
|
|
1442
1445
|
// Lists
|
|
1443
|
-
lines.push('.prose ul
|
|
1446
|
+
lines.push('.prose ul {');
|
|
1444
1447
|
lines.push(' margin-top: 1rem;');
|
|
1445
1448
|
lines.push(' margin-bottom: 1rem;');
|
|
1446
1449
|
lines.push(' padding-left: 1.5rem;');
|
|
1450
|
+
lines.push(' list-style-type: disc;');
|
|
1451
|
+
lines.push('}');
|
|
1452
|
+
lines.push('.prose ol {');
|
|
1453
|
+
lines.push(' margin-top: 1rem;');
|
|
1454
|
+
lines.push(' margin-bottom: 1rem;');
|
|
1455
|
+
lines.push(' padding-left: 1.5rem;');
|
|
1456
|
+
lines.push(' list-style-type: decimal;');
|
|
1447
1457
|
lines.push('}');
|
|
1448
1458
|
lines.push('.prose li {');
|
|
1449
1459
|
lines.push(' margin-top: 0.25rem;');
|
|
@@ -1472,6 +1482,39 @@ export function generateCSSFromTokens(tokens) {
|
|
|
1472
1482
|
lines.push(' font-style: italic;');
|
|
1473
1483
|
lines.push('}');
|
|
1474
1484
|
|
|
1485
|
+
// Tables
|
|
1486
|
+
lines.push('.prose-table-wrapper {');
|
|
1487
|
+
lines.push(' max-width: 100%;');
|
|
1488
|
+
lines.push(' overflow-x: auto;');
|
|
1489
|
+
lines.push(' margin-top: 1.5rem;');
|
|
1490
|
+
lines.push(' margin-bottom: 1.5rem;');
|
|
1491
|
+
lines.push('}');
|
|
1492
|
+
lines.push('.prose table {');
|
|
1493
|
+
lines.push(' width: 100%;');
|
|
1494
|
+
lines.push(' max-width: 100%;');
|
|
1495
|
+
lines.push(' border-collapse: collapse;');
|
|
1496
|
+
lines.push(' font-size: 0.875rem;');
|
|
1497
|
+
lines.push('}');
|
|
1498
|
+
lines.push('.prose thead {');
|
|
1499
|
+
lines.push(' border-bottom: 2px solid var(--color-border, #e5e7eb);');
|
|
1500
|
+
lines.push('}');
|
|
1501
|
+
lines.push('.prose th {');
|
|
1502
|
+
lines.push(' padding: 0.75rem 1rem;');
|
|
1503
|
+
lines.push(' text-align: left;');
|
|
1504
|
+
lines.push(' vertical-align: top;');
|
|
1505
|
+
lines.push(' font-weight: 600;');
|
|
1506
|
+
lines.push(' color: var(--color-text-primary, #111827);');
|
|
1507
|
+
lines.push('}');
|
|
1508
|
+
lines.push('.prose td {');
|
|
1509
|
+
lines.push(' padding: 0.75rem 1rem;');
|
|
1510
|
+
lines.push(' text-align: left;');
|
|
1511
|
+
lines.push(' vertical-align: top;');
|
|
1512
|
+
lines.push(' border-bottom: 1px solid var(--color-border, #e5e7eb);');
|
|
1513
|
+
lines.push('}');
|
|
1514
|
+
lines.push('.prose tbody tr:last-child td {');
|
|
1515
|
+
lines.push(' border-bottom: none;');
|
|
1516
|
+
lines.push('}');
|
|
1517
|
+
|
|
1475
1518
|
// Add responsive prose styles for headings
|
|
1476
1519
|
for (const bp of breakpointKeys) {
|
|
1477
1520
|
const mediaQueryLines = [];
|