@redhat-cloud-services/frontend-components 4.0.0 → 4.0.2

package/TreeTable/styles.scss

@@ -1,38 +1,38 @@
-$pf-v5-c-treeview--MaxDepth: 10;
+$pf-c-treeview--MaxDepth: 10;
 
-.pf-v5-c-treeview {
+.pf-c-treeview {
   // Th
-  --pf-v5-c-treeview--th--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--th--Padding: var(--pf-global--spacer--md);
 
   // Td
-  --pf-v5-c-treeview--td--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--td--Padding: var(--pf-global--spacer--md);
 
   // cell
-  --pf-v5-c-treeview--cell--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--cell--Padding: var(--pf-global--spacer--md);
   
   // Toggle button
-  --pf-v5-c-treeview__toggle-button--Padding: var(--pf-v5-c-treeview--td--Padding);
+  --pf-c-treeview__toggle-button--Padding: var(--pf-c-treeview--td--Padding);
 
   // Control cell  
-  --pf-v5-c-treeview__control-toggle--Width: 42px;
-  --pf-v5-c-treeview__control-check--Width: 22px;
+  --pf-c-treeview__control-toggle--Width: 42px;
+  --pf-c-treeview__control-check--Width: 22px;
   
-  --pf-v5-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 3);
-  --pf-v5-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 5);
+  --pf-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 3);
+  --pf-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 5);
   
-  --pf-v5-c-treeview--level--PaddingLeft: var(--pf-v5-global--spacer--xl);  
+  --pf-c-treeview--level--PaddingLeft: var(--pf-global--spacer--xl);  
   
-  --pf-v5-c-treeview__aria-level--GridColumn: 1;
+  --pf-c-treeview__aria-level--GridColumn: 1;
 
-  --pf-v5-c-treeview--tr--Display: table-row;
-  --pf-v5-c-treeview--tr--Visibility: visible;
+  --pf-c-treeview--tr--Display: table-row;
+  --pf-c-treeview--tr--Visibility: visible;
   
   width: 100%;
   border-collapse: collapse;
  
   th,
   td {
-    padding: var(--pf-v5-c-treeview--cell--Padding);
+    padding: var(--pf-c-treeview--cell--Padding);
     text-align: left;
     vertical-align: baseline;
   }
@@ -51,8 +51,8 @@ $pf-v5-c-treeview--MaxDepth: 10;
     display: table-row;
     visibility: visible;
 
-    --pf-v5-c-treeview--tr--Display: table-row;
-    --pf-v5-c-treeview--tr--Visibility: visible;
+    --pf-c-treeview--tr--Display: table-row;
+    --pf-c-treeview--tr--Visibility: visible;
   }
   
   .pf-m-hidden,
@@ -74,25 +74,25 @@ $pf-v5-c-treeview--MaxDepth: 10;
     visibility: visible;
   }
     
