npm - @digigov/react-core - Versions diffs - 2.0.0-113e6661 → 2.0.0-298cfc51 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/src/VisuallyHidden/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the VisuallyHidden with no props 1`] = `
 <body>

package/src/WarningText/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the WarningText with assistive text 1`] = `
 <body>
@@ -6,13 +6,13 @@ exports[`renders the WarningText with assistive text 1`] = `
     <div
       class="ds-warning-text"
     >
-      <span
+      <div
         class="ds-warning-text__icon"
       >
         !
-      </span>
+      </div>
       <strong
-        class="ds-warning-text__text"
+        class="ds-warning-text__content"
       >
         <span
           class="ds-warning-text__assistive"
@@ -30,15 +30,15 @@ exports[`renders the WarningText with dense=true 1`] = `
 <body>
   <div>
     <div
-      class="ds-warning-text--dense ds-warning-text"
+      class="ds-warning-text ds-warning-text--dense"
     >
-      <span
+      <div
         class="ds-warning-text__icon"
       >
         !
-      </span>
+      </div>
       <strong
-        class="ds-warning-text__text"
+        class="ds-warning-text__content"
       >
         <span
           class="ds-warning-text__assistive"
@@ -58,13 +58,13 @@ exports[`renders the WarningText with no props 1`] = `
     <div
       class="ds-warning-text"
     >
-      <span
+      <div
         class="ds-warning-text__icon"
       >
         !
-      </span>
+      </div>
       <strong
-        class="ds-warning-text__text"
+        class="ds-warning-text__content"
       >
         <span
           class="ds-warning-text__assistive"

package/src/index.ts CHANGED Viewed

@@ -121,7 +121,6 @@ export * from '@digigov/react-core/SummaryListItem';
 export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
-export * from '@digigov/react-core/SvgIcon';
 export * from '@digigov/react-core/ImageLogo';
 export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
@@ -151,7 +150,7 @@ export * from '@digigov/react-core/AdminContainer';
 export * from '@digigov/react-core/AdminLayout';
 export * from '@digigov/react-core/AdminMain';
 export * from '@digigov/react-core/AdminTopSection';
-export * from '@digigov/react-core/AutoCompleteInput';
+export * from '@digigov/react-core/AutoCompleteInputBase';
 export * from '@digigov/react-core/AutoCompleteInputTypeahead';
 export * from '@digigov/react-core/AutoCompleteResultList';
 export * from '@digigov/react-core/AutoCompleteResultListItem';

package/src/lazy.js CHANGED Viewed

@@ -16,7 +16,7 @@ export default {
   'Aside': lazy(() => import('@digigov/react-core/Aside').then((module)=> ({default: module['Aside']}))),
   'AutoCompleteAssistiveHint': lazy(() => import('@digigov/react-core/AutoCompleteAssistiveHint').then((module)=> ({default: module['AutoCompleteAssistiveHint']}))),
   'AutoCompleteContainer': lazy(() => import('@digigov/react-core/AutoCompleteContainer').then((module)=> ({default: module['AutoCompleteContainer']}))),
-  'AutoCompleteInput': lazy(() => import('@digigov/react-core/AutoCompleteInput').then((module)=> ({default: module['AutoCompleteInput']}))),
+  'AutoCompleteInputBase': lazy(() => import('@digigov/react-core/AutoCompleteInputBase').then((module)=> ({default: module['AutoCompleteInputBase']}))),
   'AutoCompleteInputTypeahead': lazy(() => import('@digigov/react-core/AutoCompleteInputTypeahead').then((module)=> ({default: module['AutoCompleteInputTypeahead']}))),
   'AutoCompleteMultipleInput': lazy(() => import('@digigov/react-core/AutoCompleteMultipleInput').then((module)=> ({default: module['AutoCompleteMultipleInput']}))),
   'AutoCompleteMultipleInputContainer': lazy(() => import('@digigov/react-core/AutoCompleteMultipleInputContainer').then((module)=> ({default: module['AutoCompleteMultipleInputContainer']}))),
@@ -37,7 +37,8 @@ export default {
   'BottomInfoContent': lazy(() => import('@digigov/react-core/BottomInfoContent').then((module)=> ({default: module['BottomInfoContent']}))),
   'Breadcrumbs': lazy(() => import('@digigov/react-core/Breadcrumbs').then((module)=> ({default: module['Breadcrumbs']}))),
   'BreadcrumbsList': lazy(() => import('@digigov/react-core/BreadcrumbsList').then((module)=> ({default: module['BreadcrumbsList']}))),
-  'BreadcrumbsListItem': lazy(() => import('@digigov/react-core/BreadcrumbsListItem').then((module)=> ({default: module['BreadcrumbsListItem']}))),
+  'BreadcrumbsListItemBase': lazy(() => import('@digigov/react-core/BreadcrumbsListItem').then((module)=> ({default: module['BreadcrumbsListItemBase']}))),
+  'BreadcrumbsListItemLink': lazy(() => import('@digigov/react-core/BreadcrumbsListItemLink').then((module)=> ({default: module['BreadcrumbsListItemLink']}))),
   'Button': lazy(() => import('@digigov/react-core/Button').then((module)=> ({default: module['Button']}))),
   'ButtonGroup': lazy(() => import('@digigov/react-core/ButtonGroup').then((module)=> ({default: module['ButtonGroup']}))),
   'ButtonLink': lazy(() => import('@digigov/react-core/ButtonLink').then((module)=> ({default: module['ButtonLink']}))),
@@ -173,7 +174,6 @@ export default {
   'SummaryListItemAction': lazy(() => import('@digigov/react-core/SummaryListItemAction').then((module)=> ({default: module['SummaryListItemAction']}))),
   'SummaryListItemKey': lazy(() => import('@digigov/react-core/SummaryListItemKey').then((module)=> ({default: module['SummaryListItemKey']}))),
   'SummaryListItemValue': lazy(() => import('@digigov/react-core/SummaryListItemValue').then((module)=> ({default: module['SummaryListItemValue']}))),
-  'SvgIcon': lazy(() => import('@digigov/react-core/SvgIcon').then((module)=> ({default: module['SvgIcon']}))),
   'Table': lazy(() => import('@digigov/react-core/Table').then((module)=> ({default: module['Table']}))),
   'TableBody': lazy(() => import('@digigov/react-core/TableBody').then((module)=> ({default: module['TableBody']}))),
   'TableCaption': lazy(() => import('@digigov/react-core/TableCaption').then((module)=> ({default: module['TableCaption']}))),

package/src/registry.js CHANGED Viewed

@@ -15,7 +15,7 @@ import * as _digigov_react_core_AdminTopSection from '@digigov/react-core/AdminT
 import * as _digigov_react_core_Aside from '@digigov/react-core/Aside';
 import * as _digigov_react_core_AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';
 import * as _digigov_react_core_AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
-import * as _digigov_react_core_AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
+import * as _digigov_react_core_AutoCompleteInputBase from '@digigov/react-core/AutoCompleteInputBase';
 import * as _digigov_react_core_AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
 import * as _digigov_react_core_AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';
 import * as _digigov_react_core_AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';
@@ -39,6 +39,7 @@ import * as _digigov_react_core_BottomInfoContent from '@digigov/react-core/Bott
 import * as _digigov_react_core_Breadcrumbs from '@digigov/react-core/Breadcrumbs';
 import * as _digigov_react_core_BreadcrumbsList from '@digigov/react-core/BreadcrumbsList';
 import * as _digigov_react_core_BreadcrumbsListItem from '@digigov/react-core/BreadcrumbsListItem';
+import * as _digigov_react_core_BreadcrumbsListItemLink from '@digigov/react-core/BreadcrumbsListItemLink';
 import * as _digigov_react_core_Button from '@digigov/react-core/Button';
 import * as _digigov_react_core_ButtonGroup from '@digigov/react-core/ButtonGroup';
 import * as _digigov_react_core_ButtonLink from '@digigov/react-core/ButtonLink';
@@ -224,7 +225,6 @@ import * as _digigov_react_core_SummaryListItem from '@digigov/react-core/Summar
 import * as _digigov_react_core_SummaryListItemAction from '@digigov/react-core/SummaryListItemAction';
 import * as _digigov_react_core_SummaryListItemKey from '@digigov/react-core/SummaryListItemKey';
 import * as _digigov_react_core_SummaryListItemValue from '@digigov/react-core/SummaryListItemValue';
-import * as _digigov_react_core_SvgIcon from '@digigov/react-core/SvgIcon';
 import * as _digigov_react_core_Table from '@digigov/react-core/Table';
 import * as _digigov_react_core_TableBody from '@digigov/react-core/TableBody';
 import * as _digigov_react_core_TableCaption from '@digigov/react-core/TableCaption';
@@ -297,7 +297,7 @@ export default {
   '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
   '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
   '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
-  '@digigov/react-core/AutoCompleteInput': lazyImport(_digigov_react_core_AutoCompleteInput),
+  '@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
   '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
   '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
   '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
@@ -321,6 +321,7 @@ export default {
   '@digigov/react-core/Breadcrumbs': lazyImport(_digigov_react_core_Breadcrumbs),
   '@digigov/react-core/BreadcrumbsList': lazyImport(_digigov_react_core_BreadcrumbsList),
   '@digigov/react-core/BreadcrumbsListItem': lazyImport(_digigov_react_core_BreadcrumbsListItem),
+  '@digigov/react-core/BreadcrumbsListItemLink': lazyImport(_digigov_react_core_BreadcrumbsListItemLink),
   '@digigov/react-core/Button': lazyImport(_digigov_react_core_Button),
   '@digigov/react-core/ButtonGroup': lazyImport(_digigov_react_core_ButtonGroup),
   '@digigov/react-core/ButtonLink': lazyImport(_digigov_react_core_ButtonLink),
@@ -506,7 +507,6 @@ export default {
   '@digigov/react-core/SummaryListItemAction': lazyImport(_digigov_react_core_SummaryListItemAction),
   '@digigov/react-core/SummaryListItemKey': lazyImport(_digigov_react_core_SummaryListItemKey),
   '@digigov/react-core/SummaryListItemValue': lazyImport(_digigov_react_core_SummaryListItemValue),
-  '@digigov/react-core/SvgIcon': lazyImport(_digigov_react_core_SvgIcon),
   '@digigov/react-core/Table': lazyImport(_digigov_react_core_Table),
   '@digigov/react-core/TableBody': lazyImport(_digigov_react_core_TableBody),
   '@digigov/react-core/TableCaption': lazyImport(_digigov_react_core_TableCaption),

package/AutoCompleteInput/index.d.ts DELETED Viewed

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputProps extends BaseProps<'input'> {
-    /**
-     * isFocused is optional. The default value is false.
-     * isFocused prop is used to focus the list element.
-     * @value true
-     * @value false
-     */
-    isFocused?: boolean;
-}
-/**
- * AutoCompleteInput component is used to display the value that the user is typing.
- *
- */
-export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Omit<AutoCompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInput;

package/AutoCompleteInput/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n\n}\n/**\n * AutoCompleteInput component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInput = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputProps\n>(function AutoCompleteInput(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAezB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
-  "names": ["AutoCompleteInput"]
-}

package/SvgIcon/index.d.ts DELETED Viewed

@@ -1,37 +0,0 @@
-import React from 'react';
-import { 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 declare const SvgIcon: React.ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default SvgIcon;

package/SvgIcon/index.js DELETED Viewed

@@ -1,30 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const SvgIcon = React.forwardRef(
-  function SvgIcon2({ size, color, children, className, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "svg",
-        ref,
-        className: clsx(className, {
-          "ds-svg-icon": true,
-          [`ds-svg-icon--${color}`]: color !== void 0,
-          [`ds-svg-icon--${size}`]: size !== void 0
-        }),
-        focusable: "false",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
-        ...props
-      },
-      children
-    );
-  }
-);
-var SvgIcon_default = SvgIcon;
-export {
-  SvgIcon,
-  SvgIcon_default as default
-};
-//# sourceMappingURL=index.js.map

package/SvgIcon/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SvgIcon/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SvgIconProps extends BaseProps<'svg'> {\n  /**\n   * size is optional.\n   * size prop declares the size of the svg icon.\n   * @value 'xs'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'xl'\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n  /**\n   * color property styles svg icon with Gov.gr palette's basic colors.\n   * color property is optional.\n   * @value 'base-content' \n   * @value 'dark', always dark, among all themes\n   * @value 'white', always white, among all themes\n   * @value 'gray'\n   * @value 'primary'\n   * @value 'success'\n   * @value 'warning'\n   * @value 'error'\n   * @value 'focus', use only in focus state, in dark background\n   * @value 'info'\n   * @value 'link'\n   */\n  color?:\n    | 'base-content'\n    | 'dark'\n    | 'white'\n    | 'gray'\n    | 'primary'\n    | 'success'\n    | 'warning'\n    | 'error'\n    | 'focus'\n    | 'info'\n    | 'link';\n}\n/**\n * Use SvgIcon as global svg component.\n *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.\n */\nexport const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(\n  function SvgIcon({ size, color, children, className, ...props }, ref) {\n    return (\n      <Base\n        as=\"svg\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-svg-icon': true,\n          [`ds-svg-icon--${color}`]: color !== undefined,\n          [`ds-svg-icon--${size}`]: size !== undefined,\n        })}\n        focusable=\"false\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SvgIcon;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA+CzB,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASA,SAAQ,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACpE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,gBAAgB,KAAK,EAAE,GAAG,UAAU;AAAA,UACrC,CAAC,gBAAgB,IAAI,EAAE,GAAG,SAAS;AAAA,QACrC,CAAC;AAAA,QACD,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,eAAY;AAAA,QACX,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["SvgIcon"]
-}

package/cjs/AutoCompleteInput/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n\n}\n/**\n * AutoCompleteInput component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInput = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputProps\n>(function AutoCompleteInput(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
-  "names": ["React", "AutoCompleteInput", "Base", "clsx"]
-}

package/cjs/SvgIcon/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SvgIcon/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SvgIconProps extends BaseProps<'svg'> {\n  /**\n   * size is optional.\n   * size prop declares the size of the svg icon.\n   * @value 'xs'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'xl'\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n  /**\n   * color property styles svg icon with Gov.gr palette's basic colors.\n   * color property is optional.\n   * @value 'base-content' \n   * @value 'dark', always dark, among all themes\n   * @value 'white', always white, among all themes\n   * @value 'gray'\n   * @value 'primary'\n   * @value 'success'\n   * @value 'warning'\n   * @value 'error'\n   * @value 'focus', use only in focus state, in dark background\n   * @value 'info'\n   * @value 'link'\n   */\n  color?:\n    | 'base-content'\n    | 'dark'\n    | 'white'\n    | 'gray'\n    | 'primary'\n    | 'success'\n    | 'warning'\n    | 'error'\n    | 'focus'\n    | 'info'\n    | 'link';\n}\n/**\n * Use SvgIcon as global svg component.\n *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.\n */\nexport const SvgIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(\n  function SvgIcon({ size, color, children, className, ...props }, ref) {\n    return (\n      <Base\n        as=\"svg\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-svg-icon': true,\n          [`ds-svg-icon--${color}`]: color !== undefined,\n          [`ds-svg-icon--${size}`]: size !== undefined,\n        })}\n        focusable=\"false\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA+CzB,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACpE,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,CAAC,gBAAgB,KAAK,EAAE,GAAG,UAAU;AAAA,UACrC,CAAC,gBAAgB,IAAI,EAAE,GAAG,SAAS;AAAA,QACrC,CAAC;AAAA,QACD,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,eAAY;AAAA,QACX,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["React", "SvgIcon", "Base", "clsx"]
-}

package/src/SvgIcon/__snapshots__/index.test.tsx.snap DELETED Viewed

@@ -1,254 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders the SvgIcon with no props 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    />
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=base-content 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--base-content ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=dark 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--dark ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=error 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--error ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=focus 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--focus ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=gray 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--gray ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=primary 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--primary ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=success 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--success ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=warning 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop color=white 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--white ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop size=lg 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--lg ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop size=md 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--md ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop size=sm 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--sm ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop size=xl 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--xl ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-exports[`renders the SvgIcon with prop size=xs 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon--xs ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;

