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

package/Shield/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/Shield/consts.ts"],"names":[],"mappings":";;;AACa,QAAA,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,QAAQ,EACN;;;;;yEAKqE;IACvE,SAAS,EACP;;;;;wEAKoE;IACtE,QAAQ,EACN;;;;;6EAKyE;IAC3E,GAAG,EAAE;;;8DAGuD;IAC5D,OAAO,EACL;qCACiC;CACpC,CAAC;AAGW,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/Shield/consts.ts"],"names":[],"mappings":";;;AACa,QAAA,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,QAAQ,EACN;;;;;yEAKqE;IACvE,SAAS,EACP;;;;;wEAKoE;IACtE,QAAQ,EACN;;;;;6EAKyE;IAC3E,GAAG,EAAE;;;8DAGuD;IAC5D,OAAO,EAAE;qCAC0B;CACpC,CAAC;AAGW,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KAC/B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,CAAC,EAAE;QACD,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAC9B;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KACzB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAC"}

package/SimpleTableFilter/SimpleTableFilter.d.ts

@@ -1,20 +1,21 @@
 import React from 'react';
 import './simple-table-filter.scss';
-export type SimpleFilterOptionItem = {
-    value: string;
-    title: string;
+export declare type SimpleFilterOptionItem = {
+    value?: string;
+    title?: string;
 };
-export type SimpleFilterOption = {
-    title: string;
-    items: SimpleFilterOptionItem[];
+export declare type SimpleFilterOption = {
+    title?: string;
+    items?: SimpleFilterOptionItem[];
 };
 export interface SimpleFilterProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    widgetId?: string;
     buttonTitle?: string;
     placeholder?: string;
     className?: string;
     options?: SimpleFilterOption;
     onButtonClick?: (activeFilter: string, selected?: SimpleFilterOptionItem) => void;
-    onFilterChange: (value: string, selected?: SimpleFilterOptionItem) => void;
+    onFilterChange?: (value: string, selected?: SimpleFilterOptionItem) => void;
     onOptionSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, oneItem: SimpleFilterOptionItem) => void;
     searchIcon?: boolean;
 }

package/SimpleTableFilter/SimpleTableFilter.js

@@ -25,33 +25,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_core_1 = require("@patternfly/react-core");
+var Input_1 = require("../Input");
 var react_icons_1 = require("@patternfly/react-icons");
 require("./simple-table-filter.css");
 var SimpleFilter = function (_a) {
-    var options = _a.options, className = _a.className, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search items' : _b, _c = _a.buttonTitle, buttonTitle = _c === void 0 ? 'Filter' : _c, onButtonClick = _a.onButtonClick, onFilterChange = _a.onFilterChange, onOptionSelect = _a.onOptionSelect, _d = _a.searchIcon, searchIcon = _d === void 0 ? true : _d, props = __rest(_a, ["options", "className", "placeholder", "buttonTitle", "onButtonClick", "onFilterChange", "onOptionSelect", "searchIcon"]);
-    var _f = (0, react_1.useState)(''), activeFilter = _f[0], setActiveFilter = _f[1];
-    var _g = (0, react_1.useState)(false), isOpen = _g[0], setIsOpen = _g[1];
-    var _h = (0, react_1.useState)(), selected = _h[0], setSelected = _h[1];
-    var onInputChange = function (_e, value) {
-        setActiveFilter(value);
-        onFilterChange(value, selected);
+    var options = _a.options, widgetId = _a.widgetId, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Search items' : _c, _d = _a.buttonTitle, buttonTitle = _d === void 0 ? 'Filter' : _d, _e = _a.onButtonClick, onButtonClick = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onFilterChange, onFilterChange = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onOptionSelect, onOptionSelect = _g === void 0 ? function () { return undefined; } : _g, _h = _a.searchIcon, searchIcon = _h === void 0 ? true : _h, props = __rest(_a, ["options", "widgetId", "className", "placeholder", "buttonTitle", "onButtonClick", "onFilterChange", "onOptionSelect", "searchIcon"]);
+    var _j = (0, react_1.useState)(''), activeFilter = _j[0], setActiveFilter = _j[1];
+    var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
+    var _l = (0, react_1.useState)(), selected = _l[0], setSelected = _l[1];
+    var onToggle = function (isOpen) { return setIsOpen(isOpen); };
+    var onInputChange = function (event) {
+        var _a;
+        setActiveFilter((_a = event.target) === null || _a === void 0 ? void 0 : _a.value);
+        onFilterChange(event.target.value, selected);
     };
     var onFilterSubmit = function () {
-        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(activeFilter, selected);
+        onButtonClick(activeFilter, selected);
     };
     var onFilterSelect = function (event, oneItem) {
         setSelected(oneItem);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(event, oneItem);
+        onOptionSelect(event, oneItem);
     };
     var onSelect = function () { return setIsOpen(false); };
     var dropdownItems = options &&
         options.items &&
-        options.items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { component: "button", onClick: function (event) { return onFilterSelect(event, oneItem); }, "data-key": oneItem.value, children: oneItem.title }, oneItem.value)); });
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-v5-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props, { children: [options && ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: onSelect, isOpen: isOpen, onOpenChange: setIsOpen, toggle: function (toggleRef) { return ((0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, { ref: toggleRef, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, isExpanded: isOpen, children: (selected === null || selected === void 0 ? void 0 : selected.title) || options.title || 'Dropdown' })); }, children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownList, { children: dropdownItems }) })), (0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({ onKeyUp: function (e) {
-                    if (e.code === 'Enter') {
-                        onInputChange(e, e.target.value);
-                    }
-                }, "aria-label": "simple-table-filter", placeholder: placeholder, onChange: onInputChange }, (!buttonTitle && searchIcon && { customIcon: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, { className: "ins-c-search-icon" }) }))), buttonTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: onFilterSubmit, children: buttonTitle }))] })));
+        options.items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ component: "button", onClick: function (event) { return onFilterSelect(event, oneItem); }, "data-key": oneItem.value }, { children: oneItem.title }), oneItem.value)); });
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props, { children: [options && ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: onSelect, isOpen: isOpen, toggle: (0, jsx_runtime_1.jsx)(react_core_1.DropdownToggle, __assign({ onToggle: onToggle }, { children: (selected && selected.title) || options.title || 'Dropdown' })), dropdownItems: dropdownItems })), (0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: placeholder, onKeyPress: function (event) { return event.key === 'Enter' && onInputChange(event); }, "widget-id": widgetId, onChange: function (event) { return onInputChange(event); } }), !buttonTitle && searchIcon && (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, { size: "sm", className: "ins-c-search-icon" }), buttonTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: onFilterSubmit }, { children: buttonTitle })))] })));
 };
 exports.default = SimpleFilter;
 //# sourceMappingURL=SimpleTableFilter.js.map