-  .pf-v5-c-treeview__check,
-  .pf-v5-c-treeview__action {
+  .pf-c-treeview__check,
+  .pf-c-treeview__action {
     width: 1px;
   }
   
   
-  th.pf-v5-c-treeview__title-cell {
+  th.pf-c-treeview__title-cell {
     padding-left: 0;
   }
   
-  tbody .pf-v5-c-treeview__check + .pf-v5-c-treeview__title-cell {
+  tbody .pf-c-treeview__check + .pf-c-treeview__title-cell {
     padding-left: 0;
   }
   
-  .pf-v5-c-treeview__toggle-icon {
+  .pf-c-treeview__toggle-icon {
     transition: .2s;
   }
   
-  .pf-v5-c-treeview__action {
+  .pf-c-treeview__action {
     text-align: right;
   }
   
@@ -104,11 +104,11 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 }
 
-.pf-v5-c-treeview {
-  @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+.pf-c-treeview {
+  @for $i from 1 through $pf-c-treeview--MaxDepth {
     tr[aria-level="#{$i}"] {
-      .pf-v5-c-treeview__title-cell {
-        padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * #{$i - 1});
+      .pf-c-treeview__title-cell {
+        padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * #{$i - 1});
       }
     }
   }
@@ -122,27 +122,27 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 
   
-  @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+  @for $i from 1 through $pf-c-treeview--MaxDepth {
     [aria-level="#{$i}"].pf-m-expanded ~ [aria-level="#{$i + 1}"] {
       display: table-row;
     }
   }
 
-  tr.pf-m-expanded .pf-v5-c-treeview__toggle-icon {
+  tr.pf-m-expanded .pf-c-treeview__toggle-icon {
     transform: rotate(90deg);
   }
 }
 
-.pf-v5-c-treeview__control {
+.pf-c-treeview__control {
   display: grid;
   align-items: baseline;
 }
 
-.pf-v5-c-treeview__control-toggle {
+.pf-c-treeview__control-toggle {
   grid-area: 1 / toggle;
 }
 
-.pf-v5-c-treeview__control-text {
+.pf-c-treeview__control-text {
   grid-area: 1 / text;
   max-width: 100%;
   overflow: hidden;
@@ -150,19 +150,19 @@ $pf-v5-c-treeview--MaxDepth: 10;
   text-overflow: ellipsis;
 }
 
-.pf-v5-c-treeview__check {
+.pf-c-treeview__check {
   grid-row-start: 1;
   grid-column-start: 2;
 }
 
-.pf-v5-c-treeview.pf-m-expandable {
-  .pf-v5-c-treeview__control {
-    grid-template-columns: [toggle] var(--pf-v5-c-treeview__control-toggle--Width)  [text] auto;
+.pf-c-treeview.pf-m-expandable {
+  .pf-c-treeview__control {
+    grid-template-columns: [toggle] var(--pf-c-treeview__control-toggle--Width)  [text] auto;
   }
 }
 
 // Mobile layout
-.pf-v5-c-treeview.pf-m-grid {
+.pf-c-treeview.pf-m-grid {
   @media (max-width: 2000px) {
     &,
     tr {
@@ -197,7 +197,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
     }
 
     [data-label] {
-      grid-column-gap: var(--pf-v5-global--spacer--md);
+      grid-column-gap: var(--pf-global--spacer--md);
       padding-top: 8px;
       padding-bottom: 8px;
     }
@@ -206,8 +206,8 @@ $pf-v5-c-treeview--MaxDepth: 10;
       grid-column: 2;
     }  
 
-    .pf-v5-c-treeview__check,
-    .pf-v5-c-treeview__action {
+    .pf-c-treeview__check,
+    .pf-c-treeview__action {
       display: inline-block;
       width: auto;
       grid-row: 1;
@@ -215,30 +215,30 @@ $pf-v5-c-treeview--MaxDepth: 10;
       padding: 0;
     }
 
-    .pf-v5-c-treeview__check {
+    .pf-c-treeview__check {
       grid-column: 3;
     }
 
-    .pf-v5-c-treeview__action {
+    .pf-c-treeview__action {
       grid-column: 4;
     }
 
-    .pf-v5-c-treeview__control {
+    .pf-c-treeview__control {
       display: block;
 
-      .pf-v5-c-treeview__toggle {
+      .pf-c-treeview__toggle {
         display: none;
       }
     }
 
-    [aria-level] .pf-v5-c-treeview__title-cell {
+    [aria-level] .pf-c-treeview__title-cell {
       padding-left: 0;
     }
 
     tr {
       grid-template-columns: 1fr;
       grid-auto-columns: max-content;
-      padding: var(--pf-v5-global--spacer--md);
+      padding: var(--pf-global--spacer--md);
       background: rgba(255,255,255,.5);    
       display: none;
       visibility: hidden;    
@@ -247,7 +247,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
 }
 
 // loop through 
-.pf-v5-c-treeview.pf-m-grid {
+.pf-c-treeview.pf-m-grid {
   tr {
     display: none;
   }
@@ -258,7 +258,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
       visibility: visible;
     }
 
-    @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+    @for $i from 1 through $pf-c-treeview--MaxDepth {
       .pf-m-level-#{$i + 1} {
         tr[aria-level="#{$i}"].pf-m-expanded ~ tr[aria-level="#{$i + 1}"] {
           background: lightsalmon;
@@ -275,4 +275,4 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 }
 
-.pf-v5-c-treeview { @for $i from 1 through $pf-v5-c-treeview--MaxDepth {} }
+.pf-c-treeview { @for $i from 1 through $pf-c-treeview--MaxDepth {} }

package/Truncate/Truncate.js

@@ -55,17 +55,17 @@ var Truncate = function (_a) {
         event && event.preventDefault();
         setShowText(!showText);
     };
-    var expandButton = ((0, jsx_runtime_1.jsx)(react_core_1.Button, { className: "ins-c-expand-button", variant: "link", onClick: toggleText, children: expandText }));
-    var collapseButton = ((0, jsx_runtime_1.jsx)(react_core_1.Button, { className: "ins-c-collapse-button", variant: "link", onClick: toggleText, children: collapseText }));
+    var expandButton = ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ className: "ins-c-expand-button", variant: "link", onClick: toggleText }, { children: expandText })));
+    var collapseButton = ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ className: "ins-c-collapse-button", variant: "link", onClick: toggleText }, { children: collapseText })));
     var textWithOverflow = showText === false ? "".concat(trimmedText).concat(textOverflow ? '...' : '') : text;
     var html = dangerousHtml(textWithOverflow);
     var mouseOverHandler = expandOnMouseOver && {
         onMouseEnter: function () { return setShowText(true); },
         onMouseLeave: function () { return setShowText(false); },
     };
-    return inline ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: truncateClasses, "widget-type": "InsightsTruncateInline", dangerouslySetInnerHTML: html }, mouseOverHandler)), !hideExpandText && textOverflow && (showText === false ? expandButton : collapseButton)] })) : ((0, jsx_runtime_1.jsxs)(react_core_1.Stack, { className: truncateClasses, children: [(0, jsx_runtime_1.jsx)(react_core_1.StackItem, __assign({}, mouseOverHandler, { children: (0, jsx_runtime_1.jsx)("span", { "widget-type": "InsightsTruncateBlock", dangerouslySetInnerHTML: html }) })), !hideExpandText && textOverflow && ((0, jsx_runtime_1.jsx)(react_core_1.StackItem, { className: (0, classnames_1.default)({
-                    'pf-v5-u-mt-sm': spaceBetween,
-                }), children: showText === false ? expandButton : collapseButton }))] }));
+    return inline ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: truncateClasses, "widget-type": "InsightsTruncateInline", dangerouslySetInnerHTML: html }, mouseOverHandler)), !hideExpandText && textOverflow && (showText === false ? expandButton : collapseButton)] })) : ((0, jsx_runtime_1.jsxs)(react_core_1.Stack, __assign({ className: truncateClasses }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.StackItem, __assign({}, mouseOverHandler, { children: (0, jsx_runtime_1.jsx)("span", { "widget-type": "InsightsTruncateBlock", dangerouslySetInnerHTML: html }) })), !hideExpandText && textOverflow && ((0, jsx_runtime_1.jsx)(react_core_1.StackItem, __assign({ className: (0, classnames_1.default)({
+                    'pf-u-mt-sm': spaceBetween,
+                }) }, { children: showText === false ? expandButton : collapseButton })))] })));
 };
 exports.default = Truncate;
 //# sourceMappingURL=Truncate.js.map

