@vitality-ds/components 4.6.2 → 4.6.4

package/dist/AuditTrail/components/AuditItem/index.js

@@ -21,8 +21,7 @@ function AuditItem(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
     direction: "row",
     align: "start",
-    wrap: "noWrap",
-    key: item.action
+    wrap: "noWrap"
   }, /*#__PURE__*/_react["default"].createElement(AvatarComponent, null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     pt: "xs"
   }, /*#__PURE__*/_react["default"].createElement(_Flex["default"], {

package/dist/AuditTrail/index.js

@@ -5,14 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _AuditItem = _interopRequireDefault(require("./components/AuditItem"));
 function AuditTrail(_ref) {
   var items = _ref.items;
+  var generateKey = function generateKey(item) {
+    return "".concat(item.action, "-").concat(new Date(item === null || item === void 0 ? void 0 : item.dateTime).getTime(), "-").concat((0, _lodash.uniqueId)());
+  };
   return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, items === null || items === void 0 ? void 0 : items.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_AuditItem["default"], {
-      key: item.action,
+      key: generateKey(item),
       item: item
     });
   }));

package/dist/Avatar/styles/BaseAvatarContainer.styles.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactAvatar = require("@radix-ui/react-avatar");
 var _system = require("@vitality-ds/system");
-var _extends2;
 var text = _system.colorUseCases.text,
   backgrounds = _system.colorUseCases.backgrounds,
   borders = _system.colorUseCases.borders;
