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

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

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the BurgerIcon prop variant= "error" 1`] = `
+exports[`renders the BurgerIcon prop color= "error" 1`] = `
 <BurgerIcon
-  variant="error"
+  color="error"
 >
   <ForwardRef(Icon)
+    color="error"
     icon="burger"
-    variant="error"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="error"
+      color="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
@@ -53,28 +53,28 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon prop variant= "light" 1`] = `
+exports[`renders the BurgerIcon prop color= "white" 1`] = `
 <BurgerIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -106,30 +106,30 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon props active variant= "light" 1`] = `
+exports[`renders the BurgerIcon props active color= "white" 1`] = `
 <BurgerIcon
   active={true}
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
     active={true}
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -266,28 +266,28 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon with prop variant=dark 1`] = `
+exports[`renders the BurgerIcon with prop color=base-content 1`] = `
 <BurgerIcon
-  variant="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
+    color="base-content"
     icon="burger"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/BurgerIcon/index.test/index.js

@@ -12,27 +12,27 @@ it('renders the BurgerIcon with prop active=true', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "dark"
+  color: "base-content"
 });
-it('renders the BurgerIcon with prop variant=dark', function () {
+it('renders the BurgerIcon with prop color=base-content', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon prop variant= "light"', function () {
+it('renders the BurgerIcon prop color= "white"', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "error"
+  color: "error"
 });
-it('renders the BurgerIcon prop variant= "error"', function () {
+it('renders the BurgerIcon prop color= "error"', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(BurgerIcon, {
   active: true,
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon props active variant= "light"', function () {
+it('renders the BurgerIcon props active color= "white"', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });

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

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, {
+  color: "white"
+});
+it('renders the CancelIcon with prop color=white', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/React.createElement(CancelIcon, {
+  color: "warning"
+});
+it('renders the CancelIcon with prop color=warning', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/React.createElement(CancelIcon, {
+  color: "warning",
+  size: "sm"
+});
+it('renders the CancelIcon with prop color=warning and size=s', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/React.createElement(CancelIcon, {
+  color: "warning",
+  size: "xl"
+});
+it('renders the CancelIcon with prop color=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"
+}