package/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../src/Truncate/Truncate.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../src/Truncate/Truncate.tsx"],"names":[],"mappings":"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"}

package/Unavailable/Unavailable.css

@@ -1,3 +1,3 @@
 .ins-c-empty-state__unavailable svg {
-  color: var(--pf-v5-global--danger-color--100);
+  color: var(--pf-global--danger-color--100);
 }

package/Unavailable/Unavailable.js

@@ -1,11 +1,22 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 var react_icons_1 = require("@patternfly/react-icons");
 require("./Unavailable.css");
 var Unavailable = function () {
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.EmptyState, { variant: react_core_1.EmptyStateVariant.lg, className: "ins-c-empty-state__unavailable pf-m-redhat-font", children: [(0, jsx_runtime_1.jsx)(react_core_1.EmptyStateHeader, { titleText: "This page is temporarily unavailable", icon: (0, jsx_runtime_1.jsx)(react_core_1.EmptyStateIcon, { icon: react_icons_1.ExclamationCircleIcon }), headingLevel: "h5" }), (0, jsx_runtime_1.jsxs)(react_core_1.EmptyStateBody, { children: ["Try refreshing the page. If the problem persists, contact your organization administrator or visit our", (0, jsx_runtime_1.jsxs)("a", { href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer", children: [' ', "status page"] }), ' ', "for known outages."] })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.EmptyState, __assign({ variant: react_core_1.EmptyStateVariant.large, className: "ins-c-empty-state__unavailable pf-m-redhat-font" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.EmptyStateIcon, { icon: react_icons_1.ExclamationCircleIcon }), (0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h5", size: "lg" }, { children: "This page is temporarily unavailable" })), (0, jsx_runtime_1.jsxs)(react_core_1.EmptyStateBody, { children: ["Try refreshing the page. If the problem persists, contact your organization administrator or visit our", (0, jsx_runtime_1.jsxs)("a", __assign({ href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer" }, { children: [' ', "status page"] })), ' ', "for known outages."] })] })));
 };
 exports.default = Unavailable;
 //# sourceMappingURL=Unavailable.js.map

package/Unavailable/Unavailable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unavailable.js","sourceRoot":"","sources":["../src/Unavailable/Unavailable.tsx"],"names":[],"mappings":";;;AACA,qDAAyH;AACzH,uDAAgE;AAChE,8BAA4B;AAE5B,IAAM,WAAW,GAAa;IAC5B,OAAO,CACL,wBAAC,uBAAU,IAAC,OAAO,EAAE,8BAAiB,CAAC,EAAE,EAAE,SAAS,EAAC,iDAAiD,aACpG,uBAAC,6BAAgB,IAAC,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAE,uBAAC,2BAAc,IAAC,IAAI,EAAE,mCAAqB,GAAI,EAAE,YAAY,EAAC,IAAI,GAAG,EAC9I,wBAAC,2BAAc,yHAEb,+BAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,aAC3E,GAAG,mBAEF,EAAC,GAAG,0BAEO,IACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"Unavailable.js","sourceRoot":"","sources":["../src/Unavailable/Unavailable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,qDAA8G;AAC9G,uDAAgE;AAChE,8BAA4B;AAE5B,IAAM,WAAW,GAAa;IAC5B,OAAO,CACL,wBAAC,uBAAU,aAAC,OAAO,EAAE,8BAAiB,CAAC,KAAK,EAAE,SAAS,EAAC,iDAAiD,iBACvG,uBAAC,2BAAc,IAAC,IAAI,EAAE,mCAAqB,GAAI,EAC/C,uBAAC,kBAAK,aAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,0DAE1B,EACR,wBAAC,2BAAc,yHAEb,wCAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,iBAC3E,GAAG,oBAEF,EAAC,GAAG,0BAEO,KACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Unavailable/Unavailable.scss

@@ -1,3 +1,3 @@
 .ins-c-empty-state__unavailable {
-  svg { color: var(--pf-v5-global--danger-color--100); }
+  svg { color: var(--pf-global--danger-color--100); }
 }

package/cypress/cypress.webpack.config.js

@@ -0,0 +1,57 @@
+const path = require('path');
+const searchIgnoredStyles = require('@redhat-cloud-services/frontend-components-config-utilities/search-ignored-styles');
+
+// call default generator then pair different variations of uri with each base
+
+
+module.exports = {
+  entry: '../src/index.ts',
+  resolve: {
+    ...searchIgnoredStyles(path.resolve(__dirname, '../')),
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: 'babel-loader',
+      },
+      {
+        test: /\.s?[ac]ss$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              url :false
+            }
+          }, {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true
+            }
+          }
+        ],
+      },
+      {
+        test: /\.(jpe?g|svg|png|gif|ico|eot|ttf|woff2?)(\?v=\d+\.\d+\.\d+)?$/i,
+        type: 'asset/resource',
+      },
+    ]
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js']
+  },
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+  },
+  stats: {
+    errorDetails: true
+  }
+};

package/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

package/cypress/plugins/index.js

@@ -0,0 +1,30 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  if (config.testingType === 'component') {
+    const { startDevServer } = require('@cypress/webpack-dev-server');
+
+    // Your project's Webpack configuration
+    const webpackConfig = require('../cypress.webpack.config.js')
+
+    on('dev-server:start', (options) => startDevServer({options, webpackConfig}));
+  }
+}

package/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/cypress/support/index.js

@@ -0,0 +1,21 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+import '@patternfly/patternfly/patternfly.css';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package/cypress.json

@@ -0,0 +1,9 @@
+{
+  "component": {
+    "componentFolder": "src/",
+    "testFiles": "**/*.spec.ct.{js,ts,jsx,tsx}",
+    "viewportHeight": 660,
+    "viewportWidth": 1000
+  },
+  "video": false
+}

package/esm/Ansible/Ansible.js

@@ -40,7 +40,7 @@ var Ansible = function (_a) {
     else {
         ariaLabels = (_e = {}, _e['aria-label'] = 'Has Ansible support', _e);
     }
-    return (_jsx("i", __assign({ className: ansibleLogoClass }, ariaLabels, props, { "widget-type": "InsightsAnsibleSupport", children: _jsxs("svg", { version: "1.1", id: "Layer_1", x: "0px", y: "0px", viewBox: "0 0 2032 2027.2", style: { enableBackground: 'new 0 0 2032 2027.2' }, children: [_jsx("path", { className: "st0", d: "M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8\n                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9\n                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6\n                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z" }), unsupportedSlash] }) })));
+    return (_jsx("i", __assign({ className: ansibleLogoClass }, ariaLabels, props, { "widget-type": "InsightsAnsibleSupport" }, { children: _jsxs("svg", __assign({ version: "1.1", id: "Layer_1", x: "0px", y: "0px", viewBox: "0 0 2032 2027.2", style: { enableBackground: 'new 0 0 2032 2027.2' } }, { children: [_jsx("path", { className: "st0", d: "M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8\n                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9\n                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6\n                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z" }), unsupportedSlash] })) })));
 };
 export default Ansible;
 //# sourceMappingURL=Ansible.js.map

package/esm/Ansible/Ansible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,qBAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB,YAC7F,eACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB,aAEzE,eACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI,EACD,gBAAgB,IACb,IACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,qBAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB,gBAC7F,wBACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB,iBAEzE,eACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI,EACD,gBAAgB,KACb,IACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/Ansible/ansible.css

@@ -3,16 +3,16 @@
 }
 
 i.Ansible.is-supported .st0 {
-  fill: var(--pf-v5-global--info-color--100);
+  fill: var(--pf-global--info-color--100);
 }
 i.Ansible.is-unsupported {
   cursor: not-allowed;
 }
 i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-v5-global--disabled-color--200);
+  fill: var(--pf-global--disabled-color--200);
 }
 i.Ansible svg {
-  height: var(--pf-v5-global--FontSize--xl);
+  height: var(--pf-global--FontSize--xl);
   position: relative;
   top: 4px;
   top: 0.25rem;

package/esm/Ansible/ansible.scss

@@ -7,7 +7,7 @@ i.Ansible {
         cursor: not-allowed;
     }
     svg {
-        height: var(--pf-v5-global--FontSize--xl);
+        height: var(--pf-global--FontSize--xl);
         position: relative;
         @include rem('top', 4px);
     }

package/esm/AsyncComponent/index.js

@@ -23,13 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ScalprumComponent } from '@scalprum/react-core';
-import { Bullseye } from "@patternfly/react-core/dist/dynamic/layouts/Bullseye";
-import { Spinner } from "@patternfly/react-core/dist/dynamic/components/Spinner";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import classNames from 'classnames';
 var BaseAsyncComponent = function (_a) {
     var appName = _a.appName, scope = _a.scope, module = _a.module, _b = _a.fallback, fallback = _b === void 0 ? (_jsx(Bullseye, { children: _jsx(Spinner, { size: "xl" }) })) : _b, innerRef = _a.innerRef, className = _a.className, _c = _a.component, Cmp = _c === void 0 ? 'section' : _c, props = __rest(_a, ["appName", "scope", "module", "fallback", "innerRef", "className", "component"]);
     var SCProps = __assign({ className: className, appName: appName, module: module, scope: scope !== null && scope !== void 0 ? scope : appName, ErrorComponent: fallback, ref: innerRef, fallback: fallback }, props);
-    return (_jsx(Cmp, { className: classNames(className, appName), children: _jsx(ScalprumComponent, __assign({}, SCProps)) }));
+    return (_jsx(Cmp, __assign({ className: classNames(className, appName) }, { children: _jsx(ScalprumComponent, __assign({}, SCProps)) })));
 };
 var AsynComponent = React.forwardRef(function (props, ref) { return _jsx(BaseAsyncComponent, __assign({ innerRef: ref }, props)); });
 export default AsynComponent;