@@ -46,7 +45,7 @@ var avatarColorVariants = exports.avatarColorVariants = {
 var _default = exports["default"] = (0, _system.css)((0, _extends3["default"])({
   $$size: "24px",
   $$fontSize: "12px"
-}, avatarColorVariants["default"], (_extends2 = {
+}, avatarColorVariants["default"], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({
   fontFamily: "$default",
   boxSizing: "border-box",
   overflow: "hidden",
@@ -59,9 +58,9 @@ var _default = exports["default"] = (0, _system.css)((0, _extends3["default"])({
   fontSize: "$$fontSize",
   borderRadius: 9999,
   textOverflow: "ellipsis"
-}, (0, _defineProperty2["default"])(_extends2, "".concat(_reactAvatar.Fallback), {
+}, "".concat(_reactAvatar.Fallback), {
   lineHeight: "1em"
-}), (0, _defineProperty2["default"])(_extends2, "variants", {
+}), "variants", {
   /**
    * The Size of the avatar
    */
@@ -93,4 +92,4 @@ var _default = exports["default"] = (0, _system.css)((0, _extends3["default"])({
   color: {
     primary: (0, _extends3["default"])({}, avatarColorVariants.primary)
   }
-}), _extends2)));
+})));

package/dist/Chip/styles/BaseChip.styles.js

@@ -8,7 +8,6 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _system = require("@vitality-ds/system");
 var _styled = require("../components/Checkbox/styled");
-var _true;
 var text = _system.colorUseCases.text,
   backgrounds = _system.colorUseCases.backgrounds,
   borders = _system.colorUseCases.borders;
@@ -39,17 +38,17 @@ var _default = exports["default"] = (0, _system.css)({
      * @ignore
      */
     isInteractive: {
-      "true": (_true = {
+      "true": (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
         cursor: "pointer"
-      }, (0, _defineProperty2["default"])(_true, "&:hover:not(:has(".concat(_styled.BaseChipCheckbox, ":hover)):not(:active)"), {
+      }, "&:hover:not(:has(".concat(_styled.BaseChipCheckbox, ":hover)):not(:active)"), {
         backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.uiElement_hovered),
         borderColor: (0, _system.getColorScaleValueByUseCase)("neutral", borders.uiElement_hovered)
-      }), (0, _defineProperty2["default"])(_true, "&:focus", {
+      }), "&:focus", {
         backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.uiElement_focused),
         borderColor: (0, _system.getColorScaleValueByUseCase)("neutral", borders.uiElement_focused)
-      }), (0, _defineProperty2["default"])(_true, "&:active", {
+      }), "&:active", {
         backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.uiElement_active)
-      }), _true)
+      })
     },
     /**
      * The size variation of the Chip.

package/dist/ComboButton/styles/BaseComboButton.styles.js

@@ -8,24 +8,23 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _system = require("@vitality-ds/system");
 var _ButtonIcon = require("../../Button/components/ButtonIcon");
-var _css;
-var _default = exports["default"] = (0, _system.css)((_css = {
+var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
   display: "flex",
   gap: 1,
   alignItems: "flex-start"
-}, (0, _defineProperty2["default"])(_css, "[data-vitality-component='combo-button-main']", {
+}, "[data-vitality-component='combo-button-main']", {
   borderTopRightRadius: 0,
   borderBottomRightRadius: 0
-}), (0, _defineProperty2["default"])(_css, "[data-vitality-component='combo-button-dropdown']", (0, _defineProperty2["default"])({
+}), "[data-vitality-component='combo-button-dropdown']", (0, _defineProperty2["default"])({
   borderTopLeftRadius: 0,
   borderBottomLeftRadius: 0,
   paddingInline: "$md"
 }, "".concat(_ButtonIcon.ButtonIcon), {
   margin: 0
-})), (0, _defineProperty2["default"])(_css, "variants", {
+})), "variants", {
   size: {
     compact: (0, _defineProperty2["default"])({}, "[data-vitality-component='combo-button-dropdown']", {
       paddingInline: "$sm"
     })
   }
-}), _css));
+}));

package/dist/DropdownMenu/components/DropdownMenuItem/styles/BaseItem.styles.js

@@ -9,10 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _system = require("@vitality-ds/system");
 var _styled = require("../../../../Shortcuts/styled");
 var _styled2 = require("../../IconContainer/styled");
-var _hoverNotAriaDi, _css;
 var text = _system.colorUseCases.text,
   backgrounds = _system.colorUseCases.backgrounds;
-var _default = exports["default"] = (0, _system.css)((_css = {
+var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
   cursor: "default",
   padding: "$sm $md",
   fontSize: "$body",
@@ -26,23 +25,23 @@ var _default = exports["default"] = (0, _system.css)((_css = {
   svg: {
     marginTop: 0
   }
-}, (0, _defineProperty2["default"])(_css, "".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
+}, "".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
   color: (0, _system.getColorScaleValueByUseCase)("neutralA", text.lowContrast)
-}), (0, _defineProperty2["default"])(_css, "&[aria-disabled='true']", (0, _defineProperty2["default"])({}, "&, ".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
+}), "&[aria-disabled='true']", (0, _defineProperty2["default"])({}, "&, ".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
   color: (0, _system.getColorScaleValueByUseCase)("neutral", text.disabled),
   pointerEvents: "none"
-})), (0, _defineProperty2["default"])(_css, "&:hover:not([aria-disabled='true']), &:focus", (_hoverNotAriaDi = {
+})), "&:hover:not([aria-disabled='true']), &:focus", (0, _defineProperty2["default"])((0, _defineProperty2["default"])({
   backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid)
-}, (0, _defineProperty2["default"])(_hoverNotAriaDi, "&, ".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
+}, "&, ".concat(_styled2.BaseDropdownMenuItemIcon, ", ").concat(_styled.BaseShortcut), {
   color: (0, _system.getColorScaleValueByUseCase)("primary", text.onSolidBackgrounds)
-}), (0, _defineProperty2["default"])(_hoverNotAriaDi, "outline", "none"), _hoverNotAriaDi)), (0, _defineProperty2["default"])(_css, "&:active:not([aria-disabled='true'])", {
+}), "outline", "none")), "&:active:not([aria-disabled='true'])", {
   backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElementSolid_active)
-}), (0, _defineProperty2["default"])(_css, "&[data-state='open']", {
+}), "&[data-state='open']", {
   backgroundColor: (0, _system.getColorScaleValueByUseCase)("primary", backgrounds.uiElement_active)
-}), (0, _defineProperty2["default"])(_css, "variants", {
+}), "variants", {
   indentContent: {
     "true": {
       paddingLeft: "$xl"
     }
   }
-}), _css));
+}));

package/dist/Input/Select/logic.js

@@ -49,12 +49,12 @@ function getCustomComponents(_ref) {
   return customComponents;
 }
 var getValueObjectFromOptionsByValueString = exports.getValueObjectFromOptionsByValueString = function getValueObjectFromOptionsByValueString(valueString, selectOptions) {
-  var findValueObject = function findValueObject(options) {
+  var _findValueObject = function findValueObject(options) {
     return options.reduce(function (result, option) {
-      return result || (option.value === valueString ? option : findValueObject(option.options || []));
+      return result || (option.value === valueString ? option : _findValueObject(option.options || []));
     }, null);
   };
-  return findValueObject(selectOptions) || null;
+  return _findValueObject(selectOptions) || null;
 };
 var getValueObject = exports.getValueObject = function getValueObject(value, options, selectType) {
   if (!options) return null;

package/dist/Table/components/Cells/SortableHeader/components/SortableHeaderCell/styles/BaseSortableHeaderCell.styles.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _system = require("@vitality-ds/system");
 var _styled = require("../../SortableIcon/styled");
 var _styled2 = require("../../SortedIcon/styled");
-var _hover;
 /**
  * These styles are applied to React-Table-Libary's `HeaderCellSort` component,
  * which renders a <button> containing the sortable icons. Because that button
@@ -18,9 +17,9 @@ var _hover;
  */
 var _default = exports["default"] = (0, _system.css)({
   all: "unset",
-  "&:hover": (_hover = {}, (0, _defineProperty2["default"])(_hover, "& ".concat(_styled2.BaseSortedIconContainer), {
+  "&:hover": (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "& ".concat(_styled2.BaseSortedIconContainer), {
     color: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.text.hiContrast)
-  }), (0, _defineProperty2["default"])(_hover, "& ".concat(_styled.BaseSortableIconContainer), {
+  }), "& ".concat(_styled.BaseSortableIconContainer), {
     color: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.text.lowContrast)
-  }), _hover)
+  })
 });

