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

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

@@ -45,28 +45,28 @@ exports[`renders the MoreVertIcon with no props 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop size=l 1`] = `
+exports[`renders the MoreVertIcon with prop color=dark 1`] = `
 <MoreVertIcon
-  size="lg"
+  color="dark"
 >
   <ForwardRef(Icon)
+    color="dark"
     icon="moreVert"
-    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="lg"
+      color="dark"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -94,28 +94,31 @@ exports[`renders the MoreVertIcon with prop size=l 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop size=s 1`] = `
+exports[`renders the MoreVertIcon with prop color=error and size= xl 1`] = `
 <MoreVertIcon
-  size="sm"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="moreVert"
-    size="sm"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="sm"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--moreVert 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--moreVert ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -143,28 +146,28 @@ exports[`renders the MoreVertIcon with prop size=s 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=dark 1`] = `
+exports[`renders the MoreVertIcon with prop color=focus 1`] = `
 <MoreVertIcon
-  variant="dark"
+  color="focus"
 >
   <ForwardRef(Icon)
+    color="focus"
     icon="moreVert"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="dark"
+      color="focus"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -192,31 +195,28 @@ exports[`renders the MoreVertIcon with prop variant=dark 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the MoreVertIcon with prop color=primary 1`] = `
 <MoreVertIcon
-  size="xl"
-  variant="warning"
+  color="primary"
 >
   <ForwardRef(Icon)
+    color="primary"
     icon="moreVert"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="xl"
-      variant="warning"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -244,28 +244,28 @@ exports[`renders the MoreVertIcon with prop variant=error and size= xl 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=focus 1`] = `
+exports[`renders the MoreVertIcon with prop color=success 1`] = `
 <MoreVertIcon
-  variant="focus"
+  color="success"
 >
   <ForwardRef(Icon)
+    color="success"
     icon="moreVert"
-    variant="focus"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="focus"
+      color="success"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -293,28 +293,31 @@ exports[`renders the MoreVertIcon with prop variant=focus 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=primary 1`] = `
+exports[`renders the MoreVertIcon with prop color=warning and size=s 1`] = `
 <MoreVertIcon
-  variant="primary"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="moreVert"
-    variant="primary"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="primary"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
+        className="ds-svg-icon--moreVert 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--moreVert ds-svg-icon--primary ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -342,28 +345,28 @@ exports[`renders the MoreVertIcon with prop variant=primary 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=success 1`] = `
+exports[`renders the MoreVertIcon with prop size=l 1`] = `
 <MoreVertIcon
-  variant="success"
+  size="lg"
 >
   <ForwardRef(Icon)
     icon="moreVert"
-    variant="success"
+    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="success"
+      size="lg"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -391,31 +394,28 @@ exports[`renders the MoreVertIcon with prop variant=success 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the MoreVertIcon with prop size=s 1`] = `
 <MoreVertIcon
   size="sm"
-  variant="warning"
 >
   <ForwardRef(Icon)
     icon="moreVert"
     size="sm"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
       size="sm"
-      variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/MoreVertIcon/index.test.tsx

@@ -12,21 +12,21 @@ it('renders the MoreVertIcon with prop size=s', () => {
 it('renders the MoreVertIcon with prop size=l', () => {
   expect(mount(<MoreVertIcon size="lg" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=dark', () => {
-  expect(mount(<MoreVertIcon variant="dark" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=dark', () => {
+  expect(mount(<MoreVertIcon color="dark" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=primary', () => {
-  expect(mount(<MoreVertIcon variant="primary" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=primary', () => {
+  expect(mount(<MoreVertIcon color="primary" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=success', () => {
-  expect(mount(<MoreVertIcon variant="success" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=success', () => {
+  expect(mount(<MoreVertIcon color="success" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=focus', () => {
-  expect(mount(<MoreVertIcon variant="focus" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=focus', () => {
+  expect(mount(<MoreVertIcon color="focus" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=warning and size=s', () => {
-  expect(mount(<MoreVertIcon variant="warning" size="sm" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=warning and size=s', () => {
+  expect(mount(<MoreVertIcon color="warning" size="sm" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=error and size= xl', () => {
-  expect(mount(<MoreVertIcon variant="warning" size="xl" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=error and size= xl', () => {
+  expect(mount(<MoreVertIcon color="warning" size="xl" />)).toMatchSnapshot();
 });

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 color=error and size= xl 1`] = `
+<PdfFileIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="pdfFile"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      color="warning"
+      size="xl"
+    >
+      <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 color=warning 1`] = `
+<PdfFileIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="pdfFile"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      color="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 color=warning and size=s 1`] = `
+<PdfFileIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="pdfFile"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      color="warning"
+      size="sm"
+    >
+      <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>
+`;
+
+exports[`renders the PdfFileIcon with prop color=white 1`] = `
+<PdfFileIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="pdfFile"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--pdfFile"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--pdfFile ds-svg-icon--white 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>
+`;