@digigov/react-icons 1.0.0-8bbf3ef2 → 1.0.0-a131264d

package/registry.js

@@ -7,31 +7,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _digigov_react_icons_AccessibilityIcon = _interopRequireWildcard(require("@digigov/react-icons/AccessibilityIcon"));
+var _digigov_react_icons_AccessibilityIcon = _interopRequireWildcard(require("./AccessibilityIcon"));
 
-var _digigov_react_icons_ArrowIcon = _interopRequireWildcard(require("@digigov/react-icons/ArrowIcon"));
+var _digigov_react_icons_ArrowIcon = _interopRequireWildcard(require("./ArrowIcon"));
 
-var _digigov_react_icons_BurgerIcon = _interopRequireWildcard(require("@digigov/react-icons/BurgerIcon"));
+var _digigov_react_icons_BurgerIcon = _interopRequireWildcard(require("./BurgerIcon"));
 
-var _digigov_react_icons_CaretIcon = _interopRequireWildcard(require("@digigov/react-icons/CaretIcon"));
+var _digigov_react_icons_CaretIcon = _interopRequireWildcard(require("./CaretIcon"));
 
-var _digigov_react_icons_CheckIcon = _interopRequireWildcard(require("@digigov/react-icons/CheckIcon"));
+var _digigov_react_icons_CheckIcon = _interopRequireWildcard(require("./CheckIcon"));
 
-var _digigov_react_icons_CloseIcon = _interopRequireWildcard(require("@digigov/react-icons/CloseIcon"));
+var _digigov_react_icons_ChevronIcon = _interopRequireWildcard(require("./ChevronIcon"));
 
-var _digigov_react_icons_GlobeIcon = _interopRequireWildcard(require("@digigov/react-icons/GlobeIcon"));
+var _digigov_react_icons_CloseIcon = _interopRequireWildcard(require("./CloseIcon"));
 
-var _digigov_react_icons_Icon = _interopRequireWildcard(require("@digigov/react-icons/Icon"));
+var _digigov_react_icons_GlobeIcon = _interopRequireWildcard(require("./GlobeIcon"));
 
-var _digigov_react_icons_icons = _interopRequireWildcard(require("@digigov/react-icons/icons"));
+var _digigov_react_icons_Icon = _interopRequireWildcard(require("./Icon"));
 
-var _digigov_react_icons = _interopRequireWildcard(require("@digigov/react-icons"));
+var _digigov_react_icons_icons = _interopRequireWildcard(require("./icons"));
 
-var _digigov_react_icons_MoreVertIcon = _interopRequireWildcard(require("@digigov/react-icons/MoreVertIcon"));
+var _digigov_react_icons = _interopRequireWildcard(require("./"));
 
-var _digigov_react_icons_SearchIcon = _interopRequireWildcard(require("@digigov/react-icons/SearchIcon"));
+var _digigov_react_icons_MoreVertIcon = _interopRequireWildcard(require("./MoreVertIcon"));
 
-var _digigov_react_icons_UncheckIcon = _interopRequireWildcard(require("@digigov/react-icons/UncheckIcon"));
+var _digigov_react_icons_SearchIcon = _interopRequireWildcard(require("./SearchIcon"));
+
+var _digigov_react_icons_UncheckIcon = _interopRequireWildcard(require("./UncheckIcon"));
 
 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); }
 
@@ -58,6 +60,7 @@ var _default = {
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
+  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),

package/{esm/registry.js → registry.mjs}