package/esm/AsyncComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,sBAAsB,CAAC;;;AAEjF,OAAO,UAAU,MAAM,YAAY,CAAC;AAwBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,KAAC,QAAQ,cACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,KAAA,EACD,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAA0B,EAAf,GAAG,mBAAG,SAAS,KAAA,EACvB,KAAK,cAZoE,gFAa7E,CADS;IAER,IAAM,OAAO,cACX,SAAS,WAAA,EACT,OAAO,SAAA,EACP,MAAM,QAAA,EACN,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EACvB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,QAAQ,EACb,QAAQ,UAAA,IACL,KAAK,CACT,CAAC;IACF,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,YAC5C,KAAC,iBAAiB,eAAK,OAAO,EAAI,GAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,KAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AAwBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,KAAC,QAAQ,cACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,KAAA,EACD,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAA0B,EAAf,GAAG,mBAAG,SAAS,KAAA,EACvB,KAAK,cAZoE,gFAa7E,CADS;IAER,IAAM,OAAO,cACX,SAAS,WAAA,EACT,OAAO,SAAA,EACP,MAAM,QAAA,EACN,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EACvB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,QAAQ,EACb,QAAQ,UAAA,IACL,KAAK,CACT,CAAC;IACF,OAAO,CACL,KAAC,GAAG,aAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,gBAC5C,KAAC,iBAAiB,eAAK,OAAO,EAAI,IAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,KAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,eAAe,aAAa,CAAC"}

