@webmate-studio/builder 0.2.66 → 0.2.67

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/design-tokens.js +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webmate-studio/builder",
3
- "version": "0.2.66",
3
+ "version": "0.2.67",
4
4
  "type": "module",
5
5
  "description": "Webmate Studio Component Builder",
6
6
  "keywords": [
package/src/design-tokens.js CHANGED
@@ -514,7 +514,7 @@ export function generateTailwindV4Theme(tokens) {
514
514
  // Text Styles - Generate CSS variables for each style (with responsive support)
515
515
  if (tokens.textStyles) {
516
516
  for (const [styleName, style] of Object.entries(tokens.textStyles)) {
517
- const kebabName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();
517
+ const kebabName = styleName.replace(/([A-Z0-9])/g, '-$1').toLowerCase();
518
518
 
519
519
  // Font family (not responsive)
520
520
  if (style.fontFamily) {
@@ -654,7 +654,7 @@ body {
654
654
  if (tokens.textStyles) {
655
655
  globalStyles += '\n\n/* Text Style Utilities */';
656
656
  for (const [styleName, style] of Object.entries(tokens.textStyles)) {
657
- const kebabName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();
657
+ const kebabName = styleName.replace(/([A-Z0-9])/g, '-$1').toLowerCase();
658
658
  const className = `text-${kebabName}`;
659
659
 
660
660
  globalStyles += `\n.${className} {`;
@@ -744,7 +744,7 @@ body {
744
744
  const mediaQueryLines = [];
745
745
 
746
746
  for (const [styleName, style] of Object.entries(tokens.textStyles)) {
747
- const kebabName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();
747
+ const kebabName = styleName.replace(/([A-Z0-9])/g, '-$1').toLowerCase();
748
748
 
749
749
  // Font size
750
750
  if (style.fontSize && typeof style.fontSize === 'object' && style.fontSize[bp]) {
@@ -947,7 +947,7 @@ export function generateCSSFromTokens(tokens) {
947
947
  lines.push('');
948
948
  lines.push('/* Text Style Utilities */');
949
949
  for (const [styleName, style] of Object.entries(tokens.textStyles)) {
950
- const kebabName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();
950
+ const kebabName = styleName.replace(/([A-Z0-9])/g, '-$1').toLowerCase();
951
951
  const className = `text-${kebabName}`;
952
952
 
953
953
  lines.push(`.${className} {`);
@@ -993,7 +993,7 @@ export function generateCSSFromTokens(tokens) {
993
993
  const mediaQueryLines = [];
994
994
 
995
995
  for (const [styleName, style] of Object.entries(tokens.textStyles)) {
996
- const kebabName = styleName.replace(/([A-Z])/g, '-$1').toLowerCase();
996
+ const kebabName = styleName.replace(/([A-Z0-9])/g, '-$1').toLowerCase();
997
997
  const className = `text-${kebabName}`;
998
998
  const hasResponsive = (
999
999
  (style.fontSize && typeof style.fontSize === 'object' && style.fontSize[bp]) ||