@digigov/react-icons 1.0.0-rc

package/AccessibilityIcon/config.d.ts

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

package/AccessibilityIcon/config.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.accessibility = accessibility;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].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["default"].createElement("circle", {
+  cx: "12",
+  cy: "3",
+  r: "3"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].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"
+});
+
+function accessibility() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
+}
+
+accessibility.props = [];
+var _default = accessibility;
+exports["default"] = _default;

package/AccessibilityIcon/index.d.ts

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

package/AccessibilityIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AccessibilityIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("@digigov/react-core/Icon"));
+
+var AccessibilityIcon = function AccessibilityIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "accessibility"
+  }));
+};
+
+exports.AccessibilityIcon = AccessibilityIcon;
+var _default = AccessibilityIcon;
+exports["default"] = _default;

package/AccessibilityIcon/index.test.d.ts

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

package/AccessibilityIcon/index.test.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _AccessibilityIcon = _interopRequireDefault(require("@digigov/react-icons/AccessibilityIcon"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], null);
+
+it('renders the AccessibilityIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  size: "sm"
+});
+
+it('renders the AccessibilityIcon with prop size=s', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  size: "md"
+});
+
+it('renders the AccessibilityIcon with prop size=m', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  size: "lg"
+});
+
+it('renders the AccessibilityIcon with prop size=l', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  size: "xl"
+});
+
+it('renders the AccessibilityIcon with prop size=xl', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  size: "xxl"
+});
+
+it('renders the AccessibilityIcon with prop size=xl', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "dark"
+});
+
+it('renders the AccessibilityIcon with prop variant=dark', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "light"
+});
+
+it('renders the AccessibilityIcon with prop variant=light', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "gray"
+});
+
+it('renders the AccessibilityIcon with prop variant=gray', function () {
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "primary"
+});
+
+it('renders the AccessibilityIcon with prop variant=primary', function () {
+  expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "success"
+});
+
+it('renders the AccessibilityIcon with prop variant=success', function () {
+  expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "warning"
+});
+
+it('renders the AccessibilityIcon with prop variant=warning', function () {
+  expect((0, _enzyme.mount)(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "error"
+});
+
+it('renders the AccessibilityIcon with prop variant=error', function () {
+  expect((0, _enzyme.mount)(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "focus"
+});
+
+it('renders the AccessibilityIcon with prop variant=focus', function () {
+  expect((0, _enzyme.mount)(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "warning",
+  size: "sm"
+});
+
+it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
+  expect((0, _enzyme.mount)(_ref15)).toMatchSnapshot();
+});
+
+var _ref16 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {
+  expect((0, _enzyme.mount)(_ref16)).toMatchSnapshot();
+});

package/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/ArrowIcon/config.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ArrowType {
+    direction?: 'left' | 'right' | 'up' | 'down';
+}
+export declare const arrow: React.FC<ArrowType>;
+export default arrow;

package/ArrowIcon/config.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.arrow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("path", {
+  d: "M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+});
+
+var arrow = function arrow(_ref) {
+  var _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'right' : _ref$direction;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].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
+
+
+exports.arrow = arrow;
+arrow.props = ['direction'];
+var _default = arrow;
+exports["default"] = _default;

package/ArrowIcon/index.d.ts

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

package/ArrowIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ArrowIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("@digigov/react-core/Icon"));
+
+var ArrowIcon = function ArrowIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "arrow"
+  }));
+};
+
+exports.ArrowIcon = ArrowIcon;
+var _default = ArrowIcon;
+exports["default"] = _default;

package/ArrowIcon/index.test.d.ts

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

package/ArrowIcon/index.test.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ArrowIcon = _interopRequireDefault(require("@digigov/react-icons/ArrowIcon"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], null);
+
+it('renders the ArrowIcon with no props, direction prop is right by default', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "left"
+});
+
+it('renders the ArrowIcon with direction left prop', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "up"
+});
+
+it('renders the ArrowIcon with direction up prop', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "down"
+});
+
+it('renders the ArrowIcon with direction down prop', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});