package/SimpleTableFilter/SimpleTableFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,qDAA4I;AAE5I,uDAAqD;AACrD,sCAAoC;AAuBpC,IAAM,YAAY,GAAgC,UAAC,EAUlD;IATC,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAC5B,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cATyC,yHAUlD,CADS;IAEF,IAAA,KAAkC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IAC/C,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IACtC,IAAA,KAA0B,IAAA,gBAAQ,GAAsC,EAAvE,QAAQ,QAAA,EAAE,WAAW,QAAkD,CAAC;IAE/E,IAAM,aAAa,GAA+B,UAAC,EAAE,EAAE,KAAK;QAC1D,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoF,EAAE,OAA+B;QAC3I,WAAW,CAAC,OAAO,CAAC,CAAC;QACrB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,KAAK,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC;IAExC,IAAM,aAAa,GACjB,OAAO;QACP,OAAO,CAAC,KAAK;QACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC7B,uBAAC,yBAAY,IAAC,SAAS,EAAC,QAAQ,EAAqB,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,EAA9B,CAA8B,cAAY,OAAO,CAAC,KAAK,YAC7H,OAAO,CAAC,KAAK,IADsB,OAAO,CAAC,KAAK,CAEpC,CAChB,EAJ8B,CAI9B,CAAC,CAAC;IAEL,OAAO,CACL,0CAAK,SAAS,EAAE,2CAAoC,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,cAAI,SAAS,CAAE,IAAM,KAAK,eAC/G,OAAO,IAAI,CACV,uBAAC,qBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,EACvB,MAAM,EAAE,UAAC,SAAS,IAAK,OAAA,CACrB,uBAAC,uBAAU,IAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,EAAE,UAAU,EAAE,MAAM,YACtF,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,OAAO,CAAC,KAAK,IAAI,UAAU,GACpC,CACd,EAJsB,CAItB,YAED,uBAAC,yBAAY,cAAE,aAAa,GAAgB,GACnC,CACZ,EAED,uBAAC,sBAAS,aACR,OAAO,EAAE,UAAC,CAAC;oBACT,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;wBACtB,aAAa,CAAC,CAAC,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;qBACxD;gBACH,CAAC,gBACU,qBAAqB,EAChC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,IACnB,CAAC,CAAC,WAAW,IAAI,UAAU,IAAI,EAAE,UAAU,EAAE,uBAAC,wBAAU,IAAC,SAAS,EAAC,mBAAmB,GAAG,EAAE,CAAC,EAChG,EACD,WAAW,IAAI,CACd,uBAAC,mBAAM,IAAC,OAAO,EAAE,0BAAa,CAAC,SAAS,EAAE,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,YAC9E,WAAW,GACL,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.tsx"],"names":[],"mappings":"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"}

package/SimpleTableFilter/simple-table-filter.css

