@webmate-studio/builder 0.2.71 → 0.2.73
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 +29 -0
package/package.json
CHANGED
package/src/design-tokens.js
CHANGED
|
@@ -612,6 +612,11 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
612
612
|
lines.push(` --text-${kebabName}-font-weight: ${style.fontWeight};`);
|
|
613
613
|
}
|
|
614
614
|
|
|
615
|
+
// Font style (not responsive)
|
|
616
|
+
if (style.fontStyle) {
|
|
617
|
+
lines.push(` --text-${kebabName}-font-style: ${style.fontStyle};`);
|
|
618
|
+
}
|
|
619
|
+
|
|
615
620
|
// Text transform (not responsive)
|
|
616
621
|
if (style.textTransform) {
|
|
617
622
|
lines.push(` --text-${kebabName}-text-transform: ${style.textTransform};`);
|
|
@@ -624,6 +629,13 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
624
629
|
if (style.fontSize.base) {
|
|
625
630
|
lines.push(` --text-${kebabName}-font-size: ${style.fontSize.base};`);
|
|
626
631
|
}
|
|
632
|
+
// Responsive: breakpoint values
|
|
633
|
+
for (const [breakpoint, value] of Object.entries(style.fontSize)) {
|
|
634
|
+
if (breakpoint !== 'base' && value) {
|
|
635
|
+
responsiveLines[breakpoint] = responsiveLines[breakpoint] || [];
|
|
636
|
+
responsiveLines[breakpoint].push(` --text-${kebabName}-font-size: ${value};`);
|
|
637
|
+
}
|
|
638
|
+
}
|
|
627
639
|
} else {
|
|
628
640
|
// Simple value
|
|
629
641
|
lines.push(` --text-${kebabName}-font-size: ${style.fontSize};`);
|
|
@@ -636,6 +648,13 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
636
648
|
if (style.lineHeight.base) {
|
|
637
649
|
lines.push(` --text-${kebabName}-line-height: ${style.lineHeight.base};`);
|
|
638
650
|
}
|
|
651
|
+
// Responsive: breakpoint values
|
|
652
|
+
for (const [breakpoint, value] of Object.entries(style.lineHeight)) {
|
|
653
|
+
if (breakpoint !== 'base' && value) {
|
|
654
|
+
responsiveLines[breakpoint] = responsiveLines[breakpoint] || [];
|
|
655
|
+
responsiveLines[breakpoint].push(` --text-${kebabName}-line-height: ${value};`);
|
|
656
|
+
}
|
|
657
|
+
}
|
|
639
658
|
} else {
|
|
640
659
|
lines.push(` --text-${kebabName}-line-height: ${style.lineHeight};`);
|
|
641
660
|
}
|
|
@@ -647,6 +666,13 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
647
666
|
if (style.letterSpacing.base) {
|
|
648
667
|
lines.push(` --text-${kebabName}-letter-spacing: ${style.letterSpacing.base};`);
|
|
649
668
|
}
|
|
669
|
+
// Responsive: breakpoint values
|
|
670
|
+
for (const [breakpoint, value] of Object.entries(style.letterSpacing)) {
|
|
671
|
+
if (breakpoint !== 'base' && value) {
|
|
672
|
+
responsiveLines[breakpoint] = responsiveLines[breakpoint] || [];
|
|
673
|
+
responsiveLines[breakpoint].push(` --text-${kebabName}-letter-spacing: ${value};`);
|
|
674
|
+
}
|
|
675
|
+
}
|
|
650
676
|
} else {
|
|
651
677
|
lines.push(` --text-${kebabName}-letter-spacing: ${style.letterSpacing};`);
|
|
652
678
|
}
|
|
@@ -759,6 +785,9 @@ body {
|
|
|
759
785
|
if (style.fontWeight) {
|
|
760
786
|
globalStyles += `\n font-weight: var(--text-${kebabName}-font-weight);`;
|
|
761
787
|
}
|
|
788
|
+
if (style.fontStyle) {
|
|
789
|
+
globalStyles += `\n font-style: var(--text-${kebabName}-font-style);`;
|
|
790
|
+
}
|
|
762
791
|
if (style.fontSize) {
|
|
763
792
|
globalStyles += `\n font-size: var(--text-${kebabName}-font-size);`;
|
|
764
793
|
}
|