@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-8de46296

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

@@ -0,0 +1,353 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PdfFileIcon with no props 1`] = `
+<PdfFileIcon>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop size=m 1`] = `
+<PdfFileIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop size=xl 1`] = `
+<PdfFileIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop variant=error and size= xl 1`] = `
+<PdfFileIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile 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--pdfFile ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop variant=light 1`] = `
+<PdfFileIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop variant=warning 1`] = `
+<PdfFileIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;
+
+exports[`renders the PdfFileIcon with prop variant=warning and size=s 1`] = `
+<PdfFileIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="pdfFile"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile 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--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <pdfFile>
+            <g>
+              <polygon
+                points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
+              />
+              <g>
+                <path
+                  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
+                />
+                <path
+                  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
+                />
+                <path
+                  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
+                />
+              </g>
+            </g>
+          </pdfFile>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PdfFileIcon>
+`;

package/src/PdfFileIcon/config.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export interface PdfFileType {}
+
+export function pdfFile(): React.ReactElement {
+  return (
+    <g>
+      <polygon points="4 19 4 7 2 7 2 21 18 21 18 19 4 19" />
+      <g>
+        <path d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z" />
+        <path d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z" />
+        <path d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z" />
+      </g>
+    </g>
+  );
+}
+
+pdfFile.props = [];
+
+export default pdfFile;

package/src/PdfFileIcon/index.test.tsx

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

package/src/PdfFileIcon/index.tsx

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

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

@@ -0,0 +1,262 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PlusIcon with no props 1`] = `
+<PlusIcon>
+  <ForwardRef(Icon)
+    icon="plus"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--plus ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop size=m 1`] = `
+<PlusIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--plus ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop size=xl 1`] = `
+<PlusIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--plus ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop variant=error and size= xl 1`] = `
+<PlusIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus 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--plus ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop variant=light 1`] = `
+<PlusIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop variant=warning 1`] = `
+<PlusIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;
+
+exports[`renders the PlusIcon with prop variant=warning and size=s 1`] = `
+<PlusIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="plus"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--plus"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--plus 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--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <plus>
+            <polygon
+              points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
+            />
+          </plus>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</PlusIcon>
+`;

package/src/PlusIcon/config.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface PlusType {}
+
+export function plus(): React.ReactElement {
+  return (
+    <>
+      <polygon points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35" />
+    </>
+  );
+}
+
+plus.props = [];
+
+export default plus;