@digigov/react-icons 1.0.0-rc

package/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>
+`;

package/BurgerIcon/config.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type BurgerType = {
+    active?: boolean;
+};
+export declare const burger: React.FC<BurgerType>;
+export default burger;

package/BurgerIcon/config.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.burger = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("rect", {
+  id: "govgr-svg-icon--burger__line-1",
+  width: "20",
+  height: "3.3"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement("rect", {
+  id: "govgr-svg-icon--burger__line-2",
+  width: "20",
+  height: "3.3"
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement("rect", {
+  id: "govgr-svg-icon--burger__line-3",
+  width: "20",
+  height: "3.3"
+});
+
+var burger = function burger(_ref) {
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    className: (0, _clsx["default"])(active && "govgr-svg-icon--burger--active")
+  }, _ref2, _ref3, _ref4);
+}; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+
+
+exports.burger = burger;
+burger.props = ['active'];
+var _default = burger;
+exports["default"] = _default;

package/BurgerIcon/index.d.ts

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

package/BurgerIcon/index.js

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

package/BurgerIcon/index.test.d.ts

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

package/BurgerIcon/index.test.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _BurgerIcon = _interopRequireDefault(require("@digigov/react-icons/BurgerIcon"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], null);
+
+it('renders the BurgerIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
+  active: true
+});
+
+it('renders the BurgerIcon with prop active=true', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
+  variant: "dark"
+});
+
+it('renders the BurgerIcon with prop variant=dark', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
+  variant: "light"
+});
+
+it('renders the BurgerIcon prop variant= "light"', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
+  variant: "error"
+});
+
+it('renders the BurgerIcon prop variant= "error"', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
+  active: true,
+  variant: "light"
+});
+
+it('renders the BurgerIcon props active variant= "light"', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});

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

@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CaretIcon with direction down prop 1`] = `
+<CaretIcon
+  direction="down"
+>
+  <ForwardRef(Icon)
+    direction="down"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="down"
+          >
+            <path
+              d="M22,6H2l10,12L22,6z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with direction right prop 1`] = `
+<CaretIcon
+  direction="right"
+>
+  <ForwardRef(Icon)
+    direction="right"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="right"
+          >
+            <path
+              d="M6,2v20l12-10L6,2z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with direction up prop 1`] = `
+<CaretIcon
+  direction="up"
+>
+  <ForwardRef(Icon)
+    direction="up"
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret
+            direction="up"
+          >
+            <path
+              d="M2,18h20L12,6L2,18z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;
+
+exports[`renders the CaretIcon with no props, direction prop is left by default 1`] = `
+<CaretIcon>
+  <ForwardRef(Icon)
+    icon="caret"
+  >
+    <ForwardRef(SvgIcon)
+      className="govgr-svg-icon--caret"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="govgr-svg-icon--caret govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="govgr-svg-icon--caret govgr-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <caret>
+            <path
+              d="M18,22V2L6,12L18,22z"
+            />
+          </caret>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CaretIcon>
+`;

package/CaretIcon/config.d.ts

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

package/CaretIcon/config.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.caret = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M18,22V2L6,12L18,22z"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M6,2v20l12-10L6,2z"
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M2,18h20L12,6L2,18z"
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M22,6H2l10,12L22,6z"
+});
+
+var caret = function caret(_ref) {
+  var _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'left' : _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.caret = caret;
+caret.props = ['direction'];
+var _default = caret;
+exports["default"] = _default;

package/CaretIcon/index.d.ts

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

package/CaretIcon/index.js

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

package/CaretIcon/index.test.d.ts

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