@@ -1,3 +1,18 @@
 :root {
   --ins-color--orange: #ec7a08;
+}
+
+.pf-c-input-group.ins-c-filter.ins-u-no-title input {
+  padding-right: 35px;
+  padding-right: 2.1875rem;
+  margin-right: -23px;
+  margin-right: -1.4375rem;
+}
+.pf-c-input-group.ins-c-filter .ins-c-search-icon {
+  color: var(--pf-global--secondary-color--100);
+  position: relative;
+  left: -5px;
+  left: -0.3125rem;
+  top: 8px;
+  top: 0.5rem;
 }

package/SimpleTableFilter/simple-table-filter.scss

@@ -2,3 +2,15 @@
 @import '~@patternfly/patternfly/sass-utilities/all';
 @import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
 
+.pf-c-input-group.ins-c-filter {
+  &.ins-u-no-title input {
+    @include rem('padding-right', 35px);
+    @include rem('margin-right', -23px);
+  }
+  .ins-c-search-icon {
+    color: var(--pf-global--secondary-color--100);
+    position: relative;
+    @include rem('left', -5px);
+    @include rem('top', 8px);
+  }
+}

package/Skeleton/Skeleton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SkeletonProps as PFSkeletonProps } from '@patternfly/react-core';
 import './skeleton.scss';
-type SkeletonSizeType = {
+declare type SkeletonSizeType = {
     xs: 'xs';
     sm: 'sm';
     md: 'md';

package/Skeleton/skeleton.css

@@ -11,14 +11,14 @@
   width: 100% !important;
 }
 .ins-c-skeleton.ins-m-dark {
-  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(
-    --pf-v5-global--palette--black-600
+  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-skeleton--after--LinearGradientColorStop1: var(
+    --pf-global--palette--black-600
   );
-  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(
-    --pf-v5-global--palette--black-500
+  --pf-c-skeleton--after--LinearGradientColorStop2: var(
+    --pf-global--palette--black-500
   );
-  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(
-    --pf-v5-global--palette--black-600
+  --pf-c-skeleton--after--LinearGradientColorStop3: var(
+    --pf-global--palette--black-600
   );
 }

package/Skeleton/skeleton.scss

@@ -4,15 +4,15 @@
   &__md { width: 66% !important; }
   &__lg { width: 100% !important; }
   &.ins-m-dark {
-    --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
-    --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(
-      --pf-v5-global--palette--black-600
+    --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+    --pf-c-skeleton--after--LinearGradientColorStop1: var(
+      --pf-global--palette--black-600
     );
-    --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(
-      --pf-v5-global--palette--black-500
+    --pf-c-skeleton--after--LinearGradientColorStop2: var(
+      --pf-global--palette--black-500
     );
-    --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(
-      --pf-v5-global--palette--black-600
+    --pf-c-skeleton--after--LinearGradientColorStop3: var(
+      --pf-global--palette--black-600
     );
   }
 }

package/SkeletonTable/SkeletonTable.d.ts

@@ -1,14 +1,20 @@
-import React, { ReactNode } from 'react';
-import { TableProps, TableVariant } from '@patternfly/react-table';
+import React from 'react';
+import { ICell, TableVariant } from '@patternfly/react-table';
 import './SkeletonTable.scss';
-export type SkeletonTableProps = TableProps & {
+export interface SkeletonTableProps {
+    colSize?: number;
+    rowSize?: number;
+    columns?: (ICell | string)[];
+    paddingColumnSize?: number;
+    sortBy?: {
+        index?: number;
+        direction?: 'asc' | 'desc';
+    };
+    isSelectable?: boolean;
+    canSelectAll?: boolean;
+    hasRadio?: boolean;
     variant?: TableVariant;
-    rows?: number;
-    caption?: ReactNode;
-} & ({
-    columns: ReactNode[];
-} | {
-    numberOfColumns: number;
-});
+    isDark?: boolean;
+}
 declare const SkeletonTable: React.FunctionComponent<SkeletonTableProps>;
 export default SkeletonTable;

package/SkeletonTable/SkeletonTable.js

@@ -1,4 +1,15 @@
 "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);
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -8,22 +19,41 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_table_1 = require("@patternfly/react-table");
 var Skeleton_1 = require("../Skeleton");
+var classnames_1 = __importDefault(require("classnames"));
 require("./SkeletonTable.css");
-function hasCustomColumns(props) {
-    return Array.isArray(props.columns);
-}
-var SkeletonTable = function (props) {
-    var variant = props.variant, _a = props.rows, rows = _a === void 0 ? 5 : _a, caption = props.caption;
-    var rowCells = hasCustomColumns(props) ? props.columns.length : props.numberOfColumns;
-    var rowArray = __spreadArray([], new Array(rowCells), true);
-    var bodyRows = __spreadArray([], new Array(rows), true).map(function (_, index) { return ((0, jsx_runtime_1.jsx)(react_table_1.Tr, { children: rowArray.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(react_table_1.Td, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {}) }, index)); }) }, index)); });
-    return ((0, jsx_runtime_1.jsxs)(react_table_1.Table, { "aria-label": "Loading", variant: variant, children: [caption && (0, jsx_runtime_1.jsx)(react_table_1.Caption, { children: caption }), (0, jsx_runtime_1.jsx)(react_table_1.Thead, { children: (0, jsx_runtime_1.jsx)(react_table_1.Tr, { children: hasCustomColumns(props)
-                        ? props.columns.map(function (c, index) { return (0, jsx_runtime_1.jsx)(react_table_1.Th, { children: c }, index); })
-                        : rowArray.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(react_table_1.Th, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {}) }, index)); }) }) }), (0, jsx_runtime_1.jsx)(react_table_1.Tbody, { children: bodyRows })] }));
+var SkeletonTable = function (_a) {
+    var _b = _a.canSelectAll, canSelectAll = _b === void 0 ? false : _b, _c = _a.isSelectable, isSelectable = _c === void 0 ? false : _c, sortBy = _a.sortBy, variant = _a.variant, _d = _a.isDark, isDark = _d === void 0 ? false : _d, _e = _a.colSize, colSize = _e === void 0 ? 0 : _e, columns = _a.columns, _f = _a.paddingColumnSize, paddingColumnSize = _f === void 0 ? 0 : _f, _g = _a.hasRadio, hasRadio = _g === void 0 ? false : _g, _h = _a.rowSize, rowSize = _h === void 0 ? 0 : _h;
+    var newArray = function (size) { return __spreadArray([], Array(size), true); };
+    var createColumns = function () {
+        return __spreadArray([], Array(colSize), true).map(function () { return ({ title: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.sm }) }); });
+    };
+    var getColumns = function () {
+        return newArray(paddingColumnSize)
+            .map(function () { return ''; })
+            .concat(columns || createColumns());
+    };
+    var createRows = function () {
+        var numberOfCols = columns ? columns.length : colSize;
+        return newArray(rowSize).map(function () { return ({
+            disableSelection: true,
+            cells: newArray(paddingColumnSize)
+                .map(function () { return ''; })
+                .concat(newArray(numberOfCols).map(function () { return ({ title: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.md }) }); })),
+        }); });
+    };
+    var selectVariant = function () {
+        return hasRadio ? (react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.radio) || 'radio' : (react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.checkbox) || 'checkbox';
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_table_1.Table, __assign({ className: (0, classnames_1.default)({
+            'ins-c-skeleton-table__dark': isDark,
+        }), cells: getColumns(), rows: createRows(), sortBy: sortBy, "aria-label": "Loading", onSelect: isSelectable ? function () { return undefined; } : undefined, selectVariant: isSelectable ? selectVariant() : undefined, canSelectAll: canSelectAll, variant: variant }, { children: [(0, jsx_runtime_1.jsx)(react_table_1.TableHeader, {}), (0, jsx_runtime_1.jsx)(react_table_1.TableBody, {})] })));
 };
 exports.default = SkeletonTable;
 //# sourceMappingURL=SkeletonTable.js.map

