@helsenorge/designsystem-react 13.5.0 → 13.7.0

package/lib/components/ElementHeader/StatusDotList/index.js

@@ -1,36 +1,2 @@
-import "../../../uuid.js";
-import "../../../environment.js";
-import "../../../constants2.js";
-import "../../../usePseudoClasses.js";
-import "../../../grid.js";
-import "../../../palette.js";
-import "../../../spacers.js";
-import "../../../theme.js";
-import "../../../color.js";
-import "../../../spacing.js";
-import "../../../currys.js";
-import "../../../Icon.js";
-import "../../../_rolldown_dynamic_import_helper.js";
-import "../../../useIsServerSide.js";
-import "../../../LazyIcon.js";
-import "../../../useBreakpoint.js";
-import "../../../useElementList.js";
-import "../../../useFocusableElements.js";
-import "../../../useFocusToggle.js";
-import "../../../focus.js";
-import "../../../useFocusTrap.js";
-import "../../../useIntersectionObserver.js";
-import "../../../useIsVisible.js";
-import "../../../debounce.js";
-import "../../../useLayoutEvent.js";
-import "../../../usePrevious.js";
-import "../../../useSize.js";
-import "../../../useResizeObserver.js";
-import "../../../useToggle.js";
-import "../../../useKeyboardEvent.js";
-import "../../../useOutsideEvent.js";
-import "../../../mobile.js";
-import "../../../src.js";
-import "../../../StatusDot.js";
 import { n as StatusDotList, t as StatusDotList_default } from "../../../StatusDotList.js";
 export { StatusDotList, StatusDotList_default as default };

package/lib/components/ElementHeader/index.js

@@ -1,51 +1,3 @@
-import "../../uuid.js";
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../Icon.js";
-import "../../Check.js";
-import "../../Avatar.js";
-import "../../CheckFill.js";
-import "../../ErrorSignFill.js";
-import "../../InfoSignFill.js";
-import "../../TriangleX.js";
-import "../../NotificationBadge.js";
-import "../../Badge.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../Spacer.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
-import "../../Duolist.js";
-import "../../Highlighter.js";
-import "../../ElementHeaderText.js";
-import "../../StatusDotList.js";
 import { i as renderElementHeader, n as ElementHeader_default$1, r as mapChildren, t as ElementHeaderRoot } from "../../ElementHeader.js";
 var ElementHeader_default = ElementHeader_default$1;
 export { ElementHeaderRoot, ElementHeader_default as default, mapChildren, renderElementHeader };

package/lib/components/ElementHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ElementHeader/index.ts"],"sourcesContent":["import ElementHeader from './ElementHeader';\nexport * from './ElementHeader';\nexport default ElementHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAA,wBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ElementHeader/index.ts"],"sourcesContent":["import ElementHeader from './ElementHeader';\nexport * from './ElementHeader';\nexport default ElementHeader;\n"],"mappings":";AAEA,IAAA,wBAAe"}

package/lib/components/EmptyState/index.js

@@ -1,12 +1,10 @@
 import { n as AnalyticsId } from "../../constants2.js";
-import "../../grid.js";
 import { t as Icon_default } from "../../Icon.js";
 import { n as useBreakpoint, t as Breakpoint } from "../../useBreakpoint.js";
