@norges-domstoler/dds-components 13.4.0 → 13.5.0

package/dist/components/Table/collapsible/CollapsibleTable.js

@@ -26,17 +26,16 @@ var CollapsibleTable = /*#__PURE__*/forwardRef(function (props, ref) {
     density: density,
     isCollapsed: isCollapsed
   }, rest);
-  return jsx(CollapsibleTableContext.Provider, Object.assign({
+  return jsx(CollapsibleTableContext.Provider, {
     value: {
       isCollapsed: isCollapsed,
       headerValues: headerValues,
       definingColumnIndex: definingColumnIndex
-    }
-  }, {
+    },
     children: jsx(StyledTable, Object.assign({}, tableProps, {
       children: children
     }))
-  }));
+  });
 });
 CollapsibleTable.displayName = 'CollapsibleTable';
 

package/dist/components/Tabs/Tabs.js

@@ -48,7 +48,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
     ref: ref
   });
-  return jsx(TabsContext.Provider, Object.assign({
+  return jsx(TabsContext.Provider, {
     value: {
       tabsId: uniqueId,
       activeTab: thisActiveTab,
@@ -58,14 +58,12 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       hasTabFocus: hasTabFocus,
       setHasTabFocus: setHasTabFocus,
       tabContentDirection: tabContentDirection
-    }
-  }, {
+    },
     children: jsx(Container, Object.assign({}, containerProps, {
-      width: width
-    }, {
+      width: width,
       children: children
     }))
-  }));
+  });
 });
 Tabs.displayName = 'Tabs';
 

package/dist/components/Tag/Tag.js

