@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-4be8f7cc

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

@@ -0,0 +1,318 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the DownloadIcon with no props 1`] = `
+<DownloadIcon>
+  <ForwardRef(Icon)
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=error and size= xl 1`] = `
+<DownloadIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download 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--download ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=warning 1`] = `
+<DownloadIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=warning and size=s 1`] = `
+<DownloadIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download 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--download ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=white 1`] = `
+<DownloadIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop size=m 1`] = `
+<DownloadIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="download"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop size=xl 1`] = `
+<DownloadIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="download"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;

package/src/DownloadIcon/config.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export interface DownloadType {}
+
+export function download(): React.ReactElement {
+  return (
+    <g>
+    <polygon points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"/>
+    <rect x="6" y="18.699" width="12" height="3.301"/>    
+    </g>
+  );
+}
+
+download.props = [];
+
+export default download;

package/src/DownloadIcon/index.test.tsx

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

package/src/DownloadIcon/index.tsx

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

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

@@ -0,0 +1,297 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the ExclamationIcon with no props 1`] = `
+<ExclamationIcon>
+  <ForwardRef(Icon)
+    icon="exclamation"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop color=error and size=sm 1`] = `
+<ExclamationIcon
+  color="error"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="error"
+    icon="exclamation"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      color="error"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--error ds-svg-icon--sm ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--error ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop color=info and size= xl 1`] = `
+<ExclamationIcon
+  color="info"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="info"
+    icon="exclamation"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      color="info"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--info ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--info ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop color=warning 1`] = `
+<ExclamationIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="exclamation"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop color=white 1`] = `
+<ExclamationIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="exclamation"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop size=md 1`] = `
+<ExclamationIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="exclamation"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;
+
+exports[`renders the ExclamationIcon with prop size=xl 1`] = `
+<ExclamationIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="exclamation"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--exclamation"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--exclamation ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--exclamation ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <exclamation>
+            <path
+              d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+            />
+            <circle
+              cx="11.993"
+              cy="19.9"
+              r="2.1"
+            />
+          </exclamation>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ExclamationIcon>
+`;

package/src/ExclamationIcon/config.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export interface ExclamationType {}
+
+export function exclamation(): React.ReactElement {
+  return (
+    <>
+      <path d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z" />
+      <circle cx="11.993" cy="19.9" r="2.1" />
+    </>
+  );
+}
+
+exclamation.props = [];
+
+export default exclamation;