fix(transforms): exclude box-shadow-color from px transform

patternfly · Apr 25, 2024 · 031190d · 031190d
1 parent 98a7af8
commit 031190d
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/packages/module/build.js b/packages/module/build.js
@@ -8,12 +8,14 @@ console.log('\n============================');
 //Register comment format
 StyleDictionary.registerFormat({
   name: 'customFormat',
-  formatter: function({dictionary, file, options}) {
+  formatter: function ({ dictionary, file, options }) {
     const { outputReferences } = options;
-    return fileHeader({file, commentStyle: 'short'}) +
+    return (
+      fileHeader({ file, commentStyle: 'short' }) +
       ':root {\n' +
-      formattedVariables({format: 'css', dictionary, outputReferences}) +
-      '\n}\n';
+      formattedVariables({ format: 'css', dictionary, outputReferences }) +
+      '\n}\n'
+    );
   }
 });
 
@@ -25,7 +27,7 @@ StyleDictionary.registerTransform({
     token.attributes.type === 'spacer' ||
     token.attributes.type === 'border' ||
     token.attributes.type === 'icon' ||
-    token.attributes.type === 'box-shadow' ||
+    (token.attributes.type === 'box-shadow' && token.attributes.item !== 'color') ||
     token.attributes.type === 'font',
   transformer: (token) => `${token.value}px`
 });
@@ -67,6 +69,5 @@ paletteExtendedSD.buildAllPlatforms();
 chartExtendedSD.buildAllPlatforms();
 chartDarkExtendedSD.buildAllPlatforms();
 
-
 console.log('\n============================');
 console.log('\nBuild completed.');
diff --git a/packages/module/build/css/_tokens-charts.scss b/packages/module/build/css/_tokens-charts.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 Apr 2024 14:31:33 GMT
+// Generated on Thu, 18 Apr 2024 14:33:26 GMT
 
 :root {
   --pf-t--chart--global--layout--width: 450;

diff --git a/packages/module/build/css/_tokens-dark.scss b/packages/module/build/css/_tokens-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 Apr 2024 14:31:33 GMT
+// Generated on Thu, 18 Apr 2024 14:33:25 GMT
 
 :root {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);

diff --git a/packages/module/build/css/_tokens-default.scss b/packages/module/build/css/_tokens-default.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 Apr 2024 14:31:33 GMT
+// Generated on Thu, 18 Apr 2024 14:33:25 GMT
 
 :root {
   --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);

diff --git a/packages/module/build/css/_tokens-palette.scss b/packages/module/build/css/_tokens-palette.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 Apr 2024 14:31:33 GMT
+// Generated on Thu, 18 Apr 2024 14:33:25 GMT
 
 :root {
   --pf-t--color--red--70: #5f0000;