@patternfly/react-styles 5.4.0-prerelease.6 → 5.4.0-prerelease.8

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.7...@patternfly/react-styles@5.4.0-prerelease.8) (2024-07-01)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# [5.4.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.6...@patternfly/react-styles@5.4.0-prerelease.7) (2024-06-13)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.5...@patternfly/react-styles@5.4.0-prerelease.6) (2024-05-31)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/MenuToggle/menu-toggle.css

@@ -113,6 +113,7 @@
   --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-v5-global--spacer--xs);
   --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -415,6 +416,12 @@
   background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
   border: 0;
 }
+.pf-v5-c-menu-toggle__button.pf-m-text {
+  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
+  display: inline-flex;
+  align-items: baseline;
+  padding-inline-start: var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart);
+}
 
 .pf-v5-c-menu-toggle__icon {
   flex-shrink: 0;

package/css/components/ProgressStepper/progress-stepper.css

@@ -308,6 +308,7 @@
   border: 0;
 }
 .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
+  padding: 0;
   text-decoration: underline;
   text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
   text-decoration-style: dashed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.4.0-prerelease.6",
+  "version": "5.4.0-prerelease.8",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -14,17 +14,14 @@
     "access": "public"
   },
   "scripts": {
-    "generate": "rimraf css && node scripts/writeClassMaps.js && node scripts/copyStyles.js",
+    "generate": "rimraf css && node scripts/writeClassMaps.mjs && node scripts/copyStyles.mjs",
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.4.0-prerelease.3",
-    "camel-case": "^3.0.0",
-    "css": "^2.2.4",
-    "fs-extra": "^11.1.1",
-    "glob": "^7.1.2",
-    "jsdom": "^15.1.0"
+    "@patternfly/patternfly": "5.4.0-prerelease.5",
+    "change-case": "^5.4.4",
+    "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "7139d5bc814d82e5ff13129ac7055cc39042101f"
+  "gitHead": "58f3aa5896e2111ea1ee9a680afc40929247b05a"
 }

package/scripts/copyStyles.mjs

@@ -0,0 +1,8 @@
+import { copySync } from 'fs-extra/esm';
+import path from 'node:path';
+import url from 'node:url';
+
+const toDir = path.resolve(import.meta.dirname, '../css');
+const fromDir = path.dirname(url.fileURLToPath(import.meta.resolve('@patternfly/patternfly/package.json')));
+
+copySync(path.join(fromDir, 'assets/images'), path.join(toDir, 'assets/images'));

package/scripts/{generateClassMaps.js → generateClassMaps.mjs}

@@ -1,7 +1,8 @@
-const path = require('path');
-const fs = require('fs-extra');
-const glob = require('glob');
-const camelcase = require('camel-case');
+import { camelCase } from 'change-case';
+import { glob } from 'glob';
+import fs from 'node:fs';
+import path from 'node:path';
+import url from 'node:url';
 
 /**
  * @param {string} cssString - CSS string
@@ -14,7 +15,7 @@ function getCSSClasses(cssString) {
  * @param {string} className - Class name
  */
 function formatClassName(className) {
-  return camelcase(className.replace(/pf-(v5-)?((c|l|m|u|is|has)-)?/g, ''));
+  return camelCase(className.replace(/pf-(v5-)?((c|l|m|u|is|has)-)?/g, ''));
 }
 
 /**
@@ -53,8 +54,8 @@ function getClassMaps(cssString) {
 /**
  * @returns {any} Map of file names to classMaps
  */
-function generateClassMaps() {
-  const pfStylesDir = path.dirname(require.resolve('@patternfly/patternfly/patternfly.css'));
+export function generateClassMaps() {
+  const pfStylesDir = path.dirname(url.fileURLToPath(import.meta.resolve('@patternfly/patternfly/patternfly.css')));
 
   const patternflyCSSFiles = glob.sync('**/*.css', {
     cwd: pfStylesDir,
@@ -73,7 +74,3 @@ function generateClassMaps() {
 
   return res;
 }
-
-module.exports = {
-  generateClassMaps
-};

package/scripts/{writeClassMaps.js → writeClassMaps.mjs}

@@ -1,34 +1,36 @@
-const { join, basename, resolve, relative, dirname } = require('path');
-const { outputFileSync, copyFileSync } = require('fs-extra');
-const { generateClassMaps } = require('./generateClassMaps');
+import { outputFileSync } from 'fs-extra/esm';
+import fs from 'node:fs';
+import path from 'node:path';
+import url from 'node:url';
+import { generateClassMaps } from './generateClassMaps.mjs';
 
-const outDir = resolve(__dirname, '../css');
+const outDir = path.resolve(import.meta.dirname, '../css');
 
 const writeCJSExport = (file, classMap) =>
   outputFileSync(
-    join(outDir, file.replace(/.css$/, '.js')),
+    path.join(outDir, file.replace(/.css$/, '.js')),
     `
 "use strict";
 exports.__esModule = true;
-require('./${basename(file, '.css.js')}');
+require('./${path.basename(file, '.css.js')}');
 exports.default = ${JSON.stringify(classMap, null, 2)};
 `.trim()
   );
 
 const writeESMExport = (file, classMap) =>
   outputFileSync(
-    join(outDir, file.replace(/.css$/, '.mjs')),
+    path.join(outDir, file.replace(/.css$/, '.mjs')),
     `
-import './${basename(file, '.css.js')}';
+import './${path.basename(file, '.css.js')}';
 export default ${JSON.stringify(classMap, null, 2)};
 `.trim()
   );
 
 const writeDTSExport = (file, classMap) =>
   outputFileSync(
-    join(outDir, file.replace(/.css$/, '.d.ts')),
+    path.join(outDir, file.replace(/.css$/, '.d.ts')),
     `
-import './${basename(file, '.css.js')}';
+import './${path.basename(file, '.css.js')}';
 declare const _default: ${JSON.stringify(classMap, null, 2)};
 export default _default;
 `.trim()
@@ -38,15 +40,15 @@ export default _default;
  * @param {any} classMaps Map of file names to classMaps
  */
 function writeClassMaps(classMaps) {
-  const pfStylesDir = dirname(require.resolve('@patternfly/patternfly/patternfly.css'));
+  const pfStylesDir = path.dirname(url.fileURLToPath(import.meta.resolve('@patternfly/patternfly/patternfly.css')));
 
   Object.entries(classMaps).forEach(([file, classMap]) => {
-    const outPath = file.includes(pfStylesDir) ? relative(pfStylesDir, file) : relative('src/css', file);
+    const outPath = file.includes(pfStylesDir) ? path.relative(pfStylesDir, file) : path.relative('src/css', file);
 
     writeCJSExport(outPath, classMap);
     writeDTSExport(outPath, classMap);
     writeESMExport(outPath, classMap);
-    copyFileSync(file, join(outDir, outPath));
+    fs.copyFileSync(file, path.join(outDir, outPath));
   });
 
   // eslint-disable-next-line no-console

package/scripts/copyStyles.js

@@ -1,7 +0,0 @@
-const { copySync } = require('fs-extra');
-const { resolve, dirname, join } = require('path');
-
-const toDir = resolve(__dirname, '../css');
-const fromDir = dirname(require.resolve('@patternfly/patternfly/package.json'));
-
-copySync(join(fromDir, 'assets/images'), join(toDir, 'assets/images'));