@digigov/react-icons 1.0.0-rc

package/esm/AccessibilityIcon/config.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+var _ref = /*#__PURE__*/React.createElement("title", null, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2");
+
+var _ref2 = /*#__PURE__*/React.createElement("circle", {
+  cx: "12",
+  cy: "3",
+  r: "3"
+});
+
+var _ref3 = /*#__PURE__*/React.createElement("path", {
+  d: "M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+});
+
+export function accessibility() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
+}
+accessibility.props = [];
+export default accessibility;

package/esm/AccessibilityIcon/index.js

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

package/esm/AccessibilityIcon/index.test.js

@@ -0,0 +1,131 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
+
+var _ref = /*#__PURE__*/React.createElement(AccessibilityIcon, null);
+
+it('renders the AccessibilityIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  size: "sm"
+});
+
+it('renders the AccessibilityIcon with prop size=s', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  size: "md"
+});
+
+it('renders the AccessibilityIcon with prop size=m', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  size: "lg"
+});
+
+it('renders the AccessibilityIcon with prop size=l', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  size: "xl"
+});
+
+it('renders the AccessibilityIcon with prop size=xl', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  size: "xxl"
+});
+
+it('renders the AccessibilityIcon with prop size=xl', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "dark"
+});
+
+it('renders the AccessibilityIcon with prop variant=dark', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "light"
+});
+
+it('renders the AccessibilityIcon with prop variant=light', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "gray"
+});
+
+it('renders the AccessibilityIcon with prop variant=gray', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "primary"
+});
+
+it('renders the AccessibilityIcon with prop variant=primary', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "success"
+});
+
+it('renders the AccessibilityIcon with prop variant=success', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "warning"
+});
+
+it('renders the AccessibilityIcon with prop variant=warning', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "error"
+});
+
+it('renders the AccessibilityIcon with prop variant=error', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "focus"
+});
+
+it('renders the AccessibilityIcon with prop variant=focus', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "warning",
+  size: "sm"
+});
+
+it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});
+
+var _ref16 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {
+  expect(mount(_ref16)).toMatchSnapshot();
+});

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

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

package/esm/ArrowIcon/config.js

@@ -0,0 +1,27 @@
+import React from 'react';
+
+var _ref2 = /*#__PURE__*/React.createElement("path", {
+  d: "M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+});
+
+var _ref3 = /*#__PURE__*/React.createElement("path", {
+  d: "M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+});
+
+var _ref4 = /*#__PURE__*/React.createElement("path", {
+  d: "M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+});
+
+var _ref5 = /*#__PURE__*/React.createElement("path", {
+  d: "M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+});
+
+export var arrow = function arrow(_ref) {
+  var _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'right' : _ref$direction;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
+}; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+
+arrow.props = ['direction'];
+export default arrow;

package/esm/ArrowIcon/index.js

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

package/esm/ArrowIcon/index.test.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ArrowIcon from '@digigov/react-icons/ArrowIcon';
+
+var _ref = /*#__PURE__*/React.createElement(ArrowIcon, null);
+
+it('renders the ArrowIcon with no props, direction prop is right by default', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "left"
+});
+
+it('renders the ArrowIcon with direction left prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "up"
+});
+
+it('renders the ArrowIcon with direction up prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "down"
+});
+
+it('renders the ArrowIcon with direction down prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});

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

@@ -0,0 +1,320 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the BurgerIcon prop variant= "error" 1`] = `
+<BurgerIcon
+  variant="error"
+>
+  <ForwardRef(Icon)
+    icon="burger"
+    variant="error"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+      variant="error"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon--error govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger>
+            <g
+              className=""
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;
+
+exports[`renders the BurgerIcon prop variant= "light" 1`] = `
+<BurgerIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="burger"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger>
+            <g
+              className=""
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;
+
+exports[`renders the BurgerIcon props active variant= "light" 1`] = `
+<BurgerIcon
+  active={true}
+  variant="light"
+>
+  <ForwardRef(Icon)
+    active={true}
+    icon="burger"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger
+            active={true}
+          >
+            <g
+              className="govgr-svg-icon--burger--active"
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;
+
+exports[`renders the BurgerIcon with no props 1`] = `
+<BurgerIcon>
+  <ForwardRef(Icon)
+    icon="burger"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger>
+            <g
+              className=""
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;
+
+exports[`renders the BurgerIcon with prop active=true 1`] = `
+<BurgerIcon
+  active={true}
+>
+  <ForwardRef(Icon)
+    active={true}
+    icon="burger"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger
+            active={true}
+          >
+            <g
+              className="govgr-svg-icon--burger--active"
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;
+
+exports[`renders the BurgerIcon with prop variant=dark 1`] = `
+<BurgerIcon
+  variant="dark"
+>
+  <ForwardRef(Icon)
+    icon="burger"
+    variant="dark"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--burger"
+      variant="dark"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--burger govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--burger govgr-svg-icon--dark govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <burger>
+            <g
+              className=""
+            >
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-1"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-2"
+                width="20"
+              />
+              <rect
+                height="3.3"
+                id="govgr-svg-icon--burger__line-3"
+                width="20"
+              />
+            </g>
+          </burger>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</BurgerIcon>
+`;