package/SkeletonTable/SkeletonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,uDAA6G;AAC7G,wCAAuC;AAEvC,gCAA8B;AAe9B,SAAS,gBAAgB,CAAC,KAA0B;IAGlD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACtC,CAAC;AAED,IAAM,aAAa,GAAgD,UAAC,KAAK;IAC/D,IAAA,OAAO,GAAwB,KAAK,QAA7B,EAAE,KAAsB,KAAK,KAAnB,EAAR,IAAI,mBAAG,CAAC,KAAA,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAC7C,IAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;IACxF,IAAM,QAAQ,qBAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAC,CAAC;IAC1C,IAAM,QAAQ,GAAG,kBAAI,IAAI,KAAK,CAAC,IAAI,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACtD,uBAAC,gBAAE,cACA,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAC1B,uBAAC,gBAAE,cACD,uBAAC,mBAAQ,KAAG,IADL,KAAK,CAET,CACN,EAJ2B,CAI3B,CAAC,IALK,KAAK,CAMT,CACN,EARuD,CAQvD,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,mBAAK,kBAAY,SAAS,EAAC,OAAO,EAAE,OAAO,aACzC,OAAO,IAAI,uBAAC,qBAAO,cAAE,OAAO,GAAW,EACxC,uBAAC,mBAAK,cACJ,uBAAC,gBAAE,cACA,gBAAgB,CAAC,KAAK,CAAC;wBACtB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,uBAAC,gBAAE,cAAc,CAAC,IAAT,KAAK,CAAU,EAAxB,CAAwB,CAAC;wBAC3D,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACzB,uBAAC,gBAAE,cACD,uBAAC,mBAAQ,KAAG,IADL,KAAK,CAET,CACN,EAJ0B,CAI1B,CAAC,GACH,GACC,EACR,uBAAC,mBAAK,cAAE,QAAQ,GAAS,IACnB,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.tsx"],"names":[],"mappings":"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"}

