@digigov/react-icons 1.0.0-rc → 1.0.0-rc.1

package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap

@@ -86,51 +86,6 @@ exports[`renders the AccessibilityIcon with prop size=l 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop size=m 1`] = `
-<AccessibilityIcon
-  size="md"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    size="md"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      size="md"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--md govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--md govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
 exports[`renders the AccessibilityIcon with prop size=s 1`] = `
 <AccessibilityIcon
   size="sm"
@@ -176,96 +131,6 @@ exports[`renders the AccessibilityIcon with prop size=s 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop size=xl 1`] = `
-<AccessibilityIcon
-  size="xl"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    size="xl"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      size="xl"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--xl govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--xl govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
-exports[`renders the AccessibilityIcon with prop size=xl 2`] = `
-<AccessibilityIcon
-  size="xxl"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    size="xxl"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      size="xxl"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
 exports[`renders the AccessibilityIcon with prop variant=dark 1`] = `
 <AccessibilityIcon
   variant="dark"
@@ -404,141 +269,6 @@ exports[`renders the AccessibilityIcon with prop variant=error and size= xl 1`]
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=focus 1`] = `
-<AccessibilityIcon
-  variant="focus"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    variant="focus"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      variant="focus"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--focus govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--focus govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
-exports[`renders the AccessibilityIcon with prop variant=gray 1`] = `
-<AccessibilityIcon
-  variant="gray"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    variant="gray"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      variant="gray"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--gray govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--gray govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
-exports[`renders the AccessibilityIcon with prop variant=light 1`] = `
-<AccessibilityIcon
-  variant="light"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    variant="light"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      variant="light"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--light govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--light govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
 exports[`renders the AccessibilityIcon with prop variant=primary 1`] = `
 <AccessibilityIcon
   variant="primary"
@@ -629,51 +359,6 @@ exports[`renders the AccessibilityIcon with prop variant=success 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=warning 1`] = `
-<AccessibilityIcon
-  variant="warning"
->
-  <ForwardRef(Icon)
-    icon="accessibility"
-    variant="warning"
-  >
-    <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--accessibility"
-      variant="warning"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-svg-icon--accessibility govgr-svg-icon--warning govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <accessibility>
-            <title>
-              Μενού Προσβασιμότητας
-            </title>
-            <circle
-              cx="12"
-              cy="3"
-              r="3"
-            />
-            <path
-              d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
-            />
-          </accessibility>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</AccessibilityIcon>
-`;
-
 exports[`renders the AccessibilityIcon with prop variant=warning and size=s 1`] = `
 <AccessibilityIcon
   size="sm"

package/src/AccessibilityIcon/index.test.tsx

@@ -9,42 +9,21 @@ it('renders the AccessibilityIcon with no props', () => {
 it('renders the AccessibilityIcon with prop size=s', () => {
   expect(mount(<AccessibilityIcon size="sm" />)).toMatchSnapshot();
 });
-it('renders the AccessibilityIcon with prop size=m', () => {
-  expect(mount(<AccessibilityIcon size="md" />)).toMatchSnapshot();
-});
 it('renders the AccessibilityIcon with prop size=l', () => {
   expect(mount(<AccessibilityIcon size="lg" />)).toMatchSnapshot();
 });
-it('renders the AccessibilityIcon with prop size=xl', () => {
-  expect(mount(<AccessibilityIcon size="xl" />)).toMatchSnapshot();
-});
-it('renders the AccessibilityIcon with prop size=xl', () => {
-  expect(mount(<AccessibilityIcon size="xxl" />)).toMatchSnapshot();
-});
 it('renders the AccessibilityIcon with prop variant=dark', () => {
   expect(mount(<AccessibilityIcon variant="dark" />)).toMatchSnapshot();
 });
-it('renders the AccessibilityIcon with prop variant=light', () => {
-  expect(mount(<AccessibilityIcon variant="light" />)).toMatchSnapshot();
-});
-it('renders the AccessibilityIcon with prop variant=gray', () => {
-  expect(mount(<AccessibilityIcon variant="gray" />)).toMatchSnapshot();
-});
 it('renders the AccessibilityIcon with prop variant=primary', () => {
   expect(mount(<AccessibilityIcon variant="primary" />)).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop variant=success', () => {
   expect(mount(<AccessibilityIcon variant="success" />)).toMatchSnapshot();
 });
-it('renders the AccessibilityIcon with prop variant=warning', () => {
-  expect(mount(<AccessibilityIcon variant="warning" />)).toMatchSnapshot();
-});
 it('renders the AccessibilityIcon with prop variant=error', () => {
   expect(mount(<AccessibilityIcon variant="error" />)).toMatchSnapshot();
 });
-it('renders the AccessibilityIcon with prop variant=focus', () => {
-  expect(mount(<AccessibilityIcon variant="focus" />)).toMatchSnapshot();
-});
 it('renders the AccessibilityIcon with prop variant=warning and size=s', () => {
   expect(
     mount(<AccessibilityIcon variant="warning" size="sm" />)

package/src/AccessibilityIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const AccessibilityIcon: React.FC<IconProps<'accessibility'>> = (
   props

package/src/ArrowIcon/__snapshots__/index.test.tsx.snap

@@ -137,7 +137,7 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
         >
           <arrow>
             <path
-              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
             />
           </arrow>
         </svg>

package/src/ArrowIcon/config.tsx

@@ -1,7 +1,14 @@
 import React from 'react';
 
 export interface ArrowType {
-  direction?: 'left' | 'right' | 'up' | 'down';
+  /**
+  * @value 'left'
+  * @value 'right'
+  * @value 'up'
+  * @value 'down'
+  * @default 'right'
+  */
+  direction?: 'left' | 'right' | 'up' | 'down'
 }
 
 export const arrow: React.FC<ArrowType> = ({ direction = 'right' }) => {

package/src/ArrowIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const ArrowIcon: React.FC<IconProps<'arrow'>> = (props) => {
   return <Icon {...props} icon="arrow"></Icon>;

package/src/BurgerIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const BurgerIcon: React.FC<IconProps<'burger'>> = (props) => {
   return <Icon {...props} icon="burger"></Icon>;

package/src/CaretIcon/config.tsx

@@ -1,7 +1,14 @@
 import React from 'react';
 
 export interface CaretType {
-  direction?: 'left' | 'right' | 'up' | 'down';
+  /**
+  * @value 'left'
+  * @value 'right'
+  * @value 'up'
+  * @value 'down'
+  * @default 'left'
+  */
+  direction?: 'left' | 'right' | 'up' | 'down'
 }
 
 export const caret: React.FC<CaretType> = ({ direction = 'left' }) => {

package/src/CaretIcon/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon, { IconProps } from '@digigov/react-core/Icon';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
 
 export const CaretIcon: React.FC<IconProps<'caret'>> = (props) => {
   return <Icon {...props} icon="caret"></Icon>;