package/dist/Typography/styles/BaseTypography.styles.js

@@ -12,20 +12,19 @@ var _icons = require("@vitality-ds/icons");
 var _system = require("@vitality-ds/system");
 var _constants = require("../constants");
 var _helpers = require("./helpers");
-var _css;
 var text = _system.colorUseCases.text;
 var overflowSharedStyles = {
   overflow: "hidden"
 };
-var _default = exports["default"] = (0, _system.css)((_css = {
+var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
   fontFamily: "$default",
   fontSize: "inherit",
   // Reset browser default margins added to certain semantic HTML elements
   marginBlock: 0
-}, (0, _defineProperty2["default"])(_css, "& > ".concat(_icons.BaseIcon), {
+}, "& > ".concat(_icons.BaseIcon), {
   // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
   marginTop: "-.2em"
-}), (0, _defineProperty2["default"])(_css, "variants", {
+}), "variants", {
   /**
    * Set the text element's text alignment
    */
@@ -146,8 +145,8 @@ var _default = exports["default"] = (0, _system.css)((_css = {
     2: (0, _helpers.getMaxLines)(2, "$body"),
     3: (0, _helpers.getMaxLines)(3, "$body")
   }
-}), (0, _defineProperty2["default"])(_css, "compoundVariants", (0, _toConsumableArray2["default"])((0, _helpers.getMaxLinesVariants)(_constants.AVAILABLE_MAX_LINES, _constants.AVAILABLE_VARIANTS))), (0, _defineProperty2["default"])(_css, "ul, ol", {
+}), "compoundVariants", (0, _toConsumableArray2["default"])((0, _helpers.getMaxLinesVariants)(_constants.AVAILABLE_MAX_LINES, _constants.AVAILABLE_VARIANTS))), "ul, ol", {
   listStylePosition: "inside",
   paddingInlineStart: 0,
   marginBlock: "inherit"
-}), _css));
+}));