package/Spinner/Spinner.js

@@ -32,7 +32,7 @@ var Spinner = function (_a) {
     var _b;
     var centered = _a.centered, className = _a.className, props = __rest(_a, ["centered", "className"]);
     var spinnerClasses = (0, classnames_1.default)('ins-c-spinner', (_b = {}, _b["ins-m-center"] = centered, _b), className);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: "status", className: spinnerClasses }, props, { children: (0, jsx_runtime_1.jsx)("span", { className: "pf-v5-u-screen-reader", children: "Loading..." }) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: "status", className: spinnerClasses }, props, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: "pf-u-screen-reader" }, { children: "Loading..." })) })));
 };
 exports.default = Spinner;
 //# sourceMappingURL=Spinner.js.map

package/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AAEpC,0BAAwB;AAOxB,IAAM,OAAO,GAA0C,UAAC,EAAiC;;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACrF,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,eAAe,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAE9F,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,IAAM,KAAK,cACrD,iCAAM,SAAS,EAAC,uBAAuB,2BAAkB,IACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AAEpC,0BAAwB;AAOxB,IAAM,OAAO,GAA0C,UAAC,EAAiC;;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACrF,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,eAAe,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAE9F,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,IAAM,KAAK,cACrD,0CAAM,SAAS,EAAC,oBAAoB,gCAAkB,IAClD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/Spinner/spinner.css

@@ -21,7 +21,7 @@
   height: 30px;
   height: 1.875rem;
   border-radius: 50%;
-  border: 3px solid var(--pf-v5-global--active-color--200);
-  border-top-color: var(--pf-v5-global--active-color--100);
+  border: 3px solid var(--pf-global--active-color--200);
+  border-top-color: var(--pf-global--active-color--100);
   animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }

package/Spinner/spinner.scss

@@ -15,8 +15,8 @@
     @include rem('width', 30px);
     @include rem('height', 30px);
     border-radius: 50%;
-    border: 3px solid var(--pf-v5-global--active-color--200);
-    border-top-color: var(--pf-v5-global--active-color--100);
+    border: 3px solid var(--pf-global--active-color--200);
+    border-top-color: var(--pf-global--active-color--100);
     animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
   }
 }

package/TabLayout/TabLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './tab-layout.scss';
-export type TabLayoutItem = {
+export declare type TabLayoutItem = {
     name?: string;
     title?: React.ReactNode;
 };
@@ -10,5 +10,5 @@ export interface TabLayoutProps {
     active?: string;
     onTabClick?: (event: React.MouseEvent<HTMLDivElement>, oneItem: TabLayoutItem) => void;
 }
-declare const TabLayout: React.FunctionComponent<React.PropsWithChildren<TabLayoutProps>>;
+declare const TabLayout: React.FunctionComponent<TabLayoutProps>;
 export default TabLayout;

package/TabLayout/TabLayout.js

@@ -30,7 +30,7 @@ var classnames_1 = __importDefault(require("classnames"));
 require("./tab-layout.css");
 var TabLayout = function (_a) {
     var children = _a.children, _b = _a.items, items = _b === void 0 ? [] : _b, classNames = _a.classNames, active = _a.active, _c = _a.onTabClick, onTabClick = _c === void 0 ? function () { return undefined; } : _c, props = __rest(_a, ["children", "items", "classNames", "active", "onTabClick"]);
-    return ((0, jsx_runtime_1.jsxs)("section", __assign({}, props, { className: (0, classnames_1.default)(classNames, 'ins-tab-layout'), "widget-type": "InsightsTabs", children: [(0, jsx_runtime_1.jsx)("div", { className: "ins-tabs", children: items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)({ active: oneItem.name === active }), onClick: function (event) { return onTabClick(event, oneItem); }, "widget-type": "InsightsTabsItem", "widget-id": oneItem.name, children: oneItem.title }, oneItem.name)); }) }), (0, jsx_runtime_1.jsx)("div", { className: "ins-tab-content", children: children })] })));
+    return ((0, jsx_runtime_1.jsxs)("section", __assign({}, props, { className: (0, classnames_1.default)(classNames, 'ins-tab-layout'), "widget-type": "InsightsTabs" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "ins-tabs" }, { children: items.map(function (oneItem) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)({ active: oneItem.name === active }), onClick: function (event) { return onTabClick(event, oneItem); }, "widget-type": "InsightsTabsItem", "widget-id": oneItem.name }, { children: oneItem.title }), oneItem.name)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "ins-tab-content" }, { children: children }))] })));
 };
 exports.default = TabLayout;
 //# sourceMappingURL=TabLayout.js.map

