@helsenorge/designsystem-react 14.0.0-beta.7 → 14.0.0

package/lib/Checkbox.js

@@ -9,7 +9,7 @@ import { t as useIdWithFallback } from "./useIdWithFallback.js";
 import { t as getAriaDescribedBy } from "./accessibility.js";
 import { t as ErrorWrapper_default } from "./ErrorWrapper.js";
 import { r as renderLabelAsParent, t as getLabelText } from "./utils2.js";
-import cn from "classnames";
+import classNames from "classnames";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import checkboxStyles from "./components/Checkbox/styles.module.scss";
@@ -25,8 +25,8 @@ const Checkbox = (props) => {
 	const large = size === FormSize.large;
 	const { refObject, isFocused } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
 	const mergedRefs = mergeRefs([ref, refObject]);
-	const checkboxWrapperClasses = cn(checkboxStyles["checkbox-wrapper"], { [checkboxStyles["checkbox-wrapper--large"]]: large });
-	const checkboxLabelClasses = cn(checkboxStyles["checkbox-label"], {
+	const checkboxWrapperClasses = classNames(checkboxStyles["checkbox-wrapper"], { [checkboxStyles["checkbox-wrapper--large"]]: large });
+	const checkboxLabelClasses = classNames(checkboxStyles["checkbox-label"], {
 		[checkboxStyles["checkbox-label--disabled"]]: disabled,
 		[checkboxStyles["checkbox-label--on-dark"]]: onDark,
 		[checkboxStyles["checkbox-label--large"]]: large,
@@ -38,8 +38,8 @@ const Checkbox = (props) => {
 		[checkboxStyles["checkbox-label__large--on-invalid"]]: large && onInvalid,
 		[checkboxStyles["checkbox-label__large--disabled"]]: large && disabled
 	});
-	const checkboxClasses = cn(checkboxStyles.checkbox, className);
-	const checkboxIconWrapperClasses = cn(checkboxStyles["checkbox__icon-wrapper"], {
+	const checkboxClasses = classNames(checkboxStyles.checkbox, className);
+	const checkboxIconWrapperClasses = classNames(checkboxStyles["checkbox__icon-wrapper"], {
 		[checkboxStyles["checkbox__icon-wrapper--on-white"]]: onWhite,
 		[checkboxStyles["checkbox__icon-wrapper--on-grey"]]: onGrey,
 		[checkboxStyles["checkbox__icon-wrapper--on-invalid"]]: onInvalid,
@@ -57,7 +57,7 @@ const Checkbox = (props) => {
 		[checkboxStyles["checkbox__icon-wrapper__large--checked--invalid"]]: large && isChecked && onInvalid,
 		[checkboxStyles["checkbox__icon-wrapper__large--checked--disabled"]]: disabled && large && isChecked
 	});
-	const labelTextClasses = cn(checkboxStyles["checkbox-label__text"], {
+	const labelTextClasses = classNames(checkboxStyles["checkbox-label__text"], {
 		[checkboxStyles["checkbox-label__text__large--checked"]]: large && isChecked,
 		[checkboxStyles["checkbox-label__text__large--invalid"]]: large && isChecked && onInvalid,
 		[checkboxStyles["checkbox-label__text--on-dark"]]: onDark,

package/lib/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox: React.FC<CheckboxProps>"],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\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 from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label/utils';\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  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLInputElement | null>;\n}\n\nexport const Checkbox: React.FC<CheckboxProps> = props => {\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    ref,\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: label,\n          children: getLabelContent(),\n          inputId: inputId,\n          onColor: onColor as FormOnColor,\n          labelClassName: checkboxLabelClasses,\n          labelTextClassName: labelTextClasses,\n          sublabelWrapperClassName: checkboxStyles['checkbox-sublabel-wrapper'],\n          large: large,\n          afterLabelChildrenClassName: checkboxStyles['checkbox-afterlabelchildren-wrapper'],\n        })}\n      </div>\n    </ErrorWrapper>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;;;;;;;AAiDA,MAAaA,YAAoC,UAAS;CACxD,MAAM,EACJ,WACA,UAAU,OACV,UACA,OACA,UAAU,MAAM,EAChB,UAAU,YAAY,SACtB,OAAO,SACP,MACA,WACA,QAAQ,CAAC,CAAC,WACV,aAAa,iBACb,uBACA,QAAQ,aAAa,MAAM,EAC3B,QACA,UACA,UACA,QACE;CACJ,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CACnD,MAAM,cAAc,kBAAkB,gBAAgB;CACtD,MAAM,UAAU,YAAY,YAAY;CACxC,MAAM,SAAS,YAAY,YAAY;CACvC,MAAM,cAAc,YAAY,YAAY;CAC5C,MAAM,YAAY,SAAS,YAAY,YAAY;CACnD,MAAM,SAAS,YAAY,YAAY;CACvC,MAAM,QAAQ,SAAS,SAAS;CAChC,MAAM,EAAE,WAAW,cAAc,iBAAmC,mBAAmB,IAAI,GAAG,MAAM,KAAK;CACzG,MAAM,aAAa,UAAU,CAAC,KAAK,UAAU,CAAC;CAE9C,MAAM,yBAAyB,GAAW,eAAe,qBAAqB,GAC3E,eAAe,6BAA6B,OAC9C,CAAC;CACF,MAAM,uBAAuB,GAAW,eAAe,mBAAmB;GACvE,eAAe,8BAA8B;GAC7C,eAAe,6BAA6B;GAC5C,eAAe,2BAA2B;GAC1C,eAAe,oCAAoC,SAAS;GAC5D,eAAe,kCAAkC,SAAS;GAC1D,eAAe,qCAAqC,SAAS;GAC7D,eAAe,oCAAoC,SAAS;GAC5D,eAAe,yCAAyC,SAAS;GACjE,eAAe,uCAAuC,SAAS;GAC/D,eAAe,qCAAqC,SAAS;EAC/D,CAAC;CACF,MAAM,kBAAkB,GAAW,eAAe,UAAU,UAAU;CACtE,MAAM,6BAA6B,GAAW,eAAe,2BAA2B;GACrF,eAAe,sCAAsC;GACrD,eAAe,qCAAqC;GACpD,eAAe,wCAAwC;GACvD,eAAe,sCAAsC;GACrD,eAAe,8CAA8C,CAAC,SAAS;GACvE,eAAe,8CAA8C,CAAC,SAAS,aAAa;GACpF,eAAe,8CAA8C,CAAC,SAAS,aAAa;GACpF,eAAe,4CAA4C,SAAS;GACpE,eAAe,4CAA4C,SAAS;GACpE,eAAe,qCAAqC;GACpD,eAAe,0CAA0C;GACzD,eAAe,qCAAqC;GACpD,eAAe,4CAA4C,SAAS,aAAa;GACjF,eAAe,6CAA6C,YAAY,SAAS;GACjF,eAAe,qDAAqD,SAAS,aAAa;GAC1F,eAAe,sDAAsD,YAAY,SAAS;EAC5F,CAAC;CACF,MAAM,mBAAmB,GAAW,eAAe,yBAAyB;GACzE,eAAe,0CAA0C,SAAS;GAClE,eAAe,0CAA0C,SAAS,aAAa;GAC/E,eAAe,mCAAmC;GAClD,eAAe,oCAAoC;EACrD,CAAC;CAEF,IAAI,YAAY,SAAS,QAAQ;AACjC,KAAI,UAAW,SAAS,UAAY,aAAY,SAAS,aAAa,IAAI;AAC1E,KAAI,aAAa,SAAS,UAAW,aAAY,SAAS,QAAQ;AAClE,KAAI,SAAU,aAAY,SAAS,WAAW,IAAI;AAElD,iBAAgB;AACd,eAAa,QAAQ;IACpB,CAAC,QAAQ,CAAC;CAEb,MAAM,mBAAmB,MAAiD;AACxE,MAAI,SACF,UAAS,EAAE;AAGb,eAAa,CAAC,UAAU;;CAG1B,MAAM,wBAAyC;AAC7C,SACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAA;GACC,IAAI;GACE;GACN,WAAW;GACX,MAAK;GACL,SAAS;GACC;GACH;GACP,KAAK;GACL,oBAAkB,mBAAmB,OAAO,YAAY;GACxD,gBAAc;GACJ;GACV,UAAU;IACV,EACF,oBAAC,QAAA;GAAK,WAAW;aACd,aAAa,oBAAC,cAAA;IAAK,OAAO;IAAW,WAAW,eAAe;IAAmB,SAAS;IAAO,MAAM,SAAS;KAAU;IACvH,CAAA,EAAA,CACN;;AAIP,QACE,oBAAC,sBAAA;EAAa,WAAW;EAAkC;EAAwB;YACjF,oBAAC,OAAA;GAAI,eAAa;GAAQ,oBAAkB,YAAY;GAAU,WAAW;aAC1E,oBAAoB;IACZ;IACP,UAAU,iBAAiB;IAClB;IACA;IACT,gBAAgB;IAChB,oBAAoB;IACpB,0BAA0B,eAAe;IAClC;IACP,6BAA6B,eAAe;IAC7C,CAAC;IACE;GACO;;AAInB,IAAA,mBAAe"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox: React.FC<CheckboxProps>"],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\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 from '../ErrorWrapper';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label/utils';\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  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLInputElement | null>;\n}\n\nexport const Checkbox: React.FC<CheckboxProps> = props => {\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    ref,\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: label,\n          children: getLabelContent(),\n          inputId: inputId,\n          onColor: onColor as FormOnColor,\n          labelClassName: checkboxLabelClasses,\n          labelTextClassName: labelTextClasses,\n          sublabelWrapperClassName: checkboxStyles['checkbox-sublabel-wrapper'],\n          large: large,\n          afterLabelChildrenClassName: checkboxStyles['checkbox-afterlabelchildren-wrapper'],\n        })}\n      </div>\n    </ErrorWrapper>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":"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"}

package/lib/Close.js

@@ -4,7 +4,7 @@ import { n as mergeRefs } from "./refs.js";
 import { t as Icon_default } from "./Icon.js";
 import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
 import { t as X_default } from "./X.js";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import styles from "./components/Close/styles.module.scss";
 var Close = (props) => {
@@ -15,7 +15,7 @@ var Close = (props) => {
 	if (color === "black") iconColor = "black";
 	else if (color === "plum") iconColor = "var(--core-color-plum-700)";
 	else iconColor = "var(--color-action-graphics-onlight)";
-	const closeClasses = cn(styles.close, { [styles["close--small"]]: small }, className);
+	const closeClasses = classNames(styles.close, { [styles["close--small"]]: small }, className);
 	return /* @__PURE__ */ jsx("button", {
 		ref: mergeRefs([ref, refObject]),
 		"data-testid": testId,
@@ -25,7 +25,7 @@ var Close = (props) => {
 		onClick,
 		type: "button",
 		children: /* @__PURE__ */ jsx("span", {
-			className: cn(styles["close__inner-container"], {
+			className: classNames(styles["close__inner-container"], {
 				[styles["close__inner-container--small"]]: small,
 				[styles["close__inner-container--plum"]]: color == "plum"
 			}),

package/lib/Close.js.map

@@ -1 +1 @@
-{"version":3,"file":"Close.js","names":["Close: React.FC<CloseProps>"],"sources":["../src/components/Close/Close.tsx","../src/components/Close/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport Icon from '../Icon';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\nexport interface CloseProps {\n  /** Keeps the icon small for all screen sizes */\n  small?: boolean;\n  /** Function is called when user clicks the button */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Sets the aria-label of the button */\n  ariaLabel?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Gives color to the svg */\n  color?: 'blueberry' | 'black' | 'plum';\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst Close: React.FC<CloseProps> = props => {\n  const { small, testId, ariaLabel = 'Lukk', onClick, className, color = 'blueberry', ref } = props;\n  const { refObject, isHovered } = usePseudoClasses();\n\n  const iconSize = useIsMobileBreakpoint() || small ? 38 : 48;\n\n  let iconColor;\n  if (color === 'black') {\n    iconColor = 'black';\n  } else if (color === 'plum') {\n    iconColor = 'var(--core-color-plum-700)';\n  } else {\n    iconColor = 'var(--color-action-graphics-onlight)';\n  }\n\n  const closeClasses = classNames(styles.close, { [styles['close--small']]: small }, className);\n\n  return (\n    <button\n      ref={mergeRefs([ref, refObject])}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Close}\n      className={closeClasses}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <span\n        className={classNames(styles['close__inner-container'], {\n          [styles['close__inner-container--small']]: small,\n          [styles['close__inner-container--plum']]: color == 'plum',\n        })}\n      >\n        <Icon svgIcon={X} color={iconColor} size={iconSize} isHovered={isHovered} />\n      </span>\n    </button>\n  );\n};\n\nexport default Close;\n","import Close from './Close';\nexport * from './Close';\nexport default Close;\n"],"mappings":";;;;;;;;;AA4BA,IAAMA,SAA8B,UAAS;CAC3C,MAAM,EAAE,OAAO,QAAQ,YAAY,QAAQ,SAAS,WAAW,QAAQ,aAAa,QAAQ;CAC5F,MAAM,EAAE,WAAW,cAAc,kBAAkB;CAEnD,MAAM,WAAW,uBAAuB,IAAI,QAAQ,KAAK;CAEzD,IAAI;AACJ,KAAI,UAAU,QACZ,aAAY;UACH,UAAU,OACnB,aAAY;KAEZ,aAAY;CAGd,MAAM,eAAe,GAAW,OAAO,OAAO,GAAG,OAAO,kBAAkB,OAAO,EAAE,UAAU;AAE7F,QACE,oBAAC,UAAA;EACC,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC;EAChC,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,cAAY;EACH;EACT,MAAK;YAEL,oBAAC,QAAA;GACC,WAAW,GAAW,OAAO,2BAA2B;KACrD,OAAO,mCAAmC;KAC1C,OAAO,kCAAkC,SAAS;IACpD,CAAC;aAEF,oBAAC,cAAA;IAAK,SAAS;IAAG,OAAO;IAAW,MAAM;IAAqB;KAAa;IACvE;GACA;;AC7Db,IAAA,kBDiEe"}
+{"version":3,"file":"Close.js","names":["Close: React.FC<CloseProps>"],"sources":["../src/components/Close/Close.tsx","../src/components/Close/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport Icon from '../Icon';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\nexport interface CloseProps {\n  /** Keeps the icon small for all screen sizes */\n  small?: boolean;\n  /** Function is called when user clicks the button */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Sets the aria-label of the button */\n  ariaLabel?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Gives color to the svg */\n  color?: 'blueberry' | 'black' | 'plum';\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst Close: React.FC<CloseProps> = props => {\n  const { small, testId, ariaLabel = 'Lukk', onClick, className, color = 'blueberry', ref } = props;\n  const { refObject, isHovered } = usePseudoClasses();\n\n  const iconSize = useIsMobileBreakpoint() || small ? 38 : 48;\n\n  let iconColor;\n  if (color === 'black') {\n    iconColor = 'black';\n  } else if (color === 'plum') {\n    iconColor = 'var(--core-color-plum-700)';\n  } else {\n    iconColor = 'var(--color-action-graphics-onlight)';\n  }\n\n  const closeClasses = classNames(styles.close, { [styles['close--small']]: small }, className);\n\n  return (\n    <button\n      ref={mergeRefs([ref, refObject])}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Close}\n      className={closeClasses}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <span\n        className={classNames(styles['close__inner-container'], {\n          [styles['close__inner-container--small']]: small,\n          [styles['close__inner-container--plum']]: color == 'plum',\n        })}\n      >\n        <Icon svgIcon={X} color={iconColor} size={iconSize} isHovered={isHovered} />\n      </span>\n    </button>\n  );\n};\n\nexport default Close;\n","import Close from './Close';\nexport * from './Close';\nexport default Close;\n"],"mappings":";;;;;;;;;AA4BA,IAAMA,SAA8B,UAAS;CAC3C,MAAM,EAAE,OAAO,QAAQ,YAAY,QAAQ,SAAS,WAAW,QAAQ,aAAa,QAAQ;CAC5F,MAAM,EAAE,WAAW,cAAc,kBAAkB;CAEnD,MAAM,WAAW,uBAAuB,IAAI,QAAQ,KAAK;CAEzD,IAAI;AACJ,KAAI,UAAU,QACZ,aAAY;UACH,UAAU,OACnB,aAAY;KAEZ,aAAY;CAGd,MAAM,eAAe,WAAW,OAAO,OAAO,GAAG,OAAO,kBAAkB,OAAO,EAAE,UAAU;AAE7F,QACE,oBAAC,UAAA;EACC,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC;EAChC,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,cAAY;EACH;EACT,MAAK;YAEL,oBAAC,QAAA;GACC,WAAW,WAAW,OAAO,2BAA2B;KACrD,OAAO,mCAAmC;KAC1C,OAAO,kCAAkC,SAAS;IACpD,CAAC;aAEF,oBAAC,cAAA;IAAK,SAAS;IAAG,OAAO;IAAW,MAAM;IAAqB;KAAa;IACvE;GACA;;AC7Db,IAAA,kBDiEe"}

package/lib/DictionaryTrigger.js

@@ -1,10 +1,10 @@
 import { n as AnalyticsId } from "./constants2.js";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import styles from "./components/DictionaryTrigger/styles.module.scss";
 var DictionaryTrigger = (props) => {
 	const { children, selected = false, className, testId, ref, ...rest } = props;
-	const triggerClasses = cn(styles.dictionarytrigger, className);
+	const triggerClasses = classNames(styles.dictionarytrigger, className);
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"data-testid": testId,

package/lib/DictionaryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryTrigger.js","names":["DictionaryTrigger: React.FC<DictionaryTriggerProps>"],"sources":["../src/components/DictionaryTrigger/DictionaryTrigger.tsx","../src/components/DictionaryTrigger/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n  /**\n   * ref that is passed to the component\n   */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst DictionaryTrigger: React.FC<DictionaryTriggerProps> = (props: DictionaryTriggerProps) => {\n  const { children, selected = false, className, testId, ref, ...rest } = props;\n  const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n  return (\n    <button\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.DictionaryTrigger}\n      className={triggerClasses}\n      aria-expanded={selected}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n","import DictionaryTrigger from './DictionaryTrigger';\nexport * from './DictionaryTrigger';\nexport default DictionaryTrigger;\n"],"mappings":";;;;AA6BA,IAAMA,qBAAuD,UAAkC;CAC7F,MAAM,EAAE,UAAU,WAAW,OAAO,WAAW,QAAQ,KAAK,GAAG,SAAS;CACxE,MAAM,iBAAiB,GAAW,OAAO,mBAAmB,UAAU;AAEtE,QACE,oBAAC,UAAA;EACC,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,iBAAe;EACV;EACL,GAAI;EAEH;GACM;;AAIb,kBAAkB,cAAc;AC9ChC,IAAA,8BDgDe"}
+{"version":3,"file":"DictionaryTrigger.js","names":["DictionaryTrigger: React.FC<DictionaryTriggerProps>"],"sources":["../src/components/DictionaryTrigger/DictionaryTrigger.tsx","../src/components/DictionaryTrigger/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n  /**\n   * ref that is passed to the component\n   */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst DictionaryTrigger: React.FC<DictionaryTriggerProps> = (props: DictionaryTriggerProps) => {\n  const { children, selected = false, className, testId, ref, ...rest } = props;\n  const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n  return (\n    <button\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.DictionaryTrigger}\n      className={triggerClasses}\n      aria-expanded={selected}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n","import DictionaryTrigger from './DictionaryTrigger';\nexport * from './DictionaryTrigger';\nexport default DictionaryTrigger;\n"],"mappings":";;;;AA6BA,IAAMA,qBAAuD,UAAkC;CAC7F,MAAM,EAAE,UAAU,WAAW,OAAO,WAAW,QAAQ,KAAK,GAAG,SAAS;CACxE,MAAM,iBAAiB,WAAW,OAAO,mBAAmB,UAAU;AAEtE,QACE,oBAAC,UAAA;EACC,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,iBAAe;EACV;EACL,GAAI;EAEH;GACM;;AAIb,kBAAkB,cAAc;AC9ChC,IAAA,8BDgDe"}

package/lib/DoctorSmall.js

@@ -20,41 +20,29 @@ var DoctorSmall = ({ color, svgProperties, title }) => {
 		...svgProperties,
 		children: [
 			title,
-			/* @__PURE__ */ jsxs("g", {
-				clipPath: "url(#Color=Blueberry, Size=Small__a)",
-				children: [
-					/* @__PURE__ */ jsx("path", {
-						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",
-						fill: palette.hair,
-						"data-testid": "doctor-small"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						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",
-						fill: palette.shirt
-					}),
-					/* @__PURE__ */ jsx("path", {
-						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",
-						fill: "#fff"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						fillRule: "evenodd",
-						clipRule: "evenodd",
-						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",
-						fill: "#000"
-					}),
-					/* @__PURE__ */ jsx("path", {
-						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",
-						fill: "#000"
-					})
-				]
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: palette.hair,
+				"data-testid": "doctor-small"
 			}),
-			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-				id: "Color=Blueberry, Size=Small__a",
-				children: /* @__PURE__ */ jsx("path", {
-					fill: "#fff",
-					d: "M0 0h200v200H0z"
-				})
-			}) })
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: palette.shirt
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#fff"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				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",
+				fill: "#000"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				fill: "#000"
+			})
 		]
 	});
 };

package/lib/DoctorSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import 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      <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":";AAGA,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"}
+{"version":3,"file":"DoctorSmall.js","names":["DoctorSmall: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/DoctorSmall.tsx"],"sourcesContent":["import 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":";AAGA,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

@@ -12,7 +12,7 @@ import { t as Close_default } from "./Close.js";
 import { t as useReturnFocusOnUnmount } from "./useReturnFocusOnUnmount.js";
 import { n as enableBodyScroll, t as disableBodyScroll } from "./scroll.js";
 import { t as Title_default } from "./Title2.js";
-import cn from "classnames";
+import classNames from "classnames";
 import React, { useEffect, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, useAnimate, usePresence } from "motion/react";
@@ -60,7 +60,7 @@ var InnerDrawer = (props) => {
 		...resources
 	};
 	const contentIsScrollable = contentRef.current && contentRef.current.scrollHeight > contentRef.current.clientHeight;
-	const headerStyling = cn(styles.drawer__header, headerClasses, { [styles["drawer__header--no-close-button"]]: noCloseButton });
+	const headerStyling = classNames(styles.drawer__header, headerClasses);
 	const hasFooterContent = typeof footerContent !== "undefined" && footerContent || onPrimaryAction || onSecondaryAction;
 	useFocusTrap_default(containerRef, true);
 	useReturnFocusOnUnmount(containerRef);
@@ -147,7 +147,7 @@ var InnerDrawer = (props) => {
 			ref: overlayRef,
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ jsxs("div", {
-			className: cn(styles.drawer__container, { [styles["drawer__container--right"]]: desktopDirection === "right" }),
+			className: classNames(styles.drawer__container, { [styles["drawer__container--right"]]: desktopDirection === "right" }),
 			ref: containerRef,
 			role: "dialog",
 			"aria-modal": "true",
@@ -161,6 +161,7 @@ var InnerDrawer = (props) => {
 						ref: headerRef,
 						children: [/* @__PURE__ */ jsx(Title_default, {
 							id: ariaLabelAttributes?.["aria-labelledby"],
+							className: styles["drawer__header__title"],
 							htmlMarkup: titleHtmlMarkup,
 							appearance: "title3",
 							children: title
@@ -172,7 +173,7 @@ var InnerDrawer = (props) => {
 						})]
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: cn(styles["drawer__content__shadow"], styles["drawer__content__shadow--top"]),
+						className: classNames(styles["drawer__content__shadow"], styles["drawer__content__shadow--top"]),
 						style: {
 							opacity: !topContentVisible && contentIsScrollable ? 1 : 0,
 							top: headerHeight
@@ -197,7 +198,7 @@ var InnerDrawer = (props) => {
 						]
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: cn(styles["drawer__content__shadow"], styles["drawer__content__shadow--bottom"]),
+						className: classNames(styles["drawer__content__shadow"], styles["drawer__content__shadow--bottom"]),
 						style: {
 							opacity: !bottomContentVisible && contentIsScrollable ? 1 : 0,
 							bottom: hasFooterContent ? footerHeight : 0

package/lib/Drawer.js.map

@@ -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 type { HNDesignsystemDrawer } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\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 type { HNDesignsystemDrawer } from '../../resources/Resources';\nimport type { TitleTags } from '../Title';\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 { useLanguage } from '../../hooks/useLanguage';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title 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  /** 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    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  };\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  // 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  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  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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"}
+{"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 type { HNDesignsystemDrawer } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Drawer.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Drawer.nb-NO.json';\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 type { HNDesignsystemDrawer } from '../../resources/Resources';\nimport type { TitleTags } from '../Title';\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 { useLanguage } from '../../hooks/useLanguage';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { useReturnFocusOnUnmount } from '../../hooks/useReturnFocusOnUnmount';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { disableBodyScroll, enableBodyScroll } from '../../utils/scroll';\nimport uuid from '../../utils/uuid';\nimport Button from '../Button';\nimport Close from '../Close';\nimport Title 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  /** 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    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  };\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  // 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  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  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/Duolist.js

@@ -1,7 +1,7 @@
 import { n as AnalyticsId } from "./constants2.js";
 import { n as useBreakpoint, t as Breakpoint } from "./useBreakpoint.js";
 import { t as Spacer_default } from "./Spacer.js";
-import cn from "classnames";
+import classNames from "classnames";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import duolistStyles from "./components/Duolist/styles.module.scss";
@@ -10,11 +10,11 @@ const DuolistGroup = (props) => {
 	const firstBold = boldColumn === "first";
 	const secondBold = boldColumn === "second";
 	const nonFormatted = format === "non-formatted";
-	const dtClassNames = cn(duolistStyles["duolist__dt"], {
+	const dtClassNames = classNames(duolistStyles["duolist__dt"], {
 		[duolistStyles["duolist__dt--bold"]]: firstBold,
 		[duolistStyles["duolist__dt--non-formatted"]]: nonFormatted
 	});
-	const ddClassNames = cn(duolistStyles["duolist__dd"], {
+	const ddClassNames = classNames(duolistStyles["duolist__dd"], {
 		[duolistStyles["duolist__dd--bold"]]: secondBold,
 		[duolistStyles["duolist__dd--non-formatted"]]: nonFormatted
 	});
@@ -40,11 +40,11 @@ const Duolist = (props) => {
 	const nonFormatted = format === "non-formatted";
 	const breakpoint = useBreakpoint();
 	const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];
-	const duolistWrapperClasses = cn({
+	const duolistWrapperClasses = classNames({
 		[duolistStyles["duolist-wrapper--border"]]: hasBorder,
 		[duolistStyles["duolist-wrapper--extra-padding-top"]]: extraPaddingTop
 	}, className);
-	const duolistClasses = cn(duolistStyles.duolist, {
+	const duolistClasses = classNames(duolistStyles.duolist, {
 		[duolistStyles["duolist--line"]]: hasLines,
 		[duolistStyles["duolist--non-formatted"]]: nonFormatted,
 		[duolistStyles["duolist--collapsed"]]: useCollapsedMode,

package/lib/Duolist.js.map

@@ -1 +1 @@
-{"version":3,"file":"Duolist.js","names":["DuolistGroup: React.FC<DuolistGroupProps>","Duolist: React.FC<DuolistProps>"],"sources":["../src/components/Duolist/Duolist.tsx","../src/components/Duolist/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { TitleProps } from '../Title';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\nexport interface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: React.ReactElement<TitleProps>;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n  /** Use collapsed mode on columns from chosen breakpoint and below. */\n  useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt\n          data-separator={nonFormatted ? separator : undefined}\n          className={dtClassNames}\n          data-testid={props.testId && `${props.testId}-term`}\n        >\n          {term}\n        </dt>\n        <dd className={ddClassNames} data-testid={props.testId && `${props.testId}-description`}>\n          {description}\n        </dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n    useCollapsedFromAndBelowBreakpoint,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n  const breakpoint = useBreakpoint();\n  const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n  const duolistWrapperClasses = classNames(\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n    [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n    [duolistStyles['duolist--not-collapsed']]: !useCollapsedMode,\n  });\n\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl\n        style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n        className={duolistClasses}\n      >\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              ...duolistGroup.props,\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n","import Duolist from './Duolist';\nexport * from './Duolist';\nexport default Duolist;\n"],"mappings":";;;;;;;AAyDA,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,SAAS,aAAa,aAAa,WAAW,kBAAkB,SAAS,SAAS,aAAa,YAAY,MAAM,SAAS;CAElI,MAAM,YAAY,eAAe;CACjC,MAAM,aAAa,eAAe;CAClC,MAAM,eAAe,WAAW;CAEhC,MAAM,eAAe,GAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CACF,MAAM,eAAe,GAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CAEF,MAAM,sBAAsB;AAC1B,SACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAA;GACC,kBAAgB,eAAe,YAAY,KAAA;GAC3C,WAAW;GACX,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aAE5C;IACE,EACL,oBAAC,MAAA;GAAG,WAAW;GAAc,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aACvE;IACE,CAAA,EAAA,CACJ;;AAIP,QAAO,eAAe,oBAAC,OAAA,EAAA,UAAK,eAAe,EAAA,CAAO,GAAG,oBAAA,UAAA,EAAA,UAAG,eAAe,EAAA,CAAI;;AAG7E,MAAaC,WAAkC,UAAS;CACtD,MAAM,EACJ,YACA,SAAS,aACT,kBACA,OACA,SAAS,aACT,WACA,UAAU,UACV,UACA,WACA,QACA,uCACE;CAEJ,MAAM,YAAY,WAAW;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,kBAAkB,cAAc,SAAS;CAC/C,MAAM,eAAe,WAAW;CAChC,MAAM,aAAa,eAAe;CAClC,MAAM,mBAAmB,sCAAsC,cAAc,WAAW;CAExF,MAAM,wBAAwB,GAC5B;GACG,cAAc,6BAA6B;GAC3C,cAAc,wCAAwC;EACxD,EACD,UACD;CAED,MAAM,iBAAiB,GAAW,cAAc,SAAS;GACtD,cAAc,mBAAmB;GACjC,cAAc,4BAA4B;GAC1C,cAAc,wBAAwB;GACtC,cAAc,4BAA4B,CAAC;EAC7C,CAAC;CAEF,MAAM,qBAAqB,mBAAmB,mBAAmB,MAAM;AAEvE,QACE,qBAAC,OAAA;EAAI,WAAW;EAAuB,eAAa;EAAQ,oBAAkB,YAAY;aACvF,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,OACD,oBAAC,gBAAA,EAAA,CAAS,CAAA,EAAA,CACT,EAEL,oBAAC,MAAA;GACC,OAAO,CAAC,eAAe,EAAE,qBAAqB,mBAAmB,QAAQ,QAAQ,sBAAsB,GAAG,KAAA;GAC1G,WAAW;aAEV,MAAM,SAAS,IAAI,WAAW,UAAmE;AAChG,QAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;IACpD,MAAM,eAAe;AACrB,QAAI,aAAa,SAAS,aACxB,QAAO,MAAM,aAAa,OAAgD;KACxE,GAAG,aAAa;KAChB,YAAY,aAAa,MAAM,cAAc;KAC7C,QAAQ,aAAa,MAAM,UAAU;KACrC,WAAW,aAAa,MAAM,aAAa;KAC5C,CAAC;KAEJ;IACC,CAAA;GACD;;AC3JV,IAAA,oBD+Je"}
+{"version":3,"file":"Duolist.js","names":["DuolistGroup: React.FC<DuolistGroupProps>","Duolist: React.FC<DuolistProps>"],"sources":["../src/components/Duolist/Duolist.tsx","../src/components/Duolist/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { TitleProps } from '../Title';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport Spacer from '../Spacer';\n\nimport duolistStyles from './styles.module.scss';\n\nexport type DuolistVariants = 'normal' | 'line';\nexport type BoldColumn = 'first' | 'second' | 'none';\nexport type Border = 'no-border' | 'border';\nexport type Formats = 'formatted' | 'non-formatted';\n\nexport interface DuolistProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Label of the Duolist */\n  border?: Border;\n  /** Label of the Duolist */\n  label?: React.ReactElement<TitleProps>;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets the visual variant of the Duolist. */\n  variant?: DuolistVariants;\n  /** Sets the content of the Duolist. */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Width of the description column in percentage */\n  descriptionWidth?: number;\n  /** Use collapsed mode on columns from chosen breakpoint and below. */\n  useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;\n}\n\nexport interface DuolistGroupProps {\n  /** Determines which column is bold */\n  boldColumn?: BoldColumn;\n  /** Sets content of the <dd> tag. */\n  description: React.ReactNode;\n  /** Formatted or non-formatted visual variants */\n  format?: Formats;\n  /** Character separator for non-formatted format */\n  separator?: string;\n  /** Sets content of the <dt> tag. */\n  term: React.ReactNode;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const DuolistGroup: React.FC<DuolistGroupProps> = props => {\n  const { format = 'formatted', boldColumn = format === 'non-formatted' ? 'none' : 'first', description, separator = ': ', term } = props;\n\n  const firstBold = boldColumn === 'first';\n  const secondBold = boldColumn === 'second';\n  const nonFormatted = format === 'non-formatted';\n\n  const dtClassNames = classNames(duolistStyles['duolist__dt'], {\n    [duolistStyles['duolist__dt--bold']]: firstBold,\n    [duolistStyles['duolist__dt--non-formatted']]: nonFormatted,\n  });\n  const ddClassNames = classNames(duolistStyles['duolist__dd'], {\n    [duolistStyles['duolist__dd--bold']]: secondBold,\n    [duolistStyles['duolist__dd--non-formatted']]: nonFormatted,\n  });\n\n  const renderContent = () => {\n    return (\n      <>\n        <dt\n          data-separator={nonFormatted ? separator : undefined}\n          className={dtClassNames}\n          data-testid={props.testId && `${props.testId}-term`}\n        >\n          {term}\n        </dt>\n        <dd className={ddClassNames} data-testid={props.testId && `${props.testId}-description`}>\n          {description}\n        </dd>\n      </>\n    );\n  };\n\n  return nonFormatted ? <div>{renderContent()}</div> : <>{renderContent()}</>;\n};\n\nexport const Duolist: React.FC<DuolistProps> = props => {\n  const {\n    boldColumn,\n    border = 'no-border',\n    descriptionWidth,\n    label,\n    format = 'formatted',\n    separator,\n    variant = 'normal',\n    children,\n    className,\n    testId,\n    useCollapsedFromAndBelowBreakpoint,\n  } = props;\n\n  const hasBorder = border === 'border';\n  const hasLines = variant === 'line';\n  const extraPaddingTop = hasBorder && (label || hasLines);\n  const nonFormatted = format === 'non-formatted';\n  const breakpoint = useBreakpoint();\n  const useCollapsedMode = useCollapsedFromAndBelowBreakpoint && breakpoint <= Breakpoint[useCollapsedFromAndBelowBreakpoint];\n\n  const duolistWrapperClasses = classNames(\n    {\n      [duolistStyles['duolist-wrapper--border']]: hasBorder,\n      [duolistStyles['duolist-wrapper--extra-padding-top']]: extraPaddingTop,\n    },\n    className\n  );\n\n  const duolistClasses = classNames(duolistStyles.duolist, {\n    [duolistStyles['duolist--line']]: hasLines,\n    [duolistStyles['duolist--non-formatted']]: nonFormatted,\n    [duolistStyles['duolist--collapsed']]: useCollapsedMode,\n    [duolistStyles['duolist--not-collapsed']]: !useCollapsedMode,\n  });\n\n  const duolistColumnStyle = descriptionWidth ? descriptionWidth + '%' : 'minmax(60%, 1fr)';\n\n  return (\n    <div className={duolistWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.Duolist}>\n      {label && (\n        <>\n          {label}\n          <Spacer />\n        </>\n      )}\n      <dl\n        style={!nonFormatted ? { gridTemplateColumns: useCollapsedMode ? `1fr` : `auto ${duolistColumnStyle}` } : undefined}\n        className={duolistClasses}\n      >\n        {React.Children.map(children, (child: React.ReactNode | React.ReactElement<DuolistGroupProps>) => {\n          if (child === null || typeof child === 'undefined') return;\n          const duolistGroup = child as React.ReactElement<DuolistGroupProps>;\n          if (duolistGroup.type === DuolistGroup) {\n            return React.cloneElement(child as React.ReactElement<DuolistGroupProps>, {\n              ...duolistGroup.props,\n              boldColumn: duolistGroup.props.boldColumn ?? boldColumn,\n              format: duolistGroup.props.format ?? format,\n              separator: duolistGroup.props.separator ?? separator,\n            });\n          }\n        })}\n      </dl>\n    </div>\n  );\n};\n\nexport default Duolist;\n","import Duolist from './Duolist';\nexport * from './Duolist';\nexport default Duolist;\n"],"mappings":";;;;;;;AAyDA,MAAaA,gBAA4C,UAAS;CAChE,MAAM,EAAE,SAAS,aAAa,aAAa,WAAW,kBAAkB,SAAS,SAAS,aAAa,YAAY,MAAM,SAAS;CAElI,MAAM,YAAY,eAAe;CACjC,MAAM,aAAa,eAAe;CAClC,MAAM,eAAe,WAAW;CAEhC,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CACF,MAAM,eAAe,WAAW,cAAc,gBAAgB;GAC3D,cAAc,uBAAuB;GACrC,cAAc,gCAAgC;EAChD,CAAC;CAEF,MAAM,sBAAsB;AAC1B,SACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAA;GACC,kBAAgB,eAAe,YAAY,KAAA;GAC3C,WAAW;GACX,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aAE5C;IACE,EACL,oBAAC,MAAA;GAAG,WAAW;GAAc,eAAa,MAAM,UAAU,GAAG,MAAM,OAAO;aACvE;IACE,CAAA,EAAA,CACJ;;AAIP,QAAO,eAAe,oBAAC,OAAA,EAAA,UAAK,eAAe,EAAA,CAAO,GAAG,oBAAA,UAAA,EAAA,UAAG,eAAe,EAAA,CAAI;;AAG7E,MAAaC,WAAkC,UAAS;CACtD,MAAM,EACJ,YACA,SAAS,aACT,kBACA,OACA,SAAS,aACT,WACA,UAAU,UACV,UACA,WACA,QACA,uCACE;CAEJ,MAAM,YAAY,WAAW;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,kBAAkB,cAAc,SAAS;CAC/C,MAAM,eAAe,WAAW;CAChC,MAAM,aAAa,eAAe;CAClC,MAAM,mBAAmB,sCAAsC,cAAc,WAAW;CAExF,MAAM,wBAAwB,WAC5B;GACG,cAAc,6BAA6B;GAC3C,cAAc,wCAAwC;EACxD,EACD,UACD;CAED,MAAM,iBAAiB,WAAW,cAAc,SAAS;GACtD,cAAc,mBAAmB;GACjC,cAAc,4BAA4B;GAC1C,cAAc,wBAAwB;GACtC,cAAc,4BAA4B,CAAC;EAC7C,CAAC;CAEF,MAAM,qBAAqB,mBAAmB,mBAAmB,MAAM;AAEvE,QACE,qBAAC,OAAA;EAAI,WAAW;EAAuB,eAAa;EAAQ,oBAAkB,YAAY;aACvF,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,OACD,oBAAC,gBAAA,EAAA,CAAS,CAAA,EAAA,CACT,EAEL,oBAAC,MAAA;GACC,OAAO,CAAC,eAAe,EAAE,qBAAqB,mBAAmB,QAAQ,QAAQ,sBAAsB,GAAG,KAAA;GAC1G,WAAW;aAEV,MAAM,SAAS,IAAI,WAAW,UAAmE;AAChG,QAAI,UAAU,QAAQ,OAAO,UAAU,YAAa;IACpD,MAAM,eAAe;AACrB,QAAI,aAAa,SAAS,aACxB,QAAO,MAAM,aAAa,OAAgD;KACxE,GAAG,aAAa;KAChB,YAAY,aAAa,MAAM,cAAc;KAC7C,QAAQ,aAAa,MAAM,UAAU;KACrC,WAAW,aAAa,MAAM,aAAa;KAC5C,CAAC;KAEJ;IACC,CAAA;GACD;;AC3JV,IAAA,oBD+Je"}