@webmate-studio/builder 0.2.106 → 0.2.108
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 +37 -0
package/package.json
CHANGED
package/src/design-tokens.js
CHANGED
|
@@ -1482,6 +1482,43 @@ export function generateCSSFromTokens(tokens) {
|
|
|
1482
1482
|
lines.push(' font-style: italic;');
|
|
1483
1483
|
lines.push('}');
|
|
1484
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(' display: block;');
|
|
1494
|
+
lines.push(' width: max-content;');
|
|
1495
|
+
lines.push(' max-width: 100%;');
|
|
1496
|
+
lines.push(' overflow-x: auto;');
|
|
1497
|
+
lines.push(' border-collapse: collapse;');
|
|
1498
|
+
lines.push(' font-size: 0.875rem;');
|
|
1499
|
+
lines.push(' margin-top: 1.5rem;');
|
|
1500
|
+
lines.push(' margin-bottom: 1.5rem;');
|
|
1501
|
+
lines.push('}');
|
|
1502
|
+
lines.push('.prose thead {');
|
|
1503
|
+
lines.push(' border-bottom: 2px solid var(--color-border, #e5e7eb);');
|
|
1504
|
+
lines.push('}');
|
|
1505
|
+
lines.push('.prose th {');
|
|
1506
|
+
lines.push(' padding: 0.75rem 1rem;');
|
|
1507
|
+
lines.push(' text-align: left;');
|
|
1508
|
+
lines.push(' vertical-align: top;');
|
|
1509
|
+
lines.push(' font-weight: 600;');
|
|
1510
|
+
lines.push(' color: var(--color-text-primary, #111827);');
|
|
1511
|
+
lines.push('}');
|
|
1512
|
+
lines.push('.prose td {');
|
|
1513
|
+
lines.push(' padding: 0.75rem 1rem;');
|
|
1514
|
+
lines.push(' text-align: left;');
|
|
1515
|
+
lines.push(' vertical-align: top;');
|
|
1516
|
+
lines.push(' border-bottom: 1px solid var(--color-border, #e5e7eb);');
|
|
1517
|
+
lines.push('}');
|
|
1518
|
+
lines.push('.prose tbody tr:last-child td {');
|
|
1519
|
+
lines.push(' border-bottom: none;');
|
|
1520
|
+
lines.push('}');
|
|
1521
|
+
|
|
1485
1522
|
// Add responsive prose styles for headings
|
|
1486
1523
|
for (const bp of breakpointKeys) {
|
|
1487
1524
|
const mediaQueryLines = [];
|