chore(tokens): sort scss by name then by reference

patternfly · Jun 12, 2024 · 07d32f5 · 07d32f5
1 parent 20fee76
commit 07d32f5
Show file tree

Hide file tree

Showing 6 changed files with 1,249 additions and 1,218 deletions.
diff --git a/packages/module/build.js b/packages/module/build.js
@@ -2,7 +2,7 @@
 const StyleDictionary = require('style-dictionary');
 
 const build = (selector) => {
-  const { fileHeader, formattedVariables } = StyleDictionary.formatHelpers;
+  const { fileHeader, formattedVariables, sortByName, sortByReference } = StyleDictionary.formatHelpers;
 
   console.log('Build started...');
   console.log('\n============================');
@@ -12,6 +12,8 @@ const build = (selector) => {
     name: 'customFormat',
     formatter: function ({ dictionary, file, options }) {
       const { outputReferences } = options;
+      const alphaSort = (a, b) => sortByName(a, b) * -1;
+      dictionary.allTokens = dictionary.allTokens.sort(alphaSort).sort((tokens) => sortByReference(tokens));
       return (
         fileHeader({ file, commentStyle: 'short' }) +
         `${selector} {\n` +
@@ -38,9 +40,7 @@ const build = (selector) => {
   StyleDictionary.registerTransform({
     name: 'patternfly/global/ms',
     type: 'value',
-    matcher: (token) =>
-      token.attributes.type === 'duration' ||
-      token.attributes.type === 'delay',
+    matcher: (token) => token.attributes.type === 'duration' || token.attributes.type === 'delay',
     transformer: (token) => `${token.value}ms`
   });