@digigov/react-icons 1.0.0-rc

package/CaretIcon/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 _CaretIcon = _interopRequireDefault(require("@digigov/react-icons/CaretIcon"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"], null);
+
+it('renders the CaretIcon with no props, direction prop is left by default', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"], {
+  direction: "right"
+});
+
+it('renders the CaretIcon with direction right prop', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"], {
+  direction: "up"
+});
+
+it('renders the CaretIcon with direction up prop', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"], {
+  direction: "down"
+});
+
+it('renders the CaretIcon with direction down prop', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});

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

@@ -0,0 +1,558 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CheckIcon with no props 1`] = `
+<CheckIcon>
+  <ForwardRef(Icon)
+    icon="check"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop size=l 1`] = `
+<CheckIcon
+  size="lg"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="lg"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="lg"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--lg govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--lg govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop size=m 1`] = `
+<CheckIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--md govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--md govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop size=s 1`] = `
+<CheckIcon
+  size="sm"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--sm govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--sm govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop size=xl 1`] = `
+<CheckIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=dark 1`] = `
+<CheckIcon
+  variant="dark"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="dark"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="dark"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=error 1`] = `
+<CheckIcon
+  variant="error"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="error"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="error"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=error and size= xl 1`] = `
+<CheckIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="xl"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=focus 1`] = `
+<CheckIcon
+  variant="focus"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="focus"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="focus"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=gray 1`] = `
+<CheckIcon
+  variant="gray"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="gray"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="gray"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=light 1`] = `
+<CheckIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=primary 1`] = `
+<CheckIcon
+  variant="primary"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="primary"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="primary"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=success 1`] = `
+<CheckIcon
+  variant="success"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="success"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="success"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=warning 1`] = `
+<CheckIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;
+
+exports[`renders the CheckIcon with prop variant=warning and size=s 1`] = `
+<CheckIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="check"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--check"
+      size="sm"
+      variant="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <check>
+            <polygon
+              points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+            />
+          </check>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CheckIcon>
+`;

package/CheckIcon/config.d.ts

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

package/CheckIcon/config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.check = check;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("polygon", {
+  points: "9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+});
+
+function check() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+}
+
+check.props = [];
+var _default = check;
+exports["default"] = _default;

package/CheckIcon/index.d.ts

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

package/CheckIcon/index.js

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

package/CheckIcon/index.test.d.ts

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