-import "../../Title.js";
 import { t as Title_default } from "../../Title2.js";
 import { t as EmptyBox_default } from "../../EmptyBox.js";
 import React from "react";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var EmptyBoxBeeMedium = ({ color, svgProperties }) => {
@@ -215,7 +213,7 @@ let EmptyStateOnColor = /* @__PURE__ */ function(EmptyStateOnColor$1) {
 }({});
 var EmptyState = (props) => {
 	const { onColor = "neutral", titleHtmlMarkup, testId, type = "dashed", size = "normal", title, additionalText } = props;
-	const classes = cn(styles.emptystate, {
+	const classes = classNames(styles.emptystate, {
 		[styles["emptystate--dashed"]]: type === "dashed",
 		[styles["emptystate--blank"]]: type === "blank",
 		[styles["emptystate--compact"]]: size === "compact"

package/lib/components/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmptyBoxBeeMedium: React.FC<EmptyStateIllustrationProps>","EmptyBoxBeeSmall: React.FC<EmptyStateIllustrationProps>","EmptyState: React.FC<EmptyStateProps>","color: IllustrationColor"],"sources":["../../../src/components/EmptyState/EmptyBoxBeeMedium.tsx","../../../src/components/EmptyState/EmptyBoxBeeSmall.tsx","../../../src/components/EmptyState/EmptyState.tsx","../../../src/components/EmptyState/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { EmptyStateIllustrationProps } from './EmptyState';\n\nconst EmptyBoxBeeMedium: React.FC<EmptyStateIllustrationProps> = ({ color, svgProperties }) => {\n  const palette = (() => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          light: '#CAE7ED',\n          dark: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          light: '#F7E1D2',\n          dark: '#EEC0A5',\n        };\n      default:\n        return {\n          light: '#F5F3F3',\n          dark: '#EAE7E7',\n        };\n    }\n  })();\n\n  return (\n    <svg width=\"132\" height=\"132\" viewBox=\"0 0 132 132\" {...svgProperties}>\n      <path d=\"M66.0445 66.4768V118.755L25.207 104.674V53.6095L66.0445 66.4768Z\" fill={palette.dark} />\n      <path d=\"M25.1984 53.6095L14.0254 79.7274L54.8716 92.9885L66.0446 66.4664L25.1984 53.6095Z\" fill={palette.light} />\n      <path d=\"M66.0443 66.4891V41.2087L106.882 53.6058\" fill={palette.dark} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M78.5763 18.8076C79.0277 18.8695 79.3434 19.2857 79.2814 19.7371C79.1182 20.926 79.3609 22.348 79.8056 23.7065C80.2476 25.0571 80.8609 26.2595 81.3546 26.9836C81.6113 27.36 81.5142 27.8733 81.1378 28.13C80.7613 28.3867 80.248 28.2896 79.9914 27.9131C79.4008 27.047 78.7224 25.7015 78.2374 24.2197C77.755 22.7459 77.4355 21.0513 77.6467 19.5127C77.7087 19.0613 78.1249 18.7456 78.5763 18.8076Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M81.3303 17.2706C81.7682 17.3965 82.0211 17.8535 81.8952 18.2914C81.754 18.7825 81.7534 19.4366 81.8932 20.2206C82.0313 20.9948 82.2953 21.8357 82.624 22.6671C83.2829 24.3335 84.1667 25.8743 84.6765 26.6219C84.9331 26.9984 84.836 27.5116 84.4596 27.7683C84.0831 28.025 83.5699 27.9279 83.3132 27.5514C82.7387 26.7088 81.796 25.0603 81.0896 23.2738C80.7357 22.3787 80.4324 21.4274 80.2688 20.5103C80.107 19.6029 80.0704 18.6667 80.3095 17.8354C80.4354 17.3976 80.8924 17.1446 81.3303 17.2706Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M84.3326 16.6089C84.5611 16.5069 84.7937 16.3306 85.0147 16.0669C85.426 15.576 85.7423 14.8341 85.8144 13.9532C85.8864 13.0723 85.6948 12.2889 85.3686 11.7377C85.0413 11.1844 84.6244 10.9258 84.2328 10.8937C83.8412 10.8617 83.3879 11.0492 82.975 11.542C82.8631 11.6756 82.7582 11.8277 82.6633 11.9963C82.6895 12.02 82.7155 12.044 82.7413 12.0683C83.6047 12.8795 84.18 13.8846 84.3834 14.8843C84.5002 15.4584 84.4966 16.0561 84.3326 16.6089ZM79.4366 18.144C78.2337 18.732 77.1911 19.4446 76.3751 20.2294C74.9865 21.5648 74.1117 23.2671 74.57 24.9673C75.0282 26.6675 76.6402 27.6995 78.5117 28.1561C80.4163 28.6207 82.7991 28.5568 85.2269 27.9024C87.6548 27.248 89.7469 26.1056 91.1599 24.7467C92.5485 23.4113 93.4233 21.709 92.965 20.0088C92.5068 18.3087 90.8948 17.2767 89.0233 16.8201C88.3101 16.6461 87.53 16.5462 86.7055 16.5237C87.1187 15.8287 87.3852 14.9886 87.4589 14.0876C87.5554 12.9069 87.3082 11.7755 86.7887 10.8975C86.2704 10.0215 85.4347 9.3365 84.3673 9.24923C83.2999 9.16196 82.364 9.70214 81.7103 10.4822C81.5602 10.6614 81.422 10.856 81.297 11.0638C80.8163 10.8289 80.3191 10.6731 79.8285 10.6048C78.8204 10.4645 77.7639 10.6913 77.0306 11.4718C76.2973 12.2524 76.1367 13.321 76.3396 14.3183C76.5429 15.3181 77.1182 16.3231 77.9817 17.1343C78.429 17.5546 78.9234 17.8945 79.4366 18.144ZM77.5188 21.4187C76.3173 22.5742 75.9339 23.6877 76.1631 24.5379C76.3923 25.388 77.2833 26.158 78.9028 26.5531C80.4893 26.9401 82.5856 26.9055 84.7975 26.3092C87.0094 25.713 88.8392 24.6894 90.0162 23.5574C91.2177 22.4019 91.6011 21.2884 91.3719 20.4383C91.1427 19.5881 90.2517 18.8182 88.6322 18.4231C87.0457 18.036 84.9494 18.0706 82.7375 18.6669C80.5256 19.2631 78.6958 20.2868 77.5188 21.4187ZM79.1115 15.9318C78.4673 15.3266 78.0841 14.6169 77.9564 13.9894C77.8283 13.3594 77.9641 12.888 78.2331 12.6016C78.5022 12.3153 78.9641 12.1504 79.6009 12.2391C80.2352 12.3274 80.9674 12.6657 81.6115 13.2708C82.2556 13.876 82.6389 14.5857 82.7665 15.2133C82.8947 15.8433 82.7589 16.3146 82.4899 16.601C82.2208 16.8874 81.7588 17.0523 81.1221 16.9636C80.4878 16.8753 79.7556 16.537 79.1115 15.9318Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M86.9232 22.0241C87.2764 21.985 87.531 21.667 87.4919 21.3138C87.4529 20.9606 87.1348 20.7059 86.7816 20.745C86.4284 20.7841 86.1738 21.1021 86.2129 21.4553C86.252 21.8085 86.57 22.0632 86.9232 22.0241Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M71.3422 26.792C71.5558 27.1944 71.4028 27.6938 71.0003 27.9075C70.5514 28.1458 70.1064 28.3646 69.6658 28.5662C69.2515 28.7558 68.7619 28.5736 68.5723 28.1593C68.3827 27.745 68.5649 27.2554 68.9792 27.0658C69.3914 26.8772 69.8073 26.6728 70.2267 26.4501C70.6291 26.2365 71.1285 26.3895 71.3422 26.792Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M66.0673 29.0626C66.193 29.5006 65.9398 29.9575 65.5018 30.0832C64.5253 30.3634 63.5803 30.5934 62.6796 30.8068C62.2362 30.9118 61.7916 30.6375 61.6866 30.1941C61.5816 29.7507 61.8559 29.3062 62.2993 29.2012C63.1952 28.989 64.1091 28.7662 65.0467 28.4972C65.4847 28.3715 65.9416 28.6247 66.0673 29.0626Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.1028 30.838C59.2465 31.2704 59.0125 31.7374 58.5801 31.8811C57.6914 32.1764 56.8722 32.5224 56.1157 32.9692C55.7234 33.201 55.2176 33.0708 54.9858 32.6785C54.7541 32.2862 54.8843 31.7803 55.2766 31.5486C56.161 31.0262 57.0945 30.636 58.0597 30.3153C58.4921 30.1716 58.9591 30.4056 59.1028 30.838Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M71.5541 54.5886C71.865 54.2555 72.3871 54.2375 72.7201 54.5484C73.4346 55.2153 74.0197 55.99 74.3965 56.8919C74.5722 57.3124 74.3737 57.7956 73.9533 57.9712C73.5329 58.1468 73.0497 57.9484 72.874 57.528C72.6037 56.881 72.1714 56.2933 71.5943 55.7546C71.2612 55.4437 71.2432 54.9217 71.5541 54.5886Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M74.0043 60.1656C74.4453 60.2803 74.7097 60.7308 74.5949 61.1717C74.4833 61.6006 74.3355 62.0413 74.1504 62.4944C73.9781 62.9162 73.4965 63.1184 73.0747 62.9461C72.6529 62.7738 72.4506 62.2922 72.6229 61.8704C72.7827 61.4792 72.9065 61.1081 72.9981 60.7562C73.1129 60.3152 73.5634 60.0508 74.0043 60.1656Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.5522 50.4407C59.6487 49.9954 60.0879 49.7126 60.5332 49.809C61.3282 49.9812 62.1755 50.1663 63.0418 50.3722C63.4851 50.4775 63.759 50.9223 63.6537 51.3656C63.5483 51.8089 63.1036 52.0828 62.6603 51.9775C61.8115 51.7758 60.9783 51.5937 60.1839 51.4216C59.7386 51.3252 59.4558 50.886 59.5522 50.4407Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M53.4951 47.9978C53.7638 47.6298 54.2799 47.5494 54.6479 47.8181L56.86 48.9392C57.2965 49.0698 57.5444 49.5296 57.4138 49.9661C57.2831 50.4026 56.8233 50.6505 56.3868 50.5199L55.0539 50.009C54.3809 49.7338 52.9854 48.9392 53.4951 47.9978Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M50.414 41.3585C50.8676 41.3164 51.2696 41.65 51.3117 42.1037C51.394 42.9898 51.6245 43.8331 51.985 44.6147L65.8048 40.4194C65.8834 40.3955 65.9642 40.3838 66.0444 40.3838C66.1247 40.3838 66.2054 40.3955 66.2841 40.4194L107.122 52.8165C107.158 52.8275 107.193 52.8407 107.226 52.8561C107.41 52.9381 107.564 53.0872 107.649 53.2852L118.822 79.4032C118.913 79.6163 118.911 79.8578 118.815 80.0688C118.719 80.2798 118.539 80.4408 118.318 80.5124L107.95 83.8786V104.74C107.95 105.093 107.725 105.407 107.391 105.521L66.3814 119.508C66.192 119.593 65.9754 119.604 65.7754 119.535L24.9379 105.454C24.6052 105.339 24.3818 105.026 24.3818 104.674V83.9574L13.7704 80.5124C13.55 80.4408 13.3699 80.2798 13.274 80.0688C13.1782 79.8578 13.1755 79.6163 13.2667 79.4032L24.4397 53.2852C24.5245 53.0871 24.6786 52.938 24.8628 52.856C24.8962 52.8407 24.9311 52.8275 24.9673 52.8165L50.3938 45.0977C50.009 44.2069 49.7613 43.2528 49.6688 42.2563C49.6267 41.8026 49.9603 41.4007 50.414 41.3585ZM66.8694 53.178C67.4665 53.3887 68.0435 53.6161 68.5905 53.8632C69.0058 54.0508 69.4944 53.8663 69.682 53.451C69.8696 53.0358 69.685 52.5471 69.2698 52.3595C68.5022 52.0128 67.6931 51.7072 66.8694 51.4343V42.3214L104.099 53.6234L66.8694 65.342V53.178ZM65.2193 70.5501V117.598L26.0318 104.086V84.4931L54.6166 93.7734C55.0242 93.9058 55.4653 93.704 55.6317 93.309L65.2193 70.5501ZM64.9286 66.9903L25.6629 54.6209L15.1389 79.2219L54.4053 91.9701L64.9286 66.9903ZM27.9927 53.6224L65.2194 65.342V42.3214L27.9927 53.6224ZM66.8693 117.598V70.5498L76.4572 93.309C76.6235 93.704 77.0646 93.9058 77.4722 93.7734L106.3 84.4143V104.15L66.8693 117.598ZM116.95 79.2219L106.426 54.6209L67.1566 66.9815L77.6835 91.9701L116.95 79.2219Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M52.7349 34.7536C53.1087 35.0142 53.2003 35.5285 52.9397 35.9022C52.404 36.6703 51.9543 37.4375 51.6152 38.248C51.4393 38.6683 50.956 38.8665 50.5357 38.6906C50.1153 38.5147 49.9172 38.0314 50.093 37.6111C50.4895 36.6635 51.0045 35.7926 51.5863 34.9583C51.847 34.5846 52.3612 34.4929 52.7349 34.7536Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default EmptyBoxBeeMedium;\n","import React from 'react';\n\nimport { EmptyStateIllustrationProps } from './EmptyState';\n\nconst EmptyBoxBeeSmall: React.FC<EmptyStateIllustrationProps> = ({ color, svgProperties }) => {\n  const palette = (() => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          light: '#CAE7ED',\n          dark: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          light: '#F7E1D2',\n          dark: '#EEC0A5',\n        };\n      default:\n        return {\n          light: '#F5F3F3',\n          dark: '#EAE7E7',\n        };\n    }\n  })();\n\n  return (\n    <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" {...svgProperties}>\n      <path d=\"M45.0303 45.3252V80.9694L17.1865 71.3688V36.552L45.0303 45.3252Z\" fill={palette.dark} />\n      <path d=\"M17.1805 36.552L9.5625 54.3597L37.4122 63.4013L45.0301 45.3181L17.1805 36.552Z\" fill={palette.light} />\n      <path d=\"M45.0303 45.3335V28.0969L72.874 36.5495\" fill={palette.dark} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M53.575 12.8235C53.8828 12.8657 54.098 13.1495 54.0558 13.4573C53.9445 14.2679 54.11 15.2374 54.4132 16.1637C54.7146 17.0845 55.1327 17.9044 55.4693 18.398C55.6443 18.6547 55.5781 19.0047 55.3215 19.1797C55.0648 19.3547 54.7148 19.2885 54.5398 19.0318C54.1372 18.4413 53.6746 17.5239 53.344 16.5136C53.0151 15.5087 52.7972 14.3533 52.9412 13.3042C52.9835 12.9965 53.2672 12.7812 53.575 12.8235Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M55.4525 11.7755C55.7511 11.8613 55.9235 12.173 55.8376 12.4715C55.7414 12.8063 55.7409 13.2523 55.8363 13.7868C55.9304 14.3147 56.1104 14.8881 56.3346 15.4549C56.7838 16.5911 57.3864 17.6416 57.734 18.1514C57.909 18.4081 57.8428 18.758 57.5861 18.933C57.3294 19.108 56.9795 19.0418 56.8044 18.7852C56.4127 18.2107 55.77 17.0867 55.2884 15.8686C55.0471 15.2583 54.8403 14.6097 54.7287 13.9844C54.6184 13.3657 54.5935 12.7274 54.7565 12.1606C54.8423 11.8621 55.1539 11.6896 55.4525 11.7755Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M57.4988 11.3243C57.6546 11.2548 57.8131 11.1346 57.9638 10.9547C58.2443 10.6201 58.46 10.1142 58.5091 9.51359C58.5582 8.913 58.4275 8.37882 58.2052 8.00302C57.982 7.62576 57.6978 7.44944 57.4308 7.42761C57.1637 7.40578 56.8547 7.53359 56.5731 7.86958C56.4968 7.96067 56.4253 8.06443 56.3606 8.17932C56.3785 8.19552 56.3962 8.21189 56.4138 8.22846C57.0025 8.78155 57.3948 9.4668 57.5334 10.1485C57.6131 10.5399 57.6106 10.9474 57.4988 11.3243ZM54.1606 12.3709C53.3404 12.7719 52.6296 13.2577 52.0732 13.7929C51.1265 14.7033 50.53 15.864 50.8424 17.0232C51.1549 18.1824 52.2539 18.886 53.53 19.1974C54.8286 19.5142 56.4532 19.4706 58.1086 19.0244C59.7639 18.5782 61.1903 17.7994 62.1538 16.8728C63.1005 15.9623 63.697 14.8016 63.3845 13.6424C63.0721 12.4832 61.973 11.7796 60.697 11.4683C60.2107 11.3497 59.6788 11.2816 59.1167 11.2662C59.3984 10.7924 59.5801 10.2196 59.6303 9.60527C59.6962 8.8002 59.5276 8.02882 59.1734 7.43014C58.82 6.83292 58.2502 6.36585 57.5224 6.30635C56.7947 6.24684 56.1565 6.61515 55.7109 7.14703C55.6085 7.2692 55.5143 7.4019 55.429 7.54358C55.1013 7.38337 54.7623 7.2772 54.4278 7.23062C53.7405 7.13491 53.0201 7.2896 52.5201 7.82177C52.0202 8.35394 51.9107 9.08254 52.049 9.76254C52.1877 10.4442 52.5799 11.1295 53.1686 11.6825C53.4736 11.9691 53.8107 12.2008 54.1606 12.3709ZM52.853 14.6037C52.0338 15.3916 51.7724 16.1508 51.9287 16.7304C52.0849 17.3101 52.6925 17.835 53.7967 18.1044C54.8783 18.3683 56.3077 18.3447 57.8158 17.9382C59.3239 17.5317 60.5715 16.8337 61.374 16.0619C62.1932 15.2741 62.4546 14.5149 62.2983 13.9352C62.1421 13.3556 61.5345 12.8306 60.4303 12.5612C59.3487 12.2973 57.9193 12.321 56.4112 12.7275C54.9031 13.134 53.6555 13.8319 52.853 14.6037ZM53.9389 10.8627C53.4998 10.45 53.2385 9.96616 53.1514 9.53827C53.064 9.10872 53.1566 8.78733 53.34 8.59209C53.5235 8.39684 53.8385 8.28441 54.2726 8.34487C54.7051 8.40509 55.2043 8.63574 55.6435 9.04835C56.0827 9.46097 56.344 9.94485 56.431 10.3727C56.5184 10.8023 56.4258 11.1237 56.2424 11.3189C56.0589 11.5142 55.744 11.6266 55.3098 11.5661C54.8773 11.5059 54.3781 11.2753 53.9389 10.8627Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.266 15.0165C59.5068 14.9898 59.6804 14.773 59.6538 14.5321C59.6271 14.2913 59.4103 14.1177 59.1694 14.1444C58.9286 14.171 58.755 14.3879 58.7817 14.6287C58.8083 14.8695 59.0251 15.0431 59.266 15.0165Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M48.6423 18.2672C48.7879 18.5416 48.6836 18.8822 48.4092 19.0278C48.1031 19.1903 47.7997 19.3395 47.4993 19.4769C47.2168 19.6062 46.883 19.482 46.7537 19.1995C46.6245 18.917 46.7487 18.5832 47.0311 18.454C47.3122 18.3254 47.5957 18.186 47.8817 18.0342C48.1561 17.8885 48.4966 17.9928 48.6423 18.2672Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M45.0458 19.8154C45.1314 20.114 44.9588 20.4256 44.6602 20.5112C43.9944 20.7023 43.3501 20.8591 42.7359 21.0046C42.4336 21.0762 42.1305 20.8892 42.0589 20.5869C41.9873 20.2846 42.1744 19.9815 42.4767 19.9099C43.0875 19.7652 43.7106 19.6133 44.3499 19.4299C44.6485 19.3442 44.9601 19.5168 45.0458 19.8154Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M40.2972 21.0259C40.3952 21.3207 40.2357 21.6391 39.9408 21.7371C39.3349 21.9384 38.7764 22.1744 38.2606 22.479C37.9931 22.637 37.6482 22.5483 37.4902 22.2808C37.3322 22.0133 37.421 21.6684 37.6884 21.5104C38.2915 21.1542 38.928 20.8882 39.5861 20.6695C39.8809 20.5715 40.1993 20.7311 40.2972 21.0259Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M48.7868 37.2195C48.9987 36.9924 49.3547 36.9801 49.5818 37.1921C50.0689 37.6468 50.4678 38.175 50.7248 38.7899C50.8445 39.0766 50.7092 39.4061 50.4226 39.5258C50.1359 39.6456 49.8065 39.5103 49.6867 39.2236C49.5024 38.7825 49.2076 38.3818 48.8141 38.0145C48.587 37.8025 48.5748 37.4466 48.7868 37.2195Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M50.4574 41.022C50.758 41.1002 50.9383 41.4074 50.8601 41.708C50.7839 42.0004 50.6831 42.3009 50.557 42.6098C50.4395 42.8974 50.1111 43.0353 49.8235 42.9178C49.5359 42.8003 49.398 42.4719 49.5155 42.1843C49.6245 41.9176 49.7089 41.6646 49.7713 41.4246C49.8496 41.124 50.1567 40.9437 50.4574 41.022Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M40.6037 34.3914C40.6694 34.0878 40.9689 33.8949 41.2725 33.9607C41.8145 34.0781 42.3923 34.2043 42.9829 34.3447C43.2851 34.4165 43.4719 34.7197 43.4001 35.022C43.3283 35.3242 43.025 35.511 42.7228 35.4392C42.1441 35.3016 41.576 35.1775 41.0343 35.0602C40.7307 34.9944 40.5379 34.695 40.6037 34.3914Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M36.4738 32.7257C36.657 32.4749 37.0089 32.42 37.2598 32.6032L38.7681 33.3676C39.0657 33.4567 39.2347 33.7702 39.1456 34.0678C39.0565 34.3654 38.743 34.5345 38.4454 34.4454L37.5366 34.097C37.0778 33.9094 36.1263 33.3676 36.4738 32.7257Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M34.373 28.199C34.6824 28.1703 34.9564 28.3978 34.9851 28.7071C35.0412 29.3112 35.1984 29.8862 35.4442 30.4191L44.8668 27.5587C44.9204 27.5424 44.9754 27.5344 45.0302 27.5344C45.0849 27.5344 45.1399 27.5424 45.1936 27.5587L73.0373 36.0112C73.062 36.0187 73.0859 36.0278 73.1087 36.0382C73.2342 36.0941 73.3392 36.1958 73.397 36.3308L81.015 54.1385C81.0771 54.2838 81.0753 54.4485 81.01 54.5924C80.9446 54.7362 80.8218 54.846 80.6715 54.8948L73.6021 57.1899V71.4139C73.6021 71.6546 73.449 71.8686 73.2212 71.9463L45.2599 81.4828C45.1308 81.5406 44.9831 81.5482 44.8467 81.5012L17.003 71.9006C16.7761 71.8224 16.6239 71.6088 16.6239 71.3688V57.2437L9.3888 54.8948C9.23852 54.846 9.11569 54.7362 9.05035 54.5924C8.98501 54.4485 8.98319 54.2838 9.04533 54.1385L16.6633 36.3308C16.7211 36.1957 16.8262 36.0941 16.9518 36.0382C16.9746 36.0277 16.9983 36.0187 17.023 36.0112L34.3593 30.7484C34.0969 30.1411 33.928 29.4905 33.8649 28.8111C33.8362 28.5018 34.0637 28.2277 34.373 28.199ZM45.5927 36.2577C45.9997 36.4014 46.3931 36.5564 46.7661 36.7249C47.0493 36.8528 47.3824 36.727 47.5103 36.4439C47.6382 36.1608 47.5124 35.8276 47.2293 35.6997C46.7059 35.4633 46.1543 35.2549 45.5927 35.0689V28.8555L70.9768 36.5614L45.5927 44.5514V36.2577ZM44.4676 48.1024V80.1805L17.7489 70.9678V57.6089L37.2385 63.9364C37.5164 64.0267 37.8171 63.8891 37.9306 63.6198L44.4676 48.1024ZM44.2693 45.6752L17.4973 37.2415L10.3218 54.0149L37.0944 62.7068L44.2693 45.6752ZM19.0858 36.5607L44.4676 44.5514V28.8555L19.0858 36.5607ZM45.5926 80.1807V48.1021L52.1298 63.6198C52.2432 63.8891 52.5439 64.0267 52.8218 63.9364L72.4771 57.5552V71.0114L45.5926 80.1807ZM79.7385 54.0149L72.563 37.2415L45.7884 45.6692L52.9659 62.7068L79.7385 54.0149Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M35.9555 23.6956C36.2103 23.8733 36.2728 24.2239 36.0951 24.4788C35.7299 25.0025 35.4232 25.5256 35.192 26.0782C35.0721 26.3648 34.7426 26.4999 34.456 26.38C34.1694 26.26 34.0343 25.9305 34.1542 25.6439C34.4246 24.9978 34.7757 24.404 35.1724 23.8352C35.3501 23.5804 35.7007 23.5179 35.9555 23.6956Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default EmptyBoxBeeSmall;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Title, { TitleTags } from '../Title';\nimport EmptyBoxBeeMedium from './EmptyBoxBeeMedium';\nimport EmptyBoxBeeSmall from './EmptyBoxBeeSmall';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Icon from '../Icon';\nimport EmptyBox from '../Icons/EmptyBox';\nimport { IllustrationColor } from '../Illustration';\n\nimport styles from './styles.module.scss';\n\nexport type EmptyStateType = 'dashed' | 'blank';\nexport type EmptyStateSize = 'normal' | 'compact';\n\nexport enum EmptyStateOnColor {\n  onwhite = 'onwhite',\n  onblueberry = 'onblueberry',\n  oncherry = 'oncherry',\n}\n\nexport interface EmptyStateIllustrationProps {\n  color: IllustrationColor;\n  svgProperties?: React.SVGProps<SVGSVGElement>;\n}\n\nexport interface EmptyStateProps {\n  /** Additional text rendered under the title.  */\n  additionalText?: React.ReactNode;\n  /** Color of the illustration */\n  onColor?: EmptyStateOnColor;\n  /** Normal or compact size */\n  size?: EmptyStateSize;\n  /** The main message in the component  */\n  title: React.ReactNode;\n  /** Markup props for title. Default: h2 */\n  titleHtmlMarkup?: TitleTags;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Styling of the border */\n  type?: EmptyStateType;\n}\n\nconst EmptyState: React.FC<EmptyStateProps> = props => {\n  const { onColor = 'neutral', titleHtmlMarkup, testId, type = 'dashed', size = 'normal', title, additionalText } = props;\n  const classes = classNames(styles.emptystate, {\n    [styles['emptystate--dashed']]: type === 'dashed',\n    [styles['emptystate--blank']]: type === 'blank',\n    [styles['emptystate--compact']]: size === 'compact',\n  });\n  const breakpoint = useBreakpoint();\n  let color: IllustrationColor;\n  switch (onColor) {\n    case 'onblueberry':\n      color = 'blueberry';\n      break;\n    case 'oncherry':\n      color = 'cherry';\n      break;\n    case 'onwhite':\n    default:\n      color = 'neutral';\n      break;\n  }\n\n  let illustrationComponent;\n  if (size === 'compact') {\n    illustrationComponent = <Icon color={'neutral'} svgIcon={EmptyBox} />;\n  } else if (breakpoint <= Breakpoint.sm) {\n    illustrationComponent = (\n      <EmptyBoxBeeSmall color={color} svgProperties={{ 'aria-hidden': 'true', role: 'presentation', focusable: 'false' }} />\n    );\n  } else {\n    illustrationComponent = (\n      <EmptyBoxBeeMedium color={color} svgProperties={{ 'aria-hidden': 'true', role: 'presentation', focusable: 'false' }} />\n    );\n  }\n\n  return (\n    <div className={classes} data-testid={testId} data-analyticsid={AnalyticsId.EmptyState}>\n      <div className={styles['emptystate__illustration']}>{illustrationComponent}</div>\n      <div className={styles['emptystate__text']}>\n        {size == 'normal' ? (\n          <Title appearance={breakpoint < Breakpoint.md ? 'title4' : 'title3'} htmlMarkup={titleHtmlMarkup || 'h2'}>\n            {title}\n          </Title>\n        ) : (\n          <span>{title}</span>\n        )}\n        {size == 'normal' && additionalText && <span className={styles['emptystate__additional-text']}>{additionalText}</span>}\n      </div>\n    </div>\n  );\n};\n\nexport default EmptyState;\n","import EmptyState from './EmptyState';\nexport * from './EmptyState';\nexport default EmptyState;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["EmptyBoxBeeMedium: React.FC<EmptyStateIllustrationProps>","EmptyBoxBeeSmall: React.FC<EmptyStateIllustrationProps>","EmptyState: React.FC<EmptyStateProps>","color: IllustrationColor"],"sources":["../../../src/components/EmptyState/EmptyBoxBeeMedium.tsx","../../../src/components/EmptyState/EmptyBoxBeeSmall.tsx","../../../src/components/EmptyState/EmptyState.tsx","../../../src/components/EmptyState/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { EmptyStateIllustrationProps } from './EmptyState';\n\nconst EmptyBoxBeeMedium: React.FC<EmptyStateIllustrationProps> = ({ color, svgProperties }) => {\n  const palette = (() => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          light: '#CAE7ED',\n          dark: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          light: '#F7E1D2',\n          dark: '#EEC0A5',\n        };\n      default:\n        return {\n          light: '#F5F3F3',\n          dark: '#EAE7E7',\n        };\n    }\n  })();\n\n  return (\n    <svg width=\"132\" height=\"132\" viewBox=\"0 0 132 132\" {...svgProperties}>\n      <path d=\"M66.0445 66.4768V118.755L25.207 104.674V53.6095L66.0445 66.4768Z\" fill={palette.dark} />\n      <path d=\"M25.1984 53.6095L14.0254 79.7274L54.8716 92.9885L66.0446 66.4664L25.1984 53.6095Z\" fill={palette.light} />\n      <path d=\"M66.0443 66.4891V41.2087L106.882 53.6058\" fill={palette.dark} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M78.5763 18.8076C79.0277 18.8695 79.3434 19.2857 79.2814 19.7371C79.1182 20.926 79.3609 22.348 79.8056 23.7065C80.2476 25.0571 80.8609 26.2595 81.3546 26.9836C81.6113 27.36 81.5142 27.8733 81.1378 28.13C80.7613 28.3867 80.248 28.2896 79.9914 27.9131C79.4008 27.047 78.7224 25.7015 78.2374 24.2197C77.755 22.7459 77.4355 21.0513 77.6467 19.5127C77.7087 19.0613 78.1249 18.7456 78.5763 18.8076Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M81.3303 17.2706C81.7682 17.3965 82.0211 17.8535 81.8952 18.2914C81.754 18.7825 81.7534 19.4366 81.8932 20.2206C82.0313 20.9948 82.2953 21.8357 82.624 22.6671C83.2829 24.3335 84.1667 25.8743 84.6765 26.6219C84.9331 26.9984 84.836 27.5116 84.4596 27.7683C84.0831 28.025 83.5699 27.9279 83.3132 27.5514C82.7387 26.7088 81.796 25.0603 81.0896 23.2738C80.7357 22.3787 80.4324 21.4274 80.2688 20.5103C80.107 19.6029 80.0704 18.6667 80.3095 17.8354C80.4354 17.3976 80.8924 17.1446 81.3303 17.2706Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M84.3326 16.6089C84.5611 16.5069 84.7937 16.3306 85.0147 16.0669C85.426 15.576 85.7423 14.8341 85.8144 13.9532C85.8864 13.0723 85.6948 12.2889 85.3686 11.7377C85.0413 11.1844 84.6244 10.9258 84.2328 10.8937C83.8412 10.8617 83.3879 11.0492 82.975 11.542C82.8631 11.6756 82.7582 11.8277 82.6633 11.9963C82.6895 12.02 82.7155 12.044 82.7413 12.0683C83.6047 12.8795 84.18 13.8846 84.3834 14.8843C84.5002 15.4584 84.4966 16.0561 84.3326 16.6089ZM79.4366 18.144C78.2337 18.732 77.1911 19.4446 76.3751 20.2294C74.9865 21.5648 74.1117 23.2671 74.57 24.9673C75.0282 26.6675 76.6402 27.6995 78.5117 28.1561C80.4163 28.6207 82.7991 28.5568 85.2269 27.9024C87.6548 27.248 89.7469 26.1056 91.1599 24.7467C92.5485 23.4113 93.4233 21.709 92.965 20.0088C92.5068 18.3087 90.8948 17.2767 89.0233 16.8201C88.3101 16.6461 87.53 16.5462 86.7055 16.5237C87.1187 15.8287 87.3852 14.9886 87.4589 14.0876C87.5554 12.9069 87.3082 11.7755 86.7887 10.8975C86.2704 10.0215 85.4347 9.3365 84.3673 9.24923C83.2999 9.16196 82.364 9.70214 81.7103 10.4822C81.5602 10.6614 81.422 10.856 81.297 11.0638C80.8163 10.8289 80.3191 10.6731 79.8285 10.6048C78.8204 10.4645 77.7639 10.6913 77.0306 11.4718C76.2973 12.2524 76.1367 13.321 76.3396 14.3183C76.5429 15.3181 77.1182 16.3231 77.9817 17.1343C78.429 17.5546 78.9234 17.8945 79.4366 18.144ZM77.5188 21.4187C76.3173 22.5742 75.9339 23.6877 76.1631 24.5379C76.3923 25.388 77.2833 26.158 78.9028 26.5531C80.4893 26.9401 82.5856 26.9055 84.7975 26.3092C87.0094 25.713 88.8392 24.6894 90.0162 23.5574C91.2177 22.4019 91.6011 21.2884 91.3719 20.4383C91.1427 19.5881 90.2517 18.8182 88.6322 18.4231C87.0457 18.036 84.9494 18.0706 82.7375 18.6669C80.5256 19.2631 78.6958 20.2868 77.5188 21.4187ZM79.1115 15.9318C78.4673 15.3266 78.0841 14.6169 77.9564 13.9894C77.8283 13.3594 77.9641 12.888 78.2331 12.6016C78.5022 12.3153 78.9641 12.1504 79.6009 12.2391C80.2352 12.3274 80.9674 12.6657 81.6115 13.2708C82.2556 13.876 82.6389 14.5857 82.7665 15.2133C82.8947 15.8433 82.7589 16.3146 82.4899 16.601C82.2208 16.8874 81.7588 17.0523 81.1221 16.9636C80.4878 16.8753 79.7556 16.537 79.1115 15.9318Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M86.9232 22.0241C87.2764 21.985 87.531 21.667 87.4919 21.3138C87.4529 20.9606 87.1348 20.7059 86.7816 20.745C86.4284 20.7841 86.1738 21.1021 86.2129 21.4553C86.252 21.8085 86.57 22.0632 86.9232 22.0241Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M71.3422 26.792C71.5558 27.1944 71.4028 27.6938 71.0003 27.9075C70.5514 28.1458 70.1064 28.3646 69.6658 28.5662C69.2515 28.7558 68.7619 28.5736 68.5723 28.1593C68.3827 27.745 68.5649 27.2554 68.9792 27.0658C69.3914 26.8772 69.8073 26.6728 70.2267 26.4501C70.6291 26.2365 71.1285 26.3895 71.3422 26.792Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M66.0673 29.0626C66.193 29.5006 65.9398 29.9575 65.5018 30.0832C64.5253 30.3634 63.5803 30.5934 62.6796 30.8068C62.2362 30.9118 61.7916 30.6375 61.6866 30.1941C61.5816 29.7507 61.8559 29.3062 62.2993 29.2012C63.1952 28.989 64.1091 28.7662 65.0467 28.4972C65.4847 28.3715 65.9416 28.6247 66.0673 29.0626Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.1028 30.838C59.2465 31.2704 59.0125 31.7374 58.5801 31.8811C57.6914 32.1764 56.8722 32.5224 56.1157 32.9692C55.7234 33.201 55.2176 33.0708 54.9858 32.6785C54.7541 32.2862 54.8843 31.7803 55.2766 31.5486C56.161 31.0262 57.0945 30.636 58.0597 30.3153C58.4921 30.1716 58.9591 30.4056 59.1028 30.838Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M71.5541 54.5886C71.865 54.2555 72.3871 54.2375 72.7201 54.5484C73.4346 55.2153 74.0197 55.99 74.3965 56.8919C74.5722 57.3124 74.3737 57.7956 73.9533 57.9712C73.5329 58.1468 73.0497 57.9484 72.874 57.528C72.6037 56.881 72.1714 56.2933 71.5943 55.7546C71.2612 55.4437 71.2432 54.9217 71.5541 54.5886Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M74.0043 60.1656C74.4453 60.2803 74.7097 60.7308 74.5949 61.1717C74.4833 61.6006 74.3355 62.0413 74.1504 62.4944C73.9781 62.9162 73.4965 63.1184 73.0747 62.9461C72.6529 62.7738 72.4506 62.2922 72.6229 61.8704C72.7827 61.4792 72.9065 61.1081 72.9981 60.7562C73.1129 60.3152 73.5634 60.0508 74.0043 60.1656Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.5522 50.4407C59.6487 49.9954 60.0879 49.7126 60.5332 49.809C61.3282 49.9812 62.1755 50.1663 63.0418 50.3722C63.4851 50.4775 63.759 50.9223 63.6537 51.3656C63.5483 51.8089 63.1036 52.0828 62.6603 51.9775C61.8115 51.7758 60.9783 51.5937 60.1839 51.4216C59.7386 51.3252 59.4558 50.886 59.5522 50.4407Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M53.4951 47.9978C53.7638 47.6298 54.2799 47.5494 54.6479 47.8181L56.86 48.9392C57.2965 49.0698 57.5444 49.5296 57.4138 49.9661C57.2831 50.4026 56.8233 50.6505 56.3868 50.5199L55.0539 50.009C54.3809 49.7338 52.9854 48.9392 53.4951 47.9978Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M50.414 41.3585C50.8676 41.3164 51.2696 41.65 51.3117 42.1037C51.394 42.9898 51.6245 43.8331 51.985 44.6147L65.8048 40.4194C65.8834 40.3955 65.9642 40.3838 66.0444 40.3838C66.1247 40.3838 66.2054 40.3955 66.2841 40.4194L107.122 52.8165C107.158 52.8275 107.193 52.8407 107.226 52.8561C107.41 52.9381 107.564 53.0872 107.649 53.2852L118.822 79.4032C118.913 79.6163 118.911 79.8578 118.815 80.0688C118.719 80.2798 118.539 80.4408 118.318 80.5124L107.95 83.8786V104.74C107.95 105.093 107.725 105.407 107.391 105.521L66.3814 119.508C66.192 119.593 65.9754 119.604 65.7754 119.535L24.9379 105.454C24.6052 105.339 24.3818 105.026 24.3818 104.674V83.9574L13.7704 80.5124C13.55 80.4408 13.3699 80.2798 13.274 80.0688C13.1782 79.8578 13.1755 79.6163 13.2667 79.4032L24.4397 53.2852C24.5245 53.0871 24.6786 52.938 24.8628 52.856C24.8962 52.8407 24.9311 52.8275 24.9673 52.8165L50.3938 45.0977C50.009 44.2069 49.7613 43.2528 49.6688 42.2563C49.6267 41.8026 49.9603 41.4007 50.414 41.3585ZM66.8694 53.178C67.4665 53.3887 68.0435 53.6161 68.5905 53.8632C69.0058 54.0508 69.4944 53.8663 69.682 53.451C69.8696 53.0358 69.685 52.5471 69.2698 52.3595C68.5022 52.0128 67.6931 51.7072 66.8694 51.4343V42.3214L104.099 53.6234L66.8694 65.342V53.178ZM65.2193 70.5501V117.598L26.0318 104.086V84.4931L54.6166 93.7734C55.0242 93.9058 55.4653 93.704 55.6317 93.309L65.2193 70.5501ZM64.9286 66.9903L25.6629 54.6209L15.1389 79.2219L54.4053 91.9701L64.9286 66.9903ZM27.9927 53.6224L65.2194 65.342V42.3214L27.9927 53.6224ZM66.8693 117.598V70.5498L76.4572 93.309C76.6235 93.704 77.0646 93.9058 77.4722 93.7734L106.3 84.4143V104.15L66.8693 117.598ZM116.95 79.2219L106.426 54.6209L67.1566 66.9815L77.6835 91.9701L116.95 79.2219Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M52.7349 34.7536C53.1087 35.0142 53.2003 35.5285 52.9397 35.9022C52.404 36.6703 51.9543 37.4375 51.6152 38.248C51.4393 38.6683 50.956 38.8665 50.5357 38.6906C50.1153 38.5147 49.9172 38.0314 50.093 37.6111C50.4895 36.6635 51.0045 35.7926 51.5863 34.9583C51.847 34.5846 52.3612 34.4929 52.7349 34.7536Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default EmptyBoxBeeMedium;\n","import React from 'react';\n\nimport { EmptyStateIllustrationProps } from './EmptyState';\n\nconst EmptyBoxBeeSmall: React.FC<EmptyStateIllustrationProps> = ({ color, svgProperties }) => {\n  const palette = (() => {\n    switch (color) {\n      case 'blueberry':\n        return {\n          light: '#CAE7ED',\n          dark: '#AFDAE3',\n        };\n      case 'cherry':\n        return {\n          light: '#F7E1D2',\n          dark: '#EEC0A5',\n        };\n      default:\n        return {\n          light: '#F5F3F3',\n          dark: '#EAE7E7',\n        };\n    }\n  })();\n\n  return (\n    <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" {...svgProperties}>\n      <path d=\"M45.0303 45.3252V80.9694L17.1865 71.3688V36.552L45.0303 45.3252Z\" fill={palette.dark} />\n      <path d=\"M17.1805 36.552L9.5625 54.3597L37.4122 63.4013L45.0301 45.3181L17.1805 36.552Z\" fill={palette.light} />\n      <path d=\"M45.0303 45.3335V28.0969L72.874 36.5495\" fill={palette.dark} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M53.575 12.8235C53.8828 12.8657 54.098 13.1495 54.0558 13.4573C53.9445 14.2679 54.11 15.2374 54.4132 16.1637C54.7146 17.0845 55.1327 17.9044 55.4693 18.398C55.6443 18.6547 55.5781 19.0047 55.3215 19.1797C55.0648 19.3547 54.7148 19.2885 54.5398 19.0318C54.1372 18.4413 53.6746 17.5239 53.344 16.5136C53.0151 15.5087 52.7972 14.3533 52.9412 13.3042C52.9835 12.9965 53.2672 12.7812 53.575 12.8235Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M55.4525 11.7755C55.7511 11.8613 55.9235 12.173 55.8376 12.4715C55.7414 12.8063 55.7409 13.2523 55.8363 13.7868C55.9304 14.3147 56.1104 14.8881 56.3346 15.4549C56.7838 16.5911 57.3864 17.6416 57.734 18.1514C57.909 18.4081 57.8428 18.758 57.5861 18.933C57.3294 19.108 56.9795 19.0418 56.8044 18.7852C56.4127 18.2107 55.77 17.0867 55.2884 15.8686C55.0471 15.2583 54.8403 14.6097 54.7287 13.9844C54.6184 13.3657 54.5935 12.7274 54.7565 12.1606C54.8423 11.8621 55.1539 11.6896 55.4525 11.7755Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M57.4988 11.3243C57.6546 11.2548 57.8131 11.1346 57.9638 10.9547C58.2443 10.6201 58.46 10.1142 58.5091 9.51359C58.5582 8.913 58.4275 8.37882 58.2052 8.00302C57.982 7.62576 57.6978 7.44944 57.4308 7.42761C57.1637 7.40578 56.8547 7.53359 56.5731 7.86958C56.4968 7.96067 56.4253 8.06443 56.3606 8.17932C56.3785 8.19552 56.3962 8.21189 56.4138 8.22846C57.0025 8.78155 57.3948 9.4668 57.5334 10.1485C57.6131 10.5399 57.6106 10.9474 57.4988 11.3243ZM54.1606 12.3709C53.3404 12.7719 52.6296 13.2577 52.0732 13.7929C51.1265 14.7033 50.53 15.864 50.8424 17.0232C51.1549 18.1824 52.2539 18.886 53.53 19.1974C54.8286 19.5142 56.4532 19.4706 58.1086 19.0244C59.7639 18.5782 61.1903 17.7994 62.1538 16.8728C63.1005 15.9623 63.697 14.8016 63.3845 13.6424C63.0721 12.4832 61.973 11.7796 60.697 11.4683C60.2107 11.3497 59.6788 11.2816 59.1167 11.2662C59.3984 10.7924 59.5801 10.2196 59.6303 9.60527C59.6962 8.8002 59.5276 8.02882 59.1734 7.43014C58.82 6.83292 58.2502 6.36585 57.5224 6.30635C56.7947 6.24684 56.1565 6.61515 55.7109 7.14703C55.6085 7.2692 55.5143 7.4019 55.429 7.54358C55.1013 7.38337 54.7623 7.2772 54.4278 7.23062C53.7405 7.13491 53.0201 7.2896 52.5201 7.82177C52.0202 8.35394 51.9107 9.08254 52.049 9.76254C52.1877 10.4442 52.5799 11.1295 53.1686 11.6825C53.4736 11.9691 53.8107 12.2008 54.1606 12.3709ZM52.853 14.6037C52.0338 15.3916 51.7724 16.1508 51.9287 16.7304C52.0849 17.3101 52.6925 17.835 53.7967 18.1044C54.8783 18.3683 56.3077 18.3447 57.8158 17.9382C59.3239 17.5317 60.5715 16.8337 61.374 16.0619C62.1932 15.2741 62.4546 14.5149 62.2983 13.9352C62.1421 13.3556 61.5345 12.8306 60.4303 12.5612C59.3487 12.2973 57.9193 12.321 56.4112 12.7275C54.9031 13.134 53.6555 13.8319 52.853 14.6037ZM53.9389 10.8627C53.4998 10.45 53.2385 9.96616 53.1514 9.53827C53.064 9.10872 53.1566 8.78733 53.34 8.59209C53.5235 8.39684 53.8385 8.28441 54.2726 8.34487C54.7051 8.40509 55.2043 8.63574 55.6435 9.04835C56.0827 9.46097 56.344 9.94485 56.431 10.3727C56.5184 10.8023 56.4258 11.1237 56.2424 11.3189C56.0589 11.5142 55.744 11.6266 55.3098 11.5661C54.8773 11.5059 54.3781 11.2753 53.9389 10.8627Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M59.266 15.0165C59.5068 14.9898 59.6804 14.773 59.6538 14.5321C59.6271 14.2913 59.4103 14.1177 59.1694 14.1444C58.9286 14.171 58.755 14.3879 58.7817 14.6287C58.8083 14.8695 59.0251 15.0431 59.266 15.0165Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M48.6423 18.2672C48.7879 18.5416 48.6836 18.8822 48.4092 19.0278C48.1031 19.1903 47.7997 19.3395 47.4993 19.4769C47.2168 19.6062 46.883 19.482 46.7537 19.1995C46.6245 18.917 46.7487 18.5832 47.0311 18.454C47.3122 18.3254 47.5957 18.186 47.8817 18.0342C48.1561 17.8885 48.4966 17.9928 48.6423 18.2672Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M45.0458 19.8154C45.1314 20.114 44.9588 20.4256 44.6602 20.5112C43.9944 20.7023 43.3501 20.8591 42.7359 21.0046C42.4336 21.0762 42.1305 20.8892 42.0589 20.5869C41.9873 20.2846 42.1744 19.9815 42.4767 19.9099C43.0875 19.7652 43.7106 19.6133 44.3499 19.4299C44.6485 19.3442 44.9601 19.5168 45.0458 19.8154Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M40.2972 21.0259C40.3952 21.3207 40.2357 21.6391 39.9408 21.7371C39.3349 21.9384 38.7764 22.1744 38.2606 22.479C37.9931 22.637 37.6482 22.5483 37.4902 22.2808C37.3322 22.0133 37.421 21.6684 37.6884 21.5104C38.2915 21.1542 38.928 20.8882 39.5861 20.6695C39.8809 20.5715 40.1993 20.7311 40.2972 21.0259Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M48.7868 37.2195C48.9987 36.9924 49.3547 36.9801 49.5818 37.1921C50.0689 37.6468 50.4678 38.175 50.7248 38.7899C50.8445 39.0766 50.7092 39.4061 50.4226 39.5258C50.1359 39.6456 49.8065 39.5103 49.6867 39.2236C49.5024 38.7825 49.2076 38.3818 48.8141 38.0145C48.587 37.8025 48.5748 37.4466 48.7868 37.2195Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M50.4574 41.022C50.758 41.1002 50.9383 41.4074 50.8601 41.708C50.7839 42.0004 50.6831 42.3009 50.557 42.6098C50.4395 42.8974 50.1111 43.0353 49.8235 42.9178C49.5359 42.8003 49.398 42.4719 49.5155 42.1843C49.6245 41.9176 49.7089 41.6646 49.7713 41.4246C49.8496 41.124 50.1567 40.9437 50.4574 41.022Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M40.6037 34.3914C40.6694 34.0878 40.9689 33.8949 41.2725 33.9607C41.8145 34.0781 42.3923 34.2043 42.9829 34.3447C43.2851 34.4165 43.4719 34.7197 43.4001 35.022C43.3283 35.3242 43.025 35.511 42.7228 35.4392C42.1441 35.3016 41.576 35.1775 41.0343 35.0602C40.7307 34.9944 40.5379 34.695 40.6037 34.3914Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M36.4738 32.7257C36.657 32.4749 37.0089 32.42 37.2598 32.6032L38.7681 33.3676C39.0657 33.4567 39.2347 33.7702 39.1456 34.0678C39.0565 34.3654 38.743 34.5345 38.4454 34.4454L37.5366 34.097C37.0778 33.9094 36.1263 33.3676 36.4738 32.7257Z\"\n        fill=\"black\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M34.373 28.199C34.6824 28.1703 34.9564 28.3978 34.9851 28.7071C35.0412 29.3112 35.1984 29.8862 35.4442 30.4191L44.8668 27.5587C44.9204 27.5424 44.9754 27.5344 45.0302 27.5344C45.0849 27.5344 45.1399 27.5424 45.1936 27.5587L73.0373 36.0112C73.062 36.0187 73.0859 36.0278 73.1087 36.0382C73.2342 36.0941 73.3392 36.1958 73.397 36.3308L81.015 54.1385C81.0771 54.2838 81.0753 54.4485 81.01 54.5924C80.9446 54.7362 80.8218 54.846 80.6715 54.8948L73.6021 57.1899V71.4139C73.6021 71.6546 73.449 71.8686 73.2212 71.9463L45.2599 81.4828C45.1308 81.5406 44.9831 81.5482 44.8467 81.5012L17.003 71.9006C16.7761 71.8224 16.6239 71.6088 16.6239 71.3688V57.2437L9.3888 54.8948C9.23852 54.846 9.11569 54.7362 9.05035 54.5924C8.98501 54.4485 8.98319 54.2838 9.04533 54.1385L16.6633 36.3308C16.7211 36.1957 16.8262 36.0941 16.9518 36.0382C16.9746 36.0277 16.9983 36.0187 17.023 36.0112L34.3593 30.7484C34.0969 30.1411 33.928 29.4905 33.8649 28.8111C33.8362 28.5018 34.0637 28.2277 34.373 28.199ZM45.5927 36.2577C45.9997 36.4014 46.3931 36.5564 46.7661 36.7249C47.0493 36.8528 47.3824 36.727 47.5103 36.4439C47.6382 36.1608 47.5124 35.8276 47.2293 35.6997C46.7059 35.4633 46.1543 35.2549 45.5927 35.0689V28.8555L70.9768 36.5614L45.5927 44.5514V36.2577ZM44.4676 48.1024V80.1805L17.7489 70.9678V57.6089L37.2385 63.9364C37.5164 64.0267 37.8171 63.8891 37.9306 63.6198L44.4676 48.1024ZM44.2693 45.6752L17.4973 37.2415L10.3218 54.0149L37.0944 62.7068L44.2693 45.6752ZM19.0858 36.5607L44.4676 44.5514V28.8555L19.0858 36.5607ZM45.5926 80.1807V48.1021L52.1298 63.6198C52.2432 63.8891 52.5439 64.0267 52.8218 63.9364L72.4771 57.5552V71.0114L45.5926 80.1807ZM79.7385 54.0149L72.563 37.2415L45.7884 45.6692L52.9659 62.7068L79.7385 54.0149Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M35.9555 23.6956C36.2103 23.8733 36.2728 24.2239 36.0951 24.4788C35.7299 25.0025 35.4232 25.5256 35.192 26.0782C35.0721 26.3648 34.7426 26.4999 34.456 26.38C34.1694 26.26 34.0343 25.9305 34.1542 25.6439C34.4246 24.9978 34.7757 24.404 35.1724 23.8352C35.3501 23.5804 35.7007 23.5179 35.9555 23.6956Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default EmptyBoxBeeSmall;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Title, { TitleTags } from '../Title';\nimport EmptyBoxBeeMedium from './EmptyBoxBeeMedium';\nimport EmptyBoxBeeSmall from './EmptyBoxBeeSmall';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Icon from '../Icon';\nimport EmptyBox from '../Icons/EmptyBox';\nimport { IllustrationColor } from '../Illustration';\n\nimport styles from './styles.module.scss';\n\nexport type EmptyStateType = 'dashed' | 'blank';\nexport type EmptyStateSize = 'normal' | 'compact';\n\nexport enum EmptyStateOnColor {\n  onwhite = 'onwhite',\n  onblueberry = 'onblueberry',\n  oncherry = 'oncherry',\n}\n\nexport interface EmptyStateIllustrationProps {\n  color: IllustrationColor;\n  svgProperties?: React.SVGProps<SVGSVGElement>;\n}\n\nexport interface EmptyStateProps {\n  /** Additional text rendered under the title.  */\n  additionalText?: React.ReactNode;\n  /** Color of the illustration */\n  onColor?: EmptyStateOnColor;\n  /** Normal or compact size */\n  size?: EmptyStateSize;\n  /** The main message in the component  */\n  title: React.ReactNode;\n  /** Markup props for title. Default: h2 */\n  titleHtmlMarkup?: TitleTags;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Styling of the border */\n  type?: EmptyStateType;\n}\n\nconst EmptyState: React.FC<EmptyStateProps> = props => {\n  const { onColor = 'neutral', titleHtmlMarkup, testId, type = 'dashed', size = 'normal', title, additionalText } = props;\n  const classes = classNames(styles.emptystate, {\n    [styles['emptystate--dashed']]: type === 'dashed',\n    [styles['emptystate--blank']]: type === 'blank',\n    [styles['emptystate--compact']]: size === 'compact',\n  });\n  const breakpoint = useBreakpoint();\n  let color: IllustrationColor;\n  switch (onColor) {\n    case 'onblueberry':\n      color = 'blueberry';\n      break;\n    case 'oncherry':\n      color = 'cherry';\n      break;\n    case 'onwhite':\n    default:\n      color = 'neutral';\n      break;\n  }\n\n  let illustrationComponent;\n  if (size === 'compact') {\n    illustrationComponent = <Icon color={'neutral'} svgIcon={EmptyBox} />;\n  } else if (breakpoint <= Breakpoint.sm) {\n    illustrationComponent = (\n      <EmptyBoxBeeSmall color={color} svgProperties={{ 'aria-hidden': 'true', role: 'presentation', focusable: 'false' }} />\n    );\n  } else {\n    illustrationComponent = (\n      <EmptyBoxBeeMedium color={color} svgProperties={{ 'aria-hidden': 'true', role: 'presentation', focusable: 'false' }} />\n    );\n  }\n\n  return (\n    <div className={classes} data-testid={testId} data-analyticsid={AnalyticsId.EmptyState}>\n      <div className={styles['emptystate__illustration']}>{illustrationComponent}</div>\n      <div className={styles['emptystate__text']}>\n        {size == 'normal' ? (\n          <Title appearance={breakpoint < Breakpoint.md ? 'title4' : 'title3'} htmlMarkup={titleHtmlMarkup || 'h2'}>\n            {title}\n          </Title>\n        ) : (\n          <span>{title}</span>\n        )}\n        {size == 'normal' && additionalText && <span className={styles['emptystate__additional-text']}>{additionalText}</span>}\n      </div>\n    </div>\n  );\n};\n\nexport default EmptyState;\n","import EmptyState from './EmptyState';\nexport * from './EmptyState';\nexport default EmptyState;\n"],"mappings":"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"}

package/lib/components/Expander/index.js

@@ -1,26 +1,2 @@
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../Icon.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useIcons.js";
-import "../../useBreakpoint.js";
-import "../../useIsMobileBreakpoint.js";
-import "../../ArrowRight.js";
-import "../../Button.js";
-import "../../debounce.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../ChevronDown.js";
-import "../../ChevronUp.js";
-import "../../useExpand.js";
 import { n as ExpanderSize, t as Expander_default } from "../../Expander.js";
 export { ExpanderSize, Expander_default as default };

package/lib/components/Expander/styles.module.scss

@@ -170,14 +170,23 @@
     }
 
     &--nested-line {
-      padding-left: spacers.getSpacer(s);
-      border-left: solid 3px palette.$neutral200;
+      &--outer {
+        padding-left: 0;
 
-      @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
-        margin-left: calc(38px / 2 - 1px); // Halvparten av chevron-ikonets bredde minus halve bredden på border
-        padding-left: calc(
-          38px / 2 + 12px - 2px
-        ); // Halvparten av chevron-ikonets bredde, pluss ikonets margin-right på tablet, minus bredden på border
+        @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+          padding-left: calc(38px / 2 - 1px); // Halvparten av chevron-ikonets bredde minus halve bredden på border
+        }
+      }
+
+      &--inner {
+        padding-left: spacers.getSpacer(s);
+        border-left: solid 3px palette.$neutral200;
+
+        @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+          padding-left: calc(
+            38px / 2 + 12px - 2px
+          ); // Halvparten av chevron-ikonets bredde, pluss ikonets margin-right på tablet, minus bredden på border
+        }
       }
     }
 

