@helsenorge/designsystem-react 12.4.0 → 12.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +92 -0
- package/Drawer.js +33 -8
- package/Drawer.js.map +1 -1
- package/FormFieldTag.js +48 -0
- package/FormFieldTag.js.map +1 -0
- package/FormGroup.js +19 -6
- package/FormGroup.js.map +1 -1
- package/HelpTriggerIcon.js +13 -2
- package/HelpTriggerIcon.js.map +1 -1
- package/Label.js +3 -0
- package/Label.js.map +1 -1
- package/LazyIcon.js +1 -1
- package/LazyIcon.js.map +1 -1
- package/LinkList.js +81 -47
- package/LinkList.js.map +1 -1
- package/ListEditMode.js +42 -0
- package/ListEditMode.js.map +1 -0
- package/components/Drawer/Drawer.d.ts +6 -1
- package/components/Drawer/resourceHelper.d.ts +3 -0
- package/components/ExpanderList/ExpanderList.d.ts +8 -1
- package/components/ExpanderList/index.js +51 -20
- package/components/ExpanderList/index.js.map +1 -1
- package/components/ExpanderList/styles.module.scss +37 -33
- package/components/FavoriteButton/StarIcon.d.ts +4 -4
- package/components/FavoriteButton/index.js +23 -18
- package/components/FavoriteButton/index.js.map +1 -1
- package/components/FavoriteButton/styles.module.scss +8 -0
- package/components/FavoriteButton/styles.module.scss.d.ts +1 -0
- package/components/FormFieldTag/FormFieldTag.d.ts +15 -0
- package/components/FormFieldTag/FormFieldTag.test.d.ts +1 -0
- package/components/FormFieldTag/index.d.ts +3 -0
- package/components/FormFieldTag/index.js +5 -0
- package/components/FormFieldTag/index.js.map +1 -0
- package/components/FormFieldTag/resourceHelper.d.ts +3 -0
- package/components/FormFieldTag/styles.module.scss +23 -0
- package/components/FormFieldTag/styles.module.scss.d.ts +10 -0
- package/components/FormGroup/FormGroup.d.ts +4 -0
- package/components/FormGroup/styles.module.scss +3 -0
- package/components/HelpTriggerIcon/HelpTriggerIcon.d.ts +2 -0
- package/components/HelpTriggerIcon/styles.module.scss +1 -1
- package/components/Icons/AdditionalIconInformation.d.ts +4 -0
- package/components/Icons/AdditionalIconInformation.js +2 -1
- package/components/Icons/AdditionalIconInformation.js.map +1 -1
- package/components/Icons/Feedback.d.ts +4 -0
- package/components/Icons/Feedback.js +25 -0
- package/components/Icons/Feedback.js.map +1 -0
- package/components/Icons/IconNames.d.ts +1 -1
- package/components/Icons/IconNames.js +1 -0
- package/components/Icons/IconNames.js.map +1 -1
- package/components/Label/Label.d.ts +2 -0
- package/components/LinkList/LinkList.d.ts +8 -1
- package/components/LinkList/index.js +2 -0
- package/components/LinkList/index.js.map +1 -1
- package/components/LinkList/styles.module.scss +30 -22
- package/components/List/stories.module.scss +7 -0
- package/components/List/stories.module.scss.d.ts +9 -0
- package/components/ListEditMode/ListEditMode.d.ts +29 -0
- package/components/ListEditMode/index.d.ts +3 -0
- package/components/ListEditMode/index.js +9 -0
- package/components/ListEditMode/index.js.map +1 -0
- package/components/ListEditMode/styles.module.scss +79 -0
- package/components/ListEditMode/styles.module.scss.d.ts +18 -0
- package/components/Panel/styles.module.scss +5 -2
- package/components/PopMenu/index.js +1 -1
- package/components/PopMenu/index.js.map +1 -1
- package/components/PopMenu/styles.module.scss +4 -0
- package/components/PopMenu/styles.module.scss.d.ts +1 -0
- package/components/RadioButton/styles.module.scss +22 -4
- package/components/StickyNote/Close.d.ts +11 -0
- package/components/StickyNote/Triangle.d.ts +5 -1
- package/components/StickyNote/index.js +100 -49
- package/components/StickyNote/index.js.map +1 -1
- package/components/StickyNote/styles.module.scss +106 -34
- package/components/StickyNote/styles.module.scss.d.ts +6 -1
- package/components/Tabs/Tabs.d.ts +6 -3
- package/components/Tabs/index.js +38 -4
- package/components/Tabs/index.js.map +1 -1
- package/components/Tabs/resourceHelper.d.ts +3 -0
- package/constants.d.ts +1 -0
- package/constants.js +1 -0
- package/constants.js.map +1 -1
- package/designsystem-react.css +136 -98
- package/package.json +1 -1
- package/resources/HN.Designsystem.Drawer.en-GB.json.d.ts +6 -0
- package/resources/HN.Designsystem.Drawer.nb-NO.json.d.ts +6 -0
- package/resources/HN.Designsystem.FormFieldTag.nb-NO.json.d.ts +8 -0
- package/resources/HN.Designsystem.Tabs.en-GB.json.d.ts +7 -0
- package/resources/HN.Designsystem.Tabs.nb-NO.json.d.ts +7 -0
- package/scss/supernova/styles/colors.css +136 -98
- package/scss/supernova/styles/typography.css +2 -2
- package/components/Tabs/TabsDocs.d.ts +0 -1
package/HelpTriggerIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpTriggerIcon.js","sources":["../src/components/HelpTriggerIcon/HelpSign.tsx","../src/components/HelpTriggerIcon/HelpTriggerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nexport interface HelpSignProps {\n color?: string;\n weight?: HelpTriggerWeights;\n}\n\nconst HelpSign: React.FC<HelpSignProps> = ({ color, weight }: HelpSignProps): React.ReactElement => {\n const paths =\n weight === 'normal' ? (\n <>\n <defs>\n <clipPath id=\"clipCircle\" clipPathUnits=\"userSpaceOnUse\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0004 0C4.48644 0 0 4.48565 0 9.99961C0 15.5136 4.48644 20 10.0004 20C15.5144 20 20 15.5136 20 9.99961C20 4.48565 15.5144 0 10.0004 0\"\n />\n </clipPath>\n </defs>\n <path\n d=\"M10.0004 0V-2C3.38207 -2 -2 3.38088 -2 9.99961H0H2C2 5.59043 5.5908 2 10.0004 2V0ZM0 9.99961H-2C-2 16.6181 3.38187 22 10.0004 22V20V18C5.59101 18 2 14.409 2 9.99961H0ZM10.0004 20V22C16.6191 22 22 16.6179 22 9.99961H20H18C18 14.4092 14.4096 18 10.0004 18V20ZM20 9.99961H22C22 3.38108 16.6189 -2 10.0004 -2V0V2C14.4098 2 18 5.59022 18 9.99961H20Z\"\n fill={color}\n clipPath=\"url(#clipCircle)\"\n />\n <path\n d=\"M9.93555 4.40039C12.1061 4.40039 13.2998 5.8386 13.2998 7.35156C13.2997 8.52045 12.2922 9.61789 11.8262 9.94238C11.3601 10.2669 11.209 10.5 11.209 10.5C11.0283 10.6756 10.9117 11.0195 10.8721 11.2715C10.8316 11.5286 10.8476 11.5136 10.8477 11.7998V11.9004H9.20117V11.2715C9.20117 10.8463 9.20556 10.7433 9.31934 10.374C9.43483 9.99921 9.75195 9.54492 10.0928 9.18262C10.4336 8.82031 10.751 8.58105 10.751 8.58105C11.1983 8.25659 11.3818 7.87361 11.3818 7.42285C11.3818 7.07417 11.2638 6.74031 11.0283 6.49414C10.794 6.24916 10.435 6.08301 9.93555 6.08301C8.94209 6.08316 8.41811 6.83977 8.41797 7.60742C8.41797 7.81763 8.44731 8.07481 8.49805 8.21582L8.5498 8.36035L6.7793 8.23535L6.70898 8.23047L6.69043 8.16309C6.63105 7.95321 6.60059 7.71544 6.60059 7.47949C6.60081 6.00363 7.71413 4.40053 9.93555 4.40039Z\"\n fill={color}\n />\n <path\n d=\"M10 12.7998C10.6024 12.7999 11.0996 13.31 11.0996 13.9072C11.0994 14.506 10.6023 14.9999 10 15C9.38173 15 8.8996 14.506 8.89941 13.9072C8.89941 13.31 9.38162 12.7998 10 12.7998Z\"\n fill={color}\n />\n </>\n ) : (\n <>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0004 0C4.48644 0 0 4.48565 0 9.99961C0 15.5136 4.48644 20 10.0004 20C15.5144 20 20 15.5136 20 9.99961C20 4.48565 15.5144 0 10.0004 0Z\"\n />\n <path\n d=\"M9.93555 4.40039C12.1061 4.40039 13.2998 5.8386 13.2998 7.35156C13.2997 8.52045 12.2922 9.61789 11.8262 9.94238C11.3601 10.2669 11.209 10.5 11.209 10.5C11.0283 10.6756 10.9117 11.0195 10.8721 11.2715C10.8316 11.5286 10.8476 11.5136 10.8477 11.7998V11.9004H9.20117V11.2715C9.20117 10.8463 9.20556 10.7433 9.31934 10.374C9.43483 9.99921 9.75195 9.54492 10.0928 9.18262C10.4336 8.82031 10.751 8.58105 10.751 8.58105C11.1983 8.25659 11.3818 7.87361 11.3818 7.42285C11.3818 7.07417 11.2638 6.74031 11.0283 6.49414C10.794 6.24916 10.435 6.08301 9.93555 6.08301C8.94209 6.08316 8.41811 6.83977 8.41797 7.60742C8.41797 7.81763 8.44731 8.07481 8.49805 8.21582L8.5498 8.36035L6.7793 8.23535L6.70898 8.23047L6.69043 8.16309C6.63105 7.95321 6.60059 7.71544 6.60059 7.47949C6.60081 6.00363 7.71413 4.40053 9.93555 4.40039Z\"\n fill=\"white\"\n />\n <path\n d=\"M10 12.7998C10.6024 12.7999 11.0996 13.31 11.0996 13.9072C11.0994 14.506 10.6023 14.9999 10 15C9.38173 15 8.8996 14.506 8.89941 13.9072C8.89941 13.31 9.38162 12.7998 10 12.7998Z\"\n fill=\"white\"\n />\n </>\n );\n\n return (\n <svg fill=\"none\" height=\"20\" overflow=\"visible\" role={'presentation'} width=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n {paths}\n </svg>\n );\n};\n\nexport default HelpSign;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HelpSign from './HelpSign';\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport type HelpTriggerIconSizes = 'inherit' | 'medium' | 'large' | 'xlarge';\n\nexport type HelpTriggerIconTags = 'button' | 'span';\n\nexport type HelpTriggerWeights = 'normal' | 'strong';\n\nexport interface HelpTriggerIconProps\n extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'> {\n /**\n * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n */\n ariaLabel?: string;\n /**\n * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n */\n ariaLabelledById?: string;\n /**\n * Size of the Icon. Default: medium.\n */\n\n size?: HelpTriggerIconSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /**\n * Sets the colors of the help trigger icon. Default: normal.\n */\n weight?: HelpTriggerWeights;\n}\n\ninterface HelpTriggerIconInternalProps extends HelpTriggerIconProps {\n /**\n * Sets the hover styling of the trigger. Intended for use when wrapped by a parent button.\n */\n isHovered?: boolean;\n /**\n * Only use this if the parent wrapper is a Button!\n * Changes the underlying element of the trigger. If set to span, the trigger will be a non-interactive icon. Default: button\n */\n htmlMarkup?: HelpTriggerIconTags;\n}\n\nconst getIconColor = (hover: boolean, weight: HelpTriggerWeights): string | undefined => {\n if (weight === 'normal') {\n return hover ? 'var(--color-help-graphics-verydark)' : 'var(--color-help-graphics-normal)';\n }\n};\n\nconst HelpTriggerIcon = React.forwardRef<HTMLButtonElement, HelpTriggerIconProps>((props, ref) => {\n return <HelpTriggerIconInternal {...props} ref={ref} />;\n});\n\nexport const HelpTriggerIconInternal = React.forwardRef<HTMLButtonElement, HelpTriggerIconInternalProps>(\n (\n { ariaLabel, ariaLabelledById, htmlMarkup = 'button', isHovered = false, size = 'medium', testId, weight = 'normal', ...buttonRest },\n ref\n ) => {\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n const { hoverRef, isHovered: interalIsHovered } = useHover<HTMLButtonElement>(ref as React.RefObject<HTMLButtonElement>, false);\n const helpIcon = <HelpSign color={getIconColor(interalIsHovered || isHovered, weight)} weight={weight} />;\n const isButton = htmlMarkup === 'button';\n const iconClasses = classNames(\n styles['help-trigger-icon'],\n {\n [styles['help-trigger-icon--strong']]: weight === 'strong',\n [styles['help-trigger-icon--is-button']]: isButton,\n },\n styles[`help-trigger-icon--${size}`]\n );\n\n if (isButton) {\n return (\n <button\n {...ariaLabelAttributes}\n type=\"button\"\n data-testid={testId}\n data-analyticsid={AnalyticsId.HelpTriggerIcon}\n className={iconClasses}\n ref={mergeRefs([hoverRef, ref])}\n {...buttonRest}\n >\n {helpIcon}\n </button>\n );\n }\n\n return (\n <span data-testid={testId} data-analyticsid={AnalyticsId.HelpTriggerIcon} className={iconClasses}>\n {helpIcon}\n </span>\n );\n }\n);\n\nHelpTriggerIcon.displayName = 'HelpTriggerIcon';\nHelpTriggerIconInternal.displayName = 'HelpTriggerIconInternal';\n\nexport default HelpTriggerIcon;\n"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,WAAoC,CAAC,EAAE,OAAO,aAAgD;AAClG,QAAM,QACJ,WAAW,WACT,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,UACC,UAAA,oBAAC,YAAA,EAAS,IAAG,cAAa,eAAc,kBACtC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,MAAA;AAAA,IAAA,GAEN,EAAA,CACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA,QACN,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,EAAA,CACF,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAGJ,6BACG,OAAA,EAAI,MAAK,QAAO,QAAO,MAAK,UAAS,WAAU,MAAM,gBAAgB,OAAM,MAAK,SAAQ,aAAY,OAAM,8BACxG,UAAA,OACH;AAEJ;ACNA,MAAM,eAAe,CAAC,OAAgB,WAAmD;AACvF,MAAI,WAAW,UAAU;AACvB,WAAO,QAAQ,wCAAwC;AAAA,EACzD;AACF;AAEA,MAAM,kBAAkBA,eAAM,WAAoD,CAAC,OAAO,QAAQ;AAChG,SAAO,oBAAC,yBAAA,EAAyB,GAAG,OAAO,IAAA,CAAU;AACvD,CAAC;AAEM,MAAM,0BAA0BA,eAAM;AAAA,EAC3C,CACE,EAAE,WAAW,kBAAkB,aAAa,UAAU,YAAY,OAAO,OAAO,UAAU,QAAQ,SAAS,UAAU,GAAG,WAAA,GACxH,QACG;AACH,UAAM,sBAAsB,uBAAuB,EAAE,OAAO,WAAW,IAAI,kBAAkB;AAC7F,UAAM,EAAE,UAAU,WAAW,qBAAqB,SAA4B,KAA2C,KAAK;AAC9H,UAAM,+BAAY,UAAA,EAAS,OAAO,aAAa,oBAAoB,WAAW,MAAM,GAAG,OAAA,CAAgB;AACvG,UAAM,WAAW,eAAe;AAChC,UAAM,cAAc;AAAA,MAClB,OAAO,mBAAmB;AAAA,MAC1B;AAAA,QACE,CAAC,OAAO,2BAA2B,CAAC,GAAG,WAAW;AAAA,QAClD,CAAC,OAAO,8BAA8B,CAAC,GAAG;AAAA,MAAA;AAAA,MAE5C,OAAO,sBAAsB,IAAI,EAAE;AAAA,IAAA;AAGrC,QAAI,UAAU;AACZ,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,MAAK;AAAA,UACL,eAAa;AAAA,UACb,oBAAkB,YAAY;AAAA,UAC9B,WAAW;AAAA,UACX,KAAK,UAAU,CAAC,UAAU,GAAG,CAAC;AAAA,UAC7B,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACE,oBAAC,UAAK,eAAa,QAAQ,oBAAkB,YAAY,iBAAiB,WAAW,aAClF,UAAA,SAAA,CACH;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;AAC9B,wBAAwB,cAAc;"}
|
|
1
|
+
{"version":3,"file":"HelpTriggerIcon.js","sources":["../src/components/HelpTriggerIcon/HelpSign.tsx","../src/components/HelpTriggerIcon/HelpTriggerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nexport interface HelpSignProps {\n color?: string;\n weight?: HelpTriggerWeights;\n}\n\nconst HelpSign: React.FC<HelpSignProps> = ({ color, weight }: HelpSignProps): React.ReactElement => {\n const paths =\n weight === 'normal' ? (\n <>\n <defs>\n <clipPath id=\"clipCircle\" clipPathUnits=\"userSpaceOnUse\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0004 0C4.48644 0 0 4.48565 0 9.99961C0 15.5136 4.48644 20 10.0004 20C15.5144 20 20 15.5136 20 9.99961C20 4.48565 15.5144 0 10.0004 0\"\n />\n </clipPath>\n </defs>\n <path\n d=\"M10.0004 0V-2C3.38207 -2 -2 3.38088 -2 9.99961H0H2C2 5.59043 5.5908 2 10.0004 2V0ZM0 9.99961H-2C-2 16.6181 3.38187 22 10.0004 22V20V18C5.59101 18 2 14.409 2 9.99961H0ZM10.0004 20V22C16.6191 22 22 16.6179 22 9.99961H20H18C18 14.4092 14.4096 18 10.0004 18V20ZM20 9.99961H22C22 3.38108 16.6189 -2 10.0004 -2V0V2C14.4098 2 18 5.59022 18 9.99961H20Z\"\n fill={color}\n clipPath=\"url(#clipCircle)\"\n />\n <path\n d=\"M9.93555 4.40039C12.1061 4.40039 13.2998 5.8386 13.2998 7.35156C13.2997 8.52045 12.2922 9.61789 11.8262 9.94238C11.3601 10.2669 11.209 10.5 11.209 10.5C11.0283 10.6756 10.9117 11.0195 10.8721 11.2715C10.8316 11.5286 10.8476 11.5136 10.8477 11.7998V11.9004H9.20117V11.2715C9.20117 10.8463 9.20556 10.7433 9.31934 10.374C9.43483 9.99921 9.75195 9.54492 10.0928 9.18262C10.4336 8.82031 10.751 8.58105 10.751 8.58105C11.1983 8.25659 11.3818 7.87361 11.3818 7.42285C11.3818 7.07417 11.2638 6.74031 11.0283 6.49414C10.794 6.24916 10.435 6.08301 9.93555 6.08301C8.94209 6.08316 8.41811 6.83977 8.41797 7.60742C8.41797 7.81763 8.44731 8.07481 8.49805 8.21582L8.5498 8.36035L6.7793 8.23535L6.70898 8.23047L6.69043 8.16309C6.63105 7.95321 6.60059 7.71544 6.60059 7.47949C6.60081 6.00363 7.71413 4.40053 9.93555 4.40039Z\"\n fill={color}\n />\n <path\n d=\"M10 12.7998C10.6024 12.7999 11.0996 13.31 11.0996 13.9072C11.0994 14.506 10.6023 14.9999 10 15C9.38173 15 8.8996 14.506 8.89941 13.9072C8.89941 13.31 9.38162 12.7998 10 12.7998Z\"\n fill={color}\n />\n </>\n ) : (\n <>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0004 0C4.48644 0 0 4.48565 0 9.99961C0 15.5136 4.48644 20 10.0004 20C15.5144 20 20 15.5136 20 9.99961C20 4.48565 15.5144 0 10.0004 0Z\"\n />\n <path\n d=\"M9.93555 4.40039C12.1061 4.40039 13.2998 5.8386 13.2998 7.35156C13.2997 8.52045 12.2922 9.61789 11.8262 9.94238C11.3601 10.2669 11.209 10.5 11.209 10.5C11.0283 10.6756 10.9117 11.0195 10.8721 11.2715C10.8316 11.5286 10.8476 11.5136 10.8477 11.7998V11.9004H9.20117V11.2715C9.20117 10.8463 9.20556 10.7433 9.31934 10.374C9.43483 9.99921 9.75195 9.54492 10.0928 9.18262C10.4336 8.82031 10.751 8.58105 10.751 8.58105C11.1983 8.25659 11.3818 7.87361 11.3818 7.42285C11.3818 7.07417 11.2638 6.74031 11.0283 6.49414C10.794 6.24916 10.435 6.08301 9.93555 6.08301C8.94209 6.08316 8.41811 6.83977 8.41797 7.60742C8.41797 7.81763 8.44731 8.07481 8.49805 8.21582L8.5498 8.36035L6.7793 8.23535L6.70898 8.23047L6.69043 8.16309C6.63105 7.95321 6.60059 7.71544 6.60059 7.47949C6.60081 6.00363 7.71413 4.40053 9.93555 4.40039Z\"\n fill=\"white\"\n />\n <path\n d=\"M10 12.7998C10.6024 12.7999 11.0996 13.31 11.0996 13.9072C11.0994 14.506 10.6023 14.9999 10 15C9.38173 15 8.8996 14.506 8.89941 13.9072C8.89941 13.31 9.38162 12.7998 10 12.7998Z\"\n fill=\"white\"\n />\n </>\n );\n\n return (\n <svg fill=\"none\" height=\"20\" overflow=\"visible\" role={'presentation'} width=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n {paths}\n </svg>\n );\n};\n\nexport default HelpSign;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HelpSign from './HelpSign';\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport type HelpTriggerIconSizes = 'inherit' | 'medium' | 'large' | 'xlarge';\n\nexport type HelpTriggerIconTags = 'button' | 'span';\n\nexport type HelpTriggerWeights = 'normal' | 'strong';\n\nexport interface HelpTriggerIconProps\n extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'> {\n /**\n * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n */\n ariaLabel?: string;\n /**\n * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n */\n ariaLabelledById?: string;\n /** Adds custom classes to the element. */\n className?: string;\n /**\n * Size of the Icon. Default: medium.\n */\n size?: HelpTriggerIconSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /**\n * Sets the colors of the help trigger icon. Default: normal.\n */\n weight?: HelpTriggerWeights;\n}\n\ninterface HelpTriggerIconInternalProps extends HelpTriggerIconProps {\n /**\n * Sets the hover styling of the trigger. Intended for use when wrapped by a parent button.\n */\n isHovered?: boolean;\n /**\n * Only use this if the parent wrapper is a Button!\n * Changes the underlying element of the trigger. If set to span, the trigger will be a non-interactive icon. Default: button\n */\n htmlMarkup?: HelpTriggerIconTags;\n}\n\nconst getIconColor = (hover: boolean, weight: HelpTriggerWeights): string | undefined => {\n if (weight === 'normal') {\n return hover ? 'var(--color-help-graphics-verydark)' : 'var(--color-help-graphics-normal)';\n }\n};\n\nconst HelpTriggerIcon = React.forwardRef<HTMLButtonElement, HelpTriggerIconProps>((props, ref) => {\n return <HelpTriggerIconInternal {...props} ref={ref} />;\n});\n\nexport const HelpTriggerIconInternal = React.forwardRef<HTMLButtonElement, HelpTriggerIconInternalProps>(\n (\n {\n ariaLabel,\n ariaLabelledById,\n className,\n htmlMarkup = 'button',\n isHovered = false,\n size = 'medium',\n testId,\n weight = 'normal',\n ...buttonRest\n },\n ref\n ) => {\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n const { hoverRef, isHovered: interalIsHovered } = useHover<HTMLButtonElement>(ref as React.RefObject<HTMLButtonElement>, false);\n const helpIcon = <HelpSign color={getIconColor(interalIsHovered || isHovered, weight)} weight={weight} />;\n const isButton = htmlMarkup === 'button';\n const iconClasses = classNames(\n styles['help-trigger-icon'],\n {\n [styles['help-trigger-icon--strong']]: weight === 'strong',\n [styles['help-trigger-icon--is-button']]: isButton,\n },\n styles[`help-trigger-icon--${size}`],\n className\n );\n\n if (isButton) {\n return (\n <button\n {...ariaLabelAttributes}\n type=\"button\"\n data-testid={testId}\n data-analyticsid={AnalyticsId.HelpTriggerIcon}\n className={iconClasses}\n ref={mergeRefs([hoverRef, ref])}\n {...buttonRest}\n >\n {helpIcon}\n </button>\n );\n }\n\n return (\n <span data-testid={testId} data-analyticsid={AnalyticsId.HelpTriggerIcon} className={iconClasses}>\n {helpIcon}\n </span>\n );\n }\n);\n\nHelpTriggerIcon.displayName = 'HelpTriggerIcon';\nHelpTriggerIconInternal.displayName = 'HelpTriggerIconInternal';\n\nexport default HelpTriggerIcon;\n"],"names":["React"],"mappings":"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"}
|
package/Label.js
CHANGED
|
@@ -5,6 +5,7 @@ import { AnalyticsId, FormOnColor } from "./constants.js";
|
|
|
5
5
|
import { S as Spacer } from "./Spacer.js";
|
|
6
6
|
import styles from "./components/Label/styles.module.scss";
|
|
7
7
|
import { isComponent } from "./utils/component.js";
|
|
8
|
+
import { F as FormFieldTag } from "./FormFieldTag.js";
|
|
8
9
|
import { S as StatusDot } from "./StatusDot.js";
|
|
9
10
|
const Sublabel = ({ children, className, id, onColor, sublabelTexts, testId }) => {
|
|
10
11
|
const mapSublabels = (hideFromScreenReader) => {
|
|
@@ -73,6 +74,7 @@ const Label = ({
|
|
|
73
74
|
afterLabelChildren,
|
|
74
75
|
children,
|
|
75
76
|
className,
|
|
77
|
+
formFieldTag,
|
|
76
78
|
htmlFor,
|
|
77
79
|
htmlMarkup = "label",
|
|
78
80
|
labelClassName,
|
|
@@ -113,6 +115,7 @@ const Label = ({
|
|
|
113
115
|
/* @__PURE__ */ jsx("span", { className: styles.label__texts, children: mapLabels() })
|
|
114
116
|
] }) }),
|
|
115
117
|
/* @__PURE__ */ jsxs("div", { className: sublabelWrapperClassName, children: [
|
|
118
|
+
formFieldTag && isComponent(formFieldTag, FormFieldTag) && React__default.cloneElement(formFieldTag),
|
|
116
119
|
sublabel && isComponent(sublabel, Sublabel) && React__default.cloneElement(sublabel, {
|
|
117
120
|
onColor
|
|
118
121
|
}),
|
package/Label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../src/components/Label/SubLabel.tsx","../src/components/Label/Label.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { LabelText } from './Label';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n /** Sets the content of the Sublabel */\n children?: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** id that is placed on the wrapper */\n id: string;\n /** Array of sublabel strings. Can be of type semibold or normal */\n onColor?: FormOnColor;\n /** Array of sublabel strings. Can be of type semibold or normal */\n sublabelTexts?: LabelText[];\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ children, className, id, onColor, sublabelTexts, testId }) => {\n const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n return (\n sublabelTexts &&\n sublabelTexts.map((sublabelText, index) => {\n const labelClasses = cn(styles.label, styles['sublabel'], {\n [styles['sublabel--subdued']]: sublabelText.type === 'subdued',\n [styles['sublabel--on-dark']]: onColor === FormOnColor.ondark,\n });\n return (\n hideFromScreenReader === sublabelText.hideFromScreenReader && (\n <span className={labelClasses} key={index}>\n {sublabelText.text}\n </span>\n )\n );\n })\n );\n };\n\n const subLabels = mapSublabels();\n const ariaHiddenSublabels = mapSublabels(true);\n\n return (\n <>\n <Spacer size={'3xs'} />\n {(subLabels || children) && (\n <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n {subLabels}\n {children}\n </div>\n )}\n {ariaHiddenSublabels && (\n <div className={className} data-testid={testId}>\n {ariaHiddenSublabels}\n </div>\n )}\n </>\n );\n};\n","import React, { FunctionComponent } from 'react';\n\nimport cn from 'classnames';\n\nimport { Sublabel, SublabelProps } from './SubLabel';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport Spacer from '../Spacer';\nimport StatusDot, { StatusDotProps } from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n hideFromScreenReader?: boolean;\n text: string;\n type?: 'normal' | 'subdued';\n};\n\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'label' | 'p';\n\nexport interface LabelProps {\n /** Component shown after label - discourage use of this */\n afterLabelChildren?: React.ReactNode;\n /** Sets the content of the Label */\n children?: React.ReactNode;\n /** Adds custom classes to the label tag. */\n labelClassName?: string;\n /** Adds custom classes to the label text. */\n labelTextClassName?: string;\n /** Adds custom classes to the element. */\n className?: string;\n /** Id that is put on the \"for\" attribute of the label */\n htmlFor?: string;\n /** Changes the underlying element of the label */\n htmlMarkup?: LabelTags;\n /** Id som plasseres på <label/> */\n labelId?: string;\n /** Array of main label strings. Can be of type semibold or normal */\n labelTexts?: LabelText[];\n /** Array of sublabel strings. Can be of type semibold or normal */\n onColor?: keyof typeof FormOnColor;\n /** StatusDot placed underneath the last sublabel */\n statusDot?: React.ReactNode;\n /** Sublabel component */\n sublabel?: React.ReactNode;\n /** Adds custom classes to the div wrapping the sublabels. */\n sublabelWrapperClassName?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const getLabelText = (label: React.ReactNode): string => {\n let allLabelText = '';\n\n if (isComponent<LabelProps>(label, Label)) {\n label.props.labelTexts?.forEach(labelText => {\n allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n });\n }\n\n return allLabelText;\n};\n\nexport const renderLabel = (label: React.ReactNode, inputId: string, onColor: FormOnColor, markup?: LabelTags): React.ReactNode => {\n return (\n <>\n {label && isComponent<LabelProps>(label, Label)\n ? React.cloneElement(label, {\n htmlFor: inputId,\n htmlMarkup: markup || 'label',\n onColor,\n })\n : typeof label === 'string' && <Label labelTexts={[{ text: label, type: 'normal' }]} htmlFor={inputId} onColor={onColor} />}\n </>\n );\n};\n\nexport const renderLabelAsParent = (\n label: React.ReactNode,\n children: React.ReactNode,\n inputId: string,\n onColor: FormOnColor,\n labelClassName?: string,\n labelTextClassName?: string,\n sublabelWrapperClassName?: string,\n large?: boolean,\n markup?: LabelTags\n): React.ReactNode => {\n return (\n <>\n {label && isComponent<LabelProps>(label, Label)\n ? React.cloneElement(label, {\n htmlFor: inputId,\n onColor,\n children: children,\n labelClassName: cn(labelClassName, label.props.labelClassName),\n labelTextClassName: labelTextClassName,\n htmlMarkup: markup || 'label',\n sublabelWrapperClassName: sublabelWrapperClassName,\n sublabel: large ? undefined : label.props.sublabel,\n statusDot: large ? undefined : label.props.statusDot,\n })\n : typeof label === 'string' && (\n <Label\n labelTexts={[{ text: label, type: 'subdued' }]}\n htmlFor={inputId}\n onColor={onColor}\n htmlMarkup={markup || 'label'}\n labelClassName={labelClassName}\n labelTextClassName={labelTextClassName}\n sublabelWrapperClassName={sublabelWrapperClassName}\n >\n {children}\n </Label>\n )}\n </>\n );\n};\n\nconst Label: FunctionComponent<LabelProps> = ({\n afterLabelChildren,\n children,\n className,\n htmlFor,\n htmlMarkup = 'label',\n labelClassName,\n labelTextClassName,\n labelId,\n labelTexts,\n onColor = FormOnColor.onwhite,\n statusDot,\n sublabel,\n sublabelWrapperClassName,\n testId,\n}) => {\n const hasChildren = children && typeof children !== 'undefined';\n const labelWrapperClasses = cn(\n styles['label-wrapper'],\n { [styles['label-wrapper--no-bottom-margin']]: hasChildren, [styles['label-wrapper--after-label-children']]: afterLabelChildren },\n className\n );\n\n const mapLabels = (): React.ReactNode => {\n if (typeof labelTexts === 'undefined') return null;\n\n return labelTexts.map((labelText, index) => {\n const labelClasses = cn(\n styles.label,\n {\n [styles['label--subdued']]: labelText.type === 'subdued',\n [styles['label--on-dark']]: onColor === FormOnColor.ondark,\n },\n labelTextClassName\n );\n return (\n <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n {labelText.text}\n </span>\n );\n });\n };\n const CustomTag = htmlMarkup;\n\n return (\n <div className={labelWrapperClasses}>\n <div>\n <CustomTag className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n <span className={styles['label-content-wrapper']}>\n {children}\n <span className={styles.label__texts}>{mapLabels()}</span>\n </span>\n </CustomTag>\n <div className={sublabelWrapperClassName}>\n {sublabel &&\n isComponent<SublabelProps>(sublabel, Sublabel) &&\n React.cloneElement(sublabel, {\n onColor: onColor as FormOnColor,\n })}\n {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n <>\n <Spacer size={'3xs'} />\n {React.cloneElement(statusDot, {\n onColor: onColor === FormOnColor.ondark ? 'ondark' : 'onwhite',\n })}\n </>\n )}\n </div>\n </div>\n {afterLabelChildren && <div className={styles['after-label-children']}>{afterLabelChildren}</div>}\n </div>\n );\n};\n\nexport default Label;\n"],"names":["cn","React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../src/components/Label/SubLabel.tsx","../src/components/Label/Label.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { LabelText } from './Label';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n /** Sets the content of the Sublabel */\n children?: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** id that is placed on the wrapper */\n id: string;\n /** Array of sublabel strings. Can be of type semibold or normal */\n onColor?: FormOnColor;\n /** Array of sublabel strings. Can be of type semibold or normal */\n sublabelTexts?: LabelText[];\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ children, className, id, onColor, sublabelTexts, testId }) => {\n const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n return (\n sublabelTexts &&\n sublabelTexts.map((sublabelText, index) => {\n const labelClasses = cn(styles.label, styles['sublabel'], {\n [styles['sublabel--subdued']]: sublabelText.type === 'subdued',\n [styles['sublabel--on-dark']]: onColor === FormOnColor.ondark,\n });\n return (\n hideFromScreenReader === sublabelText.hideFromScreenReader && (\n <span className={labelClasses} key={index}>\n {sublabelText.text}\n </span>\n )\n );\n })\n );\n };\n\n const subLabels = mapSublabels();\n const ariaHiddenSublabels = mapSublabels(true);\n\n return (\n <>\n <Spacer size={'3xs'} />\n {(subLabels || children) && (\n <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n {subLabels}\n {children}\n </div>\n )}\n {ariaHiddenSublabels && (\n <div className={className} data-testid={testId}>\n {ariaHiddenSublabels}\n </div>\n )}\n </>\n );\n};\n","import React, { FunctionComponent } from 'react';\n\nimport cn from 'classnames';\n\nimport { Sublabel, SublabelProps } from './SubLabel';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport FormFieldTag, { FormFieldTagProps } from '../FormFieldTag';\nimport Spacer from '../Spacer';\nimport StatusDot, { StatusDotProps } from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n hideFromScreenReader?: boolean;\n text: string;\n type?: 'normal' | 'subdued';\n};\n\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'label' | 'p';\n\nexport interface LabelProps {\n /** Component shown after label - discourage use of this */\n afterLabelChildren?: React.ReactNode;\n /** Sets the content of the Label */\n children?: React.ReactNode;\n /** Sets a tag that describes whether the form field is required or optional */\n formFieldTag?: React.ReactNode;\n /** Adds custom classes to the label tag. */\n labelClassName?: string;\n /** Adds custom classes to the label text. */\n labelTextClassName?: string;\n /** Adds custom classes to the element. */\n className?: string;\n /** Id that is put on the \"for\" attribute of the label */\n htmlFor?: string;\n /** Changes the underlying element of the label */\n htmlMarkup?: LabelTags;\n /** Id som plasseres på <label/> */\n labelId?: string;\n /** Array of main label strings. Can be of type semibold or normal */\n labelTexts?: LabelText[];\n /** Array of sublabel strings. Can be of type semibold or normal */\n onColor?: keyof typeof FormOnColor;\n /** StatusDot placed underneath the last sublabel */\n statusDot?: React.ReactNode;\n /** Sublabel component */\n sublabel?: React.ReactNode;\n /** Adds custom classes to the div wrapping the sublabels. */\n sublabelWrapperClassName?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const getLabelText = (label: React.ReactNode): string => {\n let allLabelText = '';\n\n if (isComponent<LabelProps>(label, Label)) {\n label.props.labelTexts?.forEach(labelText => {\n allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n });\n }\n\n return allLabelText;\n};\n\nexport const renderLabel = (label: React.ReactNode, inputId: string, onColor: FormOnColor, markup?: LabelTags): React.ReactNode => {\n return (\n <>\n {label && isComponent<LabelProps>(label, Label)\n ? React.cloneElement(label, {\n htmlFor: inputId,\n htmlMarkup: markup || 'label',\n onColor,\n })\n : typeof label === 'string' && <Label labelTexts={[{ text: label, type: 'normal' }]} htmlFor={inputId} onColor={onColor} />}\n </>\n );\n};\n\nexport const renderLabelAsParent = (\n label: React.ReactNode,\n children: React.ReactNode,\n inputId: string,\n onColor: FormOnColor,\n labelClassName?: string,\n labelTextClassName?: string,\n sublabelWrapperClassName?: string,\n large?: boolean,\n markup?: LabelTags\n): React.ReactNode => {\n return (\n <>\n {label && isComponent<LabelProps>(label, Label)\n ? React.cloneElement(label, {\n htmlFor: inputId,\n onColor,\n children: children,\n labelClassName: cn(labelClassName, label.props.labelClassName),\n labelTextClassName: labelTextClassName,\n htmlMarkup: markup || 'label',\n sublabelWrapperClassName: sublabelWrapperClassName,\n sublabel: large ? undefined : label.props.sublabel,\n statusDot: large ? undefined : label.props.statusDot,\n })\n : typeof label === 'string' && (\n <Label\n labelTexts={[{ text: label, type: 'subdued' }]}\n htmlFor={inputId}\n onColor={onColor}\n htmlMarkup={markup || 'label'}\n labelClassName={labelClassName}\n labelTextClassName={labelTextClassName}\n sublabelWrapperClassName={sublabelWrapperClassName}\n >\n {children}\n </Label>\n )}\n </>\n );\n};\n\nconst Label: FunctionComponent<LabelProps> = ({\n afterLabelChildren,\n children,\n className,\n formFieldTag,\n htmlFor,\n htmlMarkup = 'label',\n labelClassName,\n labelTextClassName,\n labelId,\n labelTexts,\n onColor = FormOnColor.onwhite,\n statusDot,\n sublabel,\n sublabelWrapperClassName,\n testId,\n}) => {\n const hasChildren = children && typeof children !== 'undefined';\n const labelWrapperClasses = cn(\n styles['label-wrapper'],\n { [styles['label-wrapper--no-bottom-margin']]: hasChildren, [styles['label-wrapper--after-label-children']]: afterLabelChildren },\n className\n );\n\n const mapLabels = (): React.ReactNode => {\n if (typeof labelTexts === 'undefined') return null;\n\n return labelTexts.map((labelText, index) => {\n const labelClasses = cn(\n styles.label,\n {\n [styles['label--subdued']]: labelText.type === 'subdued',\n [styles['label--on-dark']]: onColor === FormOnColor.ondark,\n },\n labelTextClassName\n );\n return (\n <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n {labelText.text}\n </span>\n );\n });\n };\n const CustomTag = htmlMarkup;\n\n return (\n <div className={labelWrapperClasses}>\n <div>\n <CustomTag className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n <span className={styles['label-content-wrapper']}>\n {children}\n <span className={styles.label__texts}>{mapLabels()}</span>\n </span>\n </CustomTag>\n <div className={sublabelWrapperClassName}>\n {formFieldTag && isComponent<FormFieldTagProps>(formFieldTag, FormFieldTag) && React.cloneElement(formFieldTag)}\n {sublabel &&\n isComponent<SublabelProps>(sublabel, Sublabel) &&\n React.cloneElement(sublabel, {\n onColor: onColor as FormOnColor,\n })}\n {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n <>\n <Spacer size={'3xs'} />\n {React.cloneElement(statusDot, {\n onColor: onColor === FormOnColor.ondark ? 'ondark' : 'onwhite',\n })}\n </>\n )}\n </div>\n </div>\n {afterLabelChildren && <div className={styles['after-label-children']}>{afterLabelChildren}</div>}\n </div>\n );\n};\n\nexport default Label;\n"],"names":["cn","React"],"mappings":"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"}
|
package/LazyIcon.js
CHANGED
|
@@ -4,7 +4,7 @@ import { lazy, useMemo, Suspense } from "react";
|
|
|
4
4
|
import { useIsServerSide } from "./hooks/useIsServerSide.js";
|
|
5
5
|
import { I as Icon } from "./Icon.js";
|
|
6
6
|
import { IconSize } from "./constants.js";
|
|
7
|
-
const lazyLoadIcon = (iconName) => lazy(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("./components/Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("./components/Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("./components/Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("./components/Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("./components/Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("./components/Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("./components/Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("./components/Icons/Apple.js"), "../Icons/Archive.tsx": () => import("./components/Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("./components/Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("./components/Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("./components/Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("./components/Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("./components/Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("./components/Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("./components/Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("./components/Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("./components/Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("./components/Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("./components/Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("./components/Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("./components/Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("./components/Icons/Bell.js"), "../Icons/Bike.tsx": () => import("./components/Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("./components/Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("./components/Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("./components/Icons/Boat.js"), "../Icons/Body.tsx": () => import("./components/Icons/Body.js"), "../Icons/Braille.tsx": () => import("./components/Icons/Braille.js"), "../Icons/Brain.tsx": () => import("./components/Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("./components/Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("./components/Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("./components/Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("./components/Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("./components/Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("./components/Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("./components/Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("./components/Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("./components/Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("./components/Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("./components/Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("./components/Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("./components/Icons/Candle.js"), "../Icons/Car.tsx": () => import("./components/Icons/Car.js"), "../Icons/Carton.tsx": () => import("./components/Icons/Carton.js"), "../Icons/Change.tsx": () => import("./components/Icons/Change.js"), "../Icons/Check.tsx": () => import("./components/Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("./components/Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("./components/Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("./components/Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("./components/Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("./components/Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("./components/Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("./components/Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("./components/Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("./components/Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("./components/Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("./components/Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("./components/Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("./components/Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("./components/Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("./components/Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("./components/Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("./components/Icons/Cough.js"), "../Icons/CreditCard.tsx": () => import("./components/Icons/CreditCard.js"), "../Icons/CriticalHealthInfo.tsx": () => import("./components/Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("./components/Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("./components/Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("./components/Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("./components/Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("./components/Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("./components/Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("./components/Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("./components/Icons/Documents.js"), "../Icons/Dog.tsx": () => import("./components/Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("./components/Icons/DonorCard.js"), "../Icons/DotActive.tsx": () => import("./components/Icons/DotActive.js"), "../Icons/DotAlert.tsx": () => import("./components/Icons/DotAlert.js"), "../Icons/DotCancelled.tsx": () => import("./components/Icons/DotCancelled.js"), "../Icons/DotHalfDisc.tsx": () => import("./components/Icons/DotHalfDisc.js"), "../Icons/DotInactive.tsx": () => import("./components/Icons/DotInactive.js"), "../Icons/DotInfo.tsx": () => import("./components/Icons/DotInfo.js"), "../Icons/DotLookingGlass.tsx": () => import("./components/Icons/DotLookingGlass.js"), "../Icons/DotPending.tsx": () => import("./components/Icons/DotPending.js"), "../Icons/DotQuestionMark.tsx": () => import("./components/Icons/DotQuestionMark.js"), "../Icons/DotSuccess.tsx": () => import("./components/Icons/DotSuccess.js"), "../Icons/DotTransparent.tsx": () => import("./components/Icons/DotTransparent.js"), "../Icons/DotWarningTriangle.tsx": () => import("./components/Icons/DotWarningTriangle.js"), "../Icons/Download.tsx": () => import("./components/Icons/Download.js"), "../Icons/Draft.tsx": () => import("./components/Icons/Draft.js"), "../Icons/Drag.tsx": () => import("./components/Icons/Drag.js"), "../Icons/EChat.tsx": () => import("./components/Icons/EChat.js"), "../Icons/Ear.tsx": () => import("./components/Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("./components/Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("./components/Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("./components/Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("./components/Icons/EarVolume.js"), "../Icons/Edit.tsx": () => import("./components/Icons/Edit.js"), "../Icons/ElderlyPerson.tsx": () => import("./components/Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("./components/Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("./components/Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("./components/Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("./components/Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("./components/Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("./components/Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("./components/Icons/EmoticonMeh.js"), "../Icons/EmptyBox.tsx": () => import("./components/Icons/EmptyBox.js"), "../Icons/EnterFullScreen.tsx": () => import("./components/Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("./components/Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("./components/Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("./components/Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("./components/Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("./components/Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("./components/Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("./components/Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("./components/Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("./components/Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("./components/Icons/FallingLeaf.js"), "../Icons/Female.tsx": () => import("./components/Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("./components/Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("./components/Icons/Ferry.js"), "../Icons/File.tsx": () => import("./components/Icons/File.js"), "../Icons/Filter.tsx": () => import("./components/Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("./components/Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("./components/Icons/FirstAidKit.js"), "../Icons/Fish.tsx": () => import("./components/Icons/Fish.js"), "../Icons/FloppyDisk.tsx": () => import("./components/Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("./components/Icons/Football.js"), "../Icons/Form.tsx": () => import("./components/Icons/Form.js"), "../Icons/Forward.tsx": () => import("./components/Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("./components/Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("./components/Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("./components/Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("./components/Icons/GenderIdentity.js"), "../Icons/GlassWater.tsx": () => import("./components/Icons/GlassWater.js"), "../Icons/Glasses.tsx": () => import("./components/Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("./components/Icons/Globe.js"), "../Icons/Grain.tsx": () => import("./components/Icons/Grain.js"), "../Icons/Graph.tsx": () => import("./components/Icons/Graph.js"), "../Icons/Group.tsx": () => import("./components/Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("./components/Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("./components/Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("./components/Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("./components/Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("./components/Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("./components/Icons/HealthClinic.js"), "../Icons/HealthMeasurements.tsx": () => import("./components/Icons/HealthMeasurements.js"), "../Icons/HealthWarning.tsx": () => import("./components/Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("./components/Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("./components/Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("./components/Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("./components/Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("./components/Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("./components/Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("./components/Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("./components/Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("./components/Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("./components/Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("./components/Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("./components/Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("./components/Icons/Home.js"), "../Icons/HomeFill.tsx": () => import("./components/Icons/HomeFill.js"), "../Icons/Hormone.tsx": () => import("./components/Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("./components/Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("./components/Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("./components/Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("./components/Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("./components/Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("./components/Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("./components/Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("./components/Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("./components/Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("./components/Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("./components/Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("./components/Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("./components/Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("./components/Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("./components/Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("./components/Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("./components/Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("./components/Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("./components/Icons/LightBulb.js"), "../Icons/List.tsx": () => import("./components/Icons/List.js"), "../Icons/Location.tsx": () => import("./components/Icons/Location.js"), "../Icons/LocationFill.tsx": () => import("./components/Icons/LocationFill.js"), "../Icons/Lock.tsx": () => import("./components/Icons/Lock.js"), "../Icons/Login.tsx": () => import("./components/Icons/Login.js"), "../Icons/Logout.tsx": () => import("./components/Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("./components/Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("./components/Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("./components/Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("./components/Icons/MaleDoctorAndPerson.js"), "../Icons/MaleDoctorCompact.tsx": () => import("./components/Icons/MaleDoctorCompact.js"), "../Icons/MaleDoctorCompactFill.tsx": () => import("./components/Icons/MaleDoctorCompactFill.js"), "../Icons/MaleGenitalia.tsx": () => import("./components/Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("./components/Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("./components/Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("./components/Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("./components/Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("./components/Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("./components/Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("./components/Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("./components/Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("./components/Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("./components/Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("./components/Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("./components/Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("./components/Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("./components/Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("./components/Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("./components/Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("./components/Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("./components/Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("./components/Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("./components/Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("./components/Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("./components/Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("./components/Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("./components/Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("./components/Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("./components/Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("./components/Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("./components/Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("./components/Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("./components/Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("./components/Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("./components/Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("./components/Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("./components/Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("./components/Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("./components/Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("./components/Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("./components/Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("./components/Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("./components/Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("./components/Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("./components/Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("./components/Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("./components/Icons/Plane.js"), "../Icons/Plant.tsx": () => import("./components/Icons/Plant.js"), "../Icons/PlateKnifeFork.tsx": () => import("./components/Icons/PlateKnifeFork.js"), "../Icons/Play.tsx": () => import("./components/Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("./components/Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("./components/Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("./components/Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("./components/Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("./components/Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("./components/Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("./components/Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("./components/Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("./components/Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("./components/Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("./components/Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("./components/Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("./components/Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("./components/Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("./components/Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("./components/Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("./components/Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("./components/Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("./components/Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("./components/Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("./components/Icons/Refund.js"), "../Icons/Reminder.tsx": () => import("./components/Icons/Reminder.js"), "../Icons/Reply.tsx": () => import("./components/Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("./components/Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("./components/Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("./components/Icons/STDs.js"), "../Icons/Save.tsx": () => import("./components/Icons/Save.js"), "../Icons/Scale.tsx": () => import("./components/Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("./components/Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("./components/Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("./components/Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("./components/Icons/Settings.js"), "../Icons/SettingsFill.tsx": () => import("./components/Icons/SettingsFill.js"), "../Icons/Sexualorientation.tsx": () => import("./components/Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("./components/Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("./components/Icons/Share.js"), "../Icons/SharedHealthData.tsx": () => import("./components/Icons/SharedHealthData.js"), "../Icons/SharedHealthMeasurements.tsx": () => import("./components/Icons/SharedHealthMeasurements.js"), "../Icons/Shield.tsx": () => import("./components/Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("./components/Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("./components/Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("./components/Icons/Skin.js"), "../Icons/Snake.tsx": () => import("./components/Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("./components/Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("./components/Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("./components/Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("./components/Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("./components/Icons/Spray.js"), "../Icons/StickyNote.tsx": () => import("./components/Icons/StickyNote.js"), "../Icons/StickyNotes.tsx": () => import("./components/Icons/StickyNotes.js"), "../Icons/Stopwatch.tsx": () => import("./components/Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("./components/Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("./components/Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("./components/Icons/Surgery.js"), "../Icons/Sweets.tsx": () => import("./components/Icons/Sweets.js"), "../Icons/Syringe.tsx": () => import("./components/Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("./components/Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("./components/Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("./components/Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("./components/Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("./components/Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("./components/Icons/TimePassing.js"), "../Icons/Toddler.tsx": () => import("./components/Icons/Toddler.js"), "../Icons/Tombstone.tsx": () => import("./components/Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("./components/Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("./components/Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("./components/Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("./components/Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("./components/Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("./components/Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("./components/Icons/TravelRoute.js"), "../Icons/TreatmentAids.tsx": () => import("./components/Icons/TreatmentAids.js"), "../Icons/TriangleX.tsx": () => import("./components/Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("./components/Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("./components/Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("./components/Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("./components/Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("./components/Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("./components/Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("./components/Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("./components/Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("./components/Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("./components/Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("./components/Icons/Watch.js"), "../Icons/Website.tsx": () => import("./components/Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("./components/Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("./components/Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("./components/Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("./components/Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("./components/Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("./components/Icons/X.js"), "../Icons/XOutline.tsx": () => import("./components/Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("./components/Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("./components/Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("./components/Icons/Zoom.js") }), `../Icons/${iconName}.tsx`, 3));
|
|
7
|
+
const lazyLoadIcon = (iconName) => lazy(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("./components/Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("./components/Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("./components/Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("./components/Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("./components/Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("./components/Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("./components/Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("./components/Icons/Apple.js"), "../Icons/Archive.tsx": () => import("./components/Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("./components/Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("./components/Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("./components/Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("./components/Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("./components/Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("./components/Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("./components/Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("./components/Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("./components/Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("./components/Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("./components/Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("./components/Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("./components/Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("./components/Icons/Bell.js"), "../Icons/Bike.tsx": () => import("./components/Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("./components/Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("./components/Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("./components/Icons/Boat.js"), "../Icons/Body.tsx": () => import("./components/Icons/Body.js"), "../Icons/Braille.tsx": () => import("./components/Icons/Braille.js"), "../Icons/Brain.tsx": () => import("./components/Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("./components/Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("./components/Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("./components/Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("./components/Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("./components/Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("./components/Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("./components/Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("./components/Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("./components/Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("./components/Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("./components/Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("./components/Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("./components/Icons/Candle.js"), "../Icons/Car.tsx": () => import("./components/Icons/Car.js"), "../Icons/Carton.tsx": () => import("./components/Icons/Carton.js"), "../Icons/Change.tsx": () => import("./components/Icons/Change.js"), "../Icons/Check.tsx": () => import("./components/Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("./components/Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("./components/Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("./components/Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("./components/Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("./components/Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("./components/Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("./components/Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("./components/Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("./components/Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("./components/Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("./components/Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("./components/Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("./components/Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("./components/Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("./components/Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("./components/Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("./components/Icons/Cough.js"), "../Icons/CreditCard.tsx": () => import("./components/Icons/CreditCard.js"), "../Icons/CriticalHealthInfo.tsx": () => import("./components/Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("./components/Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("./components/Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("./components/Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("./components/Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("./components/Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("./components/Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("./components/Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("./components/Icons/Documents.js"), "../Icons/Dog.tsx": () => import("./components/Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("./components/Icons/DonorCard.js"), "../Icons/DotActive.tsx": () => import("./components/Icons/DotActive.js"), "../Icons/DotAlert.tsx": () => import("./components/Icons/DotAlert.js"), "../Icons/DotCancelled.tsx": () => import("./components/Icons/DotCancelled.js"), "../Icons/DotHalfDisc.tsx": () => import("./components/Icons/DotHalfDisc.js"), "../Icons/DotInactive.tsx": () => import("./components/Icons/DotInactive.js"), "../Icons/DotInfo.tsx": () => import("./components/Icons/DotInfo.js"), "../Icons/DotLookingGlass.tsx": () => import("./components/Icons/DotLookingGlass.js"), "../Icons/DotPending.tsx": () => import("./components/Icons/DotPending.js"), "../Icons/DotQuestionMark.tsx": () => import("./components/Icons/DotQuestionMark.js"), "../Icons/DotSuccess.tsx": () => import("./components/Icons/DotSuccess.js"), "../Icons/DotTransparent.tsx": () => import("./components/Icons/DotTransparent.js"), "../Icons/DotWarningTriangle.tsx": () => import("./components/Icons/DotWarningTriangle.js"), "../Icons/Download.tsx": () => import("./components/Icons/Download.js"), "../Icons/Draft.tsx": () => import("./components/Icons/Draft.js"), "../Icons/Drag.tsx": () => import("./components/Icons/Drag.js"), "../Icons/EChat.tsx": () => import("./components/Icons/EChat.js"), "../Icons/Ear.tsx": () => import("./components/Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("./components/Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("./components/Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("./components/Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("./components/Icons/EarVolume.js"), "../Icons/Edit.tsx": () => import("./components/Icons/Edit.js"), "../Icons/ElderlyPerson.tsx": () => import("./components/Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("./components/Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("./components/Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("./components/Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("./components/Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("./components/Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("./components/Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("./components/Icons/EmoticonMeh.js"), "../Icons/EmptyBox.tsx": () => import("./components/Icons/EmptyBox.js"), "../Icons/EnterFullScreen.tsx": () => import("./components/Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("./components/Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("./components/Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("./components/Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("./components/Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("./components/Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("./components/Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("./components/Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("./components/Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("./components/Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("./components/Icons/FallingLeaf.js"), "../Icons/Feedback.tsx": () => import("./components/Icons/Feedback.js"), "../Icons/Female.tsx": () => import("./components/Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("./components/Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("./components/Icons/Ferry.js"), "../Icons/File.tsx": () => import("./components/Icons/File.js"), "../Icons/Filter.tsx": () => import("./components/Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("./components/Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("./components/Icons/FirstAidKit.js"), "../Icons/Fish.tsx": () => import("./components/Icons/Fish.js"), "../Icons/FloppyDisk.tsx": () => import("./components/Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("./components/Icons/Football.js"), "../Icons/Form.tsx": () => import("./components/Icons/Form.js"), "../Icons/Forward.tsx": () => import("./components/Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("./components/Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("./components/Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("./components/Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("./components/Icons/GenderIdentity.js"), "../Icons/GlassWater.tsx": () => import("./components/Icons/GlassWater.js"), "../Icons/Glasses.tsx": () => import("./components/Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("./components/Icons/Globe.js"), "../Icons/Grain.tsx": () => import("./components/Icons/Grain.js"), "../Icons/Graph.tsx": () => import("./components/Icons/Graph.js"), "../Icons/Group.tsx": () => import("./components/Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("./components/Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("./components/Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("./components/Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("./components/Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("./components/Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("./components/Icons/HealthClinic.js"), "../Icons/HealthMeasurements.tsx": () => import("./components/Icons/HealthMeasurements.js"), "../Icons/HealthWarning.tsx": () => import("./components/Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("./components/Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("./components/Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("./components/Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("./components/Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("./components/Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("./components/Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("./components/Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("./components/Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("./components/Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("./components/Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("./components/Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("./components/Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("./components/Icons/Home.js"), "../Icons/HomeFill.tsx": () => import("./components/Icons/HomeFill.js"), "../Icons/Hormone.tsx": () => import("./components/Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("./components/Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("./components/Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("./components/Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("./components/Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("./components/Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("./components/Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("./components/Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("./components/Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("./components/Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("./components/Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("./components/Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("./components/Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("./components/Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("./components/Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("./components/Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("./components/Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("./components/Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("./components/Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("./components/Icons/LightBulb.js"), "../Icons/List.tsx": () => import("./components/Icons/List.js"), "../Icons/Location.tsx": () => import("./components/Icons/Location.js"), "../Icons/LocationFill.tsx": () => import("./components/Icons/LocationFill.js"), "../Icons/Lock.tsx": () => import("./components/Icons/Lock.js"), "../Icons/Login.tsx": () => import("./components/Icons/Login.js"), "../Icons/Logout.tsx": () => import("./components/Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("./components/Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("./components/Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("./components/Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("./components/Icons/MaleDoctorAndPerson.js"), "../Icons/MaleDoctorCompact.tsx": () => import("./components/Icons/MaleDoctorCompact.js"), "../Icons/MaleDoctorCompactFill.tsx": () => import("./components/Icons/MaleDoctorCompactFill.js"), "../Icons/MaleGenitalia.tsx": () => import("./components/Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("./components/Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("./components/Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("./components/Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("./components/Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("./components/Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("./components/Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("./components/Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("./components/Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("./components/Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("./components/Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("./components/Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("./components/Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("./components/Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("./components/Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("./components/Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("./components/Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("./components/Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("./components/Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("./components/Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("./components/Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("./components/Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("./components/Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("./components/Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("./components/Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("./components/Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("./components/Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("./components/Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("./components/Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("./components/Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("./components/Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("./components/Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("./components/Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("./components/Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("./components/Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("./components/Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("./components/Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("./components/Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("./components/Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("./components/Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("./components/Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("./components/Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("./components/Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("./components/Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("./components/Icons/Plane.js"), "../Icons/Plant.tsx": () => import("./components/Icons/Plant.js"), "../Icons/PlateKnifeFork.tsx": () => import("./components/Icons/PlateKnifeFork.js"), "../Icons/Play.tsx": () => import("./components/Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("./components/Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("./components/Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("./components/Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("./components/Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("./components/Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("./components/Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("./components/Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("./components/Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("./components/Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("./components/Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("./components/Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("./components/Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("./components/Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("./components/Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("./components/Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("./components/Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("./components/Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("./components/Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("./components/Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("./components/Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("./components/Icons/Refund.js"), "../Icons/Reminder.tsx": () => import("./components/Icons/Reminder.js"), "../Icons/Reply.tsx": () => import("./components/Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("./components/Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("./components/Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("./components/Icons/STDs.js"), "../Icons/Save.tsx": () => import("./components/Icons/Save.js"), "../Icons/Scale.tsx": () => import("./components/Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("./components/Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("./components/Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("./components/Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("./components/Icons/Settings.js"), "../Icons/SettingsFill.tsx": () => import("./components/Icons/SettingsFill.js"), "../Icons/Sexualorientation.tsx": () => import("./components/Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("./components/Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("./components/Icons/Share.js"), "../Icons/SharedHealthData.tsx": () => import("./components/Icons/SharedHealthData.js"), "../Icons/SharedHealthMeasurements.tsx": () => import("./components/Icons/SharedHealthMeasurements.js"), "../Icons/Shield.tsx": () => import("./components/Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("./components/Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("./components/Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("./components/Icons/Skin.js"), "../Icons/Snake.tsx": () => import("./components/Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("./components/Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("./components/Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("./components/Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("./components/Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("./components/Icons/Spray.js"), "../Icons/StickyNote.tsx": () => import("./components/Icons/StickyNote.js"), "../Icons/StickyNotes.tsx": () => import("./components/Icons/StickyNotes.js"), "../Icons/Stopwatch.tsx": () => import("./components/Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("./components/Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("./components/Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("./components/Icons/Surgery.js"), "../Icons/Sweets.tsx": () => import("./components/Icons/Sweets.js"), "../Icons/Syringe.tsx": () => import("./components/Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("./components/Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("./components/Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("./components/Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("./components/Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("./components/Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("./components/Icons/TimePassing.js"), "../Icons/Toddler.tsx": () => import("./components/Icons/Toddler.js"), "../Icons/Tombstone.tsx": () => import("./components/Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("./components/Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("./components/Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("./components/Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("./components/Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("./components/Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("./components/Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("./components/Icons/TravelRoute.js"), "../Icons/TreatmentAids.tsx": () => import("./components/Icons/TreatmentAids.js"), "../Icons/TriangleX.tsx": () => import("./components/Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("./components/Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("./components/Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("./components/Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("./components/Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("./components/Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("./components/Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("./components/Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("./components/Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("./components/Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("./components/Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("./components/Icons/Watch.js"), "../Icons/Website.tsx": () => import("./components/Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("./components/Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("./components/Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("./components/Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("./components/Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("./components/Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("./components/Icons/X.js"), "../Icons/XOutline.tsx": () => import("./components/Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("./components/Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("./components/Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("./components/Icons/Zoom.js") }), `../Icons/${iconName}.tsx`, 3));
|
|
8
8
|
const LazyIcon = ({ iconName, size = IconSize.Small, ...rest }) => {
|
|
9
9
|
const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);
|
|
10
10
|
const isServerSide = useIsServerSide();
|
package/LazyIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
|
package/LinkList.js
CHANGED
|
@@ -5,6 +5,7 @@ import { AnalyticsId } from "./constants.js";
|
|
|
5
5
|
import { useHover } from "./hooks/useHover.js";
|
|
6
6
|
import { r as renderElementHeader } from "./ElementHeader.js";
|
|
7
7
|
import ChevronRight from "./components/Icons/ChevronRight.js";
|
|
8
|
+
import { l as listEditModeWrapperClassnames, L as ListEditModeItem } from "./ListEditMode.js";
|
|
8
9
|
import LinkListStyles from "./components/LinkList/styles.module.scss";
|
|
9
10
|
const Link = React__default.forwardRef((props, ref) => {
|
|
10
11
|
const {
|
|
@@ -22,6 +23,7 @@ const Link = React__default.forwardRef((props, ref) => {
|
|
|
22
23
|
variant,
|
|
23
24
|
htmlMarkup = "a",
|
|
24
25
|
highlightText,
|
|
26
|
+
editMode = false,
|
|
25
27
|
...restProps
|
|
26
28
|
} = props;
|
|
27
29
|
const { hoverRef, isHovered } = useHover(linkRef);
|
|
@@ -54,64 +56,96 @@ const Link = React__default.forwardRef((props, ref) => {
|
|
|
54
56
|
[LinkListStyles["link-list__status-marker--new"]]: status === "new"
|
|
55
57
|
});
|
|
56
58
|
const imageContainer = /* @__PURE__ */ jsx("span", { className: LinkListStyles["link-list__image-container"], children: image });
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
59
|
+
return /* @__PURE__ */ jsx("li", { className: liClasses, ref, "data-testid": testId, "data-analyticsid": AnalyticsId.Link, children: editMode ? /* @__PURE__ */ jsxs("div", { className: linkClasses, children: [
|
|
60
|
+
/* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
|
|
61
|
+
renderElementHeader(children, {
|
|
62
|
+
titleHtmlMarkup: "span",
|
|
63
|
+
size,
|
|
64
|
+
parentType: "linklist",
|
|
65
|
+
chevronIcon: chevron ? ChevronRight : void 0,
|
|
66
|
+
icon: icon ?? imageContainer,
|
|
67
|
+
highlightText
|
|
68
|
+
})
|
|
69
|
+
] }) : htmlMarkup === "a" ? /* @__PURE__ */ jsxs(
|
|
70
|
+
"a",
|
|
71
|
+
{
|
|
72
|
+
className: linkClasses,
|
|
73
|
+
ref: hoverRef,
|
|
74
|
+
rel: target === "_blank" ? "noopener noreferrer" : void 0,
|
|
75
|
+
target,
|
|
76
|
+
...restProps,
|
|
77
|
+
children: [
|
|
78
|
+
/* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
|
|
79
|
+
renderElementHeader(children, {
|
|
80
|
+
titleHtmlMarkup: "span",
|
|
81
|
+
isHovered,
|
|
82
|
+
size,
|
|
83
|
+
parentType: "linklist",
|
|
84
|
+
chevronIcon: chevron ? ChevronRight : void 0,
|
|
85
|
+
icon: icon ?? imageContainer,
|
|
86
|
+
highlightText
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
) : htmlMarkup === "button" && /* @__PURE__ */ jsxs("button", { className: linkClasses, ref: hoverRef, type: "button", ...restProps, children: [
|
|
91
|
+
/* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
|
|
92
|
+
renderElementHeader(children, {
|
|
93
|
+
titleHtmlMarkup: "span",
|
|
94
|
+
isHovered,
|
|
95
|
+
size,
|
|
96
|
+
parentType: "linklist",
|
|
97
|
+
chevronIcon: chevron ? ChevronRight : void 0,
|
|
98
|
+
icon: icon ?? imageContainer,
|
|
99
|
+
highlightText
|
|
100
|
+
})
|
|
101
|
+
] }) });
|
|
93
102
|
});
|
|
94
103
|
const LinkList = React__default.forwardRef(function LinkListForwardedRef(props, ref) {
|
|
95
|
-
const {
|
|
104
|
+
const {
|
|
105
|
+
children,
|
|
106
|
+
className = "",
|
|
107
|
+
chevron = false,
|
|
108
|
+
size = "medium",
|
|
109
|
+
color = "white",
|
|
110
|
+
testId,
|
|
111
|
+
variant = "line",
|
|
112
|
+
highlightText,
|
|
113
|
+
editMode = false
|
|
114
|
+
} = props;
|
|
96
115
|
const listClassNames = classNames(LinkListStyles["link-list"], className, {
|
|
97
|
-
[LinkListStyles[`link-list--outline--${color}`]]: variant === "outline"
|
|
116
|
+
[LinkListStyles[`link-list--outline--${color}`]]: variant === "outline",
|
|
117
|
+
[listEditModeWrapperClassnames]: editMode
|
|
98
118
|
});
|
|
99
119
|
return /* @__PURE__ */ jsx("ul", { ref, className: listClassNames, "data-testid": testId, "data-analyticsid": AnalyticsId.LinkList, children: React__default.Children.map(children, (child) => {
|
|
100
|
-
if (child.type === Link) {
|
|
101
|
-
|
|
102
|
-
color,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
120
|
+
if (React__default.isValidElement(child) && child.type === Link) {
|
|
121
|
+
if (editMode) {
|
|
122
|
+
return /* @__PURE__ */ jsx(ListEditModeItem, { color, variant, onDelete: child.props.onDelete, children: React__default.cloneElement(child, {
|
|
123
|
+
color,
|
|
124
|
+
size,
|
|
125
|
+
chevron: false,
|
|
126
|
+
variant,
|
|
127
|
+
highlightText,
|
|
128
|
+
editMode: true
|
|
129
|
+
}) });
|
|
130
|
+
} else {
|
|
131
|
+
return React__default.cloneElement(child, {
|
|
132
|
+
color,
|
|
133
|
+
size,
|
|
134
|
+
chevron,
|
|
135
|
+
variant,
|
|
136
|
+
highlightText,
|
|
137
|
+
editMode: false
|
|
138
|
+
});
|
|
139
|
+
}
|
|
108
140
|
}
|
|
141
|
+
return null;
|
|
109
142
|
}) });
|
|
110
143
|
});
|
|
111
144
|
LinkList.displayName = "LinkList";
|
|
112
145
|
LinkList.Link = Link;
|
|
113
146
|
Link.displayName = "LinkList.Link";
|
|
114
147
|
export {
|
|
115
|
-
LinkList as L
|
|
148
|
+
LinkList as L,
|
|
149
|
+
Link as a
|
|
116
150
|
};
|
|
117
151
|
//# sourceMappingURL=LinkList.js.map
|