@helsenorge/designsystem-react 12.12.2 → 12.12.3

package/src/components/Icon/Icon.tsx

@@ -1,121 +0,0 @@
-import React from 'react';
-
-import classNames from 'classnames';
-
-import { AnalyticsId, FormOnColor, IconSize } from '../../constants';
-import { useUuid } from '../../hooks/useUuid';
-import { StatusDotOnColor } from '../StatusDot';
-
-export type SvgIcon = React.FC<SvgPathProps>;
-
-export interface BaseIconProps {
-  /* aria-label for the <svg> element. Used as <title> tag. */
-  ariaLabel?: string;
-  /* Changes the size of the icon. */
-  size?: number;
-  /* Changes the color of the icon. */
-  color?: string;
-  /* Changes the hover color of the icon. */
-  hoverColor?: string;
-  /* Adds custom classes to the element. */
-  className?: string;
-  /* Swaps the displayed icon to the hover version and changes its color. */
-  isHovered?: boolean;
-  /** Defines the color of the icon */
-  onColor?: keyof typeof FormOnColor | StatusDotOnColor;
-  /** Sets the data-testid attribute. */
-  testId?: string;
-}
-
-export interface IconProps extends BaseIconProps {
-  /* Sets which icon should be displayed. */
-  svgIcon: SvgIcon;
-}
-
-export interface SvgPathProps {
-  size: IconSize;
-  isHovered: boolean;
-  onColor?: keyof typeof FormOnColor | StatusDotOnColor;
-}
-
-interface IconConfig {
-  size: IconSize;
-  isHovered: boolean;
-  normal: React.ReactElement;
-  normalHover: React.ReactElement;
-  xSmall?: React.ReactElement;
-  xSmallHover?: React.ReactElement;
-  xxSmall?: React.ReactElement;
-  xxSmallHover?: React.ReactElement;
-}
-
-export const getIcon = ({
-  size,
-  isHovered,
-  normal,
-  normalHover,
-  xSmall,
-  xSmallHover,
-  xxSmall,
-  xxSmallHover,
-}: IconConfig): React.ReactElement => {
-  if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) {
-    return isHovered ? xxSmallHover : xxSmall;
-  }
-  if (size <= IconSize.XSmall && xSmall && xSmallHover) {
-    return isHovered ? xSmallHover : xSmall;
-  }
-
-  return isHovered ? normalHover : normal;
-};
-
-export const Icon = React.forwardRef((props: IconProps, ref: React.ForwardedRef<SVGSVGElement>) => {
-  const {
-    svgIcon,
-    ariaLabel,
-    className = '',
-    size = IconSize.Small,
-    color = 'black',
-    hoverColor = color || 'black',
-    isHovered = false,
-    onColor,
-    testId,
-    ...other
-  } = props;
-
-  const svgRaw = React.createElement(svgIcon, {
-    size,
-    isHovered,
-    onColor,
-  });
-
-  const titleId = useUuid();
-  const svgColor = isHovered ? hoverColor : color;
-
-  return (
-    <svg
-      data-testid={testId}
-      data-analyticsid={AnalyticsId.Icon}
-      ref={ref}
-      className={classNames(`hnds-style-icon`, className)}
-      role={ariaLabel ? 'img' : 'presentation'}
-      aria-labelledby={ariaLabel ? titleId : undefined}
-      focusable={false}
-      aria-hidden={ariaLabel ? undefined : true}
-      viewBox="0 0 48 48"
-      style={{ minWidth: size, minHeight: size }}
-      width={size}
-      height={size}
-      fill={svgColor}
-      color={svgColor}
-      {...other}
-    >
-      {ariaLabel && <title id={titleId}>{ariaLabel}</title>}
-      {svgRaw}
-    </svg>
-  );
-});
-
-Icon.displayName = 'Icon';
-
-export default Icon;

package/src/components/Icon/__snapshots__/Icon.test.tsx.snap

