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

package/CheckIcon/index.test/index.js

@@ -18,34 +18,34 @@ it('renders the CheckIcon with prop size=xl', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(CheckIcon, {
-  variant: "light"
+  color: "white"
 });
-it('renders the CheckIcon with prop variant=light', function () {
+it('renders the CheckIcon with prop color=white', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(CheckIcon, {
-  variant: "success"
+  color: "success"
 });
-it('renders the CheckIcon with prop variant=success', function () {
+it('renders the CheckIcon with prop color=success', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(CheckIcon, {
-  variant: "warning"
+  color: "warning"
 });
-it('renders the CheckIcon with prop variant=warning', function () {
+it('renders the CheckIcon with prop color=warning', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/React.createElement(CheckIcon, {
-  variant: "warning",
+  color: "warning",
   size: "sm"
 });
-it('renders the CheckIcon with prop variant=warning and size=s', function () {
+it('renders the CheckIcon with prop color=warning and size=s', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 var _ref8 = /*#__PURE__*/React.createElement(CheckIcon, {
-  variant: "warning",
+  color: "warning",
   size: "xl"
 });
-it('renders the CheckIcon with prop variant=error and size= xl', function () {
+it('renders the CheckIcon with prop color=error and size= xl', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });

package/ChevronIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the ChevronIcon with direction down prop 1`] = `
+<ChevronIcon
+  direction="down"
+>
+  <ForwardRef(Icon)
+    direction="down"
+    icon="chevron"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chevron"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chevron ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chevron ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chevron
+            direction="down"
+          >
+            <path
+              d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+            />
+          </chevron>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChevronIcon>
+`;
+
+exports[`renders the ChevronIcon with direction left prop 1`] = `
+<ChevronIcon
+  direction="left"
+>
+  <ForwardRef(Icon)
+    direction="left"
+    icon="chevron"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chevron"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chevron ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chevron ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chevron
+            direction="left"
+          >
+            <path
+              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+            />
+          </chevron>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChevronIcon>
+`;
+
+exports[`renders the ChevronIcon with direction up prop 1`] = `
+<ChevronIcon
+  direction="up"
+>
+  <ForwardRef(Icon)
+    direction="up"
+    icon="chevron"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chevron"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chevron ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chevron ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chevron
+            direction="up"
+          >
+            <path
+              d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+            />
+          </chevron>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChevronIcon>
+`;
+
+exports[`renders the ChevronIcon with no props, direction prop is right by default 1`] = `
+<ChevronIcon>
+  <ForwardRef(Icon)
+    icon="chevron"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--chevron"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--chevron ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--chevron ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <chevron>
+            <path
+              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+            />
+          </chevron>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</ChevronIcon>
+`;

package/DownloadIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,318 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the DownloadIcon with no props 1`] = `
+<DownloadIcon>
+  <ForwardRef(Icon)
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=error and size= xl 1`] = `
+<DownloadIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download 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--download ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=warning 1`] = `
+<DownloadIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=warning and size=s 1`] = `
+<DownloadIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="download"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="warning"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download 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--download ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop color=white 1`] = `
+<DownloadIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="download"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop size=m 1`] = `
+<DownloadIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="download"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;
+
+exports[`renders the DownloadIcon with prop size=xl 1`] = `
+<DownloadIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="download"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--download"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <download>
+            <g>
+              <polygon
+                points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+              />
+              <rect
+                height="3.301"
+                width="12"
+                x="6"
+                y="18.699"
+              />
+            </g>
+          </download>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</DownloadIcon>
+`;

package/DownloadIcon/config/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+var _ref = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
+  points: "12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+}), /*#__PURE__*/React.createElement("rect", {
+  x: "6",
+  y: "18.699",
+  width: "12",
+  height: "3.301"
+}));
+export function download() {
+  return _ref;
+}
+download.props = [];
+export default download;

package/DownloadIcon/config/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/DownloadIcon/config/index.js"
+}

package/DownloadIcon/config.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DownloadType {
+}
+export declare function download(): React.ReactElement;
+export declare namespace download {
+    var props: any[];
+}
+export default download;

package/DownloadIcon/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '@digigov/react-icons/Icon';
+export declare const DownloadIcon: React.FC<IconProps<'download'>>;
+export default DownloadIcon;

package/DownloadIcon/index.js

@@ -0,0 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@digigov/react-icons/Icon';
+export var DownloadIcon = function DownloadIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    icon: "download"
+  }));
+};
+export default DownloadIcon;

package/DownloadIcon/index.test/index.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DownloadIcon from '@digigov/react-icons/DownloadIcon';
+var _ref = /*#__PURE__*/React.createElement(DownloadIcon, null);
+it('renders the DownloadIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  size: "md"
+});
+it('renders the DownloadIcon with prop size=m', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  size: "xl"
+});
+it('renders the DownloadIcon with prop size=xl', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  color: "white"
+});
+it('renders the DownloadIcon with prop color=white', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  color: "warning"
+});
+it('renders the DownloadIcon with prop color=warning', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  color: "warning",
+  size: "sm"
+});
+it('renders the DownloadIcon with prop color=warning and size=s', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/React.createElement(DownloadIcon, {
+  color: "warning",
+  size: "xl"
+});
+it('renders the DownloadIcon with prop color=error and size= xl', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});

package/DownloadIcon/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/DownloadIcon/index.test/index.js"
+}

package/DownloadIcon/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/DownloadIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/DownloadIcon/index.js"
+}