@helsenorge/designsystem-react 13.7.0 → 13.9.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/lib/CHANGELOG.md +32 -0
- package/lib/Checkbox.js +1 -1
- package/lib/Checkbox.js.map +1 -1
- package/lib/DoctorSmall.js +22 -35
- package/lib/DoctorSmall.js.map +1 -1
- package/lib/Drawer.js +2 -1
- package/lib/Drawer.js.map +1 -1
- package/lib/HelpTriggerIcon.js +121 -43
- package/lib/HelpTriggerIcon.js.map +1 -1
- package/lib/IllustrationNames.js +6 -2
- package/lib/IllustrationNames.js.map +1 -1
- package/lib/Label.js +27 -23
- package/lib/Label.js.map +1 -1
- package/lib/LazyIllustration.js +5 -1
- package/lib/LazyIllustration.js.map +1 -1
- package/lib/RadioButton.js +1 -1
- package/lib/RadioButton.js.map +1 -1
- package/lib/StorkMedium.js +96 -0
- package/lib/StorkMedium.js.map +1 -0
- package/lib/ThinkingMedium.js +98 -0
- package/lib/ThinkingMedium.js.map +1 -0
- package/lib/components/Button/styles.module.scss +1 -3
- package/lib/components/Checkbox/styles.module.scss +4 -0
- package/lib/components/Checkbox/styles.module.scss.d.ts +1 -0
- package/lib/components/Drawer/styles.module.scss +4 -21
- package/lib/components/Drawer/styles.module.scss.d.ts +1 -1
- package/lib/components/ExpanderHierarchy/Expander.d.ts +2 -0
- package/lib/components/ExpanderHierarchy/ExpanderHierarchy.d.ts +1 -1
- package/lib/components/ExpanderHierarchy/index.js +2 -1
- package/lib/components/ExpanderHierarchy/index.js.map +1 -1
- package/lib/components/HelpTriggerIcon/HelpSign.d.ts +2 -2
- package/lib/components/HelpTriggerInline/styles.module.scss +1 -0
- package/lib/components/Illustrations/IllustrationNames.d.ts +1 -1
- package/lib/components/Illustrations/Stork.d.ts +11 -0
- package/lib/components/Illustrations/Stork.js +16 -0
- package/lib/components/Illustrations/Stork.js.map +1 -0
- package/lib/components/Illustrations/StorkMedium.d.ts +4 -0
- package/lib/components/Illustrations/StorkMedium.js +2 -0
- package/lib/components/Illustrations/Thinking.d.ts +9 -0
- package/lib/components/Illustrations/Thinking.js +16 -0
- package/lib/components/Illustrations/Thinking.js.map +1 -0
- package/lib/components/Illustrations/ThinkingMedium.d.ts +4 -0
- package/lib/components/Illustrations/ThinkingMedium.js +2 -0
- package/lib/components/Label/Label.d.ts +3 -1
- package/lib/components/Label/styles.module.scss +1 -1
- package/lib/components/RadioButton/styles.module.scss +4 -0
- package/lib/components/RadioButton/styles.module.scss.d.ts +1 -0
- package/lib/components/ServiceMessage/ServiceMessage.d.ts +3 -1
- package/lib/components/ServiceMessage/index.js +3 -3
- package/lib/components/ServiceMessage/index.js.map +1 -1
- package/lib/components/StickyNote/Triangle.d.ts +0 -1
- package/lib/components/StickyNote/index.js +8 -5
- package/lib/components/StickyNote/index.js.map +1 -1
- package/package.json +1 -1
package/lib/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
## [13.9.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv13.8.0&targetVersion=GTv13.9.0) (2026-03-09)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **illustration:** nye illustrasjoner stork og thinking ([26d4edc](https://github.com/helsenorge/designsystem/commit/26d4edce1606559c4017b74097513b090dd3cb0e)), closes [#372380](https://github.com/helsenorge/designsystem/issues/372380)
|
|
7
|
+
* **servicemessage:** ny prop messageRole ([ee8ac9f](https://github.com/helsenorge/designsystem/commit/ee8ac9f084ec3e51904b0a58ff9bb0ccd5f45542)), closes [#372043](https://github.com/helsenorge/designsystem/issues/372043)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* generer ider til svger istedenfor hardkodede ([ea0cccf](https://github.com/helsenorge/designsystem/commit/ea0cccf37a31a817940b36f78b73af7303accb1b)), closes [#372412](https://github.com/helsenorge/designsystem/issues/372412)
|
|
13
|
+
* **button:** ikke vis hoverfarge på små skjermer for disabled buttons ([9a6a451](https://github.com/helsenorge/designsystem/commit/9a6a451fefaaf181858a282ca467bfdf176ec6f7)), closes [#372696](https://github.com/helsenorge/designsystem/issues/372696)
|
|
14
|
+
* **datepicker:** legg på outline ved hover på kalenderknapp ([b0c1a4e](https://github.com/helsenorge/designsystem/commit/b0c1a4e0025c1d7dfa69ab7cf08f00cb790cb0a0)), closes [#345238](https://github.com/helsenorge/designsystem/issues/345238)
|
|
15
|
+
* **datepicker:** småfikser rundt validering ([cd06bee](https://github.com/helsenorge/designsystem/commit/cd06beed0212d3d82fb67165722f5f740367255b)), closes [#372577](https://github.com/helsenorge/designsystem/issues/372577) [#373156](https://github.com/helsenorge/designsystem/issues/373156)
|
|
16
|
+
* **drawer:** flytt lukkekryss tilbake til flexbox ([f0f3c6f](https://github.com/helsenorge/designsystem/commit/f0f3c6f0c2f8d5c6b615c1ac7dbf6aab997b2e73)), closes [#373141](https://github.com/helsenorge/designsystem/issues/373141)
|
|
17
|
+
* **helptriggerinline:** tekst er nå left aligned ([ea0deeb](https://github.com/helsenorge/designsystem/commit/ea0deebe9a2ee373766a5ac6e4500fc581b0ee97)), closes [#372216](https://github.com/helsenorge/designsystem/issues/372216)
|
|
18
|
+
* **unsafe_datepicker:** bruk resources i labels fra react-day-picker ([0958b64](https://github.com/helsenorge/designsystem/commit/0958b64f730776a515917e5dcd44392e5d19ab50)), closes [#345238](https://github.com/helsenorge/designsystem/issues/345238) [#372577](https://github.com/helsenorge/designsystem/issues/372577)
|
|
19
|
+
|
|
20
|
+
## [13.8.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv13.7.0&targetVersion=GTv13.8.0) (2026-02-24)
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Features
|
|
24
|
+
|
|
25
|
+
* **expanderhierarchy:** expander har fått ref prop ([74783f1](https://github.com/helsenorge/designsystem/commit/74783f17d93334b39d7c07f7b17ed8bb2b38340c)), closes [#371787](https://github.com/helsenorge/designsystem/issues/371787)
|
|
26
|
+
* **label:** flytt afterLabelChildren til topp og knyttet til hovedlabel ([c7db421](https://github.com/helsenorge/designsystem/commit/c7db421b5196399c8d976567071e97056e92d286)), closes [#366134](https://github.com/helsenorge/designsystem/issues/366134)
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Bug Fixes
|
|
30
|
+
|
|
31
|
+
* **helptriggericon:** bruk riktig svg for str xl på desktop og mobil ([d51ce49](https://github.com/helsenorge/designsystem/commit/d51ce49ae6e6b159bcb34e3f864e72fd5c027ded)), closes [#371659](https://github.com/helsenorge/designsystem/issues/371659)
|
|
32
|
+
|
|
1
33
|
## [13.7.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv13.6.0&targetVersion=GTv13.7.0) (2026-02-16)
|
|
2
34
|
|
|
3
35
|
|
package/lib/Checkbox.js
CHANGED
|
@@ -106,7 +106,7 @@ const Checkbox = React.forwardRef((props, ref) => {
|
|
|
106
106
|
"data-testid": testId,
|
|
107
107
|
"data-analyticsid": AnalyticsId.Checkbox,
|
|
108
108
|
className: checkboxWrapperClasses,
|
|
109
|
-
children: renderLabelAsParent(label, getLabelContent(), inputId, onColor, checkboxLabelClasses, labelTextClasses, checkboxStyles["checkbox-sublabel-wrapper"], large)
|
|
109
|
+
children: renderLabelAsParent(label, getLabelContent(), inputId, onColor, checkboxLabelClasses, labelTextClasses, checkboxStyles["checkbox-sublabel-wrapper"], large, void 0, checkboxStyles["checkbox-afterlabelchildren-wrapper"])
|
|
110
110
|
})
|
|
111
111
|
});
|
|
112
112
|
});
|
package/lib/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":[],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormOnColor, FormSize, IconSize } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys/color';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper, { type ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label';\n\nimport checkboxStyles from './styles.module.scss';\n\nexport interface CheckboxProps\n extends\n ErrorWrapperClassNameProps,\n Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'\n > {\n /** Adds custom classes to the element. */\n className?: string;\n /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */\n label: React.ReactNode;\n /** input id of the checkbox */\n inputId?: string;\n /** Changes the visuals of the checkbox */\n onColor?: keyof typeof FormOnColor;\n /** Changes the visuals of the checkbox */\n size?: keyof typeof FormSize;\n /** Activates Error style for the checkbox - This is can be true while errorText is empty, when in a FormGroup */\n error?: boolean;\n /** Error text to show above the component */\n errorText?: string;\n /** Error text id */\n errorTextId?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const Checkbox = React.forwardRef((props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => {\n const {\n className,\n checked = false,\n disabled,\n label,\n inputId = uuid(),\n onColor = FormOnColor.onwhite,\n name = inputId,\n size,\n errorText,\n error = !!errorText,\n errorTextId: errorTextIdProp,\n errorWrapperClassName,\n value = getLabelText(label),\n testId,\n required,\n onChange,\n } = props;\n const [isChecked, setIsChecked] = useState(checked);\n const errorTextId = useIdWithFallback(errorTextIdProp);\n const onWhite = onColor === FormOnColor.onwhite;\n const onGrey = onColor === FormOnColor.ongrey;\n const onBlueberry = onColor === FormOnColor.onblueberry;\n const onInvalid = error || onColor === FormOnColor.oninvalid;\n const onDark = onColor === FormOnColor.ondark;\n const large = size === FormSize.large;\n const { refObject, isFocused } = usePseudoClasses<HTMLInputElement>(isMutableRefObject(ref) ? ref : null);\n const mergedRefs = mergeRefs([ref, refObject]);\n\n const checkboxWrapperClasses = classNames(checkboxStyles['checkbox-wrapper'], {\n [checkboxStyles['checkbox-wrapper--large']]: large,\n });\n const checkboxLabelClasses = classNames(checkboxStyles['checkbox-label'], {\n [checkboxStyles['checkbox-label--disabled']]: disabled,\n [checkboxStyles['checkbox-label--on-dark']]: onDark,\n [checkboxStyles['checkbox-label--large']]: large,\n [checkboxStyles['checkbox-label__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox-label__large--focus']]: large && isFocused,\n [checkboxStyles['checkbox-label__large--on-white']]: large && onWhite,\n [checkboxStyles['checkbox-label__large--on-grey']]: large && onGrey,\n [checkboxStyles['checkbox-label__large--on-blueberry']]: large && onBlueberry,\n [checkboxStyles['checkbox-label__large--on-invalid']]: large && onInvalid,\n [checkboxStyles['checkbox-label__large--disabled']]: large && disabled,\n });\n const checkboxClasses = classNames(checkboxStyles.checkbox, className);\n const checkboxIconWrapperClasses = classNames(checkboxStyles['checkbox__icon-wrapper'], {\n [checkboxStyles['checkbox__icon-wrapper--on-white']]: onWhite,\n [checkboxStyles['checkbox__icon-wrapper--on-grey']]: onGrey,\n [checkboxStyles['checkbox__icon-wrapper--on-invalid']]: onInvalid,\n [checkboxStyles['checkbox__icon-wrapper--disabled']]: disabled,\n [checkboxStyles['checkbox__icon-wrapper__regular--checked']]: !large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__regular--invalid']]: !large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__regular--on-dark']]: !large && isChecked && onDark,\n [checkboxStyles['checkbox__icon-wrapper__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper--on-dark']]: onDark,\n [checkboxStyles['checkbox__icon-wrapper--on-blueberry']]: onBlueberry,\n [checkboxStyles['checkbox__icon-wrapper--invalid']]: onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--disabled']]: disabled && large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__large--checked--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--checked--disabled']]: disabled && large && isChecked,\n });\n const labelTextClasses = classNames(checkboxStyles['checkbox-label__text'], {\n [checkboxStyles['checkbox-label__text__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox-label__text__large--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox-label__text--on-dark']]: onDark,\n [checkboxStyles['checkbox-label__text--disabled']]: disabled,\n });\n\n let iconColor = getColor('white');\n if (onDark || (large && isChecked)) iconColor = getColor('blueberry', 900);\n if (onInvalid && large && isChecked) iconColor = getColor('white');\n if (disabled) iconColor = getColor('neutral', 700);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (onChange) {\n onChange(e);\n }\n\n setIsChecked(!isChecked);\n };\n\n const getLabelContent = (): React.ReactNode => {\n return (\n <>\n <input\n id={inputId}\n name={name}\n className={checkboxClasses}\n type=\"checkbox\"\n checked={isChecked}\n disabled={disabled}\n value={value}\n ref={mergedRefs}\n aria-describedby={getAriaDescribedBy(props, errorTextId)}\n aria-invalid={error}\n required={required}\n onChange={onChangeHandler}\n />\n <span className={checkboxIconWrapperClasses}>\n {isChecked && <Icon color={iconColor} className={checkboxStyles['checkbox__icon']} svgIcon={Check} size={IconSize.XSmall} />}\n </span>\n </>\n );\n };\n\n return (\n <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextId}>\n <div data-testid={testId} data-analyticsid={AnalyticsId.Checkbox} className={checkboxWrapperClasses}>\n {renderLabelAsParent(\n label,\n getLabelContent(),\n inputId,\n onColor as FormOnColor,\n checkboxLabelClasses,\n labelTextClasses,\n checkboxStyles['checkbox-sublabel-wrapper'],\n large\n )}\n </div>\n </ErrorWrapper>\n );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":[],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormOnColor, FormSize, IconSize } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys/color';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper, { type ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label';\n\nimport checkboxStyles from './styles.module.scss';\n\nexport interface CheckboxProps\n extends\n ErrorWrapperClassNameProps,\n Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'\n > {\n /** Adds custom classes to the element. */\n className?: string;\n /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */\n label: React.ReactNode;\n /** input id of the checkbox */\n inputId?: string;\n /** Changes the visuals of the checkbox */\n onColor?: keyof typeof FormOnColor;\n /** Changes the visuals of the checkbox */\n size?: keyof typeof FormSize;\n /** Activates Error style for the checkbox - This is can be true while errorText is empty, when in a FormGroup */\n error?: boolean;\n /** Error text to show above the component */\n errorText?: string;\n /** Error text id */\n errorTextId?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport const Checkbox = React.forwardRef((props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => {\n const {\n className,\n checked = false,\n disabled,\n label,\n inputId = uuid(),\n onColor = FormOnColor.onwhite,\n name = inputId,\n size,\n errorText,\n error = !!errorText,\n errorTextId: errorTextIdProp,\n errorWrapperClassName,\n value = getLabelText(label),\n testId,\n required,\n onChange,\n } = props;\n const [isChecked, setIsChecked] = useState(checked);\n const errorTextId = useIdWithFallback(errorTextIdProp);\n const onWhite = onColor === FormOnColor.onwhite;\n const onGrey = onColor === FormOnColor.ongrey;\n const onBlueberry = onColor === FormOnColor.onblueberry;\n const onInvalid = error || onColor === FormOnColor.oninvalid;\n const onDark = onColor === FormOnColor.ondark;\n const large = size === FormSize.large;\n const { refObject, isFocused } = usePseudoClasses<HTMLInputElement>(isMutableRefObject(ref) ? ref : null);\n const mergedRefs = mergeRefs([ref, refObject]);\n\n const checkboxWrapperClasses = classNames(checkboxStyles['checkbox-wrapper'], {\n [checkboxStyles['checkbox-wrapper--large']]: large,\n });\n const checkboxLabelClasses = classNames(checkboxStyles['checkbox-label'], {\n [checkboxStyles['checkbox-label--disabled']]: disabled,\n [checkboxStyles['checkbox-label--on-dark']]: onDark,\n [checkboxStyles['checkbox-label--large']]: large,\n [checkboxStyles['checkbox-label__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox-label__large--focus']]: large && isFocused,\n [checkboxStyles['checkbox-label__large--on-white']]: large && onWhite,\n [checkboxStyles['checkbox-label__large--on-grey']]: large && onGrey,\n [checkboxStyles['checkbox-label__large--on-blueberry']]: large && onBlueberry,\n [checkboxStyles['checkbox-label__large--on-invalid']]: large && onInvalid,\n [checkboxStyles['checkbox-label__large--disabled']]: large && disabled,\n });\n const checkboxClasses = classNames(checkboxStyles.checkbox, className);\n const checkboxIconWrapperClasses = classNames(checkboxStyles['checkbox__icon-wrapper'], {\n [checkboxStyles['checkbox__icon-wrapper--on-white']]: onWhite,\n [checkboxStyles['checkbox__icon-wrapper--on-grey']]: onGrey,\n [checkboxStyles['checkbox__icon-wrapper--on-invalid']]: onInvalid,\n [checkboxStyles['checkbox__icon-wrapper--disabled']]: disabled,\n [checkboxStyles['checkbox__icon-wrapper__regular--checked']]: !large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__regular--invalid']]: !large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__regular--on-dark']]: !large && isChecked && onDark,\n [checkboxStyles['checkbox__icon-wrapper__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper--on-dark']]: onDark,\n [checkboxStyles['checkbox__icon-wrapper--on-blueberry']]: onBlueberry,\n [checkboxStyles['checkbox__icon-wrapper--invalid']]: onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--disabled']]: disabled && large && isChecked,\n [checkboxStyles['checkbox__icon-wrapper__large--checked--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox__icon-wrapper__large--checked--disabled']]: disabled && large && isChecked,\n });\n const labelTextClasses = classNames(checkboxStyles['checkbox-label__text'], {\n [checkboxStyles['checkbox-label__text__large--checked']]: large && isChecked,\n [checkboxStyles['checkbox-label__text__large--invalid']]: large && isChecked && onInvalid,\n [checkboxStyles['checkbox-label__text--on-dark']]: onDark,\n [checkboxStyles['checkbox-label__text--disabled']]: disabled,\n });\n\n let iconColor = getColor('white');\n if (onDark || (large && isChecked)) iconColor = getColor('blueberry', 900);\n if (onInvalid && large && isChecked) iconColor = getColor('white');\n if (disabled) iconColor = getColor('neutral', 700);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (onChange) {\n onChange(e);\n }\n\n setIsChecked(!isChecked);\n };\n\n const getLabelContent = (): React.ReactNode => {\n return (\n <>\n <input\n id={inputId}\n name={name}\n className={checkboxClasses}\n type=\"checkbox\"\n checked={isChecked}\n disabled={disabled}\n value={value}\n ref={mergedRefs}\n aria-describedby={getAriaDescribedBy(props, errorTextId)}\n aria-invalid={error}\n required={required}\n onChange={onChangeHandler}\n />\n <span className={checkboxIconWrapperClasses}>\n {isChecked && <Icon color={iconColor} className={checkboxStyles['checkbox__icon']} svgIcon={Check} size={IconSize.XSmall} />}\n </span>\n </>\n );\n };\n\n return (\n <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextId}>\n <div data-testid={testId} data-analyticsid={AnalyticsId.Checkbox} className={checkboxWrapperClasses}>\n {renderLabelAsParent(\n label,\n getLabelContent(),\n inputId,\n onColor as FormOnColor,\n checkboxLabelClasses,\n labelTextClasses,\n checkboxStyles['checkbox-sublabel-wrapper'],\n large,\n undefined,\n checkboxStyles['checkbox-afterlabelchildren-wrapper']\n )}\n </div>\n </ErrorWrapper>\n );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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"}
|
package/lib/DoctorSmall.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
2
|
var DoctorSmall = ({ color, svgProperties, title }) => {
|
|
4
3
|
const palette = (() => {
|
|
@@ -21,41 +20,29 @@ var DoctorSmall = ({ color, svgProperties, title }) => {
|
|
|
21
20
|
...svgProperties,
|
|
22
21
|
children: [
|
|
23
22
|
title,
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
d: "m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z",
|
|
29
|
-
fill: palette.hair,
|
|
30
|
-
"data-testid": "doctor-small"
|
|
31
|
-
}),
|
|
32
|
-
/* @__PURE__ */ jsx("path", {
|
|
33
|
-
d: "m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z",
|
|
34
|
-
fill: palette.shirt
|
|
35
|
-
}),
|
|
36
|
-
/* @__PURE__ */ jsx("path", {
|
|
37
|
-
d: "M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z",
|
|
38
|
-
fill: "#fff"
|
|
39
|
-
}),
|
|
40
|
-
/* @__PURE__ */ jsx("path", {
|
|
41
|
-
fillRule: "evenodd",
|
|
42
|
-
clipRule: "evenodd",
|
|
43
|
-
d: "M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z",
|
|
44
|
-
fill: "#000"
|
|
45
|
-
}),
|
|
46
|
-
/* @__PURE__ */ jsx("path", {
|
|
47
|
-
d: "M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z",
|
|
48
|
-
fill: "#000"
|
|
49
|
-
})
|
|
50
|
-
]
|
|
23
|
+
/* @__PURE__ */ jsx("path", {
|
|
24
|
+
d: "m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z",
|
|
25
|
+
fill: palette.hair,
|
|
26
|
+
"data-testid": "doctor-small"
|
|
51
27
|
}),
|
|
52
|
-
/* @__PURE__ */ jsx("
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
28
|
+
/* @__PURE__ */ jsx("path", {
|
|
29
|
+
d: "m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z",
|
|
30
|
+
fill: palette.shirt
|
|
31
|
+
}),
|
|
32
|
+
/* @__PURE__ */ jsx("path", {
|
|
33
|
+
d: "M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z",
|
|
34
|
+
fill: "#fff"
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ jsx("path", {
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z",
|
|
40
|
+
fill: "#000"
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ jsx("path", {
|
|
43
|
+
d: "M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z",
|
|
44
|
+
fill: "#000"
|
|
45
|
+
})
|
|
59
46
|
]
|
|
60
47
|
});
|
|
61
48
|
};
|
package/lib/DoctorSmall.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Palette } from './Doctor';\nimport { BaseSvgIllustrationProps } from '../Illustration';\n\nconst DoctorSmall: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00687F',\n shirt: '#00AEC7',\n };\n case 'cherry':\n return {\n hair: '#BA2025',\n shirt: '#F1593C',\n };\n default:\n return {\n hair: '#989693',\n shirt: '#D6D4D3',\n };\n }\n })();\n\n return (\n <svg {...svgProperties}>\n {title}\n <g clipPath=\"url(#Color=Blueberry, Size=Small__a)\">\n <path\n d=\"m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z\"\n fill={palette.hair}\n data-testid=\"doctor-small\"\n />\n <path\n d=\"m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z\"\n fill={palette.shirt}\n />\n <path\n d=\"M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z\"\n fill=\"#fff\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z\"\n fill=\"#000\"\n />\n <path\n d=\"M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z\"\n fill=\"#000\"\n />\n </g>\n <defs>\n <clipPath id=\"Color=Blueberry, Size=Small__a\">\n <path fill=\"#fff\" d=\"M0 0h200v200H0z\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nexport default DoctorSmall;\n"],"mappings":";;AAKA,IAAMA,eAAmD,EAAE,OAAO,eAAe,YAAY;CAC3F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,KAAK,SACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,QACE,QAAO;IACL,MAAM;IACN,OAAO;IACR;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;;GACN;GACD,qBAAC,KAAA;IAAE,UAAS;;KACV,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;MACd,eAAY;OACZ;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAM,QAAQ;OACd;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;OACL;KACF,oBAAC,QAAA;MACC,GAAE;MACF,MAAK;OACL;;KACA;GACJ,oBAAC,QAAA,EAAA,UACC,oBAAC,YAAA;IAAS,IAAG;cACX,oBAAC,QAAA;KAAK,MAAK;KAAO,GAAE;MAAoB;KAC/B,EAAA,CACN;;GACH;;AAIV,IAAA,sBAAe"}
|
|
1
|
+
{"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { Palette } from './Doctor';\nimport type { BaseSvgIllustrationProps } from '../Illustration';\n\nconst DoctorSmall: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n hair: '#00687F',\n shirt: '#00AEC7',\n };\n case 'cherry':\n return {\n hair: '#BA2025',\n shirt: '#F1593C',\n };\n default:\n return {\n hair: '#989693',\n shirt: '#D6D4D3',\n };\n }\n })();\n\n return (\n <svg {...svgProperties}>\n {title}\n <path\n d=\"m83.57 54.35 1.077 5.542-3.489-1.694-1.334-3.283-.308-3.694 4.053 3.13Zm-.616-8.824 2.719 3.95 2.463-.462.82-1.436 2.207-5.798 1.129-2.668 4.925 2.668 3.848 1.283 4.926.975 4.617-.308 4.208-1.385 3.026-1.386.924-1.847v-2.155l-.924-3.642-1.59-2.874-2.257-3.54-2.36-3.027-3.438-3.13L104.965 19h-5.029l-3.848 1.026-4.617 1.95-3.335 1.898-3.13 1.129h-2.72l-2.462.82-1.95 1.9-1.436 2.718-1.283 4.002.257 3.387 2.462 4.515.719 2.873 1.898-1.488 2.463 1.796Z\"\n fill={palette.hair}\n data-testid=\"doctor-small\"\n />\n <path\n d=\"m84.006 75.403-2.998-2.363-.94 7.33v20.07L82 116.649l2.215 13.287 1.696 9.423 3.44 12.438h13.521l1.461-10.554.989-11.637.707-11.355.471-13.758.405-30.536-3.365 2.303-4.516 2.05c-1.182.226-3.625.678-3.94.678h-3.517l-2.655-.678-4.906-2.907Z\"\n fill={palette.shirt}\n />\n <path\n d=\"M71.582 74.903c3.643-2.65 8.28-4.554 10.143-5.175l-1.2 7.25-.41 5.373v9.75l.238 9.857.671 8.687.867 6.737 1.69 8.645.823 5.285 1.408 7.194 2.015 7.929 1.49 5.36h-10.44l14.943 10.392-2.632 3.108-1.871 3.52-1.173 3.867-.508 4.44-.253 3.71-4.63-1.427-6.31-2.568-6.818-3.773-8.244-5.708-6.691-5.422-5.676-5.677-4.63-5.866-1.965-2.885 1.014-15.221 2.442-22.768 1.078-7.293 2.06-7.864 1.872-4.978 1.966-1.903 4.597-3.266 4.508-3.1c1.69-.966 5.983-3.56 9.626-6.21Zm35.05 17.869.411-22.618 7.778 3.51 4.528 2.86 7.712 5.047 6.565 4.658 4.484 19.65 4.571 20.191 3.814 16.53.563 2.469-.196 2.579-1.473 4.592-3.249 9.078-2.275 5.112-3.315 5.091-2.08 1.69-2.383.326-2.036-.889 4.419-3.336v-1.062l-.628-3.249-1.04-2.492-1.624-2.144-1.712-1.538-2.729-1.322-2.666 2.86-3.444-.78.629-1.257 1.992-6.533H102.71l1.127-6.964.52-3.357.802-10.356.433-5.091.52-10.118.325-8.232.195-14.905Z\"\n fill=\"#fff\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M102.423 18.127c1.358-.043 2.788.07 3.918.554 2.059.883 4.095 2.383 7.06 5.735 3.006 3.4 5.287 8.001 5.909 10.754.293 1.296.499 2.536.289 3.696-.222 1.224-.882 2.254-2.082 3.187-1.163.902-2.558 1.64-4.229 2.15-.11 1.734-.376 5.097-.728 7.198-.478 2.844-1.512 6.176-2.174 8.057-.696 1.976-2.094 4.245-3.328 5.548a8.448 8.448 0 0 1-2.135 1.649c-.149 1.345.189 2.219.601 2.773.186.25.396.447.601.597a.924.924 0 0 1 1.187-.718c.502.157 1.433.587 2.531 1.13 1.128.559 2.507 1.274 3.948 2.041 2.88 1.534 6.03 3.287 7.937 4.422 1.929 1.148 4.717 3.101 7.067 4.788 1.082.777 2.077 1.502 2.863 2.075l.21.152a161.605 161.605 0 0 0 1.311.947l.093.065.031.02c.258.155.525.342.767.607a.925.925 0 0 1 .354.485c.189.326.324.7.421 1.135l10.385 45.784.004.019c.287 1.398.74 3.552 1.167 5.472.213.961.418 1.859.592 2.572.18.741.311 1.217.376 1.384.528 1.373.51 2.921.439 4.34-.043.819-.293 1.911-.565 2.915-.114.421-.236.839-.356 1.235h24.664a.926.926 0 1 1 0 1.853h-25.259c-.643 1.916-2.7 7.841-4.142 11.098-1.568 3.54-3.196 5.855-4.329 7.304-.606.776-1.421 1.543-2.178 2.13a10.69 10.69 0 0 1-.746.534.939.939 0 0 1-.173.107c-.065.04-.129.078-.192.114-.32.182-.713.37-1.09.416-.253.03-.558.014-.824-.011a15.2 15.2 0 0 1-.923-.122 29.547 29.547 0 0 1-1.698-.326.786.786 0 0 1-.098-.027c-1.43 1.058-5.3 3.524-9.931 4.591-4.841 1.114-8.666.303-10.863-.162a33.597 33.597 0 0 0-.491-.104c-1.67-.342-3.29-1.262-4.106-1.818-.645.504-1.259.96-1.712 1.275-.893.621-2.212 1.395-4.191 1.933-1.9.517-3.572.765-5.013.622-.932-.092-3.612-.499-5.26-.757-.018.494-.02.956-.012 1.392a.929.929 0 0 1-1.163.914c-1.54-.405-4.912-1.519-8.743-3.177-3.86-1.672-10.41-5.382-14.132-7.955-3.73-2.58-8.546-6.608-12.647-10.63-2.07-2.03-4.305-4.593-6.144-6.875-.188-.234-.372-.465-.552-.693a.99.99 0 0 1-.174.016H28.447a.927.927 0 0 1 0-1.853h15.08c-.886-1.193-1.56-2.188-1.885-2.798a.926.926 0 0 1-.108-.466c.079-2.401.471-10.169.982-15.749.51-5.561 2.077-20.42 3.138-27.222.538-3.446 1.462-6.888 2.287-9.536a72.474 72.474 0 0 1 1.11-3.299c.297-.81.54-1.412.654-1.627.345-.645 1.002-1.82 2.583-3.102.758-.614 4.721-3.42 8.63-6.15 3.91-2.732 7.88-5.468 8.657-5.939 1.495-.905 6.153-3.708 11.726-6.198a.927.927 0 0 1 1.25.53l.163-.06a6.83 6.83 0 0 0 .52-.22c.132-.063.18-.096.18-.096.152-.15.716-1.013.656-2.763-.01-.255-.013-.527-.017-.82-.015-1.022-.033-2.308-.28-4.14-.476-.24-1.481-.755-2.032-1.082-.842-.5-1.699-1.357-2.363-2.686-.175-.349-.314-.867-.43-1.383a31.374 31.374 0 0 1-.343-1.843 74.44 74.44 0 0 1-.482-3.64.922.922 0 0 1 .104-.534c-.211-.675-.45-1.548-.514-2.47a6.28 6.28 0 0 1 .053-1.407.924.924 0 0 1-.11-.527c-.001.009.002-.034-.007-.144a4.533 4.533 0 0 0-.057-.425c-.065-.36-.186-.86-.405-1.491-.265-.764-.827-1.91-1.4-3.08l-.024-.047a66.107 66.107 0 0 1-.794-1.66c-.222-.487-.424-.971-.52-1.346-.35-1.378-.212-2.98.432-5.28.684-2.444 2.365-4.567 2.829-5.124l.061-.074c.51-.62 2.203-2.682 5.071-2.682 1.21 0 1.91-.092 2.37-.19a6.412 6.412 0 0 0 .668-.182c.148-.047.322-.101.498-.143.064-.014.249-.082.586-.238a30.73 30.73 0 0 0 1.15-.574c.471-.244.956-.502 1.464-.772.497-.264 1.016-.54 1.564-.825 2.199-1.147 5.02-2.07 7.328-2.554 1.16-.243 2.572-.454 3.953-.499Zm-23.319 25.17a1.914 1.914 0 0 1 1.198-.498c.503-.026.975.137 1.371.347.784.415 1.555 1.162 2.211 1.926a19.98 19.98 0 0 1 1.762 2.42 14.42 14.42 0 0 1 .649 1.156c.723-.109 1.328-.42 1.745-1.193.267-.496.867-2.008 1.534-3.785.654-1.743 1.34-3.653 1.773-4.879a.927.927 0 0 1 1.245-.541c1.01.441 2.054.983 3.028 1.496l.259.136c.888.467 1.705.898 2.423 1.222 1.574.712 5.095 2.027 9.222 2.027 4.144 0 6.939-1.054 8.855-2.543.909-.705 1.27-1.357 1.395-2.053.138-.757.018-1.672-.272-2.956-.544-2.408-2.661-6.736-5.49-9.934-2.868-3.244-4.691-4.527-6.402-5.26-.755-.324-1.86-.446-3.128-.405-1.244.04-2.546.233-3.63.46-2.18.458-4.834 1.33-6.853 2.383-.49.256-1.021.538-1.536.811-.536.285-1.055.56-1.495.789-.452.235-.87.445-1.223.61-.33.152-.673.298-.945.362-.103.024-.2.054-.346.1-.032.01-.068.02-.106.033-.199.061-.44.133-.749.199-.618.132-1.454.23-2.757.23-1.973 0-3.164 1.435-3.667 2.04l-.041.05c-.434.521-1.895 2.392-2.468 4.436-.612 2.187-.652 3.412-.42 4.323.05.197.187.546.41 1.038.217.476.486 1.027.772 1.61l.064.13c.541 1.104 1.143 2.331 1.446 3.205.061.176.117.346.166.509Zm1.242 9.869c.029.193.058.385.089.575.102.639.212 1.24.322 1.732.117.521.217.835.28.96.518 1.037 1.14 1.617 1.65 1.92.185.11.435.247.701.39a56.028 56.028 0 0 0-.922-3.877 17.762 17.762 0 0 1-2.12-1.7Zm.14 17.846a108.167 108.167 0 0 0-8.724 4.636.924.924 0 0 1-.349.667l-.019.018a.948.948 0 0 0-.05.053 2.13 2.13 0 0 0-.155.204c-.123.18-.27.437-.42.782-.301.69-.61 1.715-.773 3.137-.058.515-.12 1.012-.18 1.502-.386 3.11-.74 5.975-.21 11.454.46 4.727 1.462 10.804 2.013 13.853a4.933 4.933 0 0 1 3.325 1.926c.86 1.124 1.243 2.533 1.243 3.764 0 1.402-.751 2.601-1.734 3.429-.984.828-2.285 1.363-3.582 1.411-2.659.097-4.988-1.933-5.224-4.763-.238-2.85 1.474-4.298 2.523-4.998.507-.337 1.082-.544 1.584-.665-.563-3.141-1.538-9.094-1.993-13.778-.55-5.687-.175-8.724.215-11.864.06-.488.121-.978.179-1.482.122-1.066.32-1.961.554-2.7a768.255 768.255 0 0 0-6.73 4.657c-3.949 2.758-7.833 5.51-8.523 6.07-1.316 1.067-1.833 2.006-2.115 2.535l-.013.028-.039.086c-.032.074-.073.172-.122.295-.098.245-.226.576-.374.983a70.646 70.646 0 0 0-1.082 3.213c-.81 2.597-1.706 5.945-2.225 9.27-1.052 6.741-2.615 21.55-3.124 27.105-.49 5.349-.87 12.749-.966 15.384.538.92 1.849 2.728 3.539 4.826 1.811 2.249 3.998 4.754 5.998 6.716 4.04 3.962 8.776 7.919 12.404 10.428 3.636 2.514 10.08 6.162 13.814 7.778 2.959 1.281 5.62 2.223 7.32 2.75.05-1.933.306-4.287.955-7.336.41-1.928 1.175-4.027 2.195-5.909.793-1.463 1.762-2.836 2.874-3.895a3725.869 3725.869 0 0 0-14.159-9.884l-8.772-6.1-2.817-1.957-1.056-.733s-.001-.001.527-.762l-.528.761a.927.927 0 0 1-.39-.641c-.51-3.902-1.699-12.847-2.386-17.44-.856-5.721-2.65-14.341-3.7-18.502-1.064-4.216-2.834-10.672-5.472-14.667a.927.927 0 1 1 1.547-1.022c2.841 4.302 4.672 11.075 5.722 15.236 1.064 4.215 2.87 12.895 3.736 18.68.668 4.459 1.803 12.981 2.337 17.067l.72.501c.676.469 1.645 1.141 2.818 1.957l8.534 5.934a.919.919 0 0 1 .448-.115h8.468c-.85-2.888-2.247-7.909-3.03-11.711-.734-3.567-1.572-8.269-2.466-13.284-.475-2.665-.965-5.419-1.465-8.136-1.454-7.918-2.1-19.284-2.019-22.475.023-.866.02-2.252.017-3.906-.003-1.312-.006-2.794.003-4.321.02-3.406.1-7.03.389-9.261.32-2.468.704-5.019.984-6.789Zm8.81 81.736h32.711l-1.819 5.733-2.364-.54-.032-.006-.99-.189c-1.921-1.011-4.159-2.218-5.201-2.864-1.973-1.223-3.876-.522-4.64.043l-.004.002c-.682.509-2.77 2.13-5.753 4.61-3.66 3.043-5.393 3.75-6.375 4.054a5.77 5.77 0 0 1-.895.185c.204-.186.41-.355.62-.507a.926.926 0 0 0-.006-1.502c-1.478-1.061-7.097-4.982-12.895-9.019h7.642Zm2.971 12.959a16.96 16.96 0 0 0-1.016 1.653 20.787 20.787 0 0 0-2.012 5.411c-.407 1.913-.65 3.526-.785 4.917 1.64.258 4.417.68 5.32.769 1.117.11 2.537-.075 4.344-.566 1.73-.47 2.857-1.135 3.62-1.666.8-.556 2.179-1.617 3.274-2.553 1.216-1.04 2.575-1.67 3.694-1.783 1.025-.106 2.583.101 3.495.291.971.201 2.601.638 3.788 1.1.536.21.882.309 1.186.322.274.013.578-.042 1.015-.275.271-.145.53-.423.745-.793.214-.367.34-.747.386-.988.027-.141.066-.331.113-.565.217-1.065.625-3.063.975-5.725.126-.965-.182-2.04-.7-2.974a6.273 6.273 0 0 0-.825-1.16c-.29-.316-.523-.483-.647-.541l-.034-.016c-.556-.286-1.312-.678-2.141-1.114-1.933-1.016-4.307-2.292-5.438-2.993-1.157-.718-2.227-.288-2.561-.043-.65.484-2.71 2.083-5.674 4.547-3.776 3.14-5.722 4-7.01 4.4-1.054.327-2.446.368-2.999.355a1.035 1.035 0 0 1-.113-.01Zm28.512-5.189c1.13.063 3.094.707 3.094.707.307.07.628-.02.854-.24l2.45-2.387c.233.083.454.187.662.316 2.678 1.658 3.916 3.076 4.615 5.078.073.205.141.399.209.586.32.893.586 1.636.752 2.67.064.393.113.832.142 1.336a1248.942 1248.942 0 0 0-4.436 3.64c-.771.64-4.747 3.415-9.569 4.525-4.432 1.02-7.903.287-10.077-.172a52.162 52.162 0 0 0-.489-.103c-1.09-.224-2.21-.78-2.96-1.232.065-.053.128-.107.191-.161 1.015-.867 2.032-1.282 2.677-1.347.738-.076 2.072.083 2.93.261.901.187 2.427.597 3.491 1.013.564.22 1.149.419 1.778.447.66.029 1.294-.131 1.971-.494.679-.362 1.157-.951 1.474-1.494.253-.436.433-.892.539-1.287.987-5.94 2.283-8.521-.298-11.662Zm14.654 8.621a.926.926 0 0 0-.01-.344 15.658 15.658 0 0 0-.176-1.842c-.197-1.217-.527-2.134-.852-3.036l-.19-.536c-.885-2.534-2.49-4.247-5.391-6.044-1.364-.845-2.967-.943-4.324-.786-.668.078-1.305.221-1.869.389l3.543-11.166a.851.851 0 0 0 .035-.153l7.619-54.596 9.602 42.334c.289 1.405.743 3.563 1.171 5.492.214.966.422 1.878.601 2.609.171.705.33 1.309.447 1.61.371.968.389 2.155.316 3.58-.03.602-.23 1.526-.501 2.524-.266.977-.58 1.953-.803 2.633-.45 1.368-2.687 7.879-4.197 11.288-1.491 3.371-3.031 5.555-4.093 6.913-.27.346-.603.702-.958 1.039.035-.706.044-1.337.03-1.908Zm-1.883 1.847-1.787 1.464a13.026 13.026 0 0 0 1.027.144c.251.023.385.022.428.016l.003-.001c.017-.004.088-.027.221-.093.049-.554.085-1.063.108-1.53Zm-.997-84.314a2.163 2.163 0 0 0-.204-.136c-.18-.108-.781-.545-1.555-1.109l-.225-.165c-.787-.573-1.778-1.295-2.855-2.068-2.356-1.692-5.084-3.6-6.934-4.7a133.38 133.38 0 0 0-2.615-1.507c.073.234.144.486.212.757.404 1.605.732 3.9.795 7.064 1.142 1.033 3.235 3.356 4.882 6.574 2.244 4.382 3.301 8.112 3.577 9.649.134.759.382 2.616.512 4.776.13 2.151.148 4.672-.203 6.728a.928.928 0 0 1-.915.771h-1.487a.927.927 0 1 1 0-1.855h.684c.201-1.701.181-3.709.071-5.532-.126-2.099-.366-3.884-.488-4.562-.238-1.336-1.232-4.892-3.401-9.13-1.339-2.615-2.986-4.575-4.033-5.622-.588.8-1.129 1.658-1.607 2.78-.642 1.508-1.19 3.536-1.542 6.58-.643 5.564-.112 11.583.261 15.806l.028.309h1.663a.928.928 0 0 1 0 1.855h-2.513a.927.927 0 0 1-.923-.848l-.103-1.161c-.372-4.203-.921-10.41-.254-16.175.366-3.165.947-5.376 1.678-7.091.675-1.588 1.464-2.713 2.261-3.737-.057-3.1-.376-5.276-.741-6.727-.189-.75-.388-1.296-.564-1.67a3.11 3.11 0 0 0-.227-.418c-.066-.1-.103-.133-.1-.13a.917.917 0 0 1-.298-.53c-.821-.449-1.656-.9-2.47-1.333a154.164 154.164 0 0 0-3.899-2.016 51.58 51.58 0 0 0-1.101-.53c-.062 2.788-.147 9.399-.227 16.084l-.086 7.36c-.062 5.332-.111 9.606-.13 10.333-.054 2.073-.648 16.813-.866 19.681l-.054.714c-.284 3.758-1.103 14.63-1.645 18.354a358.947 358.947 0 0 1-1.063 6.8h18.745l1.779-5.607 8.18-58.616Zm-30.583 64.223H90.006c-.818-2.745-2.33-8.115-3.148-12.085-.73-3.544-1.56-8.202-2.45-13.198-.476-2.671-.97-5.438-1.473-8.184-1.432-7.792-2.068-19.03-1.99-22.091.024-.884.02-2.318.018-4.006-.003-1.313-.005-2.779.003-4.258.02-3.427.101-6.936.373-9.034.131-1.011.274-2.038.415-3.018a22.318 22.318 0 0 0 3.99 2.764c2.286 1.24 5.133 2.258 8.208 2.248 5.02-.016 9.539-2.439 12.041-4.275-.049 3.276-.102 7.58-.154 11.873l-.086 7.41c-.062 5.307-.111 9.544-.129 10.257-.054 2.067-.648 16.769-.862 19.589l-.053.708c-.285 3.775-1.1 14.582-1.632 18.233a362.431 362.431 0 0 1-1.107 7.067Zm4.062-77.552.023-1.262a4.57 4.57 0 0 1-2.019-1.547c-.583-.785-.983-1.83-1.002-3.155-.41.1-.842.174-1.297.215-2.239.206-4.43-.283-5.733-.768-1.226-.456-3.22-1.25-4.95-2.934-.816-.795-1.656-1.71-2.349-2.646-.682-.922-1.272-1.93-1.517-2.907a.927.927 0 0 1 1.799-.45c.157.63.581 1.407 1.209 2.254.616.834 1.383 1.673 2.151 2.42 1.439 1.4 3.122 2.086 4.304 2.526 1.105.411 3.014.834 4.916.66 1.818-.168 3.138-.955 4.145-2.018 1.047-1.106 2.312-3.147 2.925-4.89.648-1.837 1.642-5.055 2.094-7.747.303-1.8.543-4.633.668-6.436a21.708 21.708 0 0 1-3.875.327c-4.49 0-8.284-1.422-9.986-2.191-.772-.35-1.64-.807-2.514-1.267l-.267-.14a65.353 65.353 0 0 0-2.002-1.021 274.356 274.356 0 0 1-1.445 3.955c-.647 1.723-1.297 3.38-1.639 4.014-.994 1.842-2.67 2.19-3.961 2.214a.927.927 0 0 1-.919-.706l-.003-.01a1.885 1.885 0 0 0-.05-.132 4.925 4.925 0 0 0-.149-.32 12.606 12.606 0 0 0-.519-.912 18.063 18.063 0 0 0-1.592-2.188c-.613-.715-1.202-1.248-1.672-1.497-.231-.122-.361-.136-.408-.134h-.004c-.01 0-.03 0-.082.059-.644.745-.814 1.625-.75 2.552.064.907.345 1.775.582 2.508l.035.107c.165.512.63 1.151 1.332 1.838.683.667 1.51 1.299 2.27 1.803.185.124.32.31.38.524 1.672 6.011 1.716 9.093 1.745 11.076.004.29.008.559.016.808.074 2.124-.598 3.595-1.266 4.205-.188.17-.433.3-.615.388-.206.1-.44.196-.668.282-.359.137-.736.263-1.033.355a280.51 280.51 0 0 0-.253 1.624c.837.886 2.451 2.243 4.54 3.376 2.111 1.146 4.65 2.032 7.319 2.024 5.428-.017 10.332-3.232 12.077-4.828l.009-.008Zm16.352 85.639a9.523 9.523 0 0 1 2.32-.59l.03-.003-.94.916-1.41-.323ZM70.853 109.12c-.32.014-1.11.146-1.655.51-.83.553-1.858 1.453-1.704 3.3.156 1.867 1.662 3.125 3.31 3.065.854-.031 1.765-.396 2.454-.976.69-.581 1.075-1.301 1.075-2.011 0-.883-.283-1.881-.861-2.637-.554-.723-1.39-1.246-2.62-1.251Zm38.112-61.187c-1.838-.932-3.675-.065-4.354.5a.928.928 0 0 1-1.185-1.427c.982-.815 3.619-2.126 6.378-.726a.927.927 0 1 1-.839 1.653Zm-14.027.746c-.863.183-1.58.57-1.945.84a.927.927 0 1 1-1.106-1.487c.564-.419 1.523-.924 2.666-1.166 1.153-.245 2.551-.233 3.913.474a.927.927 0 0 1-.854 1.646c-.886-.46-1.823-.487-2.674-.307Zm7.419 1.647a.927.927 0 0 1 1.02.824l.549 5.176a.927.927 0 0 1-.763 1.011l-3.529.613a.927.927 0 0 1-.317-1.826l2.674-.465-.458-4.313a.927.927 0 0 1 .824-1.02Z\"\n fill=\"#000\"\n />\n <path\n d=\"M96.789 49.243a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Zm11.564-.984a1.03 1.03 0 1 1-2.06 0 1.03 1.03 0 0 1 2.06 0Z\"\n fill=\"#000\"\n />\n </svg>\n );\n};\n\nexport default DoctorSmall;\n"],"mappings":";AAKA,IAAMA,eAAmD,EAAE,OAAO,eAAe,YAAY;CAC3F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,KAAK,SACH,QAAO;IACL,MAAM;IACN,OAAO;IACR;GACH,QACE,QAAO;IACL,MAAM;IACN,OAAO;IACR;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;;GACN;GACD,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;IACd,eAAY;KACZ;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC,QAAA;IACC,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;KACL;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAK;KACL;;GACE;;AAIV,IAAA,sBAAe"}
|
package/lib/Drawer.js
CHANGED
|
@@ -62,7 +62,7 @@ var InnerDrawer = (props) => {
|
|
|
62
62
|
ariaLabelCloseBtn: ariaLabelCloseBtn$2 || resources?.ariaLabelCloseBtn || defaultResources.ariaLabelCloseBtn
|
|
63
63
|
};
|
|
64
64
|
const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;
|
|
65
|
-
const headerStyling = classNames(styles.drawer__header, headerClasses
|
|
65
|
+
const headerStyling = classNames(styles.drawer__header, headerClasses);
|
|
66
66
|
const hasFooterContent = typeof footerContent !== "undefined" && footerContent || onPrimaryAction || onSecondaryAction;
|
|
67
67
|
useFocusTrap_default(containerRef, true);
|
|
68
68
|
useReturnFocusOnUnmount(containerRef);
|
|
@@ -163,6 +163,7 @@ var InnerDrawer = (props) => {
|
|
|
163
163
|
ref: headerRef,
|
|
164
164
|
children: [/* @__PURE__ */ jsx(Title_default, {
|
|
165
165
|
id: ariaLabelAttributes?.["aria-labelledby"],
|
|
166
|
+
className: styles["drawer__header__title"],
|
|
166
167
|
htmlMarkup: titleHtmlMarkup,
|
|
167
168
|
appearance: "title3",
|
|
168
169
|
children: title
|
package/lib/Drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","names":["Drawer: React.FC<DrawerProps>","InnerDrawer: React.FC<InnerDrawerProps>","mergedResources: HNDesignsystemDrawer"],"sources":["../src/resources/HN.Designsystem.Drawer.en-GB.json","../src/resources/HN.Designsystem.Drawer.nb-NO.json","../src/components/Drawer/resourceHelper.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/index.ts"],"sourcesContent":["{\n \"ariaLabelCloseBtn\": \"Close\"\n}\n","{\n \"ariaLabelCloseBtn\": \"Lukk\"\n}\n","import { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemDrawer => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import React, { useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { AnimatePresence, useAnimate, usePresence } from 'motion/react';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, KeyboardEventKey, LanguageLocales, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useKeyboardEvent } from '../../hooks/useKeyboardEvent';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { useLanguage } from '../../utils/language';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\ntype DesktopDirections = 'left' | 'right';\n\nexport interface DrawerProps extends InnerDrawerProps {\n /** Opens and closes the drawer */\n isOpen: boolean;\n}\n\nexport interface InnerDrawerProps {\n /** Sets the aria-label of the drawer */\n ariaLabel?: string;\n /** Sets the aria-labelledby of the drawer */\n ariaLabelledBy?: string;\n /** @deprecated Close button aria-label */\n ariaLabelCloseBtn?: string;\n /** Sets the style of the Drawer Close button. Meant for use by HelpDrawer */\n closeColor?: 'blueberry' | 'plum';\n /** Direction of the drawer on desktop. Default: left */\n desktopDirection?: DesktopDirections;\n /** Sets the style of the Drawer header */\n headerClasses?: string;\n /** Title to display in the header of the drawer */\n title: string;\n /** id of the drawer title */\n titleId?: string;\n /** Changes the underlying element of the title. Default: h3 */\n titleHtmlMarkup?: TitleTags;\n /** Callback that triggers when clicking on close button or outside the drawer, update isOpen state when this triggers */\n onRequestClose?: () => void;\n /** Optional footer content that can be rendered instead of default CTA(s) */\n footerContent?: React.ReactNode;\n /** Main content of the drawer */\n children?: React.ReactNode;\n /** Hides the close button */\n noCloseButton?: boolean;\n /** Primary CTA callback */\n onPrimaryAction?: () => void;\n /** Text for primary CTA button if you want a default CTA button rendered (instead of `footerContent`) */\n primaryActionText?: string;\n /** Text for secondary CTA button if you want a default CTA button rendered (instead of `footerContent`) */\n secondaryActionText?: string;\n /** Secondary CTA callback */\n onSecondaryAction?: () => void;\n /** Customize the z-index of the drawer */\n zIndex?: number;\n /** Resources for component */\n resources?: Partial<HNDesignsystemDrawer>;\n /** Sets mobile styling and animation from outer level Drawer */\n isMobile?: boolean;\n}\n\nconst Drawer: React.FC<DrawerProps> = props => {\n const { isOpen, ...rest } = props;\n const isMobile = useIsMobileBreakpoint();\n\n return <AnimatePresence>{isOpen && <InnerDrawer {...rest} isMobile={isMobile} />}</AnimatePresence>;\n};\n\nconst InnerDrawer: React.FC<InnerDrawerProps> = props => {\n const {\n ariaLabel,\n ariaLabelledBy,\n ariaLabelCloseBtn,\n children,\n closeColor = 'blueberry',\n desktopDirection = 'left',\n footerContent,\n headerClasses,\n noCloseButton = false,\n onPrimaryAction,\n onRequestClose,\n onSecondaryAction,\n primaryActionText,\n secondaryActionText,\n title,\n titleHtmlMarkup = 'h3',\n titleId = uuid(),\n zIndex = ZIndex.OverlayScreen,\n resources,\n isMobile,\n } = props;\n\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledBy, fallbackId: titleId });\n const overlayRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n // topContent and bottomContent are used to detect scroll position for shadow effects\n const topContent = useRef<HTMLDivElement>(null);\n const bottomContent = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const [scope, animate] = useAnimate();\n const [isPresent, safeToRemove] = usePresence();\n const [headerHeight, setHeaderHeight] = React.useState(0);\n const [footerHeight, setFooterHeight] = React.useState(0);\n const topContentVisible = useIsVisible(topContent);\n const bottomContentVisible = useIsVisible(bottomContent, 0);\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemDrawer = {\n ...defaultResources,\n ...resources,\n ariaLabelCloseBtn: ariaLabelCloseBtn || resources?.ariaLabelCloseBtn || defaultResources.ariaLabelCloseBtn,\n };\n\n const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;\n const headerStyling = classNames(styles.drawer__header, headerClasses, {\n [styles['drawer__header--no-close-button']]: noCloseButton,\n });\n const hasFooterContent = (typeof footerContent !== 'undefined' && footerContent) || onPrimaryAction || onSecondaryAction;\n\n useFocusTrap(containerRef, true);\n useReturnFocusOnUnmount(containerRef);\n useOutsideEvent(containerRef, () => {\n if (onRequestClose) onRequestClose();\n });\n useKeyboardEvent(containerRef, () => onRequestClose && onRequestClose(), [KeyboardEventKey.Escape]);\n\n useEffect(() => {\n containerRef.current?.focus();\n disableBodyScroll();\n\n return (): void => {\n enableBodyScroll();\n };\n }, []);\n\n // Measure header and footer heights\n useEffect(() => {\n const updateHeights = (): void => {\n if (headerRef.current) {\n setHeaderHeight(headerRef.current.offsetHeight);\n }\n if (footerRef.current) {\n setFooterHeight(footerRef.current.offsetHeight);\n }\n };\n\n updateHeights();\n\n // Update heights when content changes\n const resizeObserver = new ResizeObserver(updateHeights);\n if (headerRef.current) {\n resizeObserver.observe(headerRef.current);\n }\n if (footerRef.current) {\n resizeObserver.observe(footerRef.current);\n }\n\n return (): void => {\n resizeObserver.disconnect();\n };\n }, [hasFooterContent]);\n\n // Open animation.\n useEffect(() => {\n if (!overlayRef.current || !containerRef.current) return;\n\n if (!isPresent) {\n closeDrawer();\n return;\n }\n\n if (isMobile) {\n animate(containerRef.current, { y: '0' }, { duration: 0.3, ease: 'easeInOut' });\n } else {\n animate(containerRef.current, { x: '0' }, { duration: 0.3, ease: 'easeInOut' });\n }\n\n animate(overlayRef.current, { opacity: 1, pointerEvents: 'auto' }, { duration: 0.3, ease: 'easeInOut' });\n }, [isPresent]);\n\n // Close animasjon, vi kaller `onClose()` til slutt\n const closeDrawer = (): void => {\n if (!overlayRef.current || !containerRef.current) return;\n\n animate(overlayRef.current, { opacity: 0, pointerEvents: 'none' }, { duration: 0.3, ease: 'easeInOut' });\n\n if (isMobile) {\n animate(\n containerRef.current,\n { y: '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n } else {\n animate(\n containerRef.current,\n { x: desktopDirection === 'left' ? '-100%' : '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n }\n };\n\n const handleCTA = (callback?: () => void): void => {\n if (callback) {\n callback();\n }\n };\n\n return (\n <div className={styles.drawer} ref={scope} style={{ zIndex }} data-analyticsid={AnalyticsId.Drawer}>\n <div className={styles.drawer__overlay} ref={overlayRef} aria-hidden=\"true\" />\n <div\n className={classNames(styles.drawer__container, {\n [styles['drawer__container--right']]: desktopDirection === 'right',\n })}\n ref={containerRef}\n role=\"dialog\"\n aria-modal=\"true\"\n tabIndex={-1}\n {...ariaLabelAttributes}\n >\n <div className={styles.drawer__container__inner}>\n <div className={headerStyling} ref={headerRef}>\n <Title id={ariaLabelAttributes?.['aria-labelledby']} htmlMarkup={titleHtmlMarkup} appearance=\"title3\">\n {title}\n </Title>\n {!noCloseButton && onRequestClose != undefined && (\n <Close\n ariaLabel={mergedResources.ariaLabelCloseBtn}\n color={closeColor}\n onClick={onRequestClose}\n className={styles['drawer__header__close-button']}\n />\n )}\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--top'])}\n style={{\n opacity: !topContentVisible && contentIsScrollable ? 1 : 0,\n top: headerHeight,\n }}\n />\n <div\n className={styles.drawer__content}\n tabIndex={contentIsScrollable ? 0 : undefined}\n role={contentIsScrollable ? 'region' : undefined}\n {...(contentIsScrollable ? ariaLabelAttributes : {})}\n ref={contentRef}\n >\n <div ref={topContent} />\n <div className={styles['drawer__content__children']}>{children}</div>\n <div ref={bottomContent} style={{ height: '1px' }} />\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--bottom'])}\n style={{\n opacity: !bottomContentVisible && contentIsScrollable ? 1 : 0,\n bottom: hasFooterContent ? footerHeight : 0,\n }}\n />\n </div>\n {hasFooterContent && (\n <div className={styles.drawer__footer} ref={footerRef}>\n {footerContent ? (\n footerContent\n ) : (\n <>\n {onPrimaryAction && <Button onClick={() => handleCTA(onPrimaryAction)}>{primaryActionText}</Button>}\n {onSecondaryAction && (\n <Button variant=\"borderless\" onClick={() => handleCTA(onSecondaryAction)}>\n {secondaryActionText}\n </Button>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default Drawer;\n","import Drawer from './Drawer';\nexport * from './Drawer';\nexport default Drawer;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Drawer.js","names":["Drawer: React.FC<DrawerProps>","InnerDrawer: React.FC<InnerDrawerProps>","mergedResources: HNDesignsystemDrawer"],"sources":["../src/resources/HN.Designsystem.Drawer.en-GB.json","../src/resources/HN.Designsystem.Drawer.nb-NO.json","../src/components/Drawer/resourceHelper.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/index.ts"],"sourcesContent":["{\n \"ariaLabelCloseBtn\": \"Close\"\n}\n","{\n \"ariaLabelCloseBtn\": \"Lukk\"\n}\n","import { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemDrawer => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import React, { useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { AnimatePresence, useAnimate, usePresence } from 'motion/react';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, KeyboardEventKey, LanguageLocales, ZIndex } from '../../constants';\nimport useFocusTrap from '../../hooks/useFocusTrap';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useKeyboardEvent } from '../../hooks/useKeyboardEvent';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { HNDesignsystemDrawer } from '../../resources/Resources';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { useLanguage } from '../../utils/language';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\ntype DesktopDirections = 'left' | 'right';\n\nexport interface DrawerProps extends InnerDrawerProps {\n /** Opens and closes the drawer */\n isOpen: boolean;\n}\n\nexport interface InnerDrawerProps {\n /** Sets the aria-label of the drawer */\n ariaLabel?: string;\n /** Sets the aria-labelledby of the drawer */\n ariaLabelledBy?: string;\n /** @deprecated Close button aria-label */\n ariaLabelCloseBtn?: string;\n /** Sets the style of the Drawer Close button. Meant for use by HelpDrawer */\n closeColor?: 'blueberry' | 'plum';\n /** Direction of the drawer on desktop. Default: left */\n desktopDirection?: DesktopDirections;\n /** Sets the style of the Drawer header */\n headerClasses?: string;\n /** Title to display in the header of the drawer */\n title: string;\n /** id of the drawer title */\n titleId?: string;\n /** Changes the underlying element of the title. Default: h3 */\n titleHtmlMarkup?: TitleTags;\n /** Callback that triggers when clicking on close button or outside the drawer, update isOpen state when this triggers */\n onRequestClose?: () => void;\n /** Optional footer content that can be rendered instead of default CTA(s) */\n footerContent?: React.ReactNode;\n /** Main content of the drawer */\n children?: React.ReactNode;\n /** Hides the close button */\n noCloseButton?: boolean;\n /** Primary CTA callback */\n onPrimaryAction?: () => void;\n /** Text for primary CTA button if you want a default CTA button rendered (instead of `footerContent`) */\n primaryActionText?: string;\n /** Text for secondary CTA button if you want a default CTA button rendered (instead of `footerContent`) */\n secondaryActionText?: string;\n /** Secondary CTA callback */\n onSecondaryAction?: () => void;\n /** Customize the z-index of the drawer */\n zIndex?: number;\n /** Resources for component */\n resources?: Partial<HNDesignsystemDrawer>;\n /** Sets mobile styling and animation from outer level Drawer */\n isMobile?: boolean;\n}\n\nconst Drawer: React.FC<DrawerProps> = props => {\n const { isOpen, ...rest } = props;\n const isMobile = useIsMobileBreakpoint();\n\n return <AnimatePresence>{isOpen && <InnerDrawer {...rest} isMobile={isMobile} />}</AnimatePresence>;\n};\n\nconst InnerDrawer: React.FC<InnerDrawerProps> = props => {\n const {\n ariaLabel,\n ariaLabelledBy,\n ariaLabelCloseBtn,\n children,\n closeColor = 'blueberry',\n desktopDirection = 'left',\n footerContent,\n headerClasses,\n noCloseButton = false,\n onPrimaryAction,\n onRequestClose,\n onSecondaryAction,\n primaryActionText,\n secondaryActionText,\n title,\n titleHtmlMarkup = 'h3',\n titleId = uuid(),\n zIndex = ZIndex.OverlayScreen,\n resources,\n isMobile,\n } = props;\n\n const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledBy, fallbackId: titleId });\n const overlayRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n // topContent and bottomContent are used to detect scroll position for shadow effects\n const topContent = useRef<HTMLDivElement>(null);\n const bottomContent = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const [scope, animate] = useAnimate();\n const [isPresent, safeToRemove] = usePresence();\n const [headerHeight, setHeaderHeight] = React.useState(0);\n const [footerHeight, setFooterHeight] = React.useState(0);\n const topContentVisible = useIsVisible(topContent);\n const bottomContentVisible = useIsVisible(bottomContent, 0);\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemDrawer = {\n ...defaultResources,\n ...resources,\n ariaLabelCloseBtn: ariaLabelCloseBtn || resources?.ariaLabelCloseBtn || defaultResources.ariaLabelCloseBtn,\n };\n\n const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;\n const headerStyling = classNames(styles.drawer__header, headerClasses);\n const hasFooterContent = (typeof footerContent !== 'undefined' && footerContent) || onPrimaryAction || onSecondaryAction;\n\n useFocusTrap(containerRef, true);\n useReturnFocusOnUnmount(containerRef);\n useOutsideEvent(containerRef, () => {\n if (onRequestClose) onRequestClose();\n });\n useKeyboardEvent(containerRef, () => onRequestClose && onRequestClose(), [KeyboardEventKey.Escape]);\n\n useEffect(() => {\n containerRef.current?.focus();\n disableBodyScroll();\n\n return (): void => {\n enableBodyScroll();\n };\n }, []);\n\n // Measure header and footer heights\n useEffect(() => {\n const updateHeights = (): void => {\n if (headerRef.current) {\n setHeaderHeight(headerRef.current.offsetHeight);\n }\n if (footerRef.current) {\n setFooterHeight(footerRef.current.offsetHeight);\n }\n };\n\n updateHeights();\n\n // Update heights when content changes\n const resizeObserver = new ResizeObserver(updateHeights);\n if (headerRef.current) {\n resizeObserver.observe(headerRef.current);\n }\n if (footerRef.current) {\n resizeObserver.observe(footerRef.current);\n }\n\n return (): void => {\n resizeObserver.disconnect();\n };\n }, [hasFooterContent]);\n\n // Open animation.\n useEffect(() => {\n if (!overlayRef.current || !containerRef.current) return;\n\n if (!isPresent) {\n closeDrawer();\n return;\n }\n\n if (isMobile) {\n animate(containerRef.current, { y: '0' }, { duration: 0.3, ease: 'easeInOut' });\n } else {\n animate(containerRef.current, { x: '0' }, { duration: 0.3, ease: 'easeInOut' });\n }\n\n animate(overlayRef.current, { opacity: 1, pointerEvents: 'auto' }, { duration: 0.3, ease: 'easeInOut' });\n }, [isPresent]);\n\n // Close animasjon, vi kaller `onClose()` til slutt\n const closeDrawer = (): void => {\n if (!overlayRef.current || !containerRef.current) return;\n\n animate(overlayRef.current, { opacity: 0, pointerEvents: 'none' }, { duration: 0.3, ease: 'easeInOut' });\n\n if (isMobile) {\n animate(\n containerRef.current,\n { y: '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n } else {\n animate(\n containerRef.current,\n { x: desktopDirection === 'left' ? '-100%' : '100%' },\n {\n duration: 0.3,\n ease: 'easeInOut',\n onComplete: () => {\n if (safeToRemove) safeToRemove();\n },\n }\n );\n }\n };\n\n const handleCTA = (callback?: () => void): void => {\n if (callback) {\n callback();\n }\n };\n\n return (\n <div className={styles.drawer} ref={scope} style={{ zIndex }} data-analyticsid={AnalyticsId.Drawer}>\n <div className={styles.drawer__overlay} ref={overlayRef} aria-hidden=\"true\" />\n <div\n className={classNames(styles.drawer__container, {\n [styles['drawer__container--right']]: desktopDirection === 'right',\n })}\n ref={containerRef}\n role=\"dialog\"\n aria-modal=\"true\"\n tabIndex={-1}\n {...ariaLabelAttributes}\n >\n <div className={styles.drawer__container__inner}>\n <div className={headerStyling} ref={headerRef}>\n <Title\n id={ariaLabelAttributes?.['aria-labelledby']}\n className={styles['drawer__header__title']}\n htmlMarkup={titleHtmlMarkup}\n appearance=\"title3\"\n >\n {title}\n </Title>\n {!noCloseButton && onRequestClose != undefined && (\n <Close\n ariaLabel={mergedResources.ariaLabelCloseBtn}\n color={closeColor}\n onClick={onRequestClose}\n className={styles['drawer__header__close-button']}\n />\n )}\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--top'])}\n style={{\n opacity: !topContentVisible && contentIsScrollable ? 1 : 0,\n top: headerHeight,\n }}\n />\n <div\n className={styles.drawer__content}\n tabIndex={contentIsScrollable ? 0 : undefined}\n role={contentIsScrollable ? 'region' : undefined}\n {...(contentIsScrollable ? ariaLabelAttributes : {})}\n ref={contentRef}\n >\n <div ref={topContent} />\n <div className={styles['drawer__content__children']}>{children}</div>\n <div ref={bottomContent} style={{ height: '1px' }} />\n </div>\n <div\n className={classNames(styles['drawer__content__shadow'], styles['drawer__content__shadow--bottom'])}\n style={{\n opacity: !bottomContentVisible && contentIsScrollable ? 1 : 0,\n bottom: hasFooterContent ? footerHeight : 0,\n }}\n />\n </div>\n {hasFooterContent && (\n <div className={styles.drawer__footer} ref={footerRef}>\n {footerContent ? (\n footerContent\n ) : (\n <>\n {onPrimaryAction && <Button onClick={() => handleCTA(onPrimaryAction)}>{primaryActionText}</Button>}\n {onSecondaryAction && (\n <Button variant=\"borderless\" onClick={() => handleCTA(onSecondaryAction)}>\n {secondaryActionText}\n </Button>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default Drawer;\n","import Drawer from './Drawer';\nexport * from './Drawer';\nexport default Drawer;\n"],"mappings":"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"}
|
package/lib/HelpTriggerIcon.js
CHANGED
|
@@ -1,58 +1,135 @@
|
|
|
1
1
|
import { n as AnalyticsId } from "./constants2.js";
|
|
2
2
|
import { t as usePseudoClasses } from "./usePseudoClasses.js";
|
|
3
3
|
import { n as mergeRefs } from "./refs.js";
|
|
4
|
+
import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
|
|
4
5
|
import { n as getAriaLabelAttributes } from "./accessibility.js";
|
|
5
|
-
import React from "react";
|
|
6
|
+
import React, { useId } from "react";
|
|
6
7
|
import classNames from "classnames";
|
|
7
8
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
9
|
import styles from "./components/HelpTriggerIcon/styles.module.scss";
|
|
9
|
-
var HelpSign = ({ color, weight }) => {
|
|
10
|
+
var HelpSign = ({ color, weight, size }) => {
|
|
11
|
+
const isMobile = useIsMobileBreakpoint();
|
|
12
|
+
const uniqueId = useId();
|
|
13
|
+
const maskIdNormal = `${uniqueId}-mask-normal`;
|
|
14
|
+
const maskIdMobile = `${uniqueId}-mask-mobile`;
|
|
15
|
+
const normalSizeNormalWeight = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
16
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
17
|
+
id: uniqueId,
|
|
18
|
+
clipPathUnits: "userSpaceOnUse",
|
|
19
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
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"
|
|
23
|
+
})
|
|
24
|
+
}) }),
|
|
25
|
+
/* @__PURE__ */ jsx("path", {
|
|
26
|
+
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",
|
|
27
|
+
fill: color,
|
|
28
|
+
clipPath: `url(#${uniqueId})`
|
|
29
|
+
}),
|
|
30
|
+
/* @__PURE__ */ jsx("path", {
|
|
31
|
+
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",
|
|
32
|
+
fill: color
|
|
33
|
+
}),
|
|
34
|
+
/* @__PURE__ */ jsx("path", {
|
|
35
|
+
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",
|
|
36
|
+
fill: color
|
|
37
|
+
})
|
|
38
|
+
] });
|
|
39
|
+
const normalSizeStrongWeight = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
40
|
+
/* @__PURE__ */ jsx("path", {
|
|
41
|
+
fillRule: "evenodd",
|
|
42
|
+
clipRule: "evenodd",
|
|
43
|
+
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"
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ jsx("path", {
|
|
46
|
+
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",
|
|
47
|
+
fill: "white"
|
|
48
|
+
}),
|
|
49
|
+
/* @__PURE__ */ jsx("path", {
|
|
50
|
+
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",
|
|
51
|
+
fill: "white"
|
|
52
|
+
})
|
|
53
|
+
] });
|
|
54
|
+
const xlSizeNormalWeight = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55
|
+
/* @__PURE__ */ jsx("mask", {
|
|
56
|
+
id: maskIdNormal,
|
|
57
|
+
fill: "white",
|
|
58
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
59
|
+
fillRule: "evenodd",
|
|
60
|
+
clipRule: "evenodd",
|
|
61
|
+
d: "M16.0006 0C7.1783 0 0 7.17704 0 15.9994C0 24.8217 7.1783 32 16.0006 32C24.823 32 32 24.8217 32 15.9994C32 7.17704 24.823 0 16.0006 0Z"
|
|
62
|
+
})
|
|
63
|
+
}),
|
|
64
|
+
/* @__PURE__ */ jsx("path", {
|
|
65
|
+
d: "M16.0006 0V-2.5C5.79784 -2.5 -2.5 5.79607 -2.5 15.9994H0H2.5C2.5 8.55801 8.55876 2.5 16.0006 2.5V0ZM0 15.9994H-2.5C-2.5 26.2024 5.79759 34.5 16.0006 34.5V32V29.5C8.55901 29.5 2.5 23.441 2.5 15.9994H0ZM16.0006 32V34.5C26.2039 34.5 34.5 26.2022 34.5 15.9994H32H29.5C29.5 23.4412 23.442 29.5 16.0006 29.5V32ZM32 15.9994H34.5C34.5 5.79633 26.2037 -2.5 16.0006 -2.5V0V2.5C23.4422 2.5 29.5 8.55775 29.5 15.9994H32Z",
|
|
66
|
+
fill: color,
|
|
67
|
+
mask: `url(#${maskIdNormal})`
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ jsx("path", {
|
|
70
|
+
d: "M17.4163 22.5791C17.346 21.8763 16.7971 21.2926 16.1229 21.2178L15.9768 21.21C15.1652 21.21 14.527 21.9087 14.527 22.7314L14.5345 22.8838C14.6074 23.6343 15.2122 24.2295 15.9768 24.2295L16.1229 24.2217C16.8485 24.1441 17.4235 23.499 17.4238 22.7314L17.4163 22.5791ZM20.8 12.2422C20.7999 9.96839 19.0841 7.77051 15.8775 7.77051C12.6128 7.77074 11.0003 10.2117 11 12.4473L11.0084 12.7139C11.0234 12.9568 11.06 13.1939 11.1143 13.4111L13.4088 13.5801C13.3619 13.3918 13.3316 13.1536 13.3179 12.9258L13.3095 12.6514C13.3097 11.9825 13.5283 11.3114 13.9632 10.8047C14.4018 10.2939 15.0496 9.96302 15.8775 9.96289L16.1763 9.97559C16.8509 10.0367 17.3678 10.3057 17.7272 10.6973L17.8714 10.8721C18.1839 11.2942 18.3369 11.8198 18.3369 12.3564L18.3331 12.5059C18.2951 13.2469 17.9677 13.8808 17.272 14.4082L17.273 14.4092L17.2692 14.4131C17.266 14.4157 17.26 14.4194 17.2533 14.4248C17.2399 14.4357 17.22 14.4522 17.1943 14.4736C17.1425 14.5169 17.0672 14.5812 16.9761 14.6631C16.7936 14.8271 16.5476 15.0619 16.2933 15.3438C15.8449 15.8409 15.4379 16.4338 15.2351 16.9404L15.1611 17.1523C15.0753 17.4427 15.035 17.615 15.014 17.793C14.9926 17.9752 14.9906 18.1713 14.9906 18.5146V19.2705H17.036C17.0332 18.9144 17.0171 18.8806 17.0782 18.4756L17.1081 18.3047C17.1447 18.1284 17.1994 17.9383 17.2702 17.7568C17.3585 17.5304 17.4807 17.301 17.6401 17.1289C17.6424 17.1254 17.6454 17.1217 17.6485 17.1172C17.6585 17.1027 17.6727 17.0824 17.6916 17.0576C17.7294 17.0082 17.7859 16.9393 17.8649 16.8545C18.0232 16.6846 18.2716 16.451 18.6413 16.1826C18.9712 15.9431 19.517 15.3982 19.9787 14.6826C20.4117 14.0113 20.7551 13.215 20.7963 12.4043L20.8 12.2422Z",
|
|
71
|
+
fill: color
|
|
72
|
+
})
|
|
73
|
+
] });
|
|
74
|
+
const xlSizeOnMobileNormalWeight = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
75
|
+
/* @__PURE__ */ jsx("mask", {
|
|
76
|
+
id: maskIdMobile,
|
|
77
|
+
fill: "white",
|
|
78
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
79
|
+
fillRule: "evenodd",
|
|
80
|
+
clipRule: "evenodd",
|
|
81
|
+
d: "M12.0005 0C5.38373 0 0 5.38278 0 11.9995C0 18.6163 5.38373 24 12.0005 24C18.6172 24 24 18.6163 24 11.9995C24 5.38278 18.6172 0 12.0005 0Z"
|
|
82
|
+
})
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ jsx("path", {
|
|
85
|
+
d: "M12.0005 0V-2.2C4.16892 -2.2 -2.2 4.16753 -2.2 11.9995H0H2.2C2.2 6.59803 6.59853 2.2 12.0005 2.2V0ZM0 11.9995H-2.2C-2.2 19.8313 4.1687 26.2 12.0005 26.2V24V21.8C6.59875 21.8 2.2 17.4012 2.2 11.9995H0ZM12.0005 24V26.2C19.8325 26.2 26.2 19.8311 26.2 11.9995H24H21.8C21.8 17.4015 17.402 21.8 12.0005 21.8V24ZM24 11.9995H26.2C26.2 4.16775 19.8322 -2.2 12.0005 -2.2V0V2.2C17.4022 2.2 21.8 6.59781 21.8 11.9995H24Z",
|
|
86
|
+
fill: color,
|
|
87
|
+
mask: `url(#${maskIdMobile})`
|
|
88
|
+
}),
|
|
89
|
+
/* @__PURE__ */ jsx("path", {
|
|
90
|
+
d: "M11.9229 5.28027C14.5275 5.28027 15.96 7.00613 15.96 8.82168C15.9599 10.2243 14.7509 11.5413 14.1916 11.9307C13.6323 12.3201 13.451 12.5998 13.451 12.5998C13.2342 12.8105 13.0943 13.2232 13.0467 13.5256C12.9982 13.8341 13.0174 13.8161 13.0174 14.1596V14.2803H11.0416V13.5256C11.0416 13.0154 11.0469 12.8918 11.1834 12.4486C11.322 11.9989 11.7025 11.4537 12.1115 11.0189C12.5205 10.5842 12.9014 10.2971 12.9014 10.2971C13.4382 9.90771 13.6584 9.44814 13.6584 8.90723C13.6584 8.48881 13.5167 8.08818 13.2342 7.79277C12.953 7.49879 12.5222 7.29941 11.9229 7.29941C10.7307 7.2996 10.1019 8.20752 10.1018 9.12871C10.1018 9.38096 10.137 9.68958 10.1979 9.85879L10.26 10.0322L8.13535 9.88223L8.05098 9.87637L8.02871 9.79551C7.95745 9.54366 7.9209 9.25834 7.9209 8.9752C7.92117 7.20416 9.25715 5.28045 11.9229 5.28027Z",
|
|
91
|
+
fill: color
|
|
92
|
+
}),
|
|
93
|
+
/* @__PURE__ */ jsx("path", {
|
|
94
|
+
d: "M12.0002 15.3596C12.7231 15.3596 13.3197 15.9718 13.3197 16.6885C13.3195 17.407 12.7229 17.9997 12.0002 17.9998C11.2583 17.9998 10.6797 17.407 10.6795 16.6885C10.6795 15.9717 11.2581 15.3596 12.0002 15.3596Z",
|
|
95
|
+
fill: color
|
|
96
|
+
})
|
|
97
|
+
] });
|
|
98
|
+
function getPaths() {
|
|
99
|
+
if (size === "xlarge") {
|
|
100
|
+
if (weight === "normal") return isMobile ? xlSizeOnMobileNormalWeight : xlSizeNormalWeight;
|
|
101
|
+
else if (weight === "strong") return normalSizeStrongWeight;
|
|
102
|
+
} else if (weight === "normal") return normalSizeNormalWeight;
|
|
103
|
+
else if (weight === "strong") return normalSizeStrongWeight;
|
|
104
|
+
return null;
|
|
105
|
+
}
|
|
106
|
+
const paths = getPaths();
|
|
107
|
+
function getSizesAndViewbox() {
|
|
108
|
+
if (size === "xlarge") {
|
|
109
|
+
if (isMobile) return {
|
|
110
|
+
widthAndHeight: 24,
|
|
111
|
+
viewBox: "0 0 24 24"
|
|
112
|
+
};
|
|
113
|
+
return {
|
|
114
|
+
widthAndHeight: 32,
|
|
115
|
+
viewBox: "0 0 32 32"
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
return {
|
|
119
|
+
widthAndHeight: 20,
|
|
120
|
+
viewBox: "0 0 20 20"
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
const { widthAndHeight, viewBox } = getSizesAndViewbox();
|
|
10
124
|
return /* @__PURE__ */ jsx("svg", {
|
|
11
125
|
fill: "none",
|
|
12
|
-
|
|
126
|
+
width: widthAndHeight,
|
|
127
|
+
height: widthAndHeight,
|
|
13
128
|
overflow: "visible",
|
|
14
129
|
role: "presentation",
|
|
15
|
-
|
|
16
|
-
viewBox: "0 0 20 20",
|
|
130
|
+
viewBox,
|
|
17
131
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18
|
-
children:
|
|
19
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
20
|
-
id: "clipCircle",
|
|
21
|
-
clipPathUnits: "userSpaceOnUse",
|
|
22
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
23
|
-
fillRule: "evenodd",
|
|
24
|
-
clipRule: "evenodd",
|
|
25
|
-
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"
|
|
26
|
-
})
|
|
27
|
-
}) }),
|
|
28
|
-
/* @__PURE__ */ jsx("path", {
|
|
29
|
-
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",
|
|
30
|
-
fill: color,
|
|
31
|
-
clipPath: "url(#clipCircle)"
|
|
32
|
-
}),
|
|
33
|
-
/* @__PURE__ */ jsx("path", {
|
|
34
|
-
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",
|
|
35
|
-
fill: color
|
|
36
|
-
}),
|
|
37
|
-
/* @__PURE__ */ jsx("path", {
|
|
38
|
-
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",
|
|
39
|
-
fill: color
|
|
40
|
-
})
|
|
41
|
-
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
42
|
-
/* @__PURE__ */ jsx("path", {
|
|
43
|
-
fillRule: "evenodd",
|
|
44
|
-
clipRule: "evenodd",
|
|
45
|
-
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"
|
|
46
|
-
}),
|
|
47
|
-
/* @__PURE__ */ jsx("path", {
|
|
48
|
-
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",
|
|
49
|
-
fill: "white"
|
|
50
|
-
}),
|
|
51
|
-
/* @__PURE__ */ jsx("path", {
|
|
52
|
-
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",
|
|
53
|
-
fill: "white"
|
|
54
|
-
})
|
|
55
|
-
] })
|
|
132
|
+
children: paths
|
|
56
133
|
});
|
|
57
134
|
};
|
|
58
135
|
var HelpSign_default = HelpSign;
|
|
@@ -73,6 +150,7 @@ const HelpTriggerIconInternal = React.forwardRef(({ ariaLabel, ariaLabelledById,
|
|
|
73
150
|
const { refObject, isHovered: interalIsHovered } = usePseudoClasses(ref);
|
|
74
151
|
const helpIcon = /* @__PURE__ */ jsx(HelpSign_default, {
|
|
75
152
|
color: getIconColor(interalIsHovered || isHovered, weight),
|
|
153
|
+
size,
|
|
76
154
|
weight
|
|
77
155
|
});
|
|
78
156
|
const isButton = htmlMarkup === "button";
|