@@ -1,415 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Gitt at icon skal vises > Når icon rendres med Large størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="80"
-    role="presentation"
-    style="min-width: 80px; min-height: 80px;"
-    viewBox="0 0 48 48"
-    width="80"
-  >
-    <path
-      d="M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med Large størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="80"
-    role="presentation"
-    style="min-width: 80px; min-height: 80px;"
-    viewBox="0 0 48 48"
-    width="80"
-  >
-    <path
-      d="M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med Medium størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="64"
-    role="presentation"
-    style="min-width: 64px; min-height: 64px;"
-    viewBox="0 0 48 48"
-    width="64"
-  >
-    <path
-      d="M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med Medium størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="64"
-    role="presentation"
-    style="min-width: 64px; min-height: 64px;"
-    viewBox="0 0 48 48"
-    width="64"
-  >
-    <path
-      d="M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med Small størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="48"
-    role="presentation"
-    style="min-width: 48px; min-height: 48px;"
-    viewBox="0 0 48 48"
-    width="48"
-  >
-    <path
-      d="M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med Small størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="48"
-    role="presentation"
-    style="min-width: 48px; min-height: 48px;"
-    viewBox="0 0 48 48"
-    width="48"
-  >
-    <path
-      d="M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XLarge størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="130"
-    role="presentation"
-    style="min-width: 130px; min-height: 130px;"
-    viewBox="0 0 48 48"
-    width="130"
-  >
-    <path
-      d="M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XLarge størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="130"
-    role="presentation"
-    style="min-width: 130px; min-height: 130px;"
-    viewBox="0 0 48 48"
-    width="130"
-  >
-    <path
-      d="M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XSmall størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="38"
-    role="presentation"
-    style="min-width: 38px; min-height: 38px;"
-    viewBox="0 0 48 48"
-    width="38"
-  >
-    <path
-      d="M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XSmall størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="38"
-    role="presentation"
-    style="min-width: 38px; min-height: 38px;"
-    viewBox="0 0 48 48"
-    width="38"
-  >
-    <path
-      d="M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XXSmall størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="24"
-    role="presentation"
-    style="min-width: 24px; min-height: 24px;"
-    viewBox="0 0 48 48"
-    width="24"
-  >
-    <path
-      d="M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med XXSmall størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="24"
-    role="presentation"
-    style="min-width: 24px; min-height: 24px;"
-    viewBox="0 0 48 48"
-    width="24"
-  >
-    <path
-      d="M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med default størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="48"
-    role="presentation"
-    style="min-width: 48px; min-height: 48px;"
-    viewBox="0 0 48 48"
-    width="48"
-  >
-    <path
-      d="M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med default størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="48"
-    role="presentation"
-    style="min-width: 48px; min-height: 48px;"
-    viewBox="0 0 48 48"
-    width="48"
-  >
-    <path
-      d="M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med mindre enn XSmall størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="37"
-    role="presentation"
-    style="min-width: 37px; min-height: 37px;"
-    viewBox="0 0 48 48"
-    width="37"
-  >
-    <path
-      d="M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med mindre enn XSmall størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="37"
-    role="presentation"
-    style="min-width: 37px; min-height: 37px;"
-    viewBox="0 0 48 48"
-    width="37"
-  >
-    <path
-      d="M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med mindre enn XXSmall størrelse > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="23"
-    role="presentation"
-    style="min-width: 23px; min-height: 23px;"
-    viewBox="0 0 48 48"
-    width="23"
-  >
-    <path
-      d="M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;
-
-exports[`Gitt at icon skal vises > Når icon rendres med mindre enn XXSmall størrelse og isHovered > Så vises riktig icon 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="hnds-style-icon"
-    color="black"
-    data-analyticsid="icon"
-    fill="black"
-    focusable="false"
-    height="23"
-    role="presentation"
-    style="min-width: 23px; min-height: 23px;"
-    viewBox="0 0 48 48"
-    width="23"
-  >
-    <path
-      d="M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758"
-      fill-rule="evenodd"
-    />
-  </svg>
-</div>
-`;

package/src/components/Icon/index.ts

@@ -1,5 +0,0 @@
-export * from './Icon';
-export { IconSize } from '../../constants';
-
-import { Icon } from './Icon';
-export default Icon;

package/src/components/Icons/ActiveMonitoring.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { SvgPathProps } from '../Icon';
-
-const ActiveMonitoring: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {
-  const normal = (
-    <path
-      fillRule={'evenodd'}
-      d="M30.3 36.201h1v-3.288h3.288v-1H31.3v-3.288h-1v3.288h-3.288v1H30.3v3.288zm9.84 3.896l-3.31-3.31a7.472 7.472 0 01-1.432 1.486l3.282 3.283a1.033 1.033 0 001.46-1.459zm-10.11 1.761v-2.026a7.394 7.394 0 01-3.224-1.13v3.156h3.224zm-21.272 0h3.224v-6.947h.9v6.947h13.024v-3.83a7.438 7.438 0 01-2.564-5.615 7.45 7.45 0 013.141-6.07 8.865 8.865 0 00-2.564-1.334c-2.797 1.392-6.253 1.392-9.05 0-3.61 1.163-6.11 4.576-6.11 8.388v8.461zM30.8 26.255a6.164 6.164 0 00-6.158 6.158 6.165 6.165 0 006.158 6.158 6.165 6.165 0 006.158-6.158 6.164 6.164 0 00-6.158-6.158zm10.26 16.22a2.323 2.323 0 01-1.65.682 2.327 2.327 0 01-1.649-.68l-3.474-3.475a7.441 7.441 0 01-2.957.844v3.313H7.458v-9.762c0-4.472 3-8.467 7.293-9.712l.253-.074.233.125c2.544 1.356 5.77 1.356 8.313 0l.234-.125.253.074a10.164 10.164 0 013.651 1.958c.948-.438 2-.689 3.112-.689 4.113 0 7.458 3.347 7.458 7.46a7.395 7.395 0 01-.742 3.221l3.543 3.543c.908.91.908 2.388 0 3.297zm-30.304-28.17c0 .437.356.794.795.794h.262v-1.59h-.262a.796.796 0 00-.795.795zm2.357-2.082v.285h.728c1.67 0 3.03-1.36 3.03-3.03V9.21h1v.213c0 1.7 1.384 3.084 3.084 3.084h4.72v-.285a6.09 6.09 0 00-6.082-6.082h-.398a6.09 6.09 0 00-6.082 6.082zm13.862 1.285V15.1h.262a.797.797 0 00.796-.795.797.797 0 00-.796-.796h-.262zm-1.3 2.02v-2.02h-4.72a4.087 4.087 0 01-3.573-2.108 4.033 4.033 0 01-3.54 2.108h-.729v2.02a6.09 6.09 0 006.082 6.081h.398a6.088 6.088 0 006.082-6.082zM9.756 14.303c0-.99.805-1.796 1.795-1.796h.262v-.285c0-4.07 3.311-7.382 7.382-7.382h.398c4.071 0 7.382 3.312 7.382 7.382v.285h.262c.99 0 1.796.805 1.796 1.796 0 .99-.806 1.795-1.796 1.795h-.29c-.294 3.803-3.477 6.811-7.354 6.811h-.398c-3.877 0-7.06-3.008-7.353-6.81h-.29c-.99 0-1.796-.806-1.796-1.796zm12.32 1.024a.503.503 0 10.001 1.007.503.503 0 000-1.007zm-4.79.503a.502.502 0 11-1.005 0 .502.502 0 011.004 0z"
-    />
-  );
-
-  const normalHover = (
-    <path
-      fillRule={'evenodd'}
-      d="M22.579 15.831a.502.502 0 11-1.005 0 .502.502 0 011.005 0zm-5.293 0a.503.503 0 11-1.007-.002.503.503 0 011.007.002zM30.3 32.913h-4.416v-1H30.3v-4.416h1v4.416h4.415v1H31.3v4.416h-1v-4.416zm9.84 8.644a1.034 1.034 0 01-1.46 0l-2.416-2.416a8.765 8.765 0 001.43-1.489l2.445 2.445c.402.403.402 1.057 0 1.46zm-13.334.301v-1.755a8.58 8.58 0 003.224.944v.811h-3.224zm-18.05-8.46c0-3.813 2.5-7.226 6.113-8.389 2.796 1.392 6.252 1.392 9.049 0 .509.164.993.39 1.463.643a8.655 8.655 0 00-3.254 6.761 8.666 8.666 0 003.778 7.153v2.292H12.883v-6.947h-.901v6.947H8.758v-8.46zm29.416-.985c0 4.065-3.307 7.372-7.372 7.372-4.066 0-7.373-3.307-7.373-7.372 0-4.065 3.307-7.372 7.373-7.372 4.065 0 7.372 3.307 7.372 7.372zm2.886 6.765l-2.634-2.635a8.623 8.623 0 001.048-4.13c0-4.782-3.891-8.673-8.672-8.673a8.6 8.6 0 00-4.221 1.104 10.086 10.086 0 00-2.542-1.159l-.254-.074-.233.125c-2.544 1.356-5.77 1.356-8.313 0l-.233-.125-.254.074c-4.294 1.246-7.293 5.24-7.293 9.712v9.762H31.33v-2.1a8.61 8.61 0 003.844-1.169l2.587 2.587c.455.454 1.05.68 1.649.68a2.32 2.32 0 001.648-.68 2.335 2.335 0 000-3.299zm-29.507-25.67h.26V15.1h-.26a.797.797 0 010-1.592zm7.644-7.366h.397a6.09 6.09 0 016.083 6.082v.284h-4.721a3.088 3.088 0 01-3.084-3.084v-.213h-1v.266a3.034 3.034 0 01-3.03 3.031h-.728v-.284a6.09 6.09 0 016.083-6.082zm8.04 7.366a.797.797 0 010 1.592h-.261v-1.592h.262zm-7.643 8.101h-.397a6.09 6.09 0 01-6.083-6.082v-2.019h.728a4.033 4.033 0 003.54-2.108 4.088 4.088 0 003.574 2.108h4.72v2.02a6.09 6.09 0 01-6.082 6.081zM11.552 16.1h.29c.294 3.802 3.476 6.81 7.354 6.81h.397c3.878 0 7.06-3.008 7.354-6.81h.29c.99 0 1.796-.806 1.796-1.796s-.806-1.796-1.796-1.796h-.262v-.284c0-4.07-3.311-7.383-7.382-7.383h-.397c-4.071 0-7.383 3.312-7.383 7.383v.284h-.261a1.797 1.797 0 000 3.592z"
-    />
-  );
-
-  return isHovered ? normalHover : normal;
-};
-
-export default ActiveMonitoring;

package/src/components/Icons/AcupunctureBack.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { getIcon, SvgPathProps, IconSize } from '../Icon';
-
-const AcupunctureBack: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): JSX.Element => {
-  const normal = (
-    <path
-      d="m27.102 20.225-.65-.035-.648-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.631-1.027-2.525-3.74-2.52-3.855Zm-9.046.062c.018.123.419 3.035-1.931 4.197l.576 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.187-6.273-1.292-.143c-.032.285-.765 7.027.006 11.311.798 4.434.75 6.08.706 7.67-.012.39-.022.778-.022 1.203 0 2.117-.53 4.801-.535 4.827l1.275.254c.023-.114.559-2.834.559-5.08 0-.412.01-.789.022-1.167.047-1.657.096-3.37-.726-7.937-.737-4.097-.001-10.87.007-10.938Zm9.796 17.308c-.714-3.144 1.866-11.586 1.892-11.67l-1.242-.384c-.111.36-2.71 8.861-1.918 12.342.249 1.094.602 2.195.976 3.36.786 2.451 1.599 4.986 1.568 7.842l1.3.014c.032-3.067-.851-5.822-1.631-8.253-.364-1.137-.71-2.21-.945-3.25Zm5.792 3.227a12.168 12.168 0 0 1-.208-4.413c.642-4.714 1.623-12.97.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.761-.359-2.623-.677-2.974-1.1-2.816-3.649-2.807-3.757l-.648-.053-.648-.057c-.11 1.251.51 3.924 3.652 5.085.955.354 1.9.546 2.815.733 2.48.506 4.44.905 5.37 4.242.424 1.516.046 7.04-1.01 14.776a13.492 13.492 0 0 0 .243 4.923l2.435 8.122 1.245-.373-2.425-8.083Zm-26.295-2.113.36.626c.033-.092.064-.183.094-.273.362-1.064.674-1.983.757-2.462.127-.736-.48-3.117-1.211-5.528v7.637Zm-.038-11.928c.479 1.356 2.847 8.213 2.53 10.041-.101.58-.413 1.496-.807 2.658-.861 2.54-2.163 6.373-2.216 9.622l-1.3-.02c.007-.442.042-.893.087-1.346-1.263-1.264-2.512-2.77-3.715-4.5a10.752 10.752 0 0 1-1.928-5.84c-.087-3.004.227-7.25.457-10.348.12-1.62.224-3.02.238-3.788.07-3.992 2.909-6.589 8.436-7.719 3.426-.7 3.07-3.977 3.053-4.115l1.29-.157c.194 1.59-.412 4.795-4.083 5.545-4.917 1.005-7.337 3.122-7.396 6.47-.015.804-.115 2.152-.241 3.86-.228 3.071-.54 7.277-.454 10.214a9.456 9.456 0 0 0 1.695 5.135 33.597 33.597 0 0 0 2.875 3.61c.318-1.785.832-3.566 1.33-5.117l-1.026-1.778a.651.651 0 0 1-.087-.325V20.724c0-.316.228-.587.54-.64a.646.646 0 0 1 .722.424Zm7.633 16.87a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.797 0a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm-4.476-2.512a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm7.067 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm0-2.727a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm2.2 0a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm-13.68 0a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.2 2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm0-2.727a.65.65 0 1 0 .703 1.092.65.65 0 0 0-.703-1.092Zm2.213.06a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.806 2.667a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm.96-2.533a.65.65 0 1 1-1.092.704.65.65 0 0 1 1.092-.704Z"
-      fillRule="evenodd"
-    />
-  );
-
-  const normalHover = (
-    <path
-      d="m27.102 20.225-.649-.035-.649-.038c-.076 1.296.525 4.04 3.344 5.14l.473-1.212c-2.63-1.027-2.525-3.74-2.519-3.855Zm-9.046.062c.018.124.42 3.035-1.932 4.197l.577 1.166c3.21-1.589 2.665-5.398 2.64-5.559l-1.285.196Zm5.186-6.273-1.292-.143c-.032.285-.764 7.027.006 11.311.798 4.434.751 6.08.706 7.67-.01.39-.022.778-.022 1.203 0 2.117-.529 4.801-.535 4.827l1.276.254c.022-.114.56-2.834.56-5.08 0-.412.01-.789.02-1.167.048-1.657.097-3.37-.725-7.937-.737-4.097 0-10.87.006-10.938Zm9.797 17.308c-.715-3.144 1.866-11.586 1.892-11.67l-1.243-.384c-.11.36-2.708 8.861-1.917 12.343.248 1.093.602 2.193.975 3.357.786 2.452 1.6 4.987 1.57 7.844l1.3.014c.031-3.067-.853-5.823-1.633-8.254-.364-1.137-.708-2.21-.944-3.25Zm5.792 3.227a12.149 12.149 0 0 1-.208-4.413c.784-5.76 1.59-13.089.973-15.302-1.144-4.102-3.798-4.643-6.364-5.166-.866-.176-1.762-.359-2.624-.677-2.973-1.1-2.815-3.649-2.807-3.757l-.648-.053-.647-.057c-.11 1.251.511 3.924 3.652 5.085.955.354 1.9.546 2.814.733 2.481.506 4.441.905 5.372 4.242.422 1.514.045 7.038-1.01 14.776a13.495 13.495 0 0 0 .241 4.923l2.436 8.122 1.245-.373-2.425-8.083Zm-26.296-2.113.362.626.093-.273c.361-1.064.673-1.983.756-2.462.128-.736-.478-3.117-1.21-5.528v7.637Zm-.037-11.928c.478 1.356 2.847 8.213 2.53 10.041-.102.58-.413 1.496-.807 2.658-.862 2.54-2.163 6.373-2.217 9.622l-1.299-.02c.007-.442.041-.893.087-1.346-1.263-1.264-2.513-2.77-3.715-4.5a10.747 10.747 0 0 1-1.928-5.84c-.088-3.004.227-7.25.457-10.35.12-1.619.224-3.018.237-3.786.072-3.992 2.91-6.589 8.436-7.719 3.427-.7 3.071-3.977 3.054-4.115l1.291-.157c.192 1.59-.414 4.795-4.085 5.545-4.917 1.006-7.336 3.122-7.396 6.47-.014.804-.114 2.152-.24 3.858-.228 3.072-.54 7.28-.454 10.216a9.448 9.448 0 0 0 1.695 5.135 33.474 33.474 0 0 0 2.875 3.61c.318-1.785.831-3.566 1.33-5.117l-1.027-1.778a.651.651 0 0 1-.087-.325V20.724a.651.651 0 0 1 1.263-.216Zm7.633 17.67a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm4.796 0a.65.65 0 1 0 .704 1.092.65.65 0 0 0-.704-1.092Zm-4.476-3.312a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm7.068 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm2.2 0a.649.649 0 1 0 .704 1.092.65.65 0 1 0-.704-1.092Zm-13.68 0a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.2 3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm0-3.327a.649.649 0 1 0 .704 1.092.649.649 0 1 0-.704-1.092Zm2.212.06a.65.65 0 1 0 .706 1.093.65.65 0 0 0-.706-1.093Zm4.807 3.267a.65.65 0 1 0 .703 1.093.65.65 0 0 0-.703-1.093Zm.96-3.133a.649.649 0 1 1-1.093.704.649.649 0 1 1 1.092-.704Z"
-      fillRule="evenodd"
-    />
-  );
-
-  return getIcon({ size: IconSize.Medium, isHovered, normal, normalHover });
-};
-
-export default AcupunctureBack;