@webmate-studio/builder 0.2.70 → 0.2.72
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 +16 -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};`);
|
|
@@ -651,6 +656,11 @@ export function generateTailwindV4Theme(tokens) {
|
|
|
651
656
|
lines.push(` --text-${kebabName}-letter-spacing: ${style.letterSpacing};`);
|
|
652
657
|
}
|
|
653
658
|
}
|
|
659
|
+
|
|
660
|
+
// Text color (not responsive)
|
|
661
|
+
if (style.textColor) {
|
|
662
|
+
lines.push(` --text-${kebabName}-color: var(--color-${style.textColor});`);
|
|
663
|
+
}
|
|
654
664
|
}
|
|
655
665
|
}
|
|
656
666
|
|
|
@@ -754,6 +764,9 @@ body {
|
|
|
754
764
|
if (style.fontWeight) {
|
|
755
765
|
globalStyles += `\n font-weight: var(--text-${kebabName}-font-weight);`;
|
|
756
766
|
}
|
|
767
|
+
if (style.fontStyle) {
|
|
768
|
+
globalStyles += `\n font-style: var(--text-${kebabName}-font-style);`;
|
|
769
|
+
}
|
|
757
770
|
if (style.fontSize) {
|
|
758
771
|
globalStyles += `\n font-size: var(--text-${kebabName}-font-size);`;
|
|
759
772
|
}
|
|
@@ -766,6 +779,9 @@ body {
|
|
|
766
779
|
if (style.textTransform) {
|
|
767
780
|
globalStyles += `\n text-transform: var(--text-${kebabName}-text-transform);`;
|
|
768
781
|
}
|
|
782
|
+
if (style.textColor) {
|
|
783
|
+
globalStyles += `\n color: var(--text-${kebabName}-color);`;
|
|
784
|
+
}
|
|
769
785
|
globalStyles += `\n}`;
|
|
770
786
|
}
|
|
771
787
|
}
|