@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-8de46296

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

@@ -27,8 +27,8 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
           <arrow
             direction="down"
           >
-            <path
-              d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+            <polygon
+              points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
             />
           </arrow>
         </svg>
@@ -65,8 +65,8 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
           <arrow
             direction="left"
           >
-            <path
-              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+            <polygon
+              points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
             />
           </arrow>
         </svg>
@@ -103,8 +103,8 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
           <arrow
             direction="up"
           >
-            <path
-              d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+            <polygon
+              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
             />
           </arrow>
         </svg>
@@ -136,8 +136,8 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
           viewBox="0 0 24 24"
         >
           <arrow>
-            <path
-              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+            <polygon
+              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
             />
           </arrow>
         </svg>

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

@@ -0,0 +1,262 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CancelIcon with no props 1`] = `
+<CancelIcon>
+  <ForwardRef(Icon)
+    icon="cancel"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop size=m 1`] = `
+<CancelIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop size=xl 1`] = `
+<CancelIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop variant=error and size= xl 1`] = `
+<CancelIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        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="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop variant=light 1`] = `
+<CancelIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--light ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop variant=warning 1`] = `
+<CancelIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop variant=warning and size=s 1`] = `
+<CancelIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        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="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;

package/CancelIcon/config/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+var _ref = /*#__PURE__*/React.createElement("path", {
+  d: "M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+});
+export function cancel() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+}
+cancel.props = [];
+export default cancel;

package/CancelIcon/config/package.json

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

package/CancelIcon/config.d.ts

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

package/CancelIcon/index.d.ts

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

package/CancelIcon/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 CancelIcon = function CancelIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    icon: "cancel"
+  }));
+};
+export default CancelIcon;

package/CancelIcon/index.test/index.js

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

package/CancelIcon/index.test/package.json

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

package/CancelIcon/index.test.d.ts

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

package/CancelIcon/package.json

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