@patternfly/react-styles 6.0.0-alpha.3 → 6.0.0-alpha.31

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,GAAG,IAAS;IAC9B,4EAA4E;IAC5E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;YAChD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;YAC3C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACrB;SACF;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;YAC/B,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;gBACrB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;oBACrC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;iBACnB;aACF;SACF;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,GAAG,IAAS;IAC9B,4EAA4E;IAC5E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACtB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC"}

package/dist/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,SAAgB,GAAG,CAAC,GAAG,IAAS;IAC9B,4EAA4E;IAC5E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;YAChD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;YAC3C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACrB;SACF;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;YAC/B,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;gBACrB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;oBACrC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;iBACnB;aACF;SACF;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAzBD,kBAyBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,SAAgB,GAAG,CAAC,GAAG,IAAS;IAC9B,4EAA4E;IAC5E,MAAM,OAAO,GAAG,EAAc,CAAC;IAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;IAEjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC;QAE3B,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAI,GAAW,CAAC,CAAC;YACnC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACtB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC;AAzBD,kBAyBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.3",
+  "version": "6.0.0-alpha.31",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -15,19 +15,14 @@
     "tag": "alpha"
   },
   "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": "6.0.0-alpha.28",
-    "camel-case": "^3.0.0",
-    "css": "^2.2.3",
-    "fs-extra": "^11.1.1",
-    "glob": "^7.1.2",
-    "jsdom": "^15.1.0",
-    "rimraf": "^2.6.2",
-    "typescript": "^4.7.4"
+    "@patternfly/patternfly": "6.0.0-alpha.201",
+    "change-case": "^5.4.4",
+    "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "da36134a3effa82a166c47f5b1c2689869a0f52a"
+  "gitHead": "dc76e64f53bc2e2796b2fb91462bd95d78fbcb32"
 }

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-(v6-)?((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/src/css/components/Popper/Popper.css

@@ -1,4 +1,4 @@
-.pf-v5-c-popover[data-popper-reference-hidden="true"] {
+.pf-v6-c-popover[data-popper-reference-hidden="true"] {
     visibility: hidden;
     pointer-events: none;
 }

package/src/css/components/Table/inline-edit.css

@@ -1,60 +1,60 @@
 :root {
-  --pf-v5-global--palette--blue-50: #def3ff;
-  --pf-v5-global--palette--blue-200: #7dc3e8;
+  --pf-v6-global--palette--blue-50: #def3ff;
+  --pf-v6-global--palette--blue-200: #7dc3e8;
 }
 
-tr.pf-v5-c-table__editable-row:hover,
-tr.pf-v5-c-table__editable-row.pf-m-editing {
-  background: var(--pf-v5-global--palette--blue-50) !important;
+tr.pf-v6-c-table__editable-row:hover,
+tr.pf-v6-c-table__editable-row.pf-m-editing {
+  background: var(--pf-v6-global--palette--blue-50) !important;
 }
-tr.pf-v5-c-table__editable-row:hover td,
-tr.pf-v5-c-table__editable-row.pf-m-editing td {
-  border-bottom: 1px solid var(--pf-v5-global--palette--blue-200) !important;
-  border-top: 1px solid var(--pf-v5-global--palette--blue-200) !important;
+tr.pf-v6-c-table__editable-row:hover td,
+tr.pf-v6-c-table__editable-row.pf-m-editing td {
+  border-bottom: 1px solid var(--pf-v6-global--palette--blue-200) !important;
+  border-top: 1px solid var(--pf-v6-global--palette--blue-200) !important;
 }
-tr.pf-v5-c-table__editable-row:hover td:first-child,
-tr.pf-v5-c-table__editable-row.pf-m-editing td:first-child {
-  border-left: 1px solid var(--pf-v5-global--palette--blue-200) !important;
+tr.pf-v6-c-table__editable-row:hover td:first-child,
+tr.pf-v6-c-table__editable-row.pf-m-editing td:first-child {
+  border-left: 1px solid var(--pf-v6-global--palette--blue-200) !important;
 }
-tr.pf-v5-c-table__editable-row:hover td:last-child,
-tr.pf-v5-c-table__editable-row.pf-m-editing td:last-child {
-  border-right: 1px solid var(--pf-v5-global--palette--blue-200) !important;
+tr.pf-v6-c-table__editable-row:hover td:last-child,
+tr.pf-v6-c-table__editable-row.pf-m-editing td:last-child {
+  border-right: 1px solid var(--pf-v6-global--palette--blue-200) !important;
 }
-tr.pf-v5-c-table__editable-row.pf-m-table-editing-first-row {
-  border-top: 3px solid var(--pf-v5-global--palette--blue-200) !important;
+tr.pf-v6-c-table__editable-row.pf-m-table-editing-first-row {
+  border-top: 3px solid var(--pf-v6-global--palette--blue-200) !important;
 }
-tr.pf-v5-c-table__editable-row.pf-m-table-editing-last-row {
-  border-bottom: 3px solid var(--pf-v5-global--palette--blue-200) !important;
+tr.pf-v6-c-table__editable-row.pf-m-table-editing-last-row {
+  border-bottom: 3px solid var(--pf-v6-global--palette--blue-200) !important;
 }
-tr.pf-v5-c-table__editable-row input {
+tr.pf-v6-c-table__editable-row input {
   display: block;
-  background: var(--pf-v5-global--BackgroundColor--100);
-  border: 1px solid var(--pf-v5-global--BorderColor--100);
+  background: var(--pf-v6-global--BackgroundColor--100);
+  border: 1px solid var(--pf-v6-global--BorderColor--100);
 }
-tr.pf-v5-c-table__editable-row input:hover {
+tr.pf-v6-c-table__editable-row input:hover {
   cursor: text;
 }
 
-.pf-v5-c-table__inline-edit-buttons {
+.pf-v6-c-table__inline-edit-buttons {
   position: fixed;
   z-index: 1000;
   padding: 4px;
   margin: 0;
-  background: var(--pf-v5-global--palette--blue-50);
-  border: 1px solid var(--pf-v5-global--palette--blue-200);
+  background: var(--pf-v6-global--palette--blue-50);
+  border: 1px solid var(--pf-v6-global--palette--blue-200);
 }
-.pf-v5-c-table__inline-edit-buttons.pf-m-top {
+.pf-v6-c-table__inline-edit-buttons.pf-m-top {
   border-bottom: 0;
 }
-.pf-v5-c-table__inline-edit-buttons.pf-m-bottom {
+.pf-v6-c-table__inline-edit-buttons.pf-m-bottom {
   border-top: 0;
 }
-.pf-v5-c-table__inline-edit-buttons.pf-m-bold {
+.pf-v6-c-table__inline-edit-buttons.pf-m-bold {
   border-width: 3px;
 }
-.pf-v5-c-table__inline-edit-buttons button {
+.pf-v6-c-table__inline-edit-buttons button {
   margin-left: 4px;
 }
-.pf-v5-c-table__inline-edit-buttons button:first-child {
+.pf-v6-c-table__inline-edit-buttons button:first-child {
   margin-left: 0;
 }

package/src/css/layouts/Toolbar/toolbar.css

@@ -1,9 +1,9 @@
 .pf-l-toolbar {
-  --pf-v5-l-toolbar__section--MarginTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-l-toolbar__group--MarginRight: var(--pf-v5-global--spacer--xl);
-  --pf-v5-l-toolbar__group--MarginLeft: var(--pf-v5-global--spacer--xl);
-  --pf-v5-l-toolbar__item--MarginRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-l-toolbar__item--MarginLeft: var(--pf-v5-global--spacer--md);
+  --pf-v6-l-toolbar__section--MarginTop: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-toolbar__group--MarginRight: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-toolbar__group--MarginLeft: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-toolbar__item--MarginRight: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-toolbar__item--MarginLeft: var(--pf-v6-global--spacer--md);
 }
 
 .pf-l-toolbar,
@@ -18,13 +18,13 @@
   flex-basis: 100%;
 }
 .pf-l-toolbar__section:not(:first-child) {
-  margin-top: var(--pf-v5-l-toolbar__section--MarginTop);
+  margin-top: var(--pf-v6-l-toolbar__section--MarginTop);
 }
 
 .pf-l-toolbar__group:not(:last-child) {
-  margin-right: var(--pf-v5-l-toolbar__group--MarginRight);
+  margin-right: var(--pf-v6-l-toolbar__group--MarginRight);
 }
 
 .pf-l-toolbar__item .pf-l-toolbar:not(:last-child) {
-  margin-right: var(--pf-v5-l-toolbar__item--MarginRight);
+  margin-right: var(--pf-v6-l-toolbar__item--MarginRight);
 }

package/css/components/AppLauncher/app-launcher.css

@@ -1,244 +0,0 @@
-.pf-v5-c-app-launcher {
-  --pf-v5-c-app-launcher__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-c-app-launcher__menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-app-launcher__menu--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu--Top: calc(100% + var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-app-launcher__menu--ZIndex: var(--pf-v5-global--ZIndex--sm);
-  --pf-v5-c-app-launcher--m-top__menu--Top: 0;
-  --pf-v5-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-app-launcher__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-app-launcher__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-app-launcher__toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__toggle--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-app-launcher__toggle--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-app-launcher__toggle--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-app-launcher__toggle--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-app-launcher__toggle--disabled--Color: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-app-launcher__toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-app-launcher__toggle--BackgroundColor: transparent;
-  --pf-v5-c-app-launcher__menu-search--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu-search--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-search--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-search--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-search--BottomBorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-app-launcher__menu-search--MarginBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu-item--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu-item--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-item--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu-item--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-item--Color: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-c-app-launcher__menu-item--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-app-launcher__menu-item--Width: 100%;
-  --pf-v5-c-app-launcher__menu-item--disabled--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
-  --pf-v5-c-app-launcher__menu-item--m-link--PaddingRight: 0;
-  --pf-v5-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-app-launcher__menu-item--m-action--Width: auto;
-  --pf-v5-c-app-launcher__menu-item--m-action--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
-  --pf-v5-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-v5-global--palette--gold-400);
-  --pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-v5-global--palette--gold-500);
-  --pf-v5-c-app-launcher__menu-item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__menu-item-icon--Width: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-app-launcher__menu-item-icon--Height: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-app-launcher__menu-item-external-icon--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
-  --pf-v5-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-app-launcher__group--group--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__group-title--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher__group-title--PaddingRight: var(--pf-v5-c-app-launcher__menu-item--PaddingRight);
-  --pf-v5-c-app-launcher__group-title--PaddingBottom: var(--pf-v5-c-app-launcher__menu-item--PaddingBottom);
-  --pf-v5-c-app-launcher__group-title--PaddingLeft: var(--pf-v5-c-app-launcher__menu-item--PaddingLeft);
-  --pf-v5-c-app-launcher__group-title--FontSize: var(--pf-v5-global--FontSize--xs);
-  --pf-v5-c-app-launcher__group-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-app-launcher__group-title--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-app-launcher--c-divider--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-app-launcher--c-divider--MarginBottom: var(--pf-v5-global--spacer--sm);
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-}
-.pf-v5-c-app-launcher.pf-m-expanded > .pf-v5-c-app-launcher__toggle {
-  color: var(--pf-v5-c-app-launcher__toggle--m-expanded--Color);
-}
-.pf-v5-c-app-launcher .pf-v5-c-divider {
-  margin-block-start: var(--pf-v5-c-app-launcher--c-divider--MarginTop);
-  margin-block-end: var(--pf-v5-c-app-launcher--c-divider--MarginBottom);
-}
-.pf-v5-c-app-launcher .pf-v5-c-divider:last-child {
-  --pf-v5-c-app-launcher--c-divider--MarginBottom: 0;
-}
-
-.pf-v5-c-app-launcher__toggle {
-  padding-block-start: var(--pf-v5-c-app-launcher__toggle--PaddingTop);
-  padding-block-end: var(--pf-v5-c-app-launcher__toggle--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-app-launcher__toggle--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-app-launcher__toggle--PaddingRight);
-  color: var(--pf-v5-c-app-launcher__toggle--Color);
-  background-color: var(--pf-v5-c-app-launcher__toggle--BackgroundColor);
-  border: none;
-}
-.pf-v5-c-app-launcher__toggle:hover {
-  --pf-v5-c-app-launcher__toggle--Color: var(--pf-v5-c-app-launcher__toggle--hover--Color);
-}
-.pf-v5-c-app-launcher__toggle:active, .pf-v5-c-app-launcher__toggle.pf-m-active {
-  --pf-v5-c-app-launcher__toggle--Color: var(--pf-v5-c-app-launcher__toggle--active--Color);
-}
-.pf-v5-c-app-launcher__toggle:focus {
-  --pf-v5-c-app-launcher__toggle--Color: var(--pf-v5-c-app-launcher__toggle--focus--Color);
-}
-.pf-v5-c-app-launcher__toggle:disabled {
-  --pf-v5-c-app-launcher__toggle--Color: var(--pf-v5-c-app-launcher__toggle--disabled--Color);
-  pointer-events: none;
-}
-
-.pf-v5-c-app-launcher__menu {
-  position: absolute;
-  inset-block-start: var(--pf-v5-c-app-launcher__menu--Top);
-  z-index: var(--pf-v5-c-app-launcher__menu--ZIndex);
-  min-width: 100%;
-  padding-block-start: var(--pf-v5-c-app-launcher__menu--PaddingTop);
-  padding-block-end: var(--pf-v5-c-app-launcher__menu--PaddingBottom);
-  background-color: var(--pf-v5-c-app-launcher__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-v5-c-app-launcher__menu--BoxShadow);
-}
-.pf-v5-c-app-launcher__menu.pf-m-align-right {
-  inset-inline-end: 0;
-}
-.pf-v5-c-app-launcher.pf-m-top .pf-v5-c-app-launcher__menu {
-  --pf-v5-c-app-launcher__menu--Top: var(--pf-v5-c-app-launcher--m-top__menu--Top);
-  transform: translateY(var(--pf-v5-c-app-launcher--m-top__menu--TranslateY));
-}
-.pf-v5-c-app-launcher__menu.pf-m-static {
-  --pf-v5-c-app-launcher--m-top__menu--TranslateY: 0;
-  position: static;
-  inset-block-start: auto;
-  inset-block-end: auto;
-  inset-inline-start: auto;
-  inset-inline-end: auto;
-  z-index: auto;
-  min-width: min-content;
-}
-
-.pf-v5-c-app-launcher__menu-search {
-  padding-block-start: var(--pf-v5-c-app-launcher__menu-search--PaddingTop);
-  padding-block-end: var(--pf-v5-c-app-launcher__menu-search--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-app-launcher__menu-search--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-app-launcher__menu-search--PaddingRight);
-  margin-block-end: var(--pf-v5-c-app-launcher__menu-search--MarginBottom);
-  border-block-end: var(--pf-v5-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-v5-c-app-launcher__menu-search--BottomBorderColor);
-}
-
-.pf-v5-c-app-launcher__menu-wrapper {
-  display: flex;
-}
-.pf-v5-c-app-launcher__menu-wrapper.pf-m-favorite {
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
-  --pf-v5-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color);
-}
-
-.pf-v5-c-app-launcher__menu-item {
-  display: flex;
-  align-items: center;
-  width: var(--pf-v5-c-app-launcher__menu-item--Width);
-  padding-block-start: var(--pf-v5-c-app-launcher__menu-item--PaddingTop);
-  padding-block-end: var(--pf-v5-c-app-launcher__menu-item--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-app-launcher__menu-item--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-app-launcher__menu-item--PaddingRight);
-  font-weight: var(--pf-v5-c-app-launcher__menu-item--FontWeight);
-  color: var(--pf-v5-c-app-launcher__menu-item--Color);
-  white-space: nowrap;
-  background: none;
-  border: 0;
-}
-.pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
-  text-decoration: none;
-}
-.pf-v5-c-app-launcher__menu-wrapper:hover,
-.pf-v5-c-app-launcher__menu-wrapper:focus-within,
-.pf-v5-c-app-launcher__menu-wrapper.pf-m-focus, .pf-v5-c-app-launcher__menu-item:hover, .pf-v5-c-app-launcher__menu-item:focus {
-  background-color: var(--pf-v5-c-app-launcher__menu-item--hover--BackgroundColor);
-}
-
-.pf-v5-c-app-launcher__menu-item:disabled, .pf-v5-c-app-launcher__menu-item.pf-m-disabled {
-  --pf-v5-c-app-launcher__menu-item--Color: var(--pf-v5-c-app-launcher__menu-item--disabled--Color);
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-c-app-launcher__menu-item--m-action--disabled--Color);
-  pointer-events: none;
-}
-.pf-v5-c-app-launcher__menu-wrapper:disabled, .pf-v5-c-app-launcher__menu-wrapper.pf-m-disabled, .pf-v5-c-app-launcher__menu-item:disabled, .pf-v5-c-app-launcher__menu-item.pf-m-disabled {
-  background-color: transparent;
-}
-
-.pf-v5-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-v5-c-app-launcher__menu-item-external-icon, .pf-v5-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-v5-c-app-launcher__menu-item-external-icon, .pf-v5-c-app-launcher__menu-item.pf-m-external:hover .pf-v5-c-app-launcher__menu-item-external-icon, .pf-v5-c-app-launcher__menu-item.pf-m-external:focus .pf-v5-c-app-launcher__menu-item-external-icon {
-  opacity: 1;
-}
-
-.pf-v5-c-app-launcher__menu-item.pf-m-link {
-  --pf-v5-c-app-launcher__menu-item--PaddingRight: var(--pf-v5-c-app-launcher__menu-item--m-link--PaddingRight);
-  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
-}
-.pf-v5-c-app-launcher__menu-item.pf-m-action {
-  --pf-v5-c-app-launcher__menu-item--Color: var(--pf-v5-c-app-launcher__menu-item--m-action--Color);
-  --pf-v5-c-app-launcher__menu-item--Width: var(--pf-v5-c-app-launcher__menu-item--m-action--Width);
-  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
-  font-size: var(--pf-v5-c-app-launcher__menu-item--m-action--FontSize);
-}
-.pf-v5-c-app-launcher__menu-item.pf-m-action:hover, .pf-v5-c-app-launcher__menu-item.pf-m-action:focus {
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-c-app-launcher__menu-item--m-action--hover--Color);
-}
-
-.pf-v5-c-app-launcher__menu-item-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--pf-v5-c-app-launcher__menu-item-icon--Width);
-  height: var(--pf-v5-c-app-launcher__menu-item-icon--Height);
-  margin-inline-end: var(--pf-v5-c-app-launcher__menu-item-icon--MarginRight);
-}
-.pf-v5-c-app-launcher__menu-item-icon > * {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.pf-v5-c-app-launcher__menu-item-external-icon {
-  padding-inline-start: var(--pf-v5-c-app-launcher__menu-item-external-icon--PaddingLeft);
-  margin-inline-start: auto;
-  font-size: var(--pf-v5-c-app-launcher__menu-item-external-icon--FontSize);
-  color: var(--pf-v5-c-app-launcher__menu-item-external-icon--Color);
-  opacity: 0;
-  transform: translateY(var(--pf-v5-c-app-launcher__menu-item-external-icon--TranslateY));
-}
-
-.pf-v5-c-app-launcher__group + .pf-v5-c-app-launcher__group {
-  padding-block-start: var(--pf-v5-c-app-launcher__group--group--PaddingTop);
-}
-
-.pf-v5-c-app-launcher__group-title {
-  padding-block-start: var(--pf-v5-c-app-launcher__group-title--PaddingTop);
-  padding-block-end: var(--pf-v5-c-app-launcher__group-title--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-app-launcher__group-title--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-app-launcher__group-title--PaddingRight);
-  font-size: var(--pf-v5-c-app-launcher__group-title--FontSize);
-  font-weight: var(--pf-v5-c-app-launcher__group-title--FontWeight);
-  color: var(--pf-v5-c-app-launcher__group-title--Color);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-app-launcher {
-  --pf-v5-c-app-launcher__menu--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-app-launcher__menu--Top: 100%;
-  --pf-v5-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-app-launcher__menu-item--disabled--Color: var(--pf-v5-global--palette--black-300);
-  --pf-v5-c-app-launcher__menu-item--m-action--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-v5-global--palette--gold-300);
-  --pf-v5-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-v5-global--palette--gold-100);
-}

package/css/components/AppLauncher/app-launcher.d.ts

@@ -1,29 +0,0 @@
-import './app-launcher.css';
-declare const _default: {
-  "appLauncher": "pf-v5-c-app-launcher",
-  "appLauncherGroup": "pf-v5-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v5-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v5-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v5-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v5-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v5-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v5-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v5-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v5-c-app-launcher__toggle",
-  "divider": "pf-v5-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v5-theme-dark"
-};
-export default _default;

package/css/components/AppLauncher/app-launcher.js

@@ -1,30 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./app-launcher.css');
-exports.default = {
-  "appLauncher": "pf-v5-c-app-launcher",
-  "appLauncherGroup": "pf-v5-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v5-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v5-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v5-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v5-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v5-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v5-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v5-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v5-c-app-launcher__toggle",
-  "divider": "pf-v5-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v5-theme-dark"
-};

package/css/components/AppLauncher/app-launcher.mjs

@@ -1,28 +0,0 @@
-import './app-launcher.css';
-export default {
-  "appLauncher": "pf-v5-c-app-launcher",
-  "appLauncherGroup": "pf-v5-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v5-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v5-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v5-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v5-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v5-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v5-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v5-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v5-c-app-launcher__toggle",
-  "divider": "pf-v5-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v5-theme-dark"
-};