@@ -25,8 +25,7 @@ var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
     rest = __rest(props, ["text", "purpose", "id", "className", "htmlProps"]);
   return jsx(Wrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    purpose: purpose
-  }, {
+    purpose: purpose,
     children: jsx(TextOverflowEllipsisInner, {
       children: text
     })

package/dist/components/TextArea/TextArea.js

@@ -90,12 +90,11 @@ var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
   return jsxs(OuterInputContainer, Object.assign({}, containerProps, {
-    children: [hasLabel && jsx(Label, Object.assign({
+    children: [hasLabel && jsx(Label, {
       showRequiredStyling: showRequiredStyling,
-      htmlFor: uniqueId
-    }, {
+      htmlFor: uniqueId,
       children: label
-    })), jsx(StyledTextArea, Object.assign({}, textAreaProps, {
+    }), jsx(StyledTextArea, Object.assign({}, textAreaProps, {
       as: "textarea"
     })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
   }));

package/dist/components/TextInput/CharCounter.js

@@ -27,8 +27,7 @@ function CharCounter(props) {
   return jsxs(Wrapper, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
     forwardedAs: "div",
     typographyType: "supportingStyleHelperText01",
-    "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet")
-  }, {
+    "aria-label": "".concat(current, " av ").concat(max, " tegn skrevet"),
     children: [current, "/", max]
   }));
 }

package/dist/components/TextInput/TextInput.js

@@ -157,35 +157,32 @@ var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
     });
   } else if (hasAffix) {
     extendedInput = jsxs(InputAffixContainer, {
-      children: [prefix && jsx(Prefix, Object.assign({
+      children: [prefix && jsx(Prefix, {
         readOnly: readOnly,
         ref: prefixRef,
-        "aria-hidden": true
-      }, {
+        "aria-hidden": true,
         children: prefix
-      })), jsx(StatefulInput, Object.assign({
+      }), jsx(StatefulInput, Object.assign({
         ref: ref,
         onChange: onChangeHandler,
         type: type,
         componentSize: componentSize,
         prefixLength: prefixLength,
         suffixLength: suffixLength
-      }, generalInputProps)), suffix && jsx(Suffix, Object.assign({
+      }, generalInputProps)), suffix && jsx(Suffix, {
         readOnly: readOnly,
         ref: suffixRef,
-        "aria-hidden": true
-      }, {
+        "aria-hidden": true,
         children: suffix
-      }))]
+      })]
     });
   }
   return jsxs(OuterInputContainer, Object.assign({}, outerInputContainerProps, {
-    children: [hasLabel && jsx(Label, Object.assign({
+    children: [hasLabel && jsx(Label, {
       htmlFor: uniqueId,
-      showRequiredStyling: showRequiredStyling
-    }, {
+      showRequiredStyling: showRequiredStyling,
       children: label
-    })), extendedInput ? extendedInput : jsx(StatefulInput, Object.assign({
+    }), extendedInput ? extendedInput : jsx(StatefulInput, Object.assign({
       ref: ref,
       onChange: onChangeHandler,
       type: type,

package/dist/components/ToggleBar/ToggleBar.js

@@ -57,29 +57,26 @@ var ToggleBar = function ToggleBar(props) {
     return onChange && onChange(e, e.target.value);
   });
   var labelId = label && "".concat(uniqueId, "-label");
-  return jsx(ToggleBarContext.Provider, Object.assign({
+  return jsx(ToggleBarContext.Provider, {
     value: {
       size: size,
       onChange: handleChange,
       name: name,
       value: groupValue
-    }
-  }, {
+    },
     children: jsxs(OuterContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
       role: "radiogroup",
       "aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : htmlProps === null || htmlProps === void 0 ? void 0 : htmlProps['aria-labelledby'],
-      width: width
-    }, {
-      children: [label && jsx(Typography, Object.assign({
+      width: width,
+      children: [label && jsx(Typography, {
         typographyType: "supportingStyleLabel01",
-        id: labelId
-      }, {
+        id: labelId,
         children: label
-      })), jsx(Bar, {
+      }), jsx(Bar, {
         children: children
       })]
     }))
-  }));
+  });
 };
 ToggleBar.displayName = 'ToggleBar';
 

package/dist/components/ToggleBar/ToggleRadio.js

@@ -54,10 +54,9 @@ var ToggleRadio = /*#__PURE__*/forwardRef(function (props, ref) {
     onChange && onChange(event);
     group && group.onChange && group.onChange(event);
   };
-  return jsxs(Label, Object.assign({
+  return jsxs(Label, {
     size: group.size,
-    htmlFor: uniqueId
-  }, {
+    htmlFor: uniqueId,
     children: [jsx(HiddenInput, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
       type: "radio",
       ref: ref,
@@ -65,18 +64,17 @@ var ToggleRadio = /*#__PURE__*/forwardRef(function (props, ref) {
       onChange: handleChange,
       value: value,
       checked: calculateChecked(value, group, checked)
-    })), jsxs(Content, Object.assign({
+    })), jsxs(Content, {
       size: group.size,
-      justIcon: !!icon && !!!label
-    }, {
+      justIcon: !!icon && !!!label,
       children: [icon && jsx(Icon, {
         icon: icon,
         iconSize: "inherit"
       }), label && jsx("span", {
         children: label
       })]
-    }))]
-  }));
+    })]
+  });
 });
 ToggleRadio.displayName = 'ToggleRadio';
 

package/dist/components/ToggleButton/ToggleButton.js

@@ -52,14 +52,13 @@ var ToggleButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     htmlFor: uniqueId
   };
   return jsxs(Container, Object.assign({}, containerProps, {
-    children: [jsx(HiddenInput, Object.assign({}, inputProps)), jsxs(Content, Object.assign({
-      hasIcon: !!icon
-    }, {
+    children: [jsx(HiddenInput, Object.assign({}, inputProps)), jsxs(Content, {
+      hasIcon: !!icon,
       children: [icon && jsx(Icon, {
         icon: icon,
         iconSize: "inherit"
       }), " ", label]
-    }))]
+    })]
   }));
 });
 ToggleButton.displayName = 'ToggleButton';

package/dist/components/ToggleButton/ToggleButtonGroup.js

@@ -43,13 +43,12 @@ var ToggleButtonGroup = function ToggleButtonGroup(props) {
     'aria-labelledby': label ? uniqueLabelId : undefined
   });
   return jsxs(Container, Object.assign({}, containerProps, {
-    children: [!!label && jsx(Typography, Object.assign({
+    children: [!!label && jsx(Typography, {
       as: "span",
       typographyType: "supportingStyleLabel01",
-      id: uniqueLabelId
-    }, {
+      id: uniqueLabelId,
       children: label
-    })), jsx(Group, Object.assign({}, groupProps, {
+    }), jsx(Group, Object.assign({}, groupProps, {
       children: children
     }))]
   }));

package/dist/components/Tooltip/Tooltip.js

@@ -127,8 +127,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsxs(Container, Object.assign({}, containerProps, {
     children: [anchorElement, jsxs(TooltipWrapper, Object.assign({}, wrapperProps, {
       elevation: 1,
-      border: "light"
-    }, {
+      border: "light",
       children: [text, jsx(ArrowWrapper, Object.assign({}, arrowWrapperProps, {
         children: jsxs(SvgArrow, {
           children: [jsx("path", {

package/dist/components/Typography/Caption/Caption.js

@@ -13,8 +13,7 @@ var Caption = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
     typographyType: "headingSans03",
-    as: "caption"
-  }, {
+    as: "caption",
     children: children
   }));
 });

package/dist/components/Typography/Label/Label.js

@@ -24,8 +24,7 @@ var Label = /*#__PURE__*/forwardRef(function (props, ref) {
     rest = __rest(props, ["showRequiredStyling", "id", "className", "htmlProps", "children"]);
   return jsxs(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    typographyType: "supportingStyleLabel01"
-  }, {
+    typographyType: "supportingStyleLabel01",
     children: [children, " ", showRequiredStyling && jsx(RequiredMarker, {})]
   }));
 });

package/dist/components/Typography/Legend/Legend.js

@@ -13,8 +13,7 @@ var Legend = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
     as: "legend",
-    typographyType: "headingSans03"
-  }, {
+    typographyType: "headingSans03",
     children: children
   }));
 });

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -16,8 +16,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
     rest = __rest(props, ["children", "id", "className", "htmlProps", "as"]);
   if (as === 'div') {
     return jsx(Wrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      as: as
-    }, {
+      as: as,
       children: children
     }));
   }

package/dist/helpers/Chevron/AnimatedChevronUpDown.js

@@ -9,16 +9,14 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
     height = _ref$height === void 0 ? '5px' : _ref$height,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '8px' : _ref$width;
-  return jsx(SvgChevron, Object.assign({
+  return jsx(SvgChevron, {
     viewBox: "0 0 8 5",
     width: width,
     height: height,
     fill: "currentColor",
-    isUp: isUp
-  }, {
-    children: jsxs(SvgChevronlGroup, Object.assign({
-      isUp: isUp
-    }, {
+    isUp: isUp,
+    children: jsxs(SvgChevronlGroup, {
+      isUp: isUp,
       children: [jsx(SvgChevronlLeft, {
         d: svgChevronLeftPath,
         isUp: isUp
@@ -26,8 +24,8 @@ var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
         d: svgChevronRightPath,
         isUp: isUp
       })]
-    }))
-  }));
+    })
+  });
 };
 
 export { AnimatedChevronUpDown };

package/dist/icons/tsx/agreement.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function AgreementIcon(props: SvgProps): import("react/jsx-runtime").JSX.Element;

package/dist/icons/tsx/agreement.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function AgreementIcon(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M12.22 19.85c-.18.18-.5.21-.71 0-.18-.18-.21-.5 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0-.21-.21-.18-.53 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.19-.19-.51 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0-.19-.2-.19-.51 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78c1.56-1.56 1.56-4.09 0-5.66l-4.24-4.24c-1.56-1.56-4.09-1.56-5.66 0l-.28.28-.28-.28c-1.56-1.56-4.09-1.56-5.66 0L2.17 6.71C.75 8.13.62 10.34 1.77 11.9l1.45-1.45c-.39-.75-.26-1.7.37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.52.3 1.02.7 1.42.4.4.9.63 1.42.7.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z"
+    })
+  }));
+}
+
+export { AgreementIcon };

package/dist/icons/tsx/caring.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function CaringIcon(props: SvgProps): import("react/jsx-runtime").JSX.Element;

package/dist/icons/tsx/caring.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function CaringIcon(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M16 13c3.09-2.81 6-5.44 6-7.7C22 3.45 20.55 2 18.7 2c-1.04 0-2.05.49-2.7 1.25C15.34 2.49 14.34 2 13.3 2 11.45 2 10 3.45 10 5.3c0 2.26 2.91 4.89 6 7.7zm-2.7-9c.44 0 .89.21 1.18.55L16 6.34l1.52-1.79c.29-.34.74-.55 1.18-.55.74 0 1.3.56 1.3 1.3 0 1.12-2.04 3.17-4 4.99-1.96-1.82-4-3.88-4-4.99 0-.74.56-1.3 1.3-1.3zM19 16h-2c0-1.2-.75-2.28-1.87-2.7L8.97 11H1v11h6v-1.44l7 1.94 8-2.5v-1c0-1.66-1.34-3-3-3zM3 20v-7h2v7H3zm10.97.41L7 18.48V13h1.61l5.82 2.17c.34.13.57.46.57.83 0 0-1.99-.05-2.3-.15l-2.38-.79-.63 1.9 2.38.79c.51.17 1.04.26 1.58.26H19c.39 0 .74.23.9.56l-5.93 1.84z"
+    })
+  }));
+}
+
+export { CaringIcon };