package/lib/components/Expander/styles.module.scss.d.ts

@@ -40,7 +40,8 @@ export type Styles = {
   'expander__content--icon': string;
   'expander__content--kiwi': string;
   'expander__content--large': string;
-  'expander__content--nested-line': string;
+  'expander__content--nested-line--inner': string;
+  'expander__content--nested-line--outer': string;
   'expander__content--neutral': string;
   'expander__content--plum': string;
   'expander__content--small': string;

package/lib/components/ExpanderHierarchy/index.js

@@ -2,12 +2,11 @@ import { a as IconSize, n as AnalyticsId } from "../../constants2.js";
 import { t as usePseudoClasses } from "../../usePseudoClasses.js";
 import { t as Icon_default } from "../../Icon.js";
 import { t as isComponent } from "../../component.js";
-import "../../usePrevious.js";
 import { t as ChevronDown_default } from "../../ChevronDown.js";
 import { t as ChevronUp_default } from "../../ChevronUp.js";
 import { t as useExpand } from "../../useExpand.js";
 import React from "react";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./expander.module.scss";
 import styles$1 from "./styles.module.scss";
@@ -18,9 +17,9 @@ var ExpanderButton = ({ htmlMarkup = "h2", level = 1, print, expanded, onExpand,
 		setIsExpanded(!isExpanded);
 	};
 	const CustomTag = htmlMarkup;
-	const buttonClasses = cn(styles.expander__button, level > 1 && styles[`expander__button--2-and-lower`], print && styles["expander__button--print"]);
-	const titleClasses = cn(styles.expander__title, (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`], level > 3 && styles[`expander__title--4-and-lower`], isExpanded && styles["expander__title--expanded"], print && styles["expander__title--print"]);
-	const iconClasses = cn(styles.expander__icon, level > 1 && styles[`expander__icon--2-and-lower`], level > 2 && styles[`expander__icon--3-and-lower`]);
+	const buttonClasses = classNames(styles.expander__button, level > 1 && styles[`expander__button--2-and-lower`], print && styles["expander__button--print"]);
+	const titleClasses = classNames(styles.expander__title, (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`], level > 3 && styles[`expander__title--4-and-lower`], isExpanded && styles["expander__title--expanded"], print && styles["expander__title--print"]);
+	const iconClasses = classNames(styles.expander__icon, level > 1 && styles[`expander__icon--2-and-lower`], level > 2 && styles[`expander__icon--3-and-lower`]);
 	return /* @__PURE__ */ jsx(CustomTag, {
 		className: titleClasses,
 		children: /* @__PURE__ */ jsxs("button", {
@@ -52,9 +51,9 @@ const getHeadingTag = (htmlMarkup) => {
 	}
 };
 var Expander = ({ title, htmlMarkup = "h2", level = 1, print, expanded = false, onExpand, children, testId, className }) => {
-	const contentClasses = cn(styles.expander__content, (level === 1 || level === 2) && styles[`expander__content--${level}`], level > 2 && styles[`expander__content--3-and-lower`]);
+	const contentClasses = classNames(styles.expander__content, (level === 1 || level === 2) && styles[`expander__content--${level}`], level > 2 && styles[`expander__content--3-and-lower`]);
 	return /* @__PURE__ */ jsxs("li", {
-		className: cn(styles.expander, className),
+		className: classNames(styles.expander, className),
 		children: [/* @__PURE__ */ jsx(ExpanderButton_default, {
 			htmlMarkup,
 			level,
@@ -76,7 +75,7 @@ var Expander = ({ title, htmlMarkup = "h2", level = 1, print, expanded = false,
 var Expander_default = Expander;
 var ExpanderHierarchy = ({ htmlMarkup = "h2", level = 1, print, children, testId }) => {
 	return /* @__PURE__ */ jsx("ul", {
-		className: cn(styles$1.expanderhierarchy, level === 2 && styles$1[`expanderhierarchy--${level}`], level > 2 && styles$1[`expanderhierarchy--3-and-lower`]),
+		className: classNames(styles$1.expanderhierarchy, level === 2 && styles$1[`expanderhierarchy--${level}`], level > 2 && styles$1[`expanderhierarchy--3-and-lower`]),
 		"data-testid": testId,
 		"data-analyticsid": AnalyticsId.ExpanderHierarchy,
 		children: React.Children.map(children, (child) => isComponent(child, Expander_default) ? React.cloneElement(child, {

package/lib/components/ExpanderHierarchy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ExpanderButton: React.FC<ExpanderButtonProps>","Expander: ExpanderType","ExpanderHierarchy: ExpanderHierarchyCompound"],"sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx","../../../src/components/ExpanderHierarchy/utils.ts","../../../src/components/ExpanderHierarchy/Expander.tsx","../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx","../../../src/components/ExpanderHierarchy/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={refObject}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n","export type HeadingTags = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport const getHeadingTag = (htmlMarkup?: HeadingTags): HeadingTags => {\n  switch (htmlMarkup) {\n    case 'h2':\n      return 'h3';\n    case 'h3':\n      return 'h4';\n    case 'h4':\n      return 'h5';\n    case 'h5':\n      return 'h6';\n    case 'h6':\n      return 'h6';\n    default:\n      return 'h2';\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy, { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n}\n\nexport type ExpanderType = React.FC<ExpanderProps>;\n\nconst Expander: ExpanderType = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n  className,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    (level === 1 || level === 2) && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={classNames(styles.expander, className)}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Expander, { ExpanderProps, ExpanderType } from './Expander';\nimport { HeadingTags } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './styles.module.scss';\n\nexport interface ExpanderHierarchyCommonProps {\n  /** Changes the underlying element of the expander title. Default: h2. */\n  htmlMarkup?: HeadingTags;\n  /** Expand all children when printing. */\n  print?: boolean;\n  /** Expander nesting level. Should not be set manually. */\n  level?: number;\n}\n\nexport interface ExpanderHierarchyProps extends ExpanderHierarchyCommonProps {\n  children: React.ReactNode;\n  /** Sets the data-testid attribute on the expander list. */\n  testId?: string;\n}\n\nexport interface ExpanderHierarchyCompound extends React.FC<ExpanderHierarchyProps> {\n  Expander: ExpanderType;\n}\n\nconst ExpanderHierarchy: ExpanderHierarchyCompound = ({\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  children,\n  testId,\n}: ExpanderHierarchyProps) => {\n  const listClasses = classNames(\n    styles.expanderhierarchy,\n    level === 2 && styles[`expanderhierarchy--${level}`],\n    level > 2 && styles[`expanderhierarchy--3-and-lower`]\n  );\n\n  return (\n    <ul className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderHierarchy}>\n      {React.Children.map(children, child =>\n        isComponent<ExpanderProps>(child, Expander) ? React.cloneElement(child, { htmlMarkup, level, print }) : child\n      )}\n    </ul>\n  );\n};\n\nExpanderHierarchy.Expander = Expander;\n\nexport default ExpanderHierarchy;\n","import ExpanderHierarchy from './ExpanderHierarchy';\nexport * from './ExpanderHierarchy';\nexport default ExpanderHierarchy;\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAMA,kBAAiD,EAAE,aAAa,MAAM,QAAQ,GAAG,OAAO,UAAU,UAAU,UAAU,aAAa;CACvI,MAAM,EAAE,WAAW,cAAc,kBAAqC;CACtE,MAAM,CAAC,YAAY,iBAAiB,UAAU,UAAU,SAAS;CAEjE,MAAM,oBAA0B;AAC9B,gBAAc,CAAC,WAAW;;CAG5B,MAAM,YAAY;CAElB,MAAM,gBAAgB,GACpB,OAAO,kBACP,QAAQ,KAAK,OAAO,kCACpB,SAAS,OAAO,2BACjB;CAED,MAAM,eAAe,GACnB,OAAO,kBACN,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,OAAO,oBAAoB,UAC1E,QAAQ,KAAK,OAAO,iCACpB,cAAc,OAAO,8BACrB,SAAS,OAAO,0BACjB;CAED,MAAM,cAAc,GAClB,OAAO,gBACP,QAAQ,KAAK,OAAO,gCACpB,QAAQ,KAAK,OAAO,+BACrB;AAED,QACE,oBAAC,WAAA;EAAU,WAAW;YACpB,qBAAC,UAAA;GACC,MAAK;GACL,SAAS;GACT,WAAW;GACX,iBAAe;GACf,KAAK;GACL,eAAa;GACb,oBAAkB,YAAY;cAE7B,UACD,oBAAC,cAAA;IAAK,SAAS,aAAa,oBAAY;IAAwB;IAAW,WAAW;IAAa,MAAM,SAAS;KAAU,CAAA;IACrH;GACC;;AAIhB,IAAA,yBAAe;ACnEf,MAAa,iBAAiB,eAA0C;AACtE,SAAQ,YAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,QACE,QAAO;;;ACab,IAAMC,YAA0B,EAC9B,OACA,aAAa,MACb,QAAQ,GACR,OACA,WAAW,OACX,UACA,UACA,QACA,gBACmB;CACnB,MAAM,iBAAiB,GACrB,OAAO,oBACN,UAAU,KAAK,UAAU,MAAM,OAAO,sBAAsB,UAC7D,QAAQ,KAAK,OAAO,kCACrB;AAED,QACE,qBAAC,MAAA;EAAG,WAAW,GAAW,OAAO,UAAU,UAAU;aACnD,oBAAC,wBAAA;GAA2B;GAAmB;GAAc;GAAiB;GAAoB;GAAkB;aACjH;IACc,EACjB,oBAAC,OAAA;GAAI,WAAW;aACb,MAAM,SAAS,IAAI,WAAU,UAC5B,YAAoC,OAAO,4BAAkB,GACzD,MAAM,aAAa,OAAO;IAAE,YAAY,cAAc,WAAW;IAAE,OAAO,QAAQ;IAAG;IAAO,CAAC,GAC7F,MACL;IACG,CAAA;GACH;;AAIT,IAAA,mBAAe;AC/Bf,IAAMC,qBAAgD,EACpD,aAAa,MACb,QAAQ,GACR,OACA,UACA,aAC4B;AAO5B,QACE,oBAAC,MAAA;EAAG,WAPc,GAClB,SAAO,mBACP,UAAU,KAAK,SAAO,sBAAsB,UAC5C,QAAQ,KAAK,SAAO,kCACrB;EAG6B,eAAa;EAAQ,oBAAkB,YAAY;YAC5E,MAAM,SAAS,IAAI,WAAU,UAC5B,YAA2B,OAAO,iBAAS,GAAG,MAAM,aAAa,OAAO;GAAE;GAAY;GAAO;GAAO,CAAC,GAAG,MACzG;GACE;;AAIT,kBAAkB,WAAW;AAE7B,IAAA,8BAAe;ACpDf,IAAA,4BAAe"}
+{"version":3,"file":"index.js","names":["ExpanderButton: React.FC<ExpanderButtonProps>","Expander: ExpanderType","ExpanderHierarchy: ExpanderHierarchyCompound"],"sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx","../../../src/components/ExpanderHierarchy/utils.ts","../../../src/components/ExpanderHierarchy/Expander.tsx","../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx","../../../src/components/ExpanderHierarchy/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={refObject}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n","export type HeadingTags = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport const getHeadingTag = (htmlMarkup?: HeadingTags): HeadingTags => {\n  switch (htmlMarkup) {\n    case 'h2':\n      return 'h3';\n    case 'h3':\n      return 'h4';\n    case 'h4':\n      return 'h5';\n    case 'h5':\n      return 'h6';\n    case 'h6':\n      return 'h6';\n    default:\n      return 'h2';\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy, { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n}\n\nexport type ExpanderType = React.FC<ExpanderProps>;\n\nconst Expander: ExpanderType = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n  className,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    (level === 1 || level === 2) && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={classNames(styles.expander, className)}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Expander, { ExpanderProps, ExpanderType } from './Expander';\nimport { HeadingTags } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './styles.module.scss';\n\nexport interface ExpanderHierarchyCommonProps {\n  /** Changes the underlying element of the expander title. Default: h2. */\n  htmlMarkup?: HeadingTags;\n  /** Expand all children when printing. */\n  print?: boolean;\n  /** Expander nesting level. Should not be set manually. */\n  level?: number;\n}\n\nexport interface ExpanderHierarchyProps extends ExpanderHierarchyCommonProps {\n  children: React.ReactNode;\n  /** Sets the data-testid attribute on the expander list. */\n  testId?: string;\n}\n\nexport interface ExpanderHierarchyCompound extends React.FC<ExpanderHierarchyProps> {\n  Expander: ExpanderType;\n}\n\nconst ExpanderHierarchy: ExpanderHierarchyCompound = ({\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  children,\n  testId,\n}: ExpanderHierarchyProps) => {\n  const listClasses = classNames(\n    styles.expanderhierarchy,\n    level === 2 && styles[`expanderhierarchy--${level}`],\n    level > 2 && styles[`expanderhierarchy--3-and-lower`]\n  );\n\n  return (\n    <ul className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderHierarchy}>\n      {React.Children.map(children, child =>\n        isComponent<ExpanderProps>(child, Expander) ? React.cloneElement(child, { htmlMarkup, level, print }) : child\n      )}\n    </ul>\n  );\n};\n\nExpanderHierarchy.Expander = Expander;\n\nexport default ExpanderHierarchy;\n","import ExpanderHierarchy from './ExpanderHierarchy';\nexport * from './ExpanderHierarchy';\nexport default ExpanderHierarchy;\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAMA,kBAAiD,EAAE,aAAa,MAAM,QAAQ,GAAG,OAAO,UAAU,UAAU,UAAU,aAAa;CACvI,MAAM,EAAE,WAAW,cAAc,kBAAqC;CACtE,MAAM,CAAC,YAAY,iBAAiB,UAAU,UAAU,SAAS;CAEjE,MAAM,oBAA0B;AAC9B,gBAAc,CAAC,WAAW;;CAG5B,MAAM,YAAY;CAElB,MAAM,gBAAgB,WACpB,OAAO,kBACP,QAAQ,KAAK,OAAO,kCACpB,SAAS,OAAO,2BACjB;CAED,MAAM,eAAe,WACnB,OAAO,kBACN,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,OAAO,oBAAoB,UAC1E,QAAQ,KAAK,OAAO,iCACpB,cAAc,OAAO,8BACrB,SAAS,OAAO,0BACjB;CAED,MAAM,cAAc,WAClB,OAAO,gBACP,QAAQ,KAAK,OAAO,gCACpB,QAAQ,KAAK,OAAO,+BACrB;AAED,QACE,oBAAC,WAAA;EAAU,WAAW;YACpB,qBAAC,UAAA;GACC,MAAK;GACL,SAAS;GACT,WAAW;GACX,iBAAe;GACf,KAAK;GACL,eAAa;GACb,oBAAkB,YAAY;cAE7B,UACD,oBAAC,cAAA;IAAK,SAAS,aAAa,oBAAY;IAAwB;IAAW,WAAW;IAAa,MAAM,SAAS;KAAU,CAAA;IACrH;GACC;;AAIhB,IAAA,yBAAe;ACnEf,MAAa,iBAAiB,eAA0C;AACtE,SAAQ,YAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,QACE,QAAO;;;ACab,IAAMC,YAA0B,EAC9B,OACA,aAAa,MACb,QAAQ,GACR,OACA,WAAW,OACX,UACA,UACA,QACA,gBACmB;CACnB,MAAM,iBAAiB,WACrB,OAAO,oBACN,UAAU,KAAK,UAAU,MAAM,OAAO,sBAAsB,UAC7D,QAAQ,KAAK,OAAO,kCACrB;AAED,QACE,qBAAC,MAAA;EAAG,WAAW,WAAW,OAAO,UAAU,UAAU;aACnD,oBAAC,wBAAA;GAA2B;GAAmB;GAAc;GAAiB;GAAoB;GAAkB;aACjH;IACc,EACjB,oBAAC,OAAA;GAAI,WAAW;aACb,MAAM,SAAS,IAAI,WAAU,UAC5B,YAAoC,OAAO,4BAAkB,GACzD,MAAM,aAAa,OAAO;IAAE,YAAY,cAAc,WAAW;IAAE,OAAO,QAAQ;IAAG;IAAO,CAAC,GAC7F,MACL;IACG,CAAA;GACH;;AAIT,IAAA,mBAAe;AC/Bf,IAAMC,qBAAgD,EACpD,aAAa,MACb,QAAQ,GACR,OACA,UACA,aAC4B;AAO5B,QACE,oBAAC,MAAA;EAAG,WAPc,WAClB,SAAO,mBACP,UAAU,KAAK,SAAO,sBAAsB,UAC5C,QAAQ,KAAK,SAAO,kCACrB;EAG6B,eAAa;EAAQ,oBAAkB,YAAY;YAC5E,MAAM,SAAS,IAAI,WAAU,UAC5B,YAA2B,OAAO,iBAAS,GAAG,MAAM,aAAa,OAAO;GAAE;GAAY;GAAO;GAAO,CAAC,GAAG,MACzG;GACE;;AAIT,kBAAkB,WAAW;AAE7B,IAAA,8BAAe;ACpDf,IAAA,4BAAe"}

package/lib/components/ExpanderList/index.js

@@ -1,61 +1,15 @@
-import "../../uuid.js";
-import "../../environment.js";
 import { n as AnalyticsId } from "../../constants2.js";
 import { t as usePseudoClasses } from "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
 import { n as mergeRefs } from "../../refs.js";
-import "../../Icon.js";
-import "../../Check.js";
-import "../../Avatar.js";
-import "../../CheckFill.js";
-import "../../ErrorSignFill.js";
-import "../../InfoSignFill.js";
-import "../../TriangleX.js";
-import "../../NotificationBadge.js";
-import "../../Badge.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../Spacer.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
-import "../../X.js";
 import { t as ChevronDown_default } from "../../ChevronDown.js";
 import { t as ChevronUp_default } from "../../ChevronUp.js";
-import "../../Duolist.js";
 import { t as Highlighter_default } from "../../Highlighter.js";
-import "../../ElementHeaderText.js";
-import "../../StatusDotList.js";
 import { i as renderElementHeader } from "../../ElementHeader.js";
 import { t as useExpand } from "../../useExpand.js";
 import { t as isElementInViewport } from "../../viewport.js";
 import { i as listEditModeWrapperClassnames, t as ListEditMode_default } from "../../ListEditMode.js";
 import React, { useEffect, useId, useRef, useState } from "react";
-import cn from "classnames";
+import classNames from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import expanderListStyles from "./styles.module.scss";
 const Expander = React.forwardRef((props, ref) => {
@@ -68,7 +22,7 @@ const Expander = React.forwardRef((props, ref) => {
 	const isFillNegative = variant === "fill-negative";
 	const isOutline = variant === "outline";
 	const isLine = variant === "line";
-	const itemClasses = cn(className, expanderListStyles["expander-list__item"], {
+	const itemClasses = classNames(className, expanderListStyles["expander-list__item"], {
 		[expanderListStyles[`expander-list__item--fill`]]: isFill,
 		[expanderListStyles[`expander-list__item--fill--${color}`]]: isFill,
 		[expanderListStyles[`expander-list__item--fill-negative`]]: isFillNegative,
@@ -79,7 +33,7 @@ const Expander = React.forwardRef((props, ref) => {
 		[expanderListStyles[`expander-list__item--line--${color}`]]: isLine,
 		[expanderListStyles[`expander-list__item--new`]]: status === "new"
 	});
-	const expanderClasses = cn(expanderListStyles["expander-list-link"], expanderListStyles[`expander-list-link--${color}`], {
+	const expanderClasses = classNames(expanderListStyles["expander-list-link"], expanderListStyles[`expander-list-link--${color}`], {
 		[expanderListStyles[`expander-list-link--fill--${color}`]]: isFill,
 		[expanderListStyles[`expander-list-link--fill-negative`]]: isFillNegative,
 		[expanderListStyles[`expander-list-link--fill-negative--${color}`]]: isFillNegative,
@@ -93,7 +47,7 @@ const Expander = React.forwardRef((props, ref) => {
 	const renderContent = () => {
 		if (!renderChildrenWhenClosed && !isExpanded) return null;
 		return /* @__PURE__ */ jsx("div", {
-			className: cn(expanderListStyles["expander-list-link__main-content"], {
+			className: classNames(expanderListStyles["expander-list-link__main-content"], {
 				[expanderListStyles["expander-list-link__main-content--expanded"]]: isExpanded,
 				[expanderListStyles["expander-list-link__main-content--padding"]]: padding,
 				[expanderListStyles[`expander-list-link__main-content--outline--${color}`]]: isOutline,
@@ -106,7 +60,7 @@ const Expander = React.forwardRef((props, ref) => {
 			})
 		});
 	};
-	const statusMarkerClasses = cn(expanderListStyles["expander-list__item__status-marker"], { [expanderListStyles["expander-list__item__status-marker--new"]]: status === "new" });
+	const statusMarkerClasses = classNames(expanderListStyles["expander-list__item__status-marker"], { [expanderListStyles["expander-list__item__status-marker--new"]]: status === "new" });
 	return /* @__PURE__ */ jsx(Fragment, { children: editMode ? /* @__PURE__ */ jsxs("div", {
 		className: itemClasses,
 		children: [status !== "none" && /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }), /* @__PURE__ */ jsx("div", {
@@ -159,7 +113,7 @@ const ExpanderList = React.forwardRef((props, ref) => {
 	const [activeExpander, setActiveExpander] = useState();
 	const [latestExpander, setLatestExpander] = useState();
 	const expanderIdBase = useId();
-	const expanderListClasses = cn(expanderListStyles["expander-list"], className, {
+	const expanderListClasses = classNames(expanderListStyles["expander-list"], className, {
 		[expanderListStyles[`expander-list--outline--${color}`]]: variant === "outline",
 		[expanderListStyles[`expander-list--fill`]]: variant === "fill" || variant === "fill-negative",
 		[listEditModeWrapperClassnames]: editMode

package/lib/components/ExpanderList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Expander: ExpanderType","highlightTextChild: string | undefined"],"sources":["../../../src/components/ExpanderList/ExpanderList.tsx","../../../src/components/ExpanderList/index.ts"],"sourcesContent":["import React, { useEffect, useId, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { PaletteNames } from '../../theme/palette';\nimport { mergeRefs } from '../../utils/refs';\nimport { isElementInViewport } from '../../utils/viewport';\nimport { ElementHeaderType, renderElementHeader } from '../ElementHeader/ElementHeader';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport ListEditModeItem, { ListEditModeItemProps, listEditModeWrapperClassnames } from '../ListEditMode';\nimport { TitleTags } from '../Title';\n\nimport expanderListStyles from './styles.module.scss';\n\nexport type ExpanderListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport interface ExpanderType extends React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLLIElement>> {\n  ElementHeader?: ElementHeaderType;\n}\n\nexport interface ExpanderListCompound extends React.ForwardRefExoticComponent<ExpanderListProps & React.RefAttributes<HTMLUListElement>> {\n  Expander: ExpanderType;\n}\n\nexport type ExpanderListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport type ExpanderListStatus = 'none' | 'new';\n\ninterface ExpanderListProps {\n  /** Toggles accordion functionality for the expanders. */\n  accordion?: boolean;\n  /** Items in the ExpanderList */\n  children: React.ReactNode;\n  /** Toggles padding of child elements */\n  childPadding?: boolean;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the colors of the list. */\n  color?: ExpanderListColors;\n  /** Changes the font size. */\n  large?: boolean;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets visual priority */\n  variant?: ExpanderListVariant;\n  /** Overrides the default z-index of the expander header */\n  zIndex?: number;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /**\n   * @experimental This prop is experimental and may change in the future.\n   * Enables ListEditMode\n   */\n  editMode?: boolean;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\ntype ExpanderProps = Modify<\n  React.HTMLAttributes<HTMLButtonElement>,\n  {\n    id?: string;\n    title: JSX.Element | string;\n    /** Changes the underlying element of the title. Default: span*/\n    titleHtmlMarkup?: TitleTags;\n    children: React.ReactNode;\n    className?: string;\n    color?: ExpanderListColors;\n    icon?: React.ReactElement;\n    padding?: boolean;\n    expanded?: boolean;\n    large?: boolean;\n    testId?: string;\n    handleExpanderClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    /** Called when expander is open/closed. */\n    onExpand?: (isExpanded: boolean) => void;\n    /** Overrides the default z-index of the expander header */\n    zIndex?: number;\n    /** Highlights text in title and content. Override if different from list. */\n    highlightText?: string;\n    /** Displays a status on the left side: default none */\n    status?: ExpanderListStatus;\n  }\n> &\n  Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'> &\n  ListEditModeItemProps;\n\nexport const Expander: ExpanderType = React.forwardRef<HTMLLIElement, ExpanderProps>((props, ref) => {\n  const {\n    id,\n    children,\n    padding = true,\n    color = 'neutral',\n    className = '',\n    icon,\n    large = false,\n    title,\n    titleHtmlMarkup = 'span',\n    expanded = false,\n    testId,\n    handleExpanderClick,\n    onExpand,\n    renderChildrenWhenClosed,\n    variant = 'line',\n    zIndex = 0,\n    highlightText,\n    status = 'none',\n    editMode = false,\n  } = props;\n  const [isExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLLIElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered, isFocused } = usePseudoClasses(triggerRef);\n\n  const isFill = variant === 'fill';\n  const isFillNegative = variant === 'fill-negative';\n  const isOutline = variant === 'outline';\n  const isLine = variant === 'line';\n\n  const itemClasses = classNames(className, expanderListStyles['expander-list__item'], {\n    [expanderListStyles[`expander-list__item--fill`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list__item--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list__item--outline']]: isOutline,\n    [expanderListStyles[`expander-list__item--outline--${color}`]]: isOutline,\n    [expanderListStyles['expander-list__item--line']]: isLine,\n    [expanderListStyles[`expander-list__item--line--${color}`]]: isLine,\n    [expanderListStyles[`expander-list__item--new`]]: status === 'new',\n  });\n\n  const expanderClasses = classNames(expanderListStyles['expander-list-link'], expanderListStyles[`expander-list-link--${color}`], {\n    [expanderListStyles[`expander-list-link--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list-link--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list-link--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list-link--outline']]: isOutline,\n    [expanderListStyles[`expander-list-link--outline--${color}`]]: isOutline,\n    [expanderListStyles[`expander-list-link--line--${color}`]]: isLine,\n    [expanderListStyles['expander-list-link--open']]: isExpanded,\n    [expanderListStyles['expander-list-link--large']]: large,\n    [expanderListStyles[`expander-list-link--new`]]: status === 'new',\n  });\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const mainContentClasses = classNames(expanderListStyles['expander-list-link__main-content'], {\n      [expanderListStyles['expander-list-link__main-content--expanded']]: isExpanded,\n      [expanderListStyles['expander-list-link__main-content--padding']]: padding,\n      [expanderListStyles[`expander-list-link__main-content--outline--${color}`]]: isOutline,\n      [expanderListStyles[`expander-list-link__main-content--new`]]: status === 'new',\n    });\n\n    return (\n      <div className={mainContentClasses} data-state={isExpanded ? 'open' : 'closed'}>\n        <Highlighter searchText={highlightText}>{children}</Highlighter>\n      </div>\n    );\n  };\n\n  const statusMarkerClasses = classNames(expanderListStyles['expander-list__item__status-marker'], {\n    [expanderListStyles['expander-list__item__status-marker--new']]: status === 'new',\n  });\n\n  return (\n    <>\n      {editMode ? (\n        <div className={itemClasses}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <div id={id} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderListExpander} className={expanderClasses}>\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: false,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: undefined,\n              icon,\n              highlightText,\n            })}\n          </div>\n        </div>\n      ) : (\n        <li className={itemClasses} ref={mergeRefs([ref, expanderRef])}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <button\n            type=\"button\"\n            id={id}\n            onClick={handleExpanderClick}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.ExpanderListExpander}\n            className={expanderClasses}\n            ref={triggerRef}\n            aria-expanded={isExpanded}\n            style={{\n              zIndex: isFocused ? zIndex + 1 : zIndex,\n            }}\n          >\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: isHovered || isFocused,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: isExpanded ? ChevronUp : ChevronDown,\n              icon,\n              highlightText,\n            })}\n          </button>\n          {renderContent()}\n        </li>\n      )}\n    </>\n  );\n});\n\ntype ActiveExpander = Record<string, boolean>;\n\nconst isExpanderComponent = (element: unknown | null | undefined): element is React.ReactElement<ExpanderProps> =>\n  React.isValidElement<ExpanderProps>(element) && (element as React.ReactElement).type === Expander;\n\nexport const ExpanderList = React.forwardRef((props: ExpanderListProps, ref: React.Ref<HTMLUListElement>) => {\n  const {\n    children,\n    childPadding = true,\n    large,\n    renderChildrenWhenClosed = false,\n    color = 'white',\n    className = '',\n    accordion = false,\n    testId,\n    variant,\n    zIndex,\n    highlightText,\n    editMode = false,\n  } = props;\n  const [activeExpander, setActiveExpander] = useState<ActiveExpander>();\n  const [latestExpander, setLatestExpander] = useState<HTMLElement>();\n  const expanderIdBase = useId();\n  const expanderListClasses = classNames(expanderListStyles['expander-list'], className, {\n    [expanderListStyles[`expander-list--outline--${color}`]]: variant === 'outline',\n    [expanderListStyles[`expander-list--fill`]]: variant === 'fill' || variant === 'fill-negative',\n    [listEditModeWrapperClassnames]: editMode,\n  });\n\n  function handleExpanderClick(event: React.MouseEvent<HTMLElement, MouseEvent>, id: string): void {\n    setActiveExpander(prevState => (accordion ? { [id]: !prevState?.[id] } : { ...prevState, [id]: !prevState?.[id] }));\n    setLatestExpander(event.currentTarget);\n  }\n\n  const getExpanderId = (index: number): string => `${expanderIdBase}-${index}`;\n\n  useEffect(() => {\n    if (accordion && latestExpander && !isElementInViewport(latestExpander)) {\n      latestExpander.scrollIntoView();\n    }\n  }, [accordion, latestExpander]);\n\n  useEffect(() => {\n    const newActiveExpander = React.Children.map(children, child => {\n      if (isExpanderComponent(child)) {\n        return child;\n      }\n    })?.reduce((acc, child, index) => {\n      // Expanded-status skal bare settes dersom prop er satt av den som bruker komponenten\n      if (typeof child.props.expanded !== 'undefined') {\n        acc[getExpanderId(index)] = child.props.expanded;\n      }\n      return acc;\n    }, {} as ActiveExpander);\n\n    setActiveExpander({ ...activeExpander, ...newActiveExpander });\n  }, [children]);\n\n  return (\n    <ul className={expanderListClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderList}>\n      {React.Children.map(children, (child, index) => {\n        if (isExpanderComponent(child)) {\n          const id = getExpanderId(index);\n          const expanded = activeExpander?.[id];\n          const highlightTextChild: string | undefined = child.props.highlightText || highlightText;\n\n          if (editMode) {\n            return (\n              <ListEditModeItem color={color} variant={variant} onDelete={child.props.onDelete}>\n                {React.cloneElement(child, {\n                  id,\n                  key: index,\n                  expanded,\n                  padding: childPadding,\n                  color,\n                  large,\n                  'aria-expanded': false,\n                  className: expanderListStyles['expander-list__item'],\n                  renderChildrenWhenClosed: false,\n                  variant,\n                  zIndex: zIndex,\n                  highlightText: highlightTextChild,\n                  editMode: true,\n                })}\n              </ListEditModeItem>\n            );\n          } else {\n            return React.cloneElement(child as React.ReactElement<ExpanderProps>, {\n              id,\n              key: index,\n              expanded,\n              padding: childPadding,\n              color,\n              large,\n              'aria-expanded': expanded,\n              className: expanderListStyles['expander-list__item'],\n              handleExpanderClick: (event: React.MouseEvent<HTMLElement>) => handleExpanderClick(event, `${expanderIdBase}-${index}`),\n              renderChildrenWhenClosed,\n              variant,\n              zIndex: zIndex,\n              highlightText: highlightTextChild,\n            });\n          }\n        }\n        return child;\n      })}\n    </ul>\n  );\n}) as ExpanderListCompound;\n\nExpanderList.displayName = 'ExpanderList';\nExpanderList.Expander = Expander;\nExpander.displayName = 'ExpanderList.Expander';\n\nexport default ExpanderList;\n","import ExpanderList from './ExpanderList';\nexport * from './ExpanderList';\nexport default ExpanderList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Expander: ExpanderType","highlightTextChild: string | undefined"],"sources":["../../../src/components/ExpanderList/ExpanderList.tsx","../../../src/components/ExpanderList/index.ts"],"sourcesContent":["import React, { useEffect, useId, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { PaletteNames } from '../../theme/palette';\nimport { mergeRefs } from '../../utils/refs';\nimport { isElementInViewport } from '../../utils/viewport';\nimport { ElementHeaderType, renderElementHeader } from '../ElementHeader/ElementHeader';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport ListEditModeItem, { ListEditModeItemProps, listEditModeWrapperClassnames } from '../ListEditMode';\nimport { TitleTags } from '../Title';\n\nimport expanderListStyles from './styles.module.scss';\n\nexport type ExpanderListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport interface ExpanderType extends React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLLIElement>> {\n  ElementHeader?: ElementHeaderType;\n}\n\nexport interface ExpanderListCompound extends React.ForwardRefExoticComponent<ExpanderListProps & React.RefAttributes<HTMLUListElement>> {\n  Expander: ExpanderType;\n}\n\nexport type ExpanderListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport type ExpanderListStatus = 'none' | 'new';\n\ninterface ExpanderListProps {\n  /** Toggles accordion functionality for the expanders. */\n  accordion?: boolean;\n  /** Items in the ExpanderList */\n  children: React.ReactNode;\n  /** Toggles padding of child elements */\n  childPadding?: boolean;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the colors of the list. */\n  color?: ExpanderListColors;\n  /** Changes the font size. */\n  large?: boolean;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets visual priority */\n  variant?: ExpanderListVariant;\n  /** Overrides the default z-index of the expander header */\n  zIndex?: number;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /**\n   * @experimental This prop is experimental and may change in the future.\n   * Enables ListEditMode\n   */\n  editMode?: boolean;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\ntype ExpanderProps = Modify<\n  React.HTMLAttributes<HTMLButtonElement>,\n  {\n    id?: string;\n    title: JSX.Element | string;\n    /** Changes the underlying element of the title. Default: span*/\n    titleHtmlMarkup?: TitleTags;\n    children: React.ReactNode;\n    className?: string;\n    color?: ExpanderListColors;\n    icon?: React.ReactElement;\n    padding?: boolean;\n    expanded?: boolean;\n    large?: boolean;\n    testId?: string;\n    handleExpanderClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    /** Called when expander is open/closed. */\n    onExpand?: (isExpanded: boolean) => void;\n    /** Overrides the default z-index of the expander header */\n    zIndex?: number;\n    /** Highlights text in title and content. Override if different from list. */\n    highlightText?: string;\n    /** Displays a status on the left side: default none */\n    status?: ExpanderListStatus;\n  }\n> &\n  Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'> &\n  ListEditModeItemProps;\n\nexport const Expander: ExpanderType = React.forwardRef<HTMLLIElement, ExpanderProps>((props, ref) => {\n  const {\n    id,\n    children,\n    padding = true,\n    color = 'neutral',\n    className = '',\n    icon,\n    large = false,\n    title,\n    titleHtmlMarkup = 'span',\n    expanded = false,\n    testId,\n    handleExpanderClick,\n    onExpand,\n    renderChildrenWhenClosed,\n    variant = 'line',\n    zIndex = 0,\n    highlightText,\n    status = 'none',\n    editMode = false,\n  } = props;\n  const [isExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLLIElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered, isFocused } = usePseudoClasses(triggerRef);\n\n  const isFill = variant === 'fill';\n  const isFillNegative = variant === 'fill-negative';\n  const isOutline = variant === 'outline';\n  const isLine = variant === 'line';\n\n  const itemClasses = classNames(className, expanderListStyles['expander-list__item'], {\n    [expanderListStyles[`expander-list__item--fill`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list__item--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list__item--outline']]: isOutline,\n    [expanderListStyles[`expander-list__item--outline--${color}`]]: isOutline,\n    [expanderListStyles['expander-list__item--line']]: isLine,\n    [expanderListStyles[`expander-list__item--line--${color}`]]: isLine,\n    [expanderListStyles[`expander-list__item--new`]]: status === 'new',\n  });\n\n  const expanderClasses = classNames(expanderListStyles['expander-list-link'], expanderListStyles[`expander-list-link--${color}`], {\n    [expanderListStyles[`expander-list-link--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list-link--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list-link--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list-link--outline']]: isOutline,\n    [expanderListStyles[`expander-list-link--outline--${color}`]]: isOutline,\n    [expanderListStyles[`expander-list-link--line--${color}`]]: isLine,\n    [expanderListStyles['expander-list-link--open']]: isExpanded,\n    [expanderListStyles['expander-list-link--large']]: large,\n    [expanderListStyles[`expander-list-link--new`]]: status === 'new',\n  });\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const mainContentClasses = classNames(expanderListStyles['expander-list-link__main-content'], {\n      [expanderListStyles['expander-list-link__main-content--expanded']]: isExpanded,\n      [expanderListStyles['expander-list-link__main-content--padding']]: padding,\n      [expanderListStyles[`expander-list-link__main-content--outline--${color}`]]: isOutline,\n      [expanderListStyles[`expander-list-link__main-content--new`]]: status === 'new',\n    });\n\n    return (\n      <div className={mainContentClasses} data-state={isExpanded ? 'open' : 'closed'}>\n        <Highlighter searchText={highlightText}>{children}</Highlighter>\n      </div>\n    );\n  };\n\n  const statusMarkerClasses = classNames(expanderListStyles['expander-list__item__status-marker'], {\n    [expanderListStyles['expander-list__item__status-marker--new']]: status === 'new',\n  });\n\n  return (\n    <>\n      {editMode ? (\n        <div className={itemClasses}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <div id={id} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderListExpander} className={expanderClasses}>\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: false,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: undefined,\n              icon,\n              highlightText,\n            })}\n          </div>\n        </div>\n      ) : (\n        <li className={itemClasses} ref={mergeRefs([ref, expanderRef])}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <button\n            type=\"button\"\n            id={id}\n            onClick={handleExpanderClick}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.ExpanderListExpander}\n            className={expanderClasses}\n            ref={triggerRef}\n            aria-expanded={isExpanded}\n            style={{\n              zIndex: isFocused ? zIndex + 1 : zIndex,\n            }}\n          >\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: isHovered || isFocused,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: isExpanded ? ChevronUp : ChevronDown,\n              icon,\n              highlightText,\n            })}\n          </button>\n          {renderContent()}\n        </li>\n      )}\n    </>\n  );\n});\n\ntype ActiveExpander = Record<string, boolean>;\n\nconst isExpanderComponent = (element: unknown | null | undefined): element is React.ReactElement<ExpanderProps> =>\n  React.isValidElement<ExpanderProps>(element) && (element as React.ReactElement).type === Expander;\n\nexport const ExpanderList = React.forwardRef((props: ExpanderListProps, ref: React.Ref<HTMLUListElement>) => {\n  const {\n    children,\n    childPadding = true,\n    large,\n    renderChildrenWhenClosed = false,\n    color = 'white',\n    className = '',\n    accordion = false,\n    testId,\n    variant,\n    zIndex,\n    highlightText,\n    editMode = false,\n  } = props;\n  const [activeExpander, setActiveExpander] = useState<ActiveExpander>();\n  const [latestExpander, setLatestExpander] = useState<HTMLElement>();\n  const expanderIdBase = useId();\n  const expanderListClasses = classNames(expanderListStyles['expander-list'], className, {\n    [expanderListStyles[`expander-list--outline--${color}`]]: variant === 'outline',\n    [expanderListStyles[`expander-list--fill`]]: variant === 'fill' || variant === 'fill-negative',\n    [listEditModeWrapperClassnames]: editMode,\n  });\n\n  function handleExpanderClick(event: React.MouseEvent<HTMLElement, MouseEvent>, id: string): void {\n    setActiveExpander(prevState => (accordion ? { [id]: !prevState?.[id] } : { ...prevState, [id]: !prevState?.[id] }));\n    setLatestExpander(event.currentTarget);\n  }\n\n  const getExpanderId = (index: number): string => `${expanderIdBase}-${index}`;\n\n  useEffect(() => {\n    if (accordion && latestExpander && !isElementInViewport(latestExpander)) {\n      latestExpander.scrollIntoView();\n    }\n  }, [accordion, latestExpander]);\n\n  useEffect(() => {\n    const newActiveExpander = React.Children.map(children, child => {\n      if (isExpanderComponent(child)) {\n        return child;\n      }\n    })?.reduce((acc, child, index) => {\n      // Expanded-status skal bare settes dersom prop er satt av den som bruker komponenten\n      if (typeof child.props.expanded !== 'undefined') {\n        acc[getExpanderId(index)] = child.props.expanded;\n      }\n      return acc;\n    }, {} as ActiveExpander);\n\n    setActiveExpander({ ...activeExpander, ...newActiveExpander });\n  }, [children]);\n\n  return (\n    <ul className={expanderListClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderList}>\n      {React.Children.map(children, (child, index) => {\n        if (isExpanderComponent(child)) {\n          const id = getExpanderId(index);\n          const expanded = activeExpander?.[id];\n          const highlightTextChild: string | undefined = child.props.highlightText || highlightText;\n\n          if (editMode) {\n            return (\n              <ListEditModeItem color={color} variant={variant} onDelete={child.props.onDelete}>\n                {React.cloneElement(child, {\n                  id,\n                  key: index,\n                  expanded,\n                  padding: childPadding,\n                  color,\n                  large,\n                  'aria-expanded': false,\n                  className: expanderListStyles['expander-list__item'],\n                  renderChildrenWhenClosed: false,\n                  variant,\n                  zIndex: zIndex,\n                  highlightText: highlightTextChild,\n                  editMode: true,\n                })}\n              </ListEditModeItem>\n            );\n          } else {\n            return React.cloneElement(child as React.ReactElement<ExpanderProps>, {\n              id,\n              key: index,\n              expanded,\n              padding: childPadding,\n              color,\n              large,\n              'aria-expanded': expanded,\n              className: expanderListStyles['expander-list__item'],\n              handleExpanderClick: (event: React.MouseEvent<HTMLElement>) => handleExpanderClick(event, `${expanderIdBase}-${index}`),\n              renderChildrenWhenClosed,\n              variant,\n              zIndex: zIndex,\n              highlightText: highlightTextChild,\n            });\n          }\n        }\n        return child;\n      })}\n    </ul>\n  );\n}) as ExpanderListCompound;\n\nExpanderList.displayName = 'ExpanderList';\nExpanderList.Expander = Expander;\nExpander.displayName = 'ExpanderList.Expander';\n\nexport default ExpanderList;\n","import ExpanderList from './ExpanderList';\nexport * from './ExpanderList';\nexport default ExpanderList;\n"],"mappings":"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"}