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

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

@@ -6,18 +6,18 @@ exports[`renders the CancelIcon with no props 1`] = `
     icon="cancel"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -42,19 +42,19 @@ exports[`renders the CancelIcon with prop size=m 1`] = `
     size="md"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       size="md"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--md govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--md govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -79,19 +79,19 @@ exports[`renders the CancelIcon with prop size=xl 1`] = `
     size="xl"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--xl govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--xl govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -118,20 +118,20 @@ exports[`renders the CancelIcon with prop variant=error and size= xl 1`] = `
     variant="warning"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       size="xl"
       variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -156,19 +156,19 @@ exports[`renders the CancelIcon with prop variant=light 1`] = `
     variant="light"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       variant="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--light govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--light govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -193,19 +193,19 @@ exports[`renders the CancelIcon with prop variant=warning 1`] = `
     variant="warning"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -232,20 +232,20 @@ exports[`renders the CancelIcon with prop variant=warning and size=s 1`] = `
     variant="warning"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--cancel"
+      className="ds-svg-icon--cancel"
       size="sm"
       variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

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

@@ -9,18 +9,18 @@ exports[`renders the CaretIcon with direction down prop 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"
         >
@@ -47,18 +47,18 @@ exports[`renders the CaretIcon with direction right prop 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"
         >
@@ -85,18 +85,18 @@ exports[`renders the CaretIcon with direction up prop 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"
         >
@@ -120,18 +120,18 @@ exports[`renders the CaretIcon with no props, direction prop is left by default
     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"
         >

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

@@ -0,0 +1,300 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the ChatIcon with dots 1`] = `
+<ChatIcon
+  dots={true}
+>
+  <ForwardRef(Icon)
+    dots={true}
+    icon="chat"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat
+            dots={true}
+          >
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with no props 1`] = `
+<ChatIcon>
+  <ForwardRef(Icon)
+    icon="chat"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop size=md 1`] = `
+<ChatIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop size=xl 1`] = `
+<ChatIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop variant=error and size= xl 1`] = `
+<ChatIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat 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--chat ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop variant=light 1`] = `
+<ChatIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon--light ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop variant=warning 1`] = `
+<ChatIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;
+
+exports[`renders the ChatIcon with prop variant=warning and size=sm 1`] = `
+<ChatIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="chat"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chat"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chat 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--chat ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chat>
+            <path
+              d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
+            />
+          </chat>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChatIcon>
+`;

package/src/ChatIcon/config.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+export interface ChatType {
+  /**
+   * @value 'false'
+   * @value 'true'
+   * @default 'false'
+   */
+  dots?: boolean;
+}
+
+export const chat: React.FC<ChatType> = ({ dots = false }) => {
+  return (
+    <>
+      {dots ? (
+        <path d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z" />
+      ) : (
+        <path d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" />
+      )}
+    </>
+  );
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+chat.props = ['dots'];
+
+export default chat;

package/src/ChatIcon/index.test.tsx

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

package/src/ChatIcon/index.tsx

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