package/dist/icons/tsx/index.d.ts

@@ -1,3 +1,4 @@
+export * from './agreement';
 export * from './apps';
 export * from './archive';
 export * from './arrowDown';
@@ -15,6 +16,7 @@ export * from './calendarViewDay';
 export * from './calendarViewMonth';
 export * from './calendarViewWeek';
 export * from './call';
+export * from './caring';
 export * from './chat';
 export * from './check';
 export * from './checkCircled';
@@ -99,6 +101,7 @@ export * from './notifications';
 export * from './notificationsOff';
 export * from './onlineMeeting';
 export * from './openExternal';
+export * from './payout';
 export * from './pdf';
 export * from './person';
 export * from './personAdd';

package/dist/icons/tsx/jordskifterett.js

@@ -10,8 +10,7 @@ function JordskifterettIcon(props) {
     height: "24"
   }, rest, {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
-  }, {
+    viewBox: "0 0 24 24",
     children: [title && jsx("title", {
       children: title
     }), jsx("circle", {

package/dist/icons/tsx/payout.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function PayoutIcon(props: SvgProps): import("react/jsx-runtime").JSX.Element;

package/dist/icons/tsx/payout.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function PayoutIcon(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v4h5v12H6zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1z"
+    })
+  }));
+}
+
+export { PayoutIcon };