package/TabLayout/TabLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLayout.js","sourceRoot":"","sources":["../src/TabLayout/TabLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,6BAA2B;AAoB3B,IAAM,SAAS,GAAqE,UAAC,EAOpF;IANC,IAAA,QAAQ,cAAA,EACR,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EACzB,KAAK,cAN2E,2DAOpF,CADS;IACJ,OAAA,CACJ,gDAAa,KAAK,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,gBAAgB,CAAC,iBAAc,cAAc,aACjG,gCAAK,SAAS,EAAC,UAAU,YACtB,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACtB,gCAEE,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,EAA1B,CAA0B,iBAClC,kBAAkB,eACnB,OAAO,CAAC,IAAI,YAEtB,OAAO,CAAC,KAAK,IANT,OAAO,CAAC,IAAI,CAOb,CACP,EAVuB,CAUvB,CAAC,GACE,EACN,gCAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,KACzC,CACX,CAAA;CAAA,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TabLayout.js","sourceRoot":"","sources":["../src/TabLayout/TabLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,6BAA2B;AAoB3B,IAAM,SAAS,GAA4C,UAAC,EAAoF;IAAlF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAK,KAAK,cAAlF,2DAAoF,CAAF;IAAO,OAAA,CACnJ,gDAAa,KAAK,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,gBAAgB,CAAC,iBAAc,cAAc,iBACjG,yCAAK,SAAS,EAAC,UAAU,gBACtB,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACtB,yCAEE,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,EAA1B,CAA0B,iBAClC,kBAAkB,eACnB,OAAO,CAAC,IAAI,gBAEtB,OAAO,CAAC,KAAK,KANT,OAAO,CAAC,IAAI,CAOb,CACP,EAVuB,CAUvB,CAAC,IACE,EACN,yCAAK,SAAS,EAAC,iBAAiB,gBAAE,QAAQ,IAAO,KACzC,CACX,CAAA;CAAA,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/TabLayout/tab-layout.css

@@ -3,12 +3,12 @@
   margin-right: 30px;
   text-align: center;
   cursor: pointer;
-  color: var(--pf-v5-global--link--Color);
+  color: var(--pf-global--link--Color);
 }
 .ins-tab-layout > .ins-tabs div.active {
-  border-bottom: 3px var(--pf-v5-global--link--Color) solid;
+  border-bottom: 3px var(--pf-global--link--Color) solid;
 }
 .ins-tab-layout > .ins-tabs div:hover {
-  color: var(--pf-v5-global--link--Color--hover);
-  border-bottom: 3px var(--pf-v5-global--link--Color--hover) solid;
+  color: var(--pf-global--link--Color--hover);
+  border-bottom: 3px var(--pf-global--link--Color--hover) solid;
 }

package/TabLayout/tab-layout.scss

@@ -6,15 +6,15 @@
       margin-right: 30px;
       text-align: center;
       cursor: pointer;
-      color: var(--pf-v5-global--link--Color);
+      color: var(--pf-global--link--Color);
 
       &.active {
-        border-bottom: 3px var(--pf-v5-global--link--Color) solid;
+        border-bottom: 3px var(--pf-global--link--Color) solid;
       }
 
       &:hover {
-        color: var(--pf-v5-global--link--Color--hover);
-        border-bottom: 3px var(--pf-v5-global--link--Color--hover) solid;
+        color: var(--pf-global--link--Color--hover);
+        border-bottom: 3px var(--pf-global--link--Color--hover) solid;
       }
     }
   }

package/TableToolbar/TableToolbar.css

@@ -8,17 +8,17 @@
 }
 
 .ins-c-table__toolbar, .ins-c-table__toolbar-results {
-  background: var(--pf-v5-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
+  background: var(--pf-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
   padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
 }
 
 .ins-c-table__toolbar.ins-m-footer {
-  border-top: 1px solid var(--pf-v5-global--BorderColor--light-200);
+  border-top: 1px solid var(--pf-global--BorderColor--light-200);
 }
 
 .ins-c-table__toolbar-results {
-  color: var(--pf-v5-global--Color--200);
+  color: var(--pf-global--Color--200);
 }
 
 .ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
@@ -26,7 +26,7 @@
   margin-left: 0.9375rem;
   padding-left: 15px;
   padding-left: 0.9375rem;
-  border-left: 2px solid var(--pf-v5-global--BorderColor--light);
+  border-left: 2px solid var(--pf-global--BorderColor--light);
 }
 
 @media only screen and (max-width: 768px) {

package/TableToolbar/TableToolbar.js

@@ -44,7 +44,7 @@ var TableToolbar = function (_a) {
     var tableToolbarClasses = (0, classnames_1.default)('ins-c-table__toolbar', (_b = {}, _b["ins-m-footer"] = isFooter, _b), className);
     var ouiaComponentType = 'RHI/TableToolbar';
     var ouiaFinalId = (0, react_core_1.useOUIAId)(ouiaComponentType, ouiaId, ouiaSafe);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Toolbar, __assign({ className: tableToolbarClasses, "data-ouia-component-type": ouiaComponentType, "data-ouia-component-id": ouiaFinalId, "data-ouia-safe": ouiaSafe }, props, { children: children })), ((results && results >= 0) || (selected && selected >= 0)) && ((0, jsx_runtime_1.jsxs)("div", { className: "ins-c-table__toolbar-results", children: [results && results >= 0 && (0, jsx_runtime_1.jsxs)("span", { className: "ins-c-table__toolbar-results-count", children: [" ", generateCount(results), " "] }), selected && selected >= 0 && (0, jsx_runtime_1.jsxs)("span", { className: "ins-c-table__toolbar-results-selected", children: [" ", selected, " Selected "] })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Toolbar, __assign({ className: tableToolbarClasses, "data-ouia-component-type": ouiaComponentType, "data-ouia-component-id": ouiaFinalId, "data-ouia-safe": ouiaSafe }, props, { children: children })), ((results && results >= 0) || (selected && selected >= 0)) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "ins-c-table__toolbar-results" }, { children: [results && results >= 0 && (0, jsx_runtime_1.jsxs)("span", __assign({ className: "ins-c-table__toolbar-results-count" }, { children: [" ", generateCount(results), " "] })), selected && selected >= 0 && (0, jsx_runtime_1.jsxs)("span", __assign({ className: "ins-c-table__toolbar-results-selected" }, { children: [" ", selected, " Selected "] }))] })))] }));
 };
 exports.default = TableToolbar;
 //# sourceMappingURL=TableToolbar.js.map

