@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-0edebf87

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;

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 color=white', () => {
+  expect(mount(<ExclamationIcon color="white" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop color=warning', () => {
+  expect(mount(<ExclamationIcon color="warning" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop color=error and size=sm', () => {
+  expect(mount(<ExclamationIcon color="error" size="sm" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop color=info and size= xl', () => {
+  expect(mount(<ExclamationIcon color="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/GlobeIcon/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the GlobeIcon prop variant= "error" 1`] = `
+exports[`renders the GlobeIcon prop color= "error" 1`] = `
 <GlobeIcon
-  variant="error"
+  color="error"
 >
   <ForwardRef(Icon)
+    color="error"
     icon="globe"
-    variant="error"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--globe"
-      variant="error"
+      color="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
@@ -27,9 +27,8 @@ exports[`renders the GlobeIcon prop variant= "error" 1`] = `
         >
           <globe>
             <path
-              d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+              d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
             />
-             
           </globe>
         </svg>
       </ForwardRef(Base)>
@@ -38,36 +37,35 @@ exports[`renders the GlobeIcon prop variant= "error" 1`] = `
 </GlobeIcon>
 `;
 
-exports[`renders the GlobeIcon prop variant= "light" 1`] = `
+exports[`renders the GlobeIcon prop color= "white" 1`] = `
 <GlobeIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="globe"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--globe"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--globe ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--globe ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <globe>
             <path
-              d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+              d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
             />
-             
           </globe>
         </svg>
       </ForwardRef(Base)>
@@ -99,9 +97,8 @@ exports[`renders the GlobeIcon with no props 1`] = `
         >
           <globe>
             <path
-              d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+              d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
             />
-             
           </globe>
         </svg>
       </ForwardRef(Base)>
@@ -110,36 +107,35 @@ exports[`renders the GlobeIcon with no props 1`] = `
 </GlobeIcon>
 `;
 
-exports[`renders the GlobeIcon with prop variant=dark 1`] = `
+exports[`renders the GlobeIcon with prop color=base-content 1`] = `
 <GlobeIcon
-  variant="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
+    color="base-content"
     icon="globe"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--globe"
-      variant="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--globe ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--globe ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <globe>
             <path
-              d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+              d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
             />
-             
           </globe>
         </svg>
       </ForwardRef(Base)>

package/src/GlobeIcon/config.tsx

@@ -5,18 +5,7 @@ export interface GlobeType {}
 export function globe(): React.ReactElement {
   return (
     <>
-      <path
-        d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1
-        c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z
-        M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0
-        c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z
-        M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8
-        C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2
-        c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6
-        c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9
-        C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0
-        C1.5,12.4,1.5,11.6,1.6,10.9z"
-      />{' '}
+      <path d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z" />
     </>
   );
 }

package/src/GlobeIcon/index.test.tsx

@@ -7,13 +7,13 @@ it('renders the GlobeIcon with no props', () => {
   expect(mount(<GlobeIcon />)).toMatchSnapshot();
 });
 
-it('renders the GlobeIcon with prop variant=dark', () => {
-  expect(mount(<GlobeIcon variant="dark" />)).toMatchSnapshot();
+it('renders the GlobeIcon with prop color=base-content', () => {
+  expect(mount(<GlobeIcon color="base-content" />)).toMatchSnapshot();
 });
 
-it('renders the GlobeIcon prop variant= "light"', () => {
-  expect(mount(<GlobeIcon variant="light" />)).toMatchSnapshot();
+it('renders the GlobeIcon prop color= "white"', () => {
+  expect(mount(<GlobeIcon color="white" />)).toMatchSnapshot();
 });
-it('renders the GlobeIcon prop variant= "error"', () => {
-  expect(mount(<GlobeIcon variant="error" />)).toMatchSnapshot();
+it('renders the GlobeIcon prop color= "error"', () => {
+  expect(mount(<GlobeIcon color="error" />)).toMatchSnapshot();
 });

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)>
@@ -332,9 +332,8 @@ exports[`renders the Icon with prop prop icon=globe 1`] = `
       >
         <globe>
           <path
-            d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+            d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
           />
-           
         </globe>
       </svg>
     </ForwardRef(Base)>

package/src/Icon/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import clsx from 'clsx';
-import SvgIcon, { SvgIconProps } from '@digigov/react-core/SvgIcon';
+import SvgIcon, { SvgIconProps } from '@digigov/react-icons/SvgIcon';
 import * as icons from '@digigov/react-icons/icons';
 import type { IconTypes } from '@digigov/react-icons/icons';