package/src/SvgIcon/index.test.tsx DELETED Viewed

@@ -1,68 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import SvgIcon from '@digigov/react-core/SvgIcon';
-it('renders the SvgIcon with no props', () => {
-  expect(render(<SvgIcon />).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=xs', () => {
-  expect(render(<SvgIcon size="xs">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=sm', () => {
-  expect(render(<SvgIcon size="sm">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=md', () => {
-  expect(render(<SvgIcon size="md">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=lg', () => {
-  expect(render(<SvgIcon size="lg">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=xl', () => {
-  expect(render(<SvgIcon size="xl">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=base-content', () => {
-  expect(render(<SvgIcon color="base-content">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=dark', () => {
-  expect(render(<SvgIcon color="dark">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=white', () => {
-  expect(render(<SvgIcon color="white">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=gray', () => {
-  expect(render(<SvgIcon color="gray">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=primary', () => {
-  expect(render(<SvgIcon color="primary">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=success', () => {
-  expect(render(<SvgIcon color="success">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=warning', () => {
-  expect(render(<SvgIcon color="warning">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=error', () => {
-  expect(render(<SvgIcon color="error">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=focus', () => {
-  expect(render(<SvgIcon color="focus">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=warning and size=sm', () => {
-  expect(
-    render(
-      <SvgIcon color="warning" size="sm">
-        hello
-      </SvgIcon>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=error and size= xl', () => {
-  expect(
-    render(
-      <SvgIcon color="warning" size="xl">
-        hello
-      </SvgIcon>
-    ).baseElement
-  ).toMatchSnapshot();
-});