@digigov/react-icons 1.2.0-496927f3 → 2.0.0-8de46296

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

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 variant=light', () => {
+  expect(mount(<ExclamationIcon variant="light" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=warning', () => {
+  expect(mount(<ExclamationIcon variant="warning" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=error and size=sm', () => {
+  expect(mount(<ExclamationIcon variant="error" size="sm" />)).toMatchSnapshot();
+});
+it('renders the ExclamationIcon with prop variant=info and size= xl', () => {
+  expect(mount(<ExclamationIcon variant="info" size="xl" />)).toMatchSnapshot();
+});

package/src/ExclamationIcon/index.tsx

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

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

@@ -9,19 +9,19 @@ exports[`renders the GlobeIcon prop variant= "error" 1`] = `
     variant="error"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--globe"
+      className="ds-svg-icon--globe"
       variant="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--globe govgr-svg-icon--error govgr-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon--error ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--globe govgr-svg-icon--error govgr-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon--error ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -47,19 +47,19 @@ exports[`renders the GlobeIcon prop variant= "light" 1`] = `
     variant="light"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--globe"
+      className="ds-svg-icon--globe"
       variant="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--globe govgr-svg-icon--light govgr-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--globe govgr-svg-icon--light govgr-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -82,18 +82,18 @@ exports[`renders the GlobeIcon with no props 1`] = `
     icon="globe"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--globe"
+      className="ds-svg-icon--globe"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--globe govgr-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--globe govgr-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -119,19 +119,19 @@ exports[`renders the GlobeIcon with prop variant=dark 1`] = `
     variant="dark"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--globe"
+      className="ds-svg-icon--globe"
       variant="dark"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--globe govgr-svg-icon--dark govgr-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon--dark ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--globe govgr-svg-icon--dark govgr-svg-icon"
+          className="ds-svg-icon--globe ds-svg-icon--dark ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

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

@@ -5,18 +5,18 @@ exports[`renders the Icon prop icon= "caret" 1`] = `
   icon="caret"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--caret"
+    className="ds-svg-icon--caret"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--caret govgr-svg-icon"
+      className="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -37,18 +37,18 @@ exports[`renders the Icon prop icon= "caret" and direction=left 1`] = `
   icon="caret"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--caret"
+    className="ds-svg-icon--caret"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--caret govgr-svg-icon"
+      className="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -70,18 +70,18 @@ exports[`renders the Icon prop icon= "check" 1`] = `
   icon="check"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--check"
+    className="ds-svg-icon--check"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--check govgr-svg-icon"
+      className="ds-svg-icon--check ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--check govgr-svg-icon"
+        className="ds-svg-icon--check ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -101,18 +101,18 @@ exports[`renders the Icon prop icon= "close" 1`] = `
   icon="close"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--close"
+    className="ds-svg-icon--close"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--close govgr-svg-icon"
+      className="ds-svg-icon--close ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--close govgr-svg-icon"
+        className="ds-svg-icon--close ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -132,18 +132,18 @@ exports[`renders the Icon prop icon= "uncheck" 1`] = `
   icon="uncheck"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--uncheck"
+    className="ds-svg-icon--uncheck"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--uncheck govgr-svg-icon"
+      className="ds-svg-icon--uncheck ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--uncheck govgr-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -163,18 +163,18 @@ exports[`renders the Icon props icon= "moreVert" 1`] = `
   icon="moreVert"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--moreVert"
+    className="ds-svg-icon--moreVert"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--moreVert govgr-svg-icon"
+      className="ds-svg-icon--moreVert ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--moreVert govgr-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -204,18 +204,18 @@ exports[`renders the Icon props icon= "moreVert" 1`] = `
 exports[`renders the Icon with no props 1`] = `
 <ForwardRef(Icon)>
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--chevron"
+    className="ds-svg-icon--chevron"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--chevron govgr-svg-icon"
+      className="ds-svg-icon--chevron ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--chevron govgr-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -235,18 +235,18 @@ exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
   direction="up"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--chevron"
+    className="ds-svg-icon--chevron"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--chevron govgr-svg-icon"
+      className="ds-svg-icon--chevron ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--chevron govgr-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -268,18 +268,18 @@ exports[`renders the Icon with prop prop icon=burger 1`] = `
   icon="burger"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--burger"
+    className="ds-svg-icon--burger"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--burger govgr-svg-icon"
+      className="ds-svg-icon--burger ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--burger govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
@@ -289,17 +289,17 @@ exports[`renders the Icon with prop prop icon=burger 1`] = `
           >
             <rect
               height="3.3"
-              id="govgr-svg-icon--burger__line-1"
+              id="ds-svg-icon--burger__line-1"
               width="20"
             />
             <rect
               height="3.3"
-              id="govgr-svg-icon--burger__line-2"
+              id="ds-svg-icon--burger__line-2"
               width="20"
             />
             <rect
               height="3.3"
-              id="govgr-svg-icon--burger__line-3"
+              id="ds-svg-icon--burger__line-3"
               width="20"
             />
           </g>
@@ -315,18 +315,18 @@ exports[`renders the Icon with prop prop icon=globe 1`] = `
   icon="globe"
 >
   <ForwardRef(SvgIcon)
-    className="govgr-svg-icon--globe"
+    className="ds-svg-icon--globe"
   >
     <ForwardRef(Base)
       aria-hidden="true"
       as="svg"
-      className="govgr-svg-icon--globe govgr-svg-icon"
+      className="ds-svg-icon--globe ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <svg
         aria-hidden="true"
-        className="govgr-svg-icon--globe govgr-svg-icon"
+        className="ds-svg-icon--globe ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >

package/src/Icon/index.tsx

@@ -52,7 +52,7 @@ export const Icon: IconComponent = React.forwardRef<
       ref={ref}
       {...props}
       className={clsx(className, {
-        [`govgr-svg-icon--${icon}`]: true,
+        [`ds-svg-icon--${icon}`]: true,
       })}
     >
       <IconComponent {...iconProps} />