package/esm/Battery/Battery.js

@@ -59,7 +59,7 @@ var Battery = function (_a) {
                 return _jsx(NullBattery, {});
         }
     };
-    return (_jsxs(React.Fragment, { children: [_jsx("i", __assign({ className: batteryClasses }, ariaLabels, props, { "widget-type": "InsightsBattery", "widget-id": label, children: _jsxs("svg", { version: "1.1", id: "battery_svg", x: "0px", y: "0px", viewBox: "0 0 448 512", style: { enableBackground: 'new 0 0 448 512' }, shapeRendering: "geometricpresision", children: [_jsx("path", { style: {
+    return (_jsxs(React.Fragment, { children: [_jsx("i", __assign({ className: batteryClasses }, ariaLabels, props, { "widget-type": "InsightsBattery", "widget-id": label }, { children: _jsxs("svg", __assign({ version: "1.1", id: "battery_svg", x: "0px", y: "0px", viewBox: "0 0 448 512", style: { enableBackground: 'new 0 0 448 512' }, shapeRendering: "geometricpresision" }, { children: [_jsx("path", { style: {
                                 fill: 'none',
                                 fillOpacity: 1,
                                 stroke: '#969696',
@@ -69,7 +69,7 @@ var Battery = function (_a) {
                                 strokeDasharray: 'none',
                                 strokeDashoffset: 0,
                                 strokeOpacity: 1,
-                            }, d: "m 144.16452,21.032222 h 159.67454 q 123.1748,0 123.1748,128.667868 v 212.64759 q 0,128.66788 -123.1748,128.66788 H 144.16452 q -123.174811,0 -123.174811,-128.66788 V 149.70009 q 0,-128.667868 123.174811,-128.667868 z" }), batteryLevels(severity)] }) })), !labelHidden && _jsxs("span", { className: "label", children: [" ", label, " "] })] }));
+                            }, d: "m 144.16452,21.032222 h 159.67454 q 123.1748,0 123.1748,128.667868 v 212.64759 q 0,128.66788 -123.1748,128.66788 H 144.16452 q -123.174811,0 -123.174811,-128.66788 V 149.70009 q 0,-128.667868 123.174811,-128.667868 z" }), batteryLevels(severity)] })) })), !labelHidden && _jsxs("span", __assign({ className: "label" }, { children: [" ", label, " "] }))] }));
 };
 export default Battery;
 //# sourceMappingURL=Battery.js.map