package/TableToolbar/TableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.js","sourceRoot":"","sources":["../src/TableToolbar/TableToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,qDAA0E;AAC1E,0DAAoC;AAEpC,+BAA6B;AAW7B,SAAS,aAAa,CAAC,OAAe;IACpC,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE;QAC9B,OAAO,UAAG,OAAO,aAAU,CAAC;KAC7B;SAAM;QACL,OAAO,UAAG,OAAO,YAAS,CAAC;KAC5B;AACH,CAAC;AAED,IAAM,YAAY,GAA+C,UAAC,EASjE;;IARC,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,KAAK,cARwD,kFASjE,CADS;IAER,IAAM,mBAAmB,GAAG,IAAA,oBAAU,EAAC,sBAAsB,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAC1G,IAAM,iBAAiB,GAAG,kBAAkB,CAAC;IAC7C,IAAM,WAAW,GAAG,IAAA,sBAAS,EAAC,iBAAiB,EAAE,MAAM,EAAE,QAA6B,CAAC,CAAC;IAExF,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,oBAAO,aACN,SAAS,EAAE,mBAAmB,8BACJ,iBAAiB,4BACnB,WAAW,oBACnB,QAAQ,IACpB,KAAK,cAER,QAAQ,IACD,EACT,CAAC,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC,CAAC,CAAC,IAAI,CAC7D,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,OAAO,IAAI,OAAO,IAAI,CAAC,IAAI,kCAAM,SAAS,EAAC,oCAAoC,kBAAG,aAAa,CAAC,OAAO,CAAC,SAAS,EACjH,QAAQ,IAAI,QAAQ,IAAI,CAAC,IAAI,kCAAM,SAAS,EAAC,uCAAuC,kBAAG,QAAQ,kBAAkB,IAC9G,CACP,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"TableToolbar.js","sourceRoot":"","sources":["../src/TableToolbar/TableToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,qDAA0E;AAC1E,0DAAoC;AAEpC,+BAA6B;AAW7B,SAAS,aAAa,CAAC,OAAe;IACpC,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE;QAC9B,OAAO,UAAG,OAAO,aAAU,CAAC;KAC7B;SAAM;QACL,OAAO,UAAG,OAAO,YAAS,CAAC;KAC5B;AACH,CAAC;AAED,IAAM,YAAY,GAA+C,UAAC,EASjE;;IARC,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,KAAK,cARwD,kFASjE,CADS;IAER,IAAM,mBAAmB,GAAG,IAAA,oBAAU,EAAC,sBAAsB,YAAI,GAAC,cAAc,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAC1G,IAAM,iBAAiB,GAAG,kBAAkB,CAAC;IAC7C,IAAM,WAAW,GAAG,IAAA,sBAAS,EAAC,iBAAiB,EAAE,MAAM,EAAE,QAA6B,CAAC,CAAC;IAExF,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,oBAAO,aACN,SAAS,EAAE,mBAAmB,8BACJ,iBAAiB,4BACnB,WAAW,oBACnB,QAAQ,IACpB,KAAK,cAER,QAAQ,IACD,EACT,CAAC,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC,CAAC,CAAC,IAAI,CAC7D,0CAAK,SAAS,EAAC,8BAA8B,iBAC1C,OAAO,IAAI,OAAO,IAAI,CAAC,IAAI,2CAAM,SAAS,EAAC,oCAAoC,sBAAG,aAAa,CAAC,OAAO,CAAC,UAAS,EACjH,QAAQ,IAAI,QAAQ,IAAI,CAAC,IAAI,2CAAM,SAAS,EAAC,uCAAuC,sBAAG,QAAQ,mBAAkB,KAC9G,CACP,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/TableToolbar/TableToolbar.scss

@@ -6,19 +6,19 @@
 }
 
 .ins-c-table__toolbar, .ins-c-table__toolbar-results {
-  background: var(--pf-v5-global--Color--light-100);
-  border-bottom: 1px solid var(--pf-v5-global--BorderColor--light-200);
+  background: var(--pf-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
   padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
 }
 
-.ins-c-table__toolbar.ins-m-footer { border-top: 1px solid var(--pf-v5-global--BorderColor--light-200); }
+.ins-c-table__toolbar.ins-m-footer { border-top: 1px solid var(--pf-global--BorderColor--light-200); }
 
-.ins-c-table__toolbar-results { color: var(--pf-v5-global--Color--200); }
+.ins-c-table__toolbar-results { color: var(--pf-global--Color--200); }
 
 .ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
   @include rem('margin-left', 15px);
   @include rem('padding-left', 15px);
-  border-left: 2px solid var(--pf-v5-global--BorderColor--light);
+  border-left: 2px solid var(--pf-global--BorderColor--light);
 }
 
 @media only screen and (max-width: 768px) {

package/TagCount/TagCount.js

@@ -32,7 +32,7 @@ var react_icons_1 = require("@patternfly/react-icons");
 require("./tagCount.css");
 var TagCount = function (_a) {
     var count = _a.count, _b = _a.onTagClick, onTagClick = _b === void 0 ? function () { return undefined; } : _b, className = _a.className, props = __rest(_a, ["count", "onTagClick", "className"]);
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Button, __assign({}, props, { variant: "plain", isDisabled: !count, className: (0, classnames_1.default)('ins-c-tag-count', className), onClick: onTagClick, children: [(0, jsx_runtime_1.jsx)(react_core_1.Icon, { size: "lg", children: (0, jsx_runtime_1.jsx)(react_icons_1.TagIcon, {}) }), (0, jsx_runtime_1.jsx)("span", { className: "ins-c-tag__text", children: count })] })));
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Button, __assign({}, props, { variant: "plain", isDisabled: !count, className: (0, classnames_1.default)('ins-c-tag-count', className), onClick: onTagClick }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.TagIcon, { size: "md" }), (0, jsx_runtime_1.jsx)("span", __assign({ className: "ins-c-tag__text" }, { children: count }))] })));
 };
 exports.default = TagCount;
 //# sourceMappingURL=TagCount.js.map

