@digigov/react-core 2.0.0-113e6661 → 2.0.0-298cfc51

package/src/SvgIcon/index.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface SvgIconProps extends BaseProps<'svg'> {
-  /**
-   * size is optional.
-   * size prop declares the size of the svg icon.
-   * @value 'xs'
-   * @value 'sm'
-   * @value 'md'
-   * @value 'lg'
-   * @value 'xl'
-   * @default 'sm'
-   */
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-  /**
-   * color property styles svg icon with Gov.gr palette's basic colors.
-   * color property is optional.
-   * @value 'base-content' 
-   * @value 'dark', always dark, among all themes
-   * @value 'white', always white, among all themes
-   * @value 'gray'
-   * @value 'primary'
-   * @value 'success'
-   * @value 'warning'
-   * @value 'error'
-   * @value 'focus', use only in focus state, in dark background
-   * @value 'info'
-   * @value 'link'
-   */
-  color?:
-    | 'base-content'
-    | 'dark'
-    | 'white'
-    | 'gray'
-    | 'primary'
-    | 'success'
-    | 'warning'
-    | 'error'
-    | 'focus'
-    | 'info'
-    | 'link';
-}
-/**
- * Use SvgIcon as global svg component.
- *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.
- */
-export const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(
-  function SvgIcon({ size, color, children, className, ...props }, ref) {
-    return (
-      <Base
-        as="svg"
-        ref={ref}
-        className={clsx(className, {
-          'ds-svg-icon': true,
-          [`ds-svg-icon--${color}`]: color !== undefined,
-          [`ds-svg-icon--${size}`]: size !== undefined,
-        })}
-        focusable="false"
-        viewBox="0 0 24 24"
-        aria-hidden="true"
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default SvgIcon;