@digigov/react-icons 1.0.0-rc.2 → 1.0.0-rc.4

package/CheckIcon/config.js

@@ -1,23 +1,11 @@
-"use strict";
+import React from 'react';
 
-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", {
+var _ref = /*#__PURE__*/React.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);
+export function check() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
 }
-
 check.props = [];
-var _default = check;
-exports["default"] = _default;
+export default check;

package/CheckIcon/index.js

@@ -1,24 +1,9 @@
-"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-icons/Icon"));
-
-var CheckIcon = function CheckIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from "../Icon";
+export var CheckIcon = function CheckIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
     icon: "check"
   }));
 };
-
-exports.CheckIcon = CheckIcon;
-var _default = CheckIcon;
-exports["default"] = _default;
+export default CheckIcon;

package/CheckIcon/index.test.js

@@ -1,73 +1,67 @@
-"use strict";
+import React from 'react';
+import { mount } from 'enzyme';
+import CheckIcon from "./";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _CheckIcon = _interopRequireDefault(require("@digigov/react-icons/CheckIcon"));
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], null);
+var _ref = /*#__PURE__*/React.createElement(CheckIcon, null);
 
 it('renders the CheckIcon with no props', function () {
-  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+  expect(mount(_ref)).toMatchSnapshot();
 });
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref2 = /*#__PURE__*/React.createElement(CheckIcon, {
   size: "md"
 });
 
 it('renders the CheckIcon with prop size=m', function () {
-  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+  expect(mount(_ref2)).toMatchSnapshot();
 });
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref3 = /*#__PURE__*/React.createElement(CheckIcon, {
   size: "xl"
 });
 
 it('renders the CheckIcon with prop size=xl', function () {
-  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+  expect(mount(_ref3)).toMatchSnapshot();
 });
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref4 = /*#__PURE__*/React.createElement(CheckIcon, {
   variant: "light"
 });
 
 it('renders the CheckIcon with prop variant=light', function () {
-  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+  expect(mount(_ref4)).toMatchSnapshot();
 });
 
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref5 = /*#__PURE__*/React.createElement(CheckIcon, {
   variant: "success"
 });
 
 it('renders the CheckIcon with prop variant=success', function () {
-  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+  expect(mount(_ref5)).toMatchSnapshot();
 });
 
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref6 = /*#__PURE__*/React.createElement(CheckIcon, {
   variant: "warning"
 });
 
 it('renders the CheckIcon with prop variant=warning', function () {
-  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+  expect(mount(_ref6)).toMatchSnapshot();
 });
 
-var _ref7 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref7 = /*#__PURE__*/React.createElement(CheckIcon, {
   variant: "warning",
   size: "sm"
 });
 
 it('renders the CheckIcon with prop variant=warning and size=s', function () {
-  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
+var _ref8 = /*#__PURE__*/React.createElement(CheckIcon, {
   variant: "warning",
   size: "xl"
 });
 
 it('renders the CheckIcon with prop variant=error and size= xl', function () {
-  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });

package/CheckIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/CheckIcon/index.js"
+}

package/ChevronIcon/config.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ChevronType {
+    /**
+    * direction sets the direction of the chevron icon.
+    * @value 'left'
+    * @value 'right'
+    * @value 'up'
+    * @value 'down'
+    * @default 'right'
+    */
+    direction?: 'left' | 'right' | 'up' | 'down';
+}
+export declare const chevron: React.FC<ChevronType>;
+export default chevron;

package/{es/ArrowIcon → ChevronIcon}/config.js

@@ -16,12 +16,12 @@ 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) {
+export var chevron = function chevron(_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;
+chevron.props = ['direction'];
+export default chevron;

package/ChevronIcon/index.d.ts

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

package/{es/ArrowIcon → ChevronIcon}/index.js

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

package/ChevronIcon/index.test.d.ts

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

package/ChevronIcon/index.test.js

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

package/ChevronIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/ChevronIcon/index.js"
+}

package/CloseIcon/config.js

@@ -1,23 +1,11 @@
-"use strict";
+import React from 'react';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.close = close;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ref = /*#__PURE__*/_react["default"].createElement("polygon", {
+var _ref = /*#__PURE__*/React.createElement("polygon", {
   points: "14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
 });
 
-function close() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+export function close() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
 }
-
 close.props = [];
-var _default = close;
-exports["default"] = _default;
+export default close;

package/CloseIcon/index.js

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

package/CloseIcon/index.test.js

@@ -1,15 +1,9 @@
-"use strict";
+import React from 'react';
+import { mount } from 'enzyme';
+import CloseIcon from "./";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _CloseIcon = _interopRequireDefault(require("@digigov/react-icons/CloseIcon"));
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_CloseIcon["default"], null);
+var _ref = /*#__PURE__*/React.createElement(CloseIcon, null);
 
 it('renders the CloseIcon with no props', function () {
-  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+  expect(mount(_ref)).toMatchSnapshot();
 });

package/CloseIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/CloseIcon/index.js"
+}

package/GlobeIcon/config.js

@@ -1,23 +1,11 @@
-"use strict";
+import React from 'react';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.globe = globe;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ref = /*#__PURE__*/_react["default"].createElement("path", {
+var _ref = /*#__PURE__*/React.createElement("path", {
   d: "M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
 });
 
-function globe() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, ' ');
+export function globe() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, ' ');
 }
-
 globe.props = [];
-var _default = globe;
-exports["default"] = _default;
+export default globe;

package/GlobeIcon/index.js

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

package/GlobeIcon/index.test.js

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

package/GlobeIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/GlobeIcon/index.js"
+}

package/Icon/index.d.ts

@@ -10,7 +10,7 @@ export declare type IconProps<N extends keyof IconTypes> = SvgIconProps & IconTy
     ref?: React.Ref<SVGSVGElement>;
     /**
      * icon is optional, but strongly recommended.
-     * Default value is 'arrow'.
+     * Default value is 'chevron'.
      * Use this prop to display the icon you want.
      */
     icon?: N;

package/Icon/index.js

@@ -1,58 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Icon = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
-var icons = _interopRequireWildcard(require("@digigov/react-icons/icons"));
-
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "className"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import React from 'react';
+import clsx from 'clsx';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+import * as icons from "../icons";
 
 /**
  * Icon is used whenever we need a GOV.GR icon.
  * Choose the icon from the list in icon prop.
  */
-var Icon = /*#__PURE__*/_react["default"].forwardRef(function Icon(_ref, ref) {
+export var Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
   var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? 'arrow' : _ref$icon,
+      icon = _ref$icon === void 0 ? 'chevron' : _ref$icon,
       className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var IconComponent = icons[icon]; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
 
   var iconProps = IconComponent === null || IconComponent === void 0 ? void 0 : IconComponent.props.reduce(function (compProps, propName) {
     var value = props[propName];
     delete props[propName];
-    return (0, _extends3["default"])({}, compProps, (0, _defineProperty2["default"])({}, propName, value));
+    return _extends({}, compProps, _defineProperty({}, propName, value));
   }, {});
-  return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends3["default"])({
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     ref: ref
   }, props, {
-    className: (0, _clsx["default"])(className, true && "govgr-svg-icon--".concat(icon))
-  }), /*#__PURE__*/_react["default"].createElement(IconComponent, iconProps));
+    className: clsx(className, true && "govgr-svg-icon--".concat(icon))
+  }), /*#__PURE__*/React.createElement(IconComponent, iconProps));
 });
-
-exports.Icon = Icon;
-var _default = Icon;
-exports["default"] = _default;
+export default Icon;