@patternfly/react-tokens 4.72.0 → 4.73.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.73.0 (2022-06-01)
+
+
+### Features
+
+* **table:** full screen demo for sticky first column ([#7451](https://github.com/patternfly/patternfly-react/issues/7451)) ([f610dd4](https://github.com/patternfly/patternfly-react/commit/f610dd4726b16d73a166f7a57da0fa3588b8201d))
+
+
+
+
+
+## 4.72.2 (2022-05-31)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.72.1 (2022-05-31)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 # 4.72.0 (2022-05-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-tokens",
-  "version": "4.72.0",
+  "version": "4.73.0",
   "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -35,5 +35,5 @@
     "glob": "^7.1.2",
     "rimraf": "^2.6.2"
   },
-  "gitHead": "ac2570b4006ca5bd89b16da7e499a54459f6a2a2"
+  "gitHead": "1aecd4152e3be5cfa7b1fb20d9797243f050253d"
 }

package/scripts/generateTokens.js

@@ -1,6 +1,6 @@
 const glob = require('glob');
 const { dirname, basename, sep } = require('path');
-const { parse } = require('css');
+const { parse, stringify } = require('css');
 const { readFileSync } = require('fs');
 
 const pfStylesDir = dirname(require.resolve('@patternfly/patternfly/patternfly.css'));
@@ -19,7 +19,12 @@ const getRegexMatches = (string, regex) => {
 
 const getDeclarations = cssAst =>
   cssAst.stylesheet.rules
-    .filter(node => node.type === 'rule' && !node.selectors.includes('.pf-t-dark'))
+    .filter(
+      node =>
+        node.type === 'rule' &&
+        !node.selectors.includes('.pf-t-dark') &&
+        (!node.selectors || !node.selectors.some(item => item.includes('.pf-theme-dark'))) // exclude dark theme blocks since dark theme variable values override default token values
+    )
     .map(node => node.declarations.filter(decl => decl.type === 'declaration'))
     .reduce((acc, val) => acc.concat(val), []); // flatten
 
@@ -100,11 +105,15 @@ function generateTokens() {
   const scssColorsMap = getRegexMatches(scssColorVariables, /(\$.*):\s*([^\s]+)\s*(?:!default);/g);
 
   // contains default values and mappings to colors.scss for color values
-  const cssGlobalVariables = readFileSync(
-    require.resolve('@patternfly/patternfly/base/patternfly-variables.css'),
-    'utf8'
+  const cssGlobalVariablesAst = parse(
+    readFileSync(require.resolve('@patternfly/patternfly/base/patternfly-variables.css'), 'utf8')
+  );
+
+  cssGlobalVariablesAst.stylesheet.rules = cssGlobalVariablesAst.stylesheet.rules.filter(
+    node => !node.selectors || !node.selectors.some(item => item.includes('.pf-theme-dark'))
   );
-  const cssGlobalVariablesMap = getRegexMatches(cssGlobalVariables, /(--pf-[\w-]*):\s*([\w -_]+);/g);
+
+  const cssGlobalVariablesMap = getRegexMatches(stringify(cssGlobalVariablesAst), /(--pf-[\w-]*):\s*([\w -_]+);/g);
 
   const combinedScssVarsColorsMap = {
     ...scssVarsMap,