package/esm/Battery/Battery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Battery.js","sourceRoot":"","sources":["../../src/Battery/Battery.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAwBxB,IAAM,OAAO,GAA0C,UAAC,EAAqD;;IAAnD,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAnD,iDAAqD,CAAF;IACzG,IAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,YAAI,GAAC,sBAAe,QAAQ,CAAE,IAAG,QAAQ,KAAK,SAAS,MAAG,CAAC;IAErH,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,UAAU,aAAK,GAAC,YAAY,IAAG,QAAQ,GAAG,GAAG,GAAG,KAAK,KAAE,CAAC;KACzD;IAED,IAAM,aAAa,GAAG,UAAC,QAAyB;QAC9C,QAAQ,QAAQ,EAAE;YAChB,KAAK,UAAU,CAAC;YAChB,KAAK,CAAC;gBACJ,OAAO,KAAC,eAAe,KAAG,CAAC;YAC7B,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,CAAC;gBACJ,OAAO,KAAC,WAAW,KAAG,CAAC;YACzB,KAAK,QAAQ,CAAC;YACd,KAAK,MAAM,CAAC;YACZ,KAAK,CAAC;gBACJ,OAAO,KAAC,aAAa,KAAG,CAAC;YAC3B,KAAK,KAAK,CAAC;YACX,KAAK,MAAM,CAAC;YACZ,KAAK,CAAC;gBACJ,OAAO,KAAC,UAAU,KAAG,CAAC;YACxB;gBAEE,OAAO,CAAC,KAAK,CAAC,2DAA2D,CAAC,CAAC;gBAC3E,OAAO,KAAC,WAAW,KAAG,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,qBAAG,SAAS,EAAE,cAAc,IAAM,UAAU,EAAM,KAAK,mBAAc,iBAAiB,eAAY,KAAK,YACrG,eACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,aAAa,EAChB,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAyB,EACrE,cAAc,EAAC,oBAAoB,aAEnC,eACE,KAAK,EAAE;gCACL,IAAI,EAAE,MAAM;gCACZ,WAAW,EAAE,CAAC;gCACd,MAAM,EAAE,SAAS;gCACjB,WAAW,EAAE,WAAW;gCACxB,cAAc,EAAE,OAAO;gCACvB,gBAAgB,EAAE,CAAC;gCACnB,eAAe,EAAE,MAAM;gCACvB,gBAAgB,EAAE,CAAC;gCACnB,aAAa,EAAE,CAAC;6BACjB,EACD,CAAC,EAAC,0NAA0N,GAC5N,EACD,aAAa,CAAC,QAAQ,CAAC,IACpB,IACJ,EACH,CAAC,WAAW,IAAI,gBAAM,SAAS,EAAC,OAAO,kBAAG,KAAK,SAAS,IAC1C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Battery.js","sourceRoot":"","sources":["../../src/Battery/Battery.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAwBxB,IAAM,OAAO,GAA0C,UAAC,EAAqD;;IAAnD,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAnD,iDAAqD,CAAF;IACzG,IAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,YAAI,GAAC,sBAAe,QAAQ,CAAE,IAAG,QAAQ,KAAK,SAAS,MAAG,CAAC;IAErH,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,UAAU,aAAK,GAAC,YAAY,IAAG,QAAQ,GAAG,GAAG,GAAG,KAAK,KAAE,CAAC;KACzD;IAED,IAAM,aAAa,GAAG,UAAC,QAAyB;QAC9C,QAAQ,QAAQ,EAAE;YAChB,KAAK,UAAU,CAAC;YAChB,KAAK,CAAC;gBACJ,OAAO,KAAC,eAAe,KAAG,CAAC;YAC7B,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,CAAC;gBACJ,OAAO,KAAC,WAAW,KAAG,CAAC;YACzB,KAAK,QAAQ,CAAC;YACd,KAAK,MAAM,CAAC;YACZ,KAAK,CAAC;gBACJ,OAAO,KAAC,aAAa,KAAG,CAAC;YAC3B,KAAK,KAAK,CAAC;YACX,KAAK,MAAM,CAAC;YACZ,KAAK,CAAC;gBACJ,OAAO,KAAC,UAAU,KAAG,CAAC;YACxB;gBAEE,OAAO,CAAC,KAAK,CAAC,2DAA2D,CAAC,CAAC;gBAC3E,OAAO,KAAC,WAAW,KAAG,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,qBAAG,SAAS,EAAE,cAAc,IAAM,UAAU,EAAM,KAAK,mBAAc,iBAAiB,eAAY,KAAK,gBACrG,wBACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,aAAa,EAChB,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAyB,EACrE,cAAc,EAAC,oBAAoB,iBAEnC,eACE,KAAK,EAAE;gCACL,IAAI,EAAE,MAAM;gCACZ,WAAW,EAAE,CAAC;gCACd,MAAM,EAAE,SAAS;gCACjB,WAAW,EAAE,WAAW;gCACxB,cAAc,EAAE,OAAO;gCACvB,gBAAgB,EAAE,CAAC;gCACnB,eAAe,EAAE,MAAM;gCACvB,gBAAgB,EAAE,CAAC;gCACnB,aAAa,EAAE,CAAC;6BACjB,EACD,CAAC,EAAC,0NAA0N,GAC5N,EACD,aAAa,CAAC,QAAQ,CAAC,KACpB,IACJ,EACH,CAAC,WAAW,IAAI,yBAAM,SAAS,EAAC,OAAO,sBAAG,KAAK,UAAS,IAC1C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/Battery/battery.css

@@ -8,18 +8,18 @@ i.ins-battery {
 }
 i.ins-battery svg {
   position: relative;
-  top: var(--pf-v5-global--spacer--sm);
+  top: var(--pf-global--spacer--sm);
   position: relative;
   height: 28px;
   height: 1.75rem;
 }
 
 .ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
+  fill: var(--pf-global--disabled-color--200);
 }
 
 .ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-v5-global--warning-color--100);
+  fill: var(--pf-global--warning-color--100);
 }
 
 .ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
@@ -27,9 +27,9 @@ i.ins-battery svg {
 }
 
 .ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-v5-global--danger-color--100);
+  fill: var(--pf-global--danger-color--100);
 }
 
 .ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
+  fill: var(--pf-global--disabled-color--200);
 }

package/esm/Battery/battery.scss

@@ -10,7 +10,7 @@ i.ins-battery {
   line-height: 0;
   svg {
     position: relative;
-    top: var(--pf-v5-global--spacer--sm);
+    top: var(--pf-global--spacer--sm);
     @include setBatteryFont;
   }
 }