@@ -1,16 +1,17 @@
-import * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
-import * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';
-import * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';
-import * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';
-import * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';
-import * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';
-import * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';
-import * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';
-import * as _digigov_react_icons_icons from '@digigov/react-icons/icons';
-import * as _digigov_react_icons from '@digigov/react-icons';
-import * as _digigov_react_icons_MoreVertIcon from '@digigov/react-icons/MoreVertIcon';
-import * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';
-import * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon';
+import * as _digigov_react_icons_AccessibilityIcon from "./AccessibilityIcon";
+import * as _digigov_react_icons_ArrowIcon from "./ArrowIcon";
+import * as _digigov_react_icons_BurgerIcon from "./BurgerIcon";
+import * as _digigov_react_icons_CaretIcon from "./CaretIcon";
+import * as _digigov_react_icons_CheckIcon from "./CheckIcon";
+import * as _digigov_react_icons_ChevronIcon from "./ChevronIcon";
+import * as _digigov_react_icons_CloseIcon from "./CloseIcon";
+import * as _digigov_react_icons_GlobeIcon from "./GlobeIcon";
+import * as _digigov_react_icons_Icon from "./Icon";
+import * as _digigov_react_icons_icons from "./icons";
+import * as _digigov_react_icons from "./";
+import * as _digigov_react_icons_MoreVertIcon from "./MoreVertIcon";
+import * as _digigov_react_icons_SearchIcon from "./SearchIcon";
+import * as _digigov_react_icons_UncheckIcon from "./UncheckIcon";
 
 function lazyImport(pkgImport) {
   // eslint-disable-next-line no-undef
@@ -33,6 +34,7 @@ export default {
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
+  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),

package/src/ArrowIcon/config.tsx

@@ -6,25 +6,25 @@ export interface ArrowType {
   * @value 'right'
   * @value 'up'
   * @value 'down'
-  * @default 'right'
+  * @default 'up'
   */
   direction?: 'left' | 'right' | 'up' | 'down'
 }
 
-export const arrow: React.FC<ArrowType> = ({ direction = 'right' }) => {
+export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
   return (
     <>
       {direction === 'left' && (
-        <path d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
+        <polygon points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7" />
       )}
       {direction === 'right' && (
-        <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
+        <polygon points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" />
       )}
       {direction === 'up' && (
-        <path d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
+        <polygon points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12" />
       )}
       {direction === 'down' && (
-        <path d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
+        <polygon points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6" />
       )}
     </>
   );

package/src/ChevronIcon/config.tsx

@@ -0,0 +1,37 @@
+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 const chevron: React.FC<ChevronType> = ({ direction = 'right' }) => {
+  return (
+    <>
+      {direction === 'left' && (
+        <path d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
+      )}
+      {direction === 'right' && (
+        <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
+      )}
+      {direction === 'up' && (
+        <path d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
+      )}
+      {direction === 'down' && (
+        <path d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
+      )}
+    </>
+  );
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+chevron.props = ['direction'];
+
+export default chevron;

package/src/ChevronIcon/index.test.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ChevronIcon from '@digigov/react-icons/ChevronIcon';
+
+it('renders the ChevronIcon with no props, direction prop is right by default', () => {
+  expect(mount(<ChevronIcon />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction left prop', () => {
+  expect(mount(<ChevronIcon direction="left" />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction up prop', () => {
+  expect(mount(<ChevronIcon direction="up" />)).toMatchSnapshot();
+});
+
+it('renders the ChevronIcon with direction down prop', () => {
+  expect(mount(<ChevronIcon direction="down" />)).toMatchSnapshot();
+});

package/src/ChevronIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const ChevronIcon: React.FC<IconProps<'chevron'>> = (props) => {
+  return <Icon {...props} icon="chevron"></Icon>;
+};
+
+export default ChevronIcon;

package/src/Icon/index.tsx

@@ -14,7 +14,7 @@ export type IconProps<N extends keyof IconTypes> = SvgIconProps &
     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;
@@ -32,7 +32,7 @@ export const Icon: IconComponent = React.forwardRef<
   SVGSVGElement,
   IconProps<IconNames>
 >(function Icon(
-  { icon = 'arrow', className, ...props }: IconProps<IconNames>,
+  { icon = 'chevron', className, ...props }: IconProps<IconNames>,
   ref
 ) {
   const IconComponent = icons[icon];

package/src/icons.ts

@@ -3,6 +3,7 @@ import type { ArrowType } from '@digigov/react-icons/ArrowIcon/config';
 import type { BurgerType } from '@digigov/react-icons/BurgerIcon/config';
 import type { CaretType } from '@digigov/react-icons/CaretIcon/config';
 import type { CheckType } from '@digigov/react-icons/CheckIcon/config';
+import type { ChevronType } from '@digigov/react-icons/ChevronIcon/config';
 import type { CloseType } from '@digigov/react-icons/CloseIcon/config';
 import type { GlobeType } from '@digigov/react-icons/GlobeIcon/config';
 import type { MoreVertType } from '@digigov/react-icons/MoreVertIcon/config';
@@ -13,6 +14,7 @@ export * from '@digigov/react-icons/AccessibilityIcon/config';
 export * from '@digigov/react-icons/ArrowIcon/config';
 export * from '@digigov/react-icons/BurgerIcon/config';
 export * from '@digigov/react-icons/CaretIcon/config';
+export * from '@digigov/react-icons/ChevronIcon/config';
 export * from '@digigov/react-icons/CloseIcon/config';
 export * from '@digigov/react-icons/CheckIcon/config';
 export * from '@digigov/react-icons/GlobeIcon/config';
@@ -31,4 +33,5 @@ export interface IconTypes {
   moreVert: MoreVertType;
   uncheck: UncheckType;
   search: SearchType;
+  chevron: ChevronType;
 }

package/src/index.ts

@@ -3,6 +3,7 @@ export * from '@digigov/react-icons/ArrowIcon';
 export * from '@digigov/react-icons/BurgerIcon';
 export * from '@digigov/react-icons/CaretIcon';
 export * from '@digigov/react-icons/CheckIcon';
+export * from '@digigov/react-icons/ChevronIcon';
 export * from '@digigov/react-icons/UncheckIcon';
 export * from '@digigov/react-icons/CloseIcon';
 export * from '@digigov/react-icons/GlobeIcon';

package/src/registry.js

@@ -4,6 +4,7 @@ import * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon'
 import * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';
 import * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';
 import * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';
+import * as _digigov_react_icons_ChevronIcon from '@digigov/react-icons/ChevronIcon';
 import * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';
 import * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';
 import * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';
@@ -37,6 +38,7 @@ export default {
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
+  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),