package/dist/components/src/AuditTrail/components/AuditItem/index.js

@@ -11,7 +11,7 @@ var useAuditTrail_1 = __importDefault(require("../../hooks/useAuditTrail"));
 function AuditItem(_a) {
     var item = _a.item;
     var _b = (0, useAuditTrail_1.default)(item), time = _b[0], auditHistory = _b[1], AvatarComponent = _b[2];
-    return (react_1.default.createElement(Flex_1.default, { direction: "row", align: "start", wrap: "noWrap", key: item.action },
+    return (react_1.default.createElement(Flex_1.default, { direction: "row", align: "start", wrap: "noWrap" },
         react_1.default.createElement(AvatarComponent, null),
         react_1.default.createElement(Box_1.default, { pt: "xs" },
             react_1.default.createElement(Flex_1.default, { spacing: "xs", direction: "row", wrap: "wrap" },

package/dist/components/src/AuditTrail/components/AuditItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/AuditTrail/components/AuditItem/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,qDAA+B;AAC/B,uDAAiC;AACjC,mEAA6C;AAC7C,4EAAsD;AAGtD,SAAS,SAAS,CAAC,EAAwB;QAAtB,IAAI,UAAA;IACjB,IAAA,KAAwC,IAAA,uBAAa,EAAC,IAAI,CAAC,EAA1D,IAAI,QAAA,EAAE,YAAY,QAAA,EAAE,eAAe,QAAuB,CAAC;IAElE,OAAO,CACL,8BAAC,cAAI,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM;QAChE,8BAAC,eAAe,OAAG;QACnB,8BAAC,aAAG,IAAC,EAAE,EAAC,IAAI;YACV,8BAAC,cAAI,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM;gBAC5C,8BAAC,oBAAU,QAAE,YAAY,CAAc;gBACvC,8BAAC,oBAAU,QACR,IAAI,CAAC,QAAQ;oBACZ,CAAC,IAAI,CAAC,WAAW;oBACjB,SAAO,IAAI,CAAC,IAAI,YAAO,IAAI,CAAC,IAAI,UAAK,IAAI,CAAC,SAAS,OAAI,CAC9C,CACR,CACH,CACD,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/AuditTrail/components/AuditItem/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,qDAA+B;AAC/B,uDAAiC;AACjC,mEAA6C;AAC7C,4EAAsD;AAGtD,SAAS,SAAS,CAAC,EAAwB;QAAtB,IAAI,UAAA;IACjB,IAAA,KAAwC,IAAA,uBAAa,EAAC,IAAI,CAAC,EAA1D,IAAI,QAAA,EAAE,YAAY,QAAA,EAAE,eAAe,QAAuB,CAAC;IAElE,OAAO,CACL,8BAAC,cAAI,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ;QAC/C,8BAAC,eAAe,OAAG;QACnB,8BAAC,aAAG,IAAC,EAAE,EAAC,IAAI;YACV,8BAAC,cAAI,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM;gBAC5C,8BAAC,oBAAU,QAAE,YAAY,CAAc;gBACvC,8BAAC,oBAAU,QACR,IAAI,CAAC,QAAQ;oBACZ,CAAC,IAAI,CAAC,WAAW;oBACjB,SAAO,IAAI,CAAC,IAAI,YAAO,IAAI,CAAC,IAAI,UAAK,IAAI,CAAC,SAAS,OAAI,CAC9C,CACR,CACH,CACD,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/dist/components/src/AuditTrail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AuditTrail/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,eAQ7C;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AuditTrail/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,eAW7C;AAED,eAAe,UAAU,CAAC"}

package/dist/components/src/AuditTrail/index.js

@@ -3,13 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var lodash_1 = require("lodash");
 var react_1 = __importDefault(require("react"));
 var Stack_1 = __importDefault(require("../Stack"));
 var AuditItem_1 = __importDefault(require("./components/AuditItem"));
 function AuditTrail(_a) {
     var items = _a.items;
+    var generateKey = function (item) {
+        return item.action + "-" + new Date(item === null || item === void 0 ? void 0 : item.dateTime).getTime() + "-" + (0, lodash_1.uniqueId)();
+    };
     return (react_1.default.createElement(Stack_1.default, null, items === null || items === void 0 ? void 0 : items.map(function (item) {
-        return react_1.default.createElement(AuditItem_1.default, { key: item.action, item: item });
+        return react_1.default.createElement(AuditItem_1.default, { key: generateKey(item), item: item });
     })));
 }
 exports.default = AuditTrail;

package/dist/components/src/AuditTrail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/AuditTrail/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,mDAA6B;AAC7B,qEAA+C;AAG/C,SAAS,UAAU,CAAC,EAA0B;QAAxB,KAAK,WAAA;IACzB,OAAO,CACL,8BAAC,eAAK,QACH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI;QACf,OAAO,8BAAC,mBAAS,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACrD,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/AuditTrail/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,gDAA0B;AAE1B,mDAA6B;AAC7B,qEAA+C;AAG/C,SAAS,UAAU,CAAC,EAA0B;QAAxB,KAAK,WAAA;IACzB,IAAM,WAAW,GAAG,UAAC,IAAI;QACvB,OAAG,IAAI,CAAC,MAAM,SAAI,IAAI,IAAI,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,CAAC,OAAO,EAAE,SAAI,IAAA,iBAAQ,GAAI;IAApE,CAAoE,CAAC;IAEvE,OAAO,CACL,8BAAC,eAAK,QACH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI;QACf,OAAO,8BAAC,mBAAS,IAAC,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAC3D,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/esm/AuditTrail/components/AuditItem/index.js

@@ -14,8 +14,7 @@ function AuditItem(_ref) {
   return /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
     align: "start",
-    wrap: "noWrap",
-    key: item.action
+    wrap: "noWrap"
   }, /*#__PURE__*/React.createElement(AvatarComponent, null), /*#__PURE__*/React.createElement(Box, {
     pt: "xs"
   }, /*#__PURE__*/React.createElement(Flex, {

package/dist/esm/AuditTrail/index.js

@@ -1,11 +1,15 @@
+import { uniqueId } from "lodash";
 import React from "react";
 import Stack from "../Stack";
 import AuditItem from "./components/AuditItem";
 function AuditTrail(_ref) {
   var items = _ref.items;
+  var generateKey = function generateKey(item) {
+    return "".concat(item.action, "-").concat(new Date(item === null || item === void 0 ? void 0 : item.dateTime).getTime(), "-").concat(uniqueId());
+  };
   return /*#__PURE__*/React.createElement(Stack, null, items === null || items === void 0 ? void 0 : items.map(function (item) {
     return /*#__PURE__*/React.createElement(AuditItem, {
-      key: item.action,
+      key: generateKey(item),
       item: item
     });
   }));

package/dist/esm/Avatar/styles/BaseAvatarContainer.styles.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-var _extends2;
 import { Fallback } from "@radix-ui/react-avatar";
 import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 var text = colorUseCases.text,
@@ -39,7 +38,7 @@ export var avatarColorVariants = {
 export default css(_extends({
   $$size: "24px",
   $$fontSize: "12px"
-}, avatarColorVariants["default"], (_extends2 = {
+}, avatarColorVariants["default"], _defineProperty(_defineProperty({
   fontFamily: "$default",
   boxSizing: "border-box",
   overflow: "hidden",
@@ -52,9 +51,9 @@ export default css(_extends({
   fontSize: "$$fontSize",
   borderRadius: 9999,
   textOverflow: "ellipsis"
-}, _defineProperty(_extends2, "".concat(Fallback), {
+}, "".concat(Fallback), {
   lineHeight: "1em"
-}), _defineProperty(_extends2, "variants", {
+}), "variants", {
   /**
    * The Size of the avatar
    */
@@ -86,4 +85,4 @@ export default css(_extends({
   color: {
     primary: _extends({}, avatarColorVariants.primary)
   }
-}), _extends2)));
+})));

package/dist/esm/Chip/styles/BaseChip.styles.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _true;
 import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 import { BaseChipCheckbox } from "../components/Checkbox/styled";
 var text = colorUseCases.text,
@@ -32,17 +31,17 @@ export default css({
      * @ignore
      */
     isInteractive: {
-      "true": (_true = {
+      "true": _defineProperty(_defineProperty(_defineProperty({
         cursor: "pointer"
-      }, _defineProperty(_true, "&:hover:not(:has(".concat(BaseChipCheckbox, ":hover)):not(:active)"), {
+      }, "&:hover:not(:has(".concat(BaseChipCheckbox, ":hover)):not(:active)"), {
         backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.uiElement_hovered),
         borderColor: getColorScaleValueByUseCase("neutral", borders.uiElement_hovered)
-      }), _defineProperty(_true, "&:focus", {
+      }), "&:focus", {
         backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.uiElement_focused),
         borderColor: getColorScaleValueByUseCase("neutral", borders.uiElement_focused)
-      }), _defineProperty(_true, "&:active", {
+      }), "&:active", {
         backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.uiElement_active)
-      }), _true)
+      })
     },
     /**
      * The size variation of the Chip.

package/dist/esm/ComboButton/styles/BaseComboButton.styles.js

@@ -1,24 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css;
 import { css } from "@vitality-ds/system";
 import { ButtonIcon } from "../../Button/components/ButtonIcon";
-export default css((_css = {
+export default css(_defineProperty(_defineProperty(_defineProperty({
   display: "flex",
   gap: 1,
   alignItems: "flex-start"
-}, _defineProperty(_css, "[data-vitality-component='combo-button-main']", {
+}, "[data-vitality-component='combo-button-main']", {
   borderTopRightRadius: 0,
   borderBottomRightRadius: 0
-}), _defineProperty(_css, "[data-vitality-component='combo-button-dropdown']", _defineProperty({
+}), "[data-vitality-component='combo-button-dropdown']", _defineProperty({
   borderTopLeftRadius: 0,
   borderBottomLeftRadius: 0,
   paddingInline: "$md"
 }, "".concat(ButtonIcon), {
   margin: 0
-})), _defineProperty(_css, "variants", {
+})), "variants", {
   size: {
     compact: _defineProperty({}, "[data-vitality-component='combo-button-dropdown']", {
       paddingInline: "$sm"
     })
   }
-}), _css));
+}));

package/dist/esm/DropdownMenu/components/DropdownMenuItem/styles/BaseItem.styles.js

@@ -1,11 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _hoverNotAriaDi, _css;
 import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 import { BaseShortcut } from "../../../../Shortcuts/styled";
 import { BaseDropdownMenuItemIcon } from "../../IconContainer/styled";
 var text = colorUseCases.text,
   backgrounds = colorUseCases.backgrounds;
-export default css((_css = {
+export default css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   cursor: "default",
   padding: "$sm $md",
   fontSize: "$body",
@@ -19,23 +18,23 @@ export default css((_css = {
   svg: {
     marginTop: 0
   }
-}, _defineProperty(_css, "".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
+}, "".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
   color: getColorScaleValueByUseCase("neutralA", text.lowContrast)
-}), _defineProperty(_css, "&[aria-disabled='true']", _defineProperty({}, "&, ".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
+}), "&[aria-disabled='true']", _defineProperty({}, "&, ".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
   color: getColorScaleValueByUseCase("neutral", text.disabled),
   pointerEvents: "none"
-})), _defineProperty(_css, "&:hover:not([aria-disabled='true']), &:focus", (_hoverNotAriaDi = {
+})), "&:hover:not([aria-disabled='true']), &:focus", _defineProperty(_defineProperty({
   backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid)
-}, _defineProperty(_hoverNotAriaDi, "&, ".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
+}, "&, ".concat(BaseDropdownMenuItemIcon, ", ").concat(BaseShortcut), {
   color: getColorScaleValueByUseCase("primary", text.onSolidBackgrounds)
-}), _defineProperty(_hoverNotAriaDi, "outline", "none"), _hoverNotAriaDi)), _defineProperty(_css, "&:active:not([aria-disabled='true'])", {
+}), "outline", "none")), "&:active:not([aria-disabled='true'])", {
   backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElementSolid_active)
-}), _defineProperty(_css, "&[data-state='open']", {
+}), "&[data-state='open']", {
   backgroundColor: getColorScaleValueByUseCase("primary", backgrounds.uiElement_active)
-}), _defineProperty(_css, "variants", {
+}), "variants", {
   indentContent: {
     "true": {
       paddingLeft: "$xl"
     }
   }
-}), _css));
+}));

package/dist/esm/Input/Select/logic.js

@@ -39,12 +39,12 @@ export function getCustomComponents(_ref) {
   return customComponents;
 }
 export var getValueObjectFromOptionsByValueString = function getValueObjectFromOptionsByValueString(valueString, selectOptions) {
-  var findValueObject = function findValueObject(options) {
+  var _findValueObject = function findValueObject(options) {
     return options.reduce(function (result, option) {
-      return result || (option.value === valueString ? option : findValueObject(option.options || []));
+      return result || (option.value === valueString ? option : _findValueObject(option.options || []));
     }, null);
   };
-  return findValueObject(selectOptions) || null;
+  return _findValueObject(selectOptions) || null;
 };
 export var getValueObject = function getValueObject(value, options, selectType) {
   if (!options) return null;

package/dist/esm/Table/components/Cells/SortableHeader/components/SortableHeaderCell/styles/BaseSortableHeaderCell.styles.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _hover;
 import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 import { BaseSortableIconContainer } from "../../SortableIcon/styled";
 import { BaseSortedIconContainer } from "../../SortedIcon/styled";
@@ -12,9 +11,9 @@ import { BaseSortedIconContainer } from "../../SortedIcon/styled";
  */
 export default css({
   all: "unset",
-  "&:hover": (_hover = {}, _defineProperty(_hover, "& ".concat(BaseSortedIconContainer), {
+  "&:hover": _defineProperty(_defineProperty({}, "& ".concat(BaseSortedIconContainer), {
     color: getColorScaleValueByUseCase("neutral", colorUseCases.text.hiContrast)
-  }), _defineProperty(_hover, "& ".concat(BaseSortableIconContainer), {
+  }), "& ".concat(BaseSortableIconContainer), {
     color: getColorScaleValueByUseCase("neutral", colorUseCases.text.lowContrast)
-  }), _hover)
+  })
 });

package/dist/esm/Typography/styles/BaseTypography.styles.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
-var _css;
 import { BaseIcon } from "@vitality-ds/icons";
 import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 import { AVAILABLE_MAX_LINES, AVAILABLE_VARIANTS } from "../constants";
@@ -10,15 +9,15 @@ var text = colorUseCases.text;
 var overflowSharedStyles = {
   overflow: "hidden"
 };
-export default css((_css = {
+export default css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   fontFamily: "$default",
   fontSize: "inherit",
   // Reset browser default margins added to certain semantic HTML elements
   marginBlock: 0
-}, _defineProperty(_css, "& > ".concat(BaseIcon), {
+}, "& > ".concat(BaseIcon), {
   // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
   marginTop: "-.2em"
-}), _defineProperty(_css, "variants", {
+}), "variants", {
   /**
    * Set the text element's text alignment
    */
@@ -139,8 +138,8 @@ export default css((_css = {
     2: getMaxLines(2, "$body"),
     3: getMaxLines(3, "$body")
   }
-}), _defineProperty(_css, "compoundVariants", _toConsumableArray(getMaxLinesVariants(AVAILABLE_MAX_LINES, AVAILABLE_VARIANTS))), _defineProperty(_css, "ul, ol", {
+}), "compoundVariants", _toConsumableArray(getMaxLinesVariants(AVAILABLE_MAX_LINES, AVAILABLE_VARIANTS))), "ul, ol", {
   listStylePosition: "inside",
   paddingInlineStart: 0,
   marginBlock: "inherit"
-}), _css));
+}));