@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-af1b5f33

package/src/ExclamationIcon/index.test.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ExclamationIcon from '@digigov/react-icons/ExclamationIcon';
+
+it('renders the ExclamationIcon with no props', () => {
+  expect(mount(<ExclamationIcon />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop size=md', () => {
+  expect(mount(<ExclamationIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop size=xl', () => {
+  expect(mount(<ExclamationIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=light', () => {
+  expect(mount(<ExclamationIcon variant="light" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=warning', () => {
+  expect(mount(<ExclamationIcon variant="warning" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=error and size=sm', () => {
+  expect(mount(<ExclamationIcon variant="error" size="sm" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=info and size= xl', () => {
+  expect(mount(<ExclamationIcon variant="info" size="xl" />)).toMatchSnapshot();
+});

package/src/ExclamationIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const ExclamationIcon: React.FC<IconProps<'exclamation'>> = (props) => {
+  return <Icon {...props} icon="exclamation"></Icon>;
+};
+
+export default ExclamationIcon;

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

@@ -204,26 +204,26 @@ exports[`renders the Icon props icon= "moreVert" 1`] = `
 exports[`renders the Icon with no props 1`] = `
 <ForwardRef(Icon)>
   <ForwardRef(SvgIcon)
-    className="ds-svg-icon--arrow"
+    className="ds-svg-icon--chevron"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="ds-svg-icon--arrow ds-svg-icon"
+      className="ds-svg-icon--chevron ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
-        <arrow>
+        <chevron>
           <path
             d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
           />
-        </arrow>
+        </chevron>
       </svg>
     </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
@@ -235,28 +235,28 @@ exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
   direction="up"
 >
   <ForwardRef(SvgIcon)
-    className="ds-svg-icon--arrow"
+    className="ds-svg-icon--chevron"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="ds-svg-icon--arrow ds-svg-icon"
+      className="ds-svg-icon--chevron ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
-        <arrow
+        <chevron
           direction="up"
         >
           <path
             d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
           />
-        </arrow>
+        </chevron>
       </svg>
     </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>

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

@@ -0,0 +1,262 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the LockIcon with no props 1`] = `
+<LockIcon>
+  <ForwardRef(Icon)
+    icon="lock"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop size=md 1`] = `
+<LockIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop size=xl 1`] = `
+<LockIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop variant=error and size= xl 1`] = `
+<LockIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop variant=light 1`] = `
+<LockIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop variant=warning 1`] = `
+<LockIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;
+
+exports[`renders the LockIcon with prop variant=warning and size=sm 1`] = `
+<LockIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="lock"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--lock"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <lock>
+            <path
+              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
+            />
+          </lock>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</LockIcon>
+`;

package/src/LockIcon/config.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface LockType {}
+
+export function lock(): React.ReactElement {
+  return (
+    <>
+      <path d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"/>
+    </>
+  );
+}
+
+lock.props = [];
+
+export default lock;

package/src/LockIcon/index.test.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import LockIcon from '@digigov/react-icons/LockIcon';
+
+it('renders the LockIcon with no props', () => {
+  expect(mount(<LockIcon />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop size=md', () => {
+  expect(mount(<LockIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop size=xl', () => {
+  expect(mount(<LockIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop variant=light', () => {
+  expect(mount(<LockIcon variant="light" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop variant=warning', () => {
+  expect(mount(<LockIcon variant="warning" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop variant=warning and size=sm', () => {
+  expect(mount(<LockIcon variant="warning" size="sm" />)).toMatchSnapshot();
+});
+it('renders the LockIcon with prop variant=error and size= xl', () => {
+  expect(mount(<LockIcon variant="warning" size="xl" />)).toMatchSnapshot();
+});

package/src/LockIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const LockIcon: React.FC<IconProps<'lock'>> = (props) => {
+  return <Icon {...props} icon="lock"></Icon>;
+};
+
+export default LockIcon;