@widergy/energy-ui 3.137.1 → 3.138.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.138.0](https://github.com/widergy/energy-ui/compare/v3.137.2...v3.138.0) (2026-02-10)
+
+
+### Features
+
+* [DEV-766] mvp widergy/eslint-config package ([#726](https://github.com/widergy/energy-ui/issues/726)) ([58a9c5a](https://github.com/widergy/energy-ui/commit/58a9c5aa22c6429793ac43499b085cdba69c5081))
+
+## [3.137.2](https://github.com/widergy/energy-ui/compare/v3.137.1...v3.137.2) (2026-02-10)
+
+
+### Bug Fixes
+
+* [OUG] shortcut panel tokens ([#756](https://github.com/widergy/energy-ui/issues/756)) ([0a5d289](https://github.com/widergy/energy-ui/commit/0a5d28920adbdaf932fa867b69cf379262be909e))
+
 ## [3.137.1](https://github.com/widergy/energy-ui/compare/v3.137.0...v3.137.1) (2026-02-09)
 
 

package/dist/components/UTActionCard/components/HeaderActions/index.js

@@ -16,7 +16,7 @@ var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const HeaderActions = _ref => {
   var _headerActions$find, _secondaryActions$;
   let {

package/dist/components/UTAttachment/components/Preview/index.js

@@ -11,13 +11,13 @@ var _constants = require("../../constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/media-has-caption */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Preview = _ref => {
   let {
     preview,
     previewProps = {}
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _utils.isImage)(preview) && /*#__PURE__*/_react.default.createElement("img", _extends({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _utils.isImage)(preview) && /*#__PURE__*/_react.default.createElement("img", _extends({
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""

package/dist/components/UTAttachmentList/components/PreviewModal/index.js

@@ -11,7 +11,7 @@ var _utils = require("../../utils");
 var _constants = require("../../constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/media-has-caption */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const PreviewModal = _ref => {
   let {
     closePreviewModal,

package/dist/components/UTEmojiPicker/index.js

@@ -17,7 +17,7 @@ var _utils = require("./utils");
 var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const UTEmojiPicker = _ref => {
   let {
     ButtonComponent = _UTTouchableWithoutFeedback.default,

package/dist/components/UTModal/index.js

@@ -17,7 +17,7 @@ var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const UTModal = _ref => {
   let {
     cancelAction,

package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js

@@ -13,7 +13,7 @@ var _WithTheme = _interopRequireDefault(require("../../../../../WithTheme"));
 var _theme = require("./theme");
 var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Radio = _ref => {
   let {
     classes,

package/dist/components/UTSelectableCard/index.js

@@ -16,7 +16,7 @@ var _UTAvatar = _interopRequireDefault(require("../UTAvatar"));
 var _constants = require("./constants");
 var _theme = require("./theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var CheckIcon = function CheckIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentCategory/components/ExpandedPanelContentCategoryItem/layout.js

@@ -79,14 +79,12 @@ const ExpandedPanelContentCategoryItem = _ref => {
       placement: _constants.TOOLTIP_PLACEMENT[position]
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classes: {
-      root: classes.expandedPanelContentCategoryItemAction
-    },
     colorTheme: "gray",
     dataTestId: "".concat(dataTestId, ".").concat(EDIT_BUTTON),
     Icon: "IconPencil",
     onClick: handleEditFilterGrouping,
-    variant: "text"
+    variant: "text",
+    size: "small"
   }))), /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
     arrow: false,
     content: deleteButton,
@@ -100,14 +98,12 @@ const ExpandedPanelContentCategoryItem = _ref => {
       placement: _constants.TOOLTIP_PLACEMENT[position]
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classes: {
-      root: classes.expandedPanelContentCategoryItemAction
-    },
     colorTheme: "gray",
     dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(DELETE_BUTTON) : undefined,
     Icon: "IconTrash",
     onClick: handleDeleteFilterGrouping,
-    variant: "text"
+    variant: "text",
+    size: "small"
   })))));
 };
 ExpandedPanelContentCategoryItem.propTypes = {

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentHeader/layout.js

@@ -77,9 +77,6 @@ const ExpandedPanelContentHeader = _ref => {
       placement: _constants.TOOLTIP_PLACEMENT
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classes: {
-      root: classes.expandedPanelContentAction
-    },
     colorTheme: "gray",
     dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(SEARCH_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchButton,
     Icon: "IconSearch",
@@ -96,18 +93,12 @@ const ExpandedPanelContentHeader = _ref => {
       placement: _constants.TOOLTIP_PLACEMENT
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classes: {
-      root: classes.expandedPanelContentAction
-    },
     colorTheme: "gray",
     dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(COLLAPSE_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.collapseButton,
     Icon: _constants.ICON_BY_POSITION[position],
     onClick: handleTogglePanel,
     variant: "text"
   })))), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classes: {
-      root: classes.expandedPanelContentAction
-    },
     colorTheme: "dark",
     dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ADD_FILTER_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.addFilterButton,
     Icon: "IconPlus",

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/context.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-const UTFilterGroupingContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = exports.default = UTFilterGroupingContext;
+const UTShortcutPanelContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = UTShortcutPanelContext;

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/index.js

@@ -16,7 +16,7 @@ var _constants = require("./constants");
 var _theme = require("./theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTFilterGroupingContainer = _ref => {
+const UTShortcutPanelContainer = _ref => {
   let {
     categories,
     categoriesConfig,
@@ -125,7 +125,7 @@ const UTFilterGroupingContainer = _ref => {
     position: position
   }, children)));
 };
-UTFilterGroupingContainer.propTypes = {
+UTShortcutPanelContainer.propTypes = {
   categories: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     id: _propTypes.number,
     category: _propTypes.string,
@@ -184,4 +184,4 @@ UTFilterGroupingContainer.propTypes = {
     searchButton: _propTypes.string
   })
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTFilterGroupingContainer);
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTShortcutPanelContainer);

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/layout.js

@@ -10,7 +10,7 @@ var _iconTypes = require("../../types/iconTypes");
 var _GroupingPanel = _interopRequireDefault(require("./components/GroupingPanel"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTFilterGrouping = _ref => {
+const UTShortcutPanel = _ref => {
   let {
     children,
     containerRef,
@@ -31,7 +31,7 @@ const UTFilterGrouping = _ref => {
     position: position
   }), children);
 };
-UTFilterGrouping.propTypes = {
+UTShortcutPanel.propTypes = {
   containerRef: _propTypes.refType,
   dataTestId: _propTypes.string,
   handleTogglePanel: _propTypes.func,
@@ -40,4 +40,4 @@ UTFilterGrouping.propTypes = {
   panelTitle: _propTypes.string,
   position: _propTypes.string
 };
-var _default = exports.default = UTFilterGrouping;
+var _default = exports.default = UTShortcutPanel;

package/dist/components/UTShortcutPanel/stories/UTShortcutPanel.mdx

@@ -0,0 +1,13 @@
+import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/addon-docs';
+
+import * as UTShortcutPanelStories from './UTShortcutPanel.stories';
+
+<Meta of={UTShortcutPanelStories} />
+
+<Title>UTShortcutPanel</Title>
+
+<Description of={UTShortcutPanelStories} />
+
+<Canvas of={UTShortcutPanelStories.Playground} />
+
+<ArgTypes />

package/dist/components/{UTFilterGrouping/stories/UTFilterGrouping.stories.js → UTShortcutPanel/stories/UTShortcutPanel.stories.js}

@@ -69,7 +69,7 @@ var _default = exports.default = {
     },
     children: {
       control: 'none',
-      description: 'Contenido wrappeado por el componente `UTFilterGrouping`.',
+      description: 'Contenido wrappeado por el componente `UTShortcutPanel`.',
       table: {
         defaultValue: {
           summary: 'undefined'
@@ -278,7 +278,7 @@ var _default = exports.default = {
       }
     }
   },
-  title: 'Energy-UI/UTFilterGrouping'
+  title: 'Energy-UI/UTShortcutPanel'
 };
 const Playground = exports.Playground = {
   name: 'Playground',
@@ -311,5 +311,5 @@ const Playground = exports.Playground = {
 const TestingSite = exports.TestingSite = {
   ...Playground,
   name: 'Test Site',
-  play: _tests.UTFilterGroupingTests
+  play: _tests.UTShortcutPanelTests
 };

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/stories/props.schema.json

@@ -1,9 +1,9 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "https://utfiltergrouping.dev/schemas/categories.schema.json",
-  "title": "UTFilterGrouping Configuration",
+  "$id": "https://UTShortcutPanel.dev/schemas/categories.schema.json",
+  "title": "UTShortcutPanel Configuration",
   "type": "object",
-  "description": "Complete configuration for UTFilterGrouping component",
+  "description": "Complete configuration for UTShortcutPanel component",
   "required": ["CATEGORIES", "CATEGORIES_CONFIG"],
   "additionalProperties": true,
   "properties": {

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/stories/tests.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UTFilterGroupingTests = void 0;
+exports.UTShortcutPanelTests = void 0;
 var _test = require("@storybook/test");
 var _testIds = require("../../../constants/testIds");
 var _constants = _interopRequireDefault(require("./constants.json"));
@@ -54,7 +54,7 @@ const {
   headerSearchFieldCustomAction,
   headerTitle
 } = TEST_IDS;
-const UTFilterGroupingTests = async _ref => {
+const UTShortcutPanelTests = async _ref => {
   let {
     args,
     canvasElement,
@@ -247,4 +247,4 @@ const UTFilterGroupingTests = async _ref => {
   }
   testingShield.removeAttribute(SHIELD_KEY);
 };
-exports.UTFilterGroupingTests = UTFilterGroupingTests;
+exports.UTShortcutPanelTests = UTShortcutPanelTests;

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/stories/utils.js

@@ -34,8 +34,8 @@ const {
 } = MISC;
 
 /**
- * @fileoverview Utility functions for UTFilterGrouping stories
- * @module UTFilterGrouping/stories/utils
+ * @fileoverview Utility functions for UTShortcutPanel stories
+ * @module UTShortcutPanel/stories/utils
  */
 
 /**

package/dist/components/{UTFilterGrouping → UTShortcutPanel}/styles.module.scss

@@ -18,7 +18,7 @@
 %animatedActionsContainer {
   animation: slideInFromRight 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--UT-shortcutPanel-header-gap, 8px);
 }
 
 %textWithEllipsis {
@@ -27,11 +27,6 @@
   white-space: nowrap;
 }
 
-%actionButton {
-  min-width: fit-content;
-  padding: 4px;
-}
-
 .filterGroupingContainer {
   display: flex;
   flex-grow: 1;
@@ -51,51 +46,42 @@
   }
 
   .paper {
-    align-items: flex-start;
+    align-items: center;
     box-shadow: none !important;
     box-sizing: border-box;
     display: flex;
     justify-content: flex-start;
     order: 2 !important;
     overflow: hidden !important;
-    padding: 24px 12px;
+    padding: var(--padding-lg, 24px) 0;
     position: relative !important;
     transition: width 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
-    width: 56px;
-
-    .collapsedPanelContentExpandButton {
-      padding: 4px !important;
-    }
+    width: var(--UT-shortcutPanel-width-collapsed, 56px);
 
     &Open {
       padding: 0;
-      width: 256px;
+      width: var(--UT-shortcutPanel-width, 256px);
     }
 
     .expandedPanelContent {
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      padding: 0 16px;
+      padding: 0 var(--UT-shortcutPanel-padding, 16px);
       position: relative;
       width: 100%;
 
       .expandedPanelContentHeader {
         align-items: center;
         display: flex;
-        grid-gap: 8px;
+        grid-gap: var(--UT-shortcutPanel-header-gap, 8px);
         justify-content: space-between;
-        padding: 24px 0;
         position: sticky;
         top: 0;
         width: 100%;
         z-index: 1;
+        height: var(--UT-shortcutPanel-header-height);
 
-        &SearchOpen {
-          border: 1px solid transparent;
-          padding: 16px 0;
-        }
-        
         .expandedPanelContentTitle {
           @extend %textWithEllipsis;
         }
@@ -103,7 +89,7 @@
         .expandedPanelContentActions {
           display: flex;
           flex-wrap: nowrap;
-          grid-gap: 8px;
+          grid-gap: var(--UT-shortcutPanel-header-gap, 8px);
 
           .expandedPanelContentActionsContainer {
             @extend %actionsContainer;
@@ -117,20 +103,18 @@
           }
         }
         
-        .expandedPanelContentAction {
-          @extend %actionButton;
-        }
       }
 
       .expandedPanelContentCategory {
-        padding: 16px 0;
+        padding: var(--UT-shortcutPanel-category-padding, 8px) 0;
 
         .expandedPanelContentCategoryHeader {
           align-items: center;
-          border-radius: 4px;
+          border-radius: var(--radius-sm, 4px);
           display: flex;
-          grid-gap: 8px;
-          padding: 12px 8px;
+          grid-gap: var(--UT-shortcutPanel-category-gap, 8px);
+          padding: var(--UT-shortcutPanel-category-padding, 8px);
+          height: var(--UT-shortcutPanel-category-height);
 
           svg {
             transition: transform 0.3s ease-in-out;
@@ -141,7 +125,7 @@
           }
 
           .ExpandedPanelContentCategoryHeaderAvatar {
-            border-radius: 8px;
+            border-radius: var(--radius-md, 8px);
           }
         }
 
@@ -163,38 +147,38 @@
 
         .expandedPanelContentCategoryEmpty {
           align-items: center;
-          border-radius: 8px;
+          border-radius: var(--radius-md, 8px);
           display: flex;
           flex-direction: column;
-          grid-gap: 8px;
+          grid-gap: var(--gap-xs);
           justify-content: center;
-          padding: 12px 8px;
+          padding: var(--padding-md);
 
           .expandedPanelContentCategoryEmptyText {
             align-items: center;
             display: flex;
             flex-direction: column;
-            grid-gap: 4px;
+            grid-gap: var(--gap-xs);
             justify-content: center;
           }
         }
 
         .expandedPanelContentCategoryItem {
           align-items: center;
-          border-radius: 4px;
+          border-radius: var(--radius-sm);
           box-sizing: border-box;
           display: flex;
-          grid-gap: 8px;
+          grid-gap: var(--gap-sm);
           justify-content: space-between;
-          min-height: 44px;
-          padding: 6px 8px;
+          min-height: var(--UT-shortcutPanel-item-height);
+          padding: 0 var(--padding-xs);
           width: 100%;
           
           .expandedPanelContentCategoryItemTitleContainer {
             align-items: center;
             display: flex;
             flex-grow: 1;
-            grid-gap: 8px;
+            grid-gap: var(--UT-shortcutPanel-item-gap, 8px);
             overflow: hidden;
 
             .hoverableContainer {
@@ -217,10 +201,6 @@
               @extend %animatedActionsContainer;
             }
           }
-
-          .expandedPanelContentCategoryItemAction {
-            @extend %actionButton;
-          }
         }
       }
     }
@@ -228,24 +208,24 @@
 }
 
 .popper {
-  max-width: 272px;
+  max-width: var(--size-overlay-lg, 272px);
   z-index: 1300;
 
   &Right {
-    left: -4px !important;
+    left: calc(-1 * var(--gap-xs)) !important;
   }
 
   &Left {
-    left: 4px !important;
+    left: var(--gap-xs) !important;
   }
 
   .expandedPanelContentPopperContent {
     align-items: flex-start;
-    border-radius: 4px;
+    border-radius: var(--radius-xs);
     display: flex;
     flex-direction: column;
-    grid-gap: 4px;
+    grid-gap: var(--gap-xs);
     justify-content: center;
-    padding: 16px;
+    padding: var(--padding-md);
   }
 }

package/dist/components/UTShortcutPanel/theme.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _get = _interopRequireDefault(require("lodash/get"));
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const retrieveStyle = _ref => {
+  let {
+    theme,
+    position
+  } = _ref;
+  return {
+    backdrop: {
+      backgroundColor: theme.Palette.dark['05'],
+      opacity: '0.25 !important'
+    },
+    expandedPanelContentCategoryEmpty: {
+      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryEmpty', 'backgroundColor'], "".concat(theme.Palette.light['03']))
+    },
+    expandedPanelContentCategoryHeader: {
+      '&:hover': {
+        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
+      }
+    },
+    expandedPanelContentCategoryItem: {
+      '&:hover': {
+        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItem', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
+      }
+    },
+    expandedPanelContentCategoryItemSelected: {
+      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor'], "".concat(theme.Palette.accent['01'])),
+      '&:hover': {
+        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor', '&:hover'], "".concat(theme.Palette.accent['01'], " !important"))
+      }
+    },
+    expandedPanelContentHeader: {
+      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor'], "".concat(theme.Palette.light['01']))
+    },
+    expandedPanelContentPopperContent: {
+      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentPopperContent', 'backgroundColor'], "".concat(theme.Palette.light['01']))
+    },
+    paper: {
+      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'closedPanelBar', 'backgroundColor'], "".concat(theme.Palette.light['01'], " !important")),
+      borderRight: position === _constants.PANEL_POSITIONS.LEFT ? (0, _get.default)(theme, ['UTShortcutPanel', 'borderRight'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none',
+      borderLeft: position === _constants.PANEL_POSITIONS.RIGHT ? (0, _get.default)(theme, ['UTShortcutPanel', 'borderLeft'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none'
+    },
+    perfectScrollbar: {
+      width: (0, _get.default)(theme, ['UTShortcutPanel', 'perfectScrollbar', 'width'], '100%')
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTStatus/index.js

@@ -16,7 +16,7 @@ var _constants = require("./constants");
 var _utils = require("./utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable react/no-children-prop */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const UTStatus = _ref => {
   let {
     adornments = [],

package/dist/components/UTTable/components/ActionIcons/index.js

@@ -16,7 +16,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _constants = require("./constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ActionIcons = _ref => {
   let {
     classes,

package/dist/components/UTTouchableWithoutFeedback/index.js

@@ -10,7 +10,7 @@ var _UTRipple = _interopRequireDefault(require("../UTRipple"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/click-events-have-key-events */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const UTTouchableWithoutFeedback = _ref => {
   let {
     children,

package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js

@@ -9,9 +9,6 @@ var _constants = require("./components/ListRow/constants");
 var _ListRow = _interopRequireDefault(require("./components/ListRow"));
 var _constants2 = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable react/no-array-index-key */
-/* eslint-disable no-plusplus */
-
 const createRows = (data, elementsPerRow) => {
   const totalRows = Math.ceil(data.length / elementsPerRow);
   const rows = new Array(totalRows).fill(0).map(() => []);

package/dist/components/WithLoading/index.js

@@ -13,6 +13,5 @@ const WithLoading = (shouldLoad, text, className, size, thickness, textClassName
   thickness: thickness,
   size: size,
   textClassName: textClassName
-}) // eslint-disable-line react/prop-types
-: /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
+}) : /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
 var _default = exports.default = WithLoading;

package/dist/index.js

@@ -201,12 +201,6 @@ Object.defineProperty(exports, "UTFileInput", {
     return _UTFileInput.default;
   }
 });
-Object.defineProperty(exports, "UTFilterGrouping", {
-  enumerable: true,
-  get: function () {
-    return _UTFilterGrouping.default;
-  }
-});
 Object.defineProperty(exports, "UTGoogleAutocomplete", {
   enumerable: true,
   get: function () {
@@ -369,6 +363,12 @@ Object.defineProperty(exports, "UTSelectableCard", {
     return _UTSelectableCard.default;
   }
 });
+Object.defineProperty(exports, "UTShortcutPanel", {
+  enumerable: true,
+  get: function () {
+    return _UTShortcutPanel.default;
+  }
+});
 Object.defineProperty(exports, "UTSidebar", {
   enumerable: true,
   get: function () {
@@ -565,7 +565,7 @@ var _UTDotMenu = _interopRequireDefault(require("./components/UTDotMenu"));
 var _UTEmojiPicker = _interopRequireDefault(require("./components/UTEmojiPicker"));
 var _UTExternalLink = _interopRequireDefault(require("./components/UTExternalLink"));
 var _UTFileInput = _interopRequireDefault(require("./components/UTFileInput"));
-var _UTFilterGrouping = _interopRequireDefault(require("./components/UTFilterGrouping"));
+var _UTShortcutPanel = _interopRequireDefault(require("./components/UTShortcutPanel"));
 var _UTGoogleAutocomplete = _interopRequireDefault(require("./components/UTGoogleAutocomplete"));
 var _UTGraph = _interopRequireDefault(require("./components/UTGraph"));
 var _UTIcon = _interopRequireDefault(require("./components/UTIcon"));

package/dist/utils/hooks/useCSSVariables/constants.js

@@ -21,6 +21,12 @@ const baseTokens = exports.baseTokens = {
     'size-11': '3.5rem',
     'size-12': '4rem',
     'size-13': '6rem',
+    'size-14': '8rem',
+    'size-15': '10rem',
+    'size-16': '12rem',
+    'size-17': '14rem',
+    'size-18': '16rem',
+    'size-19': '20rem',
     'spacing-0': '0rem',
     'spacing-1': '0.125rem',
     'spacing-2': '0.25rem',
@@ -134,6 +140,18 @@ const baseTokens = exports.baseTokens = {
     'size-icon-md': 'size-7',
     'size-icon-lg': 'size-8',
     'size-icon-xl': 'size-10',
+    'size-layout-3xs': 'size-11',
+    'size-layout-2xs': 'size-12',
+    'size-layout-sm': 'size-15',
+    'size-layout-md': 'size-18',
+    'size-layout-lg': 'size-19',
+    'size-overlay-sm': 'size-14',
+    'size-overlay-md': 'size-16',
+    'size-overlay-lg': 'size-18',
+    'size-overlay-xl': 'size-19',
+    'size-overlay-2xl': 'size-21',
+    'size-overlay-3xl': 'size-23',
+    'size-overlay-full': 'size-full',
     'radius-sm': 'radius-100',
     'radius-md': 'radius-200',
     'radius-lg': 'radius-300',
@@ -183,6 +201,22 @@ const baseTokens = exports.baseTokens = {
     'UT-label-markdown-padding-sm': 'padding-xs',
     'UT-label-markdown-padding-md': 'padding-sm',
     'UT-label-markdown-padding-lg': 'padding-md',
-    'UT-label-markdown-padding-xl': 'padding-lg'
+    'UT-label-markdown-padding-xl': 'padding-lg',
+    'UT-shortcutPanel-width': 'size-layout-md',
+    'UT-shortcutPanel-width-collapsed': 'size-layout-3xs',
+    'UT-shortcutPanel-padding': 'padding-md',
+    'UT-shortcutPanel-header-height': 'size-layout-2xs',
+    'UT-shortcutPanel-header-gap': 'gap-sm',
+    'UT-shortcutPanel-header-label-size': 'font-heading-size-5',
+    'UT-shortcutPanel-category-height': 'size-control-md',
+    'UT-shortcutPanel-category-padding': 'padding-xs',
+    'UT-shortcutPanel-category-gap': 'gap-lg',
+    'UT-shortcutPanel-category-label-size': 'font-body-size-sm',
+    'UT-shortcutPanel-category-icon-size': 'size-icon-md',
+    'UT-shortcutPanel-item-height': 'size-control-md',
+    'UT-shortcutPanel-item-padding': 'padding-xs',
+    'UT-shortcutPanel-item-gap': 'gap-sm',
+    'UT-shortcutPanel-item-label-size': 'font-body-size-md',
+    'UT-shortcutPanel-item-icon-size': 'size-icon-xs'
   }
 };

package/dist/utils/keyboardUtils.js

@@ -20,7 +20,6 @@ const identifyField = function () {
   const fieldName = inputName.includes('-') ? inputName.split('-')[1] : inputName;
   const fieldPrefix = inputName.includes('-') ? inputName.split('-')[0] : null;
   const formsArray = Object.entries(forms);
-  // eslint-disable-next-line no-unused-vars
   const [formName] = formsArray.find(_ref => {
     let [_, {
       registeredFields

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.137.1",
+  "version": "3.138.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -11,10 +11,11 @@
     "dist"
   ],
   "scripts": {
-    "start": "cross-env GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider start",
+    "start": "SKIP_PREFLIGHT_CHECK=true DISABLE_ESLINT_PLUGIN=true cross-env GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider start",
     "build-examples": "cross-env GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider build",
-    "lint": "./node_modules/eslint/bin/eslint.js src",
-    "test": "react-scripts test --env=jsdom",
+    "lint": "./node_modules/eslint/bin/eslint.js src --cache --prune-suppressions",
+    "lint-suppress": "./node_modules/eslint/bin/eslint.js src --cache --suppress-all",
+    "test": "SKIP_PREFLIGHT_CHECK=true DISABLE_ESLINT_PLUGIN=true react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "prebuild": "rimraf dist",
     "build": "NODE_ENV=production babel src/lib --out-dir dist --copy-files",
@@ -95,19 +96,28 @@
     "@storybook/react": "^8.0.9",
     "@storybook/react-webpack5": "^8.0.9",
     "@storybook/test": "^8.0.9",
+    "@eslint/compat": "^1.4.0",
+    "@widergy/eslint-config": "^1.0.0",
     "@storybook/test-runner": "^0.19.1",
     "@widergy/semantic-release-package-config": "^1.0.0",
+    "babel-plugin-import-glob": "^2.0.0",
+    "babel-plugin-module-resolver": "^5.0.0",
     "babel-preset-react-app": "^10.0.1",
     "concurrently": "^9.2.1",
     "cross-env": "^7.0.3",
+    "eslint": "^9.38.0",
+    "eslint-import-resolver-babel-module": "^5.3.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.1.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.11.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "gh-pages": "^6.0.0",
+    "globals": "^16.4.0",
     "husky": "^8.0.0",
     "prettier": "^3.6.2",
     "prettier-eslint": "^15.0.1",
@@ -119,8 +129,10 @@
     "sass-lint": "^1.12.1",
     "semantic-release": "^15.13.31",
     "storybook": "^8.0.9",
-    "wait-on": "^9.0.3",
-    "webpack": "^5.90.1"
+    "webpack": "^5.90.1",
+    "typescript-coverage-report": "^1.1.0",
+    "typescript-eslint": "^8.46.4",
+    "wait-on": "^9.0.3"
   },
   "release": {
     "extends": "@widergy/semantic-release-package-config"

package/dist/components/UTFilterGrouping/stories/UTFilterGrouping.mdx

@@ -1,13 +0,0 @@
-import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/addon-docs';
-
-import * as UTFilterGroupingStories from './UTFilterGrouping.stories';
-
-<Meta of={UTFilterGroupingStories} />
-
-<Title>UTFilterGrouping</Title>
-
-<Description of={UTFilterGroupingStories} />
-
-<Canvas of={UTFilterGroupingStories.Playground} />
-
-<ArgTypes />

package/dist/components/UTFilterGrouping/theme.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _get = _interopRequireDefault(require("lodash/get"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme,
-    position
-  } = _ref;
-  return {
-    backdrop: {
-      backgroundColor: theme.Palette.dark['05'],
-      opacity: '0.25 !important'
-    },
-    expandedPanelContentCategoryEmpty: {
-      backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryEmpty', 'backgroundColor'], "".concat(theme.Palette.light['03']))
-    },
-    expandedPanelContentCategoryHeader: {
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItem: {
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItem', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItemSelected: {
-      backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor'], "".concat(theme.Palette.accent['01'])),
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor', '&:hover'], "".concat(theme.Palette.accent['01'], " !important"))
-      }
-    },
-    expandedPanelContentHeader: {
-      backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    expandedPanelContentPopperContent: {
-      backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'expandedPanelContent', 'expandedPanelContentPopperContent', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    paper: {
-      backgroundColor: (0, _get.default)(theme, ['UTFilterGrouping', 'closedPanelBar', 'backgroundColor'], "".concat(theme.Palette.light['01'], " !important")),
-      borderRight: position === _constants.PANEL_POSITIONS.LEFT ? (0, _get.default)(theme, ['UTFilterGrouping', 'borderRight'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none',
-      borderLeft: position === _constants.PANEL_POSITIONS.RIGHT ? (0, _get.default)(theme, ['UTFilterGrouping', 'borderLeft'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none'
-    },
-    perfectScrollbar: {
-      width: (0, _get.default)(theme, ['UTFilterGrouping', 'perfectScrollbar', 'width'], '100%')
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;