@digigov/react-icons 1.0.0-rc

package/src/MoreVertIcon/config.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+export interface MoreVertType {}
+
+export function moreVert(): React.ReactElement {
+  return (
+    <>
+      <circle cx="12" cy="5" r="2" />
+      <circle cx="12" cy="12" r="2" />
+      <circle cx="12" cy="19" r="2" />
+    </>
+  );
+}
+
+moreVert.props = [];
+
+export default moreVert;

package/src/MoreVertIcon/index.test.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import MoreVertIcon from '@digigov/react-icons/MoreVertIcon';
+
+it('renders the MoreVertIcon with no props', () => {
+  expect(mount(<MoreVertIcon />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop size=s', () => {
+  expect(mount(<MoreVertIcon size="sm" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop size=m', () => {
+  expect(mount(<MoreVertIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop size=l', () => {
+  expect(mount(<MoreVertIcon size="lg" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop size=xl', () => {
+  expect(mount(<MoreVertIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=dark', () => {
+  expect(mount(<MoreVertIcon variant="dark" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=light', () => {
+  expect(mount(<MoreVertIcon variant="light" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=gray', () => {
+  expect(mount(<MoreVertIcon variant="gray" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=primary', () => {
+  expect(mount(<MoreVertIcon variant="primary" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=success', () => {
+  expect(mount(<MoreVertIcon variant="success" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=warning', () => {
+  expect(mount(<MoreVertIcon variant="warning" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=error', () => {
+  expect(mount(<MoreVertIcon variant="error" />)).toMatchSnapshot();
+});
+it('renders the MoreVertIcon with prop variant=focus', () => {
+  expect(mount(<MoreVertIcon variant="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 variant=error and size= xl', () => {
+  expect(mount(<MoreVertIcon variant="warning" size="xl" />)).toMatchSnapshot();
+});

package/src/MoreVertIcon/index.tsx

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

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

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the SearchIcon with no props 1`] = `
+<SearchIcon>
+  <ForwardRef(Icon)
+    icon="search"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--search"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--search govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--search govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <search>
+            <path
+              d="M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z"
+            />
+          </search>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</SearchIcon>
+`;

package/src/SearchIcon/config.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface SearchType {}
+
+export function search(): React.ReactElement {
+  return (
+    <>
+      <path d="M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z" />
+    </>
+  );
+}
+
+search.props = [];
+
+export default search;

package/src/SearchIcon/index.test.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import SearchIcon from '@digigov/react-icons/SearchIcon';
+
+it('renders the SearchIcon with no props', () => {
+  expect(mount(<SearchIcon />)).toMatchSnapshot();
+});

package/src/SearchIcon/index.tsx

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