package/TagCount/TagCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagCount.js","sourceRoot":"","sources":["../src/TagCount/TagCount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,qDAAmE;AACnE,uDAAkD;AAElD,2BAAyB;AAQzB,IAAM,QAAQ,GAA2C,UAAC,EAA4D;IAA1D,IAAA,KAAK,WAAA,EAAE,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1D,oCAA4D,CAAF;IAClH,OAAO,CACL,wBAAC,mBAAM,eAAK,KAAK,IAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,aAC7H,uBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,YACb,uBAAC,qBAAO,KAAG,GACN,EACP,iCAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAQ,KACzC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"TagCount.js","sourceRoot":"","sources":["../src/TagCount/TagCount.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,qDAA6D;AAC7D,uDAAkD;AAElD,2BAAyB;AAQzB,IAAM,QAAQ,GAA2C,UAAC,EAA4D;IAA1D,IAAA,KAAK,WAAA,EAAE,kBAA4B,EAA5B,UAAU,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1D,oCAA4D,CAAF;IAClH,OAAO,CACL,wBAAC,mBAAM,eAAK,KAAK,IAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,iBAC7H,uBAAC,qBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,EACrB,0CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KACzC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/TagCount/tagCount.css

@@ -1,5 +1,5 @@
 button.ins-c-tag-count {
-  color: var(--pf-v5-global--icon--Color--light);
+  color: var(--pf-global--icon--Color--light);
   display: flex;
   align-content: center;
 }

package/TagCount/tagCount.scss

@@ -1,5 +1,5 @@
 button.ins-c-tag-count {
-  color: var(--pf-v5-global--icon--Color--light);
+  color: var(--pf-global--icon--Color--light);
   display: flex;
   align-content: center;
 }

package/TagModal/TableWithFilter.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { ModalProps } from '@patternfly/react-core';
-import { TableProps } from '@patternfly/react-table/deprecated';
+import { ICell, IRow, TableProps } from '@patternfly/react-table';
 import { PrimaryToolbarProps } from '../PrimaryToolbar';
 import { BulkSelectProps } from '../BulkSelect';
 import { ConditionalFilterItem } from '../ConditionalFilter';
-import { ICell, IRow } from '@patternfly/react-table';
-export type TableWithFilterPagination = {
+export declare type TableWithFilterPagination = {
     count: number;
     page: number;
     perPage: number;