@webmate-studio/builder 0.2.64 → 0.2.65

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 +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webmate-studio/builder",
3
- "version": "0.2.64",
3
+ "version": "0.2.65",
4
4
  "type": "module",
5
5
  "description": "Webmate Studio Component Builder",
6
6
  "keywords": [
package/src/design-tokens.js CHANGED
@@ -1000,7 +1000,9 @@ export function generateCSSFromTokens(tokens) {
1000
1000
  lines.push(`.btn-${sizeName} {`);
1001
1001
  lines.push(` padding: ${size.paddingY}px ${size.paddingX}px;`);
1002
1002
  lines.push(` font-size: ${size.fontSize}px;`);
1003
- lines.push(` line-height: ${size.lineHeight}px;`);
1003
+ // Calculate unitless line-height (lineHeight in px / fontSize in px)
1004
+ const lineHeightRatio = size.lineHeight / size.fontSize;
1005
+ lines.push(` line-height: ${lineHeightRatio};`);
1004
1006
  lines.push(` min-height: ${size.minHeight}px;`);
1005
1007
  lines.push(` border-radius: ${size.borderRadius}px;`);
1006
1008
  lines.push(` border-width: ${size.borderWidth}px;`);