@widergy/energy-ui 3.160.1 → 3.162.0

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentCategory/components/ExpandedPanelContentCategoryItem/index.js

@@ -1,4 +1,3 @@
-import isEqual from 'lodash/isEqual';
 import React, { useContext, useRef } from 'react';
 import { object, string } from 'prop-types';
 import UTShortcutPanelContext from '../../../../../../../../context';
@@ -14,11 +13,13 @@ const ExpandedPanelContentCategoryItemContainer = _ref => {
     classes,
     closePopper,
     handleSelectFilter,
+    invalidParamsConfig,
     onDeleteFilterGrouping,
     onEditFilterGrouping,
     openPopper,
     position,
     selectedFilter,
+    showActionsOnPinned,
     tooltipsContentMap: {
       editButton,
       deleteButton
@@ -26,10 +27,12 @@ const ExpandedPanelContentCategoryItemContainer = _ref => {
   } = useContext(UTShortcutPanelContext);
   const {
     description,
+    hasInvalidParams,
     name,
     pinned,
     category
   } = filter;
+  const resolvedHasInvalidParams = hasInvalidParams ? invalidParamsConfig !== null && invalidParamsConfig !== void 0 ? invalidParamsConfig : true : false;
   const id = "".concat(name === null || name === void 0 || (_name$toLowerCase = name.toLowerCase) === null || _name$toLowerCase === void 0 || (_name$toLowerCase = _name$toLowerCase.call(name)) === null || _name$toLowerCase === void 0 || (_name$toLowerCase$spl = _name$toLowerCase.split) === null || _name$toLowerCase$spl === void 0 || (_name$toLowerCase$spl = _name$toLowerCase$spl.call(_name$toLowerCase, ' ')) === null || _name$toLowerCase$spl === void 0 || (_name$toLowerCase$spl2 = _name$toLowerCase$spl.join) === null || _name$toLowerCase$spl2 === void 0 ? void 0 : _name$toLowerCase$spl2.call(_name$toLowerCase$spl, '_'), "_").concat(category);
   const deleteButtonTippyRef = useRef(null);
   const editButtonTippyRef = useRef(null);
@@ -57,12 +60,14 @@ const ExpandedPanelContentCategoryItemContainer = _ref => {
     handleDeleteFilterGrouping: onDeleteFilterGrouping ? () => onDeleteFilterGrouping(filter) : undefined,
     handleEditFilterGrouping: onEditFilterGrouping ? () => onEditFilterGrouping(filter) : undefined,
     handleSelectFilter: handleSelectFilters,
+    hasInvalidParams: resolvedHasInvalidParams,
     id: id,
     name: name,
     openItemDescription: handleOpenItemDescription,
     pinned: pinned,
     position: position,
-    selected: isEqual(selectedFilter, filter)
+    showActionsOnPinned: showActionsOnPinned,
+    selected: (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.id) != null && selectedFilter.id === (filter === null || filter === void 0 ? void 0 : filter.id) && selectedFilter.category === (filter === null || filter === void 0 ? void 0 : filter.category)
   });
 };
 ExpandedPanelContentCategoryItemContainer.propTypes = {

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentCategory/components/ExpandedPanelContentCategoryItem/layout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { bool, func, object, string } from 'prop-types';
+import { bool, func, object, oneOfType, shape, string } from 'prop-types';
 import UTButton from '../../../../../../../../../UTButton';
 import UTIcon from '../../../../../../../../../UTIcon';
 import UTLabel from '../../../../../../../../../UTLabel';
@@ -27,13 +27,19 @@ const ExpandedPanelContentCategoryItem = _ref => {
     handleDeleteFilterGrouping,
     handleEditFilterGrouping,
     handleSelectFilter,
+    hasInvalidParams,
     id,
     name,
     openItemDescription,
     pinned,
     position,
-    selected
+    selected,
+    showActionsOnPinned
   } = _ref;
+  const isInvalidParamsObject = typeof hasInvalidParams === 'object';
+  const invalidIconName = (isInvalidParamsObject ? hasInvalidParams === null || hasInvalidParams === void 0 ? void 0 : hasInvalidParams.iconName : null) || 'IconAlertTriangle';
+  const invalidIconSize = (isInvalidParamsObject ? hasInvalidParams === null || hasInvalidParams === void 0 ? void 0 : hasInvalidParams.size : null) || '16';
+  const invalidTooltipText = isInvalidParamsObject ? hasInvalidParams === null || hasInvalidParams === void 0 ? void 0 : hasInvalidParams.tooltipText : undefined;
   return /*#__PURE__*/React.createElement("article", {
     className: "".concat(classes.expandedPanelContentCategoryItem, " ").concat(selected ? classes.expandedPanelContentCategoryItemSelected : ''),
     id: id
@@ -56,7 +62,25 @@ const ExpandedPanelContentCategoryItem = _ref => {
     className: classes.expandedPanelContentCategoryItemTitleLabel,
     colorTheme: selected ? 'accent' : undefined,
     shade: selected ? '05' : undefined
-  }, name))), !pinned && (handleEditFilterGrouping || handleDeleteFilterGrouping) && /*#__PURE__*/React.createElement("section", {
+  }, name)), hasInvalidParams && (invalidTooltipText ? /*#__PURE__*/React.createElement(UTTooltip, {
+    content: invalidTooltipText,
+    tippyProps: {
+      appendTo: () => document.body,
+      placement: 'top'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.hasInvalidParamsTooltipContainer
+  }, /*#__PURE__*/React.createElement(UTIcon, {
+    colorTheme: "warning",
+    dataTestId: "".concat(dataTestId, ".").concat(ID_CONSTANTS.INVALID_PARAMS),
+    name: invalidIconName,
+    size: invalidIconSize
+  }))) : /*#__PURE__*/React.createElement(UTIcon, {
+    colorTheme: "warning",
+    dataTestId: "".concat(dataTestId, ".").concat(ID_CONSTANTS.INVALID_PARAMS),
+    name: invalidIconName,
+    size: invalidIconSize
+  }))), (!pinned || showActionsOnPinned) && (handleEditFilterGrouping || handleDeleteFilterGrouping) && /*#__PURE__*/React.createElement("section", {
     className: classes.expandedPanelContentCategoryItemActionsContainer,
     onAnimationEnd: animationEnd
   }, handleEditFilterGrouping && /*#__PURE__*/React.createElement(UTTooltip, {
@@ -111,11 +135,17 @@ ExpandedPanelContentCategoryItem.propTypes = {
   handleDeleteFilterGrouping: func,
   handleEditFilterGrouping: func,
   handleSelectFilter: func,
+  hasInvalidParams: oneOfType([bool, shape({
+    iconName: string,
+    size: string,
+    tooltipText: string
+  })]),
   id: string,
   name: string,
   openItemDescription: func,
   pinned: bool,
   position: string,
-  selected: bool
+  selected: bool,
+  showActionsOnPinned: bool
 };
 export default ExpandedPanelContentCategoryItem;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentHeader/index.js

@@ -1,4 +1,4 @@
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { string } from 'prop-types';
 import UTShortcutPanelContext from '../../../../../../context';
 import { handleAnimationEnd } from '../../../../../../utils';
@@ -24,6 +24,7 @@ const ExpandedPanelContentHeaderContainer = _ref => {
     hideAddFilterButton,
     panelTitle,
     position,
+    searchResetTrigger,
     searchValue,
     tooltipsContentMap: {
       collapseButton,
@@ -31,6 +32,9 @@ const ExpandedPanelContentHeaderContainer = _ref => {
     }
   } = useContext(UTShortcutPanelContext);
   const [searchOpen, setSearchOpen] = useState(false);
+  useEffect(() => {
+    if (searchResetTrigger > 0) setSearchOpen(false);
+  }, [searchResetTrigger]);
   const handleSearchToggle = () => {
     handleFilterGroupSearch('');
     setSearchOpen(!searchOpen);

package/dist/esm/components/UTShortcutPanel/index.js

@@ -20,6 +20,7 @@ const UTShortcutPanelContainer = _ref => {
     handleSelectFilter,
     hideAddFilterButton = false,
     iconProps,
+    invalidParamsConfig,
     noFiltersText,
     noFiltersTitle,
     onDeleteFilterGrouping,
@@ -28,6 +29,8 @@ const UTShortcutPanelContainer = _ref => {
     panelTitle,
     position = PANEL_POSITIONS.LEFT,
     scrollProps,
+    searchResetKey,
+    showActionsOnPinned = false,
     selectedFilter,
     startOpen = false,
     tooltipsContentMap = {}
@@ -36,6 +39,7 @@ const UTShortcutPanelContainer = _ref => {
   const containerRef = useRef(null);
   const [open, setOpen] = useState(startOpen);
   const [filteredValues, setFilteredValues] = useState(false);
+  const [searchTerm, setSearchTerm] = useState('');
   const handleTogglePanel = () => {
     setOpen(!open);
     onTogglePanel === null || onTogglePanel === void 0 || onTogglePanel(!open);
@@ -44,8 +48,8 @@ const UTShortcutPanelContainer = _ref => {
 
   // TODO: desarrollo en otro PR
   const handleAddFilterGroup = () => {};
-  const handleFilterGroupSearch = value => {
-    const filteredResults = categories.map(category => {
+  const applySearch = (value, source) => {
+    const filteredResults = source.map(category => {
       const filters = category.filters.filter(filter => filter.name.toLowerCase().includes(value.toLowerCase()));
       return {
         ...category,
@@ -55,6 +59,10 @@ const UTShortcutPanelContainer = _ref => {
     setFilteredCategories(filteredResults);
     setFilteredValues(Boolean(value));
   };
+  const handleFilterGroupSearch = value => {
+    setSearchTerm(value);
+    applySearch(value, categories);
+  };
   const [popperState, setPopperState] = useState({});
   const openPopper = _ref2 => {
     let {
@@ -74,8 +82,19 @@ const UTShortcutPanelContainer = _ref => {
     setPopperState({});
   };
   useEffect(() => {
-    setFilteredCategories(categories);
+    if (searchTerm) {
+      applySearch(searchTerm, categories);
+    } else {
+      setFilteredCategories(categories);
+    }
   }, [categories]);
+  const [searchResetTrigger, setSearchResetTrigger] = useState(0);
+  useEffect(() => {
+    setSearchTerm('');
+    setFilteredValues(false);
+    setFilteredCategories(categories);
+    setSearchResetTrigger(prev => prev + 1);
+  }, [searchResetKey]);
   const contextValue = useMemo(() => ({
     categories: filteredCategories,
     categoriesConfig,
@@ -90,6 +109,7 @@ const UTShortcutPanelContainer = _ref => {
     handleTogglePanel,
     hideAddFilterButton,
     iconProps,
+    invalidParamsConfig,
     noFiltersText,
     noFiltersTitle,
     onDeleteFilterGrouping,
@@ -100,10 +120,12 @@ const UTShortcutPanelContainer = _ref => {
     popperState,
     position,
     scrollProps,
+    searchResetTrigger,
     selectedFilter,
+    showActionsOnPinned,
     theme,
     tooltipsContentMap
-  }), [categories, categoriesConfig, classes, disableCollapsibleCategories, filteredCategories, filteredValues, hideAddFilterButton, iconProps, noFiltersText, noFiltersTitle, onDeleteFilterGrouping, onEditFilterGrouping, open, popperState, position, scrollProps, selectedFilter, theme, tooltipsContentMap]);
+  }), [categories, categoriesConfig, classes, disableCollapsibleCategories, filteredCategories, filteredValues, hideAddFilterButton, iconProps, invalidParamsConfig, noFiltersText, noFiltersTitle, onDeleteFilterGrouping, onEditFilterGrouping, showActionsOnPinned, open, popperState, position, scrollProps, searchResetTrigger, selectedFilter, theme, tooltipsContentMap]);
   return /*#__PURE__*/React.createElement(UTShortcutPanelContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("section", {
@@ -153,14 +175,21 @@ UTShortcutPanelContainer.propTypes = {
   handleSelectFilter: func,
   hideAddFilterButton: bool,
   iconProps: iconPropTypes,
+  invalidParamsConfig: shape({
+    iconName: string,
+    size: string,
+    tooltipText: string
+  }),
   noFiltersText: string,
   noFiltersTitle: string,
   onDeleteFilterGrouping: func,
   onEditFilterGrouping: func,
   onTogglePanel: func,
+  showActionsOnPinned: bool,
   panelTitle: string,
   position: string,
   scrollProps: object,
+  searchResetKey: string,
   selectedFilter: shape({
     id: number,
     name: string,

package/dist/esm/components/UTShortcutPanel/stories/UTShortcutPanel.stories.js

@@ -24,6 +24,7 @@ export default {
     handleSelectFilter: fn(),
     hideAddFilterButton: false,
     iconProps: undefined,
+    invalidParamsConfig: undefined,
     noFiltersTitle: data.NO_FILTERS_TITLE,
     noFiltersText: data.NO_FILTERS_TEXT,
     onDeleteFilterGrouping: fn(),
@@ -31,8 +32,10 @@ export default {
     onTogglePanel: fn(),
     panelTitle: data.PANEL_TITLE,
     position: data.POSITION,
+    searchResetKey: undefined,
     selectedFilter: undefined,
     scrollProps: undefined,
+    showActionsOnPinned: false,
     startOpen: true,
     tooltipsContentMap: data.TOOLTIPS_CONTENT_MAP
   },
@@ -174,6 +177,18 @@ export default {
         }
       }
     },
+    invalidParamsConfig: {
+      control: 'object',
+      description: 'Configuración del ícono de advertencia que se muestra en ítems con `hasInvalidParams: true`. Si se pasa `tooltipText`, el ícono muestra un tooltip al hacer hover. `iconName` e `size` son opcionales (defaults: `IconAlertTriangle`, `16`).',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: '{ iconName?: string; size?: string; tooltipText?: string }'
+        }
+      }
+    },
     noFiltersTitle: {
       control: 'text',
       description: 'Título para el componente de filtros vacíos.',
@@ -271,6 +286,18 @@ export default {
         }
       }
     },
+    searchResetKey: {
+      control: 'text',
+      description: 'Cuando cambia de valor, resetea el estado de búsqueda interna del panel. Útil para limpiar el input al cambiar de tab o categoría.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string | number'
+        }
+      }
+    },
     selectedFilter: {
       control: 'none',
       description: 'Filtro seleccionado.',
@@ -283,6 +310,18 @@ export default {
         }
       }
     },
+    showActionsOnPinned: {
+      control: 'boolean',
+      description: 'Si es `true`, los botones de editar y eliminar se muestran también en ítems con `pinned: true`. Por defecto son ocultados en filtros pinned.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
     startOpen: {
       control: 'boolean',
       description: 'Indica si el panel se renderiza abierto.',

package/dist/esm/components/UTShortcutPanel/stories/constants.json

@@ -107,6 +107,8 @@
           "name": "Filtro Custom 3",
           "order": 4,
           "pinned": false,
+          "filter_type": "private",
+          "hasInvalidParams": true,
           "visible": true
         }
       ],

package/dist/esm/components/UTShortcutPanel/stories/props.schema.json

@@ -65,7 +65,16 @@
                 },
                 "backoffice_user_id": {
                   "type": ["string", "null"],
-                  "description": "ID of the backoffice user who created this filter, or null for system filters"
+                  "description": "ID del agente propietario del filtro."
+                },
+                "filter_type": {
+                  "type": "string",
+                  "enum": ["private", "supervisor"],
+                  "description": "Tipo de filtro: 'private' (solo visible para el creador) o 'supervisor' (visible para todos, implica pinned: true)."
+                },
+                "hasInvalidParams": {
+                  "type": "boolean",
+                  "description": "Cuando es true, el ítem muestra el ícono de advertencia. El ícono, su tamaño y el tooltip se configuran desde la prop invalidParamsConfig del panel (defaults: IconAlertTriangle, size 16, sin tooltip). Se computa en el selector makeSelectFilterCategoriesWithValidation."
                 },
                 "filter_params": {
                   "type": "array",

package/dist/esm/components/UTShortcutPanel/styles.module.scss

@@ -11,7 +11,6 @@
 }
 
 %actionsContainer {
-  animation-fill-mode: forwards;
   display: none;
 }
 
@@ -190,8 +189,12 @@
             overflow: hidden;
 
             .hoverableContainer {
-            flex-grow: 1;
-              overflow: hidden; 
+              flex-grow: 1;
+              overflow: hidden;
+
+              &:first-child {
+                padding-left: var(--UT-shortcutPanel-item-no-icon-padding-left, 4px);
+              }
             }
           }
 
@@ -203,6 +206,11 @@
             @extend %actionsContainer;
           }
 
+          .hasInvalidParamsTooltipContainer {
+            align-items: center;
+            display: flex;
+          }
+
           .expandedPanelContentCategoryItemTitleContainerSelected {
             cursor: default;
           }

package/dist/esm/constants/testIds.js

@@ -34,6 +34,7 @@ export const ID_CONSTANTS = {
   HEADER: 'header',
   HELP_TEXT: 'helpText',
   ICON: 'icon',
+  INVALID_PARAMS: 'invalidParams',
   LABEL: 'label',
   MAIN_BUTTON: 'mainButton',
   NAME: 'name',
@@ -46,6 +47,7 @@ export const ID_CONSTANTS = {
   PINNED: 'pinned',
   POPPER: 'popper',
   SEARCH_BUTTON: 'searchButton',
+  SECONDARY_ACTION: 'secondaryAction',
   SEARCH_BUTTON_TOOLTIP: 'searchButtonTooltip',
   SEARCH_FIELD: 'searchField',
   SELECTION_COMPONENT: 'selectionComponent',
@@ -53,6 +55,7 @@ export const ID_CONSTANTS = {
   SIDEBAR_BUTTON: 'sidebarButton',
   STATUS_MESSAGE: 'statusMessage',
   TABLE: 'table',
+  TERTIARY_ACTION: 'tertiaryAction',
   TABLE_ROW: 'tableRow',
   TITLE: 'title',
   USER_FILTER: 'userFilter',

package/dist/esm/index.js

@@ -9,6 +9,7 @@ import AttachmentContainer from './deprecated/UTAttachment';
 import UTAutocomplete from './deprecated/UTAutocomplete';
 import UTAvatar from './components/UTAvatar';
 import UTBadge from './components/UTBadge';
+import UTBanner from './components/UTBanner';
 import UTBarChart from './deprecated/UTBarChart';
 import UTBreadcrumbs from './components/UTBreadcrumbs';
 import UTButton from './components/UTButton';
@@ -106,4 +107,4 @@ export { UTList };
 export { UTPieChart };
 /** @deprecated */
 export { UTToggle };
-export { AlertHandler, componentUtils, ThemeProvider as EnergyThemeProvider, keyboardUtils, stylesDeduplicationUtils, useCSSVariables, UTCalendar, UTActionCard, UTAlert, UTAttachmentList, UTAvatar, UTBadge, UTBreadcrumbs, UTButton, UTButtonGroup, UTCaptcha, UTCarousel, UTCBUInput, UTCheckbox, UTCheckList, UTChip, UTConsumptionBar, UTCreditCard, UTCuit, UTDataCategory, UTDataElement, UTDatePicker, UTDocumentWizard, UTDotMenu, UTEmojiPicker, UTExternalLink, UTFileInputContainer as UTFileInput, UTShortcutPanel, UTGoogleAutocomplete, UTGraph, UTIcon, UTImageRadio, UTKpi, UTLabel, UTLoading, UTMap, UTMenu, UTModal, UTOnboarding, UTPagination, UTPanel, UTPasswordField, UTPhoneInput, UTPopper, UTPopUp, UTProductItem, UTProgressBar, UTRadioGroup, UTRatingContainer as UTRating, UTSearchField, UTSelect, UTSelectableCard, UTSidebar, UTSignature, Skeleton as UTSkeleton, UTStatus, UTStatusMessage, UTSwitch, UTTable, UTTabs, UTTextArea, UTTextInput, UTThirdPartyCookieChecker, UTTooltip, UTTopbar, UTTouchableWithoutFeedback, UTTracker, UTValidation, UTVirtualizedList, UTVirtualKeyboard, UTWorkflowContainer, UTWrapperObservation, WithLoading, WithTouch, useScrollBasedMenu };
+export { AlertHandler, componentUtils, ThemeProvider as EnergyThemeProvider, keyboardUtils, stylesDeduplicationUtils, useCSSVariables, UTCalendar, UTActionCard, UTAlert, UTAttachmentList, UTAvatar, UTBadge, UTBanner, UTBreadcrumbs, UTButton, UTButtonGroup, UTCaptcha, UTCarousel, UTCBUInput, UTCheckbox, UTCheckList, UTChip, UTConsumptionBar, UTCreditCard, UTCuit, UTDataCategory, UTDataElement, UTDatePicker, UTDocumentWizard, UTDotMenu, UTEmojiPicker, UTExternalLink, UTFileInputContainer as UTFileInput, UTShortcutPanel, UTGoogleAutocomplete, UTGraph, UTIcon, UTImageRadio, UTKpi, UTLabel, UTLoading, UTMap, UTMenu, UTModal, UTOnboarding, UTPagination, UTPanel, UTPasswordField, UTPhoneInput, UTPopper, UTPopUp, UTProductItem, UTProgressBar, UTRadioGroup, UTRatingContainer as UTRating, UTSearchField, UTSelect, UTSelectableCard, UTSidebar, UTSignature, Skeleton as UTSkeleton, UTStatus, UTStatusMessage, UTSwitch, UTTable, UTTabs, UTTextArea, UTTextInput, UTThirdPartyCookieChecker, UTTooltip, UTTopbar, UTTouchableWithoutFeedback, UTTracker, UTValidation, UTVirtualizedList, UTVirtualKeyboard, UTWorkflowContainer, UTWrapperObservation, WithLoading, WithTouch, useScrollBasedMenu };

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

@@ -163,6 +163,19 @@ export const baseTokens = {
     'radius-xl': 'radius-500'
   },
   component: {
+    'UT-banner-buttons-gap': 'gap-sm',
+    'UT-banner-gap-lg': 'gap-xl',
+    'UT-banner-gap-md': 'gap-lg',
+    'UT-banner-gap-sm': 'gap-sm',
+    'UT-banner-icon-gap': 'gap-md',
+    'UT-banner-icon-size-lg': 'size-icon-md',
+    'UT-banner-icon-size-sm': 'size-icon-xs',
+    'UT-banner-padding-lg': 'padding-lg',
+    'UT-banner-padding-md': 'padding-md',
+    'UT-banner-padding-x-sm': 'padding-sm',
+    'UT-banner-padding-y-sm': 'padding-xs',
+    'UT-banner-radius': 'radius-md',
+    'UT-banner-text-gap': 'gap-sm',
     'UT-button-height-sm': 'size-control-sm',
     'UT-button-height-md': 'size-control-md',
     'UT-button-height-lg': 'size-control-lg',

package/dist/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "UTBadge", {
     return _UTBadge.default;
   }
 });
+Object.defineProperty(exports, "UTBanner", {
+  enumerable: true,
+  get: function () {
+    return _UTBanner.default;
+  }
+});
 Object.defineProperty(exports, "UTBarChart", {
   enumerable: true,
   get: function () {
@@ -548,6 +554,7 @@ var _UTAttachment = _interopRequireDefault(require("./deprecated/UTAttachment"))
 var _UTAutocomplete = _interopRequireDefault(require("./deprecated/UTAutocomplete"));
 var _UTAvatar = _interopRequireDefault(require("./components/UTAvatar"));
 var _UTBadge = _interopRequireDefault(require("./components/UTBadge"));
+var _UTBanner = _interopRequireDefault(require("./components/UTBanner"));
 var _UTBarChart = _interopRequireDefault(require("./deprecated/UTBarChart"));
 var _UTBreadcrumbs = _interopRequireDefault(require("./components/UTBreadcrumbs"));
 var _UTButton = _interopRequireDefault(require("./components/UTButton"));

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

@@ -169,6 +169,19 @@ const baseTokens = exports.baseTokens = {
     'radius-xl': 'radius-500'
   },
   component: {
+    'UT-banner-buttons-gap': 'gap-sm',
+    'UT-banner-gap-lg': 'gap-xl',
+    'UT-banner-gap-md': 'gap-lg',
+    'UT-banner-gap-sm': 'gap-sm',
+    'UT-banner-icon-gap': 'gap-md',
+    'UT-banner-icon-size-lg': 'size-icon-md',
+    'UT-banner-icon-size-sm': 'size-icon-xs',
+    'UT-banner-padding-lg': 'padding-lg',
+    'UT-banner-padding-md': 'padding-md',
+    'UT-banner-padding-x-sm': 'padding-sm',
+    'UT-banner-padding-y-sm': 'padding-xs',
+    'UT-banner-radius': 'radius-md',
+    'UT-banner-text-gap': 'gap-sm',
     'UT-button-height-sm': 'size-control-sm',
     'UT-button-height-md': 'size-control-md',
     'UT-button-height-lg': 'size-control-lg',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.160.1",
+  "version": "3.162.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",

package/dist/components/UTBanner/theme.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-const retrieveStyle = _ref => {
-  var _theme$Palette;
-  let {
-    theme
-  } = _ref;
-  return {
-    infoContainer: {
-      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03']
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;

package/dist/esm/components/UTBanner/theme.js

@@ -1,11 +0,0 @@
-export const retrieveStyle = _ref => {
-  var _theme$Palette;
-  let {
-    theme
-  } = _ref;
-  return {
-    infoContainer: {
-      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03']
-    }
-  };
-};