package/dist/index.js

@@ -61,6 +61,7 @@ export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
 export { Scrollbar } from './components/ScrollableContainer/Scrollbar.js';
 export { ScrollableContainer } from './components/ScrollableContainer/ScrollableContainer.js';
 export { scrollbarStyling } from './components/ScrollableContainer/scrollbarStyling.js';
+export { AgreementIcon } from './icons/tsx/agreement.js';
 export { AppsIcon } from './icons/tsx/apps.js';
 export { ArchiveIcon } from './icons/tsx/archive.js';
 export { ArrowDownIcon } from './icons/tsx/arrowDown.js';
@@ -78,6 +79,7 @@ export { CalendarViewDayIcon } from './icons/tsx/calendarViewDay.js';
 export { CalendarViewMonthIcon } from './icons/tsx/calendarViewMonth.js';
 export { CalendarViewWeekIcon } from './icons/tsx/calendarViewWeek.js';
 export { CallIcon } from './icons/tsx/call.js';
+export { CaringIcon } from './icons/tsx/caring.js';
 export { ChatIcon } from './icons/tsx/chat.js';
 export { CheckIcon } from './icons/tsx/check.js';
 export { CheckCircledIcon } from './icons/tsx/checkCircled.js';
@@ -162,6 +164,7 @@ export { NotificationsIcon } from './icons/tsx/notifications.js';
 export { NotificationsOffIcon } from './icons/tsx/notificationsOff.js';
 export { OnlineMeetingIcon } from './icons/tsx/onlineMeeting.js';
 export { OpenExternalIcon } from './icons/tsx/openExternal.js';
+export { PayoutIcon } from './icons/tsx/payout.js';
 export { PdfIcon } from './icons/tsx/pdf.js';
 export { PersonIcon } from './icons/tsx/person.js';
 export { PersonAddIcon } from './icons/tsx/personAdd.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "13.4.0",
+  "version": "13.5.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -43,43 +43,43 @@
     "elsa"
   ],
   "devDependencies": {
-    "@babel/core": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@mdx-js/react": "^2.2.1",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@mdx-js/react": "^2.3.0",
     "@norges-domstoler/dds-design-tokens": "*",
     "@norges-domstoler/storybook-components": "*",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-image": "^3.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
     "@storybook/blocks": "^7.0.20",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.5",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
     "babel-loader": "^9.1.2",
-    "babel-plugin-styled-components": "^2.0.7",
-    "concurrently": "^8.0.1",
-    "eslint": "^8.38.0",
-    "eslint-config-prettier": "^8.7.0",
+    "babel-plugin-styled-components": "^2.1.3",
+    "concurrently": "^8.2.0",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
-    "jsdom": "^21.1.1",
+    "jsdom": "^22.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^3.10.0",
+    "rollup": "^3.25.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-import-css": "^3.2.1",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-typescript2": "^0.34.1",
-    "typescript": "^5.0.2",
-    "vite": "^4.2.1",
-    "vitest": "^0.30.1"
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vitest": "^0.32.0"
   },
   "peerDependencies": {
     "@norges-domstoler/dds-design-tokens": "^3",
@@ -92,8 +92,8 @@
     "attr-accept": "^2.2.2",
     "file-selector": "^0.6.0",
     "focus-visible": "^5.2.0",
-    "react-select": "^5.7.2",
-    "tslib": "^2.4.0"
+    "react-select": "^5.7.3",
+    "tslib": "^2.5.3"
   },
   "publishConfig": {
     "provenance": true