@integrigo/integrigo-ui 1.6.13 → 1.6.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/lib/index.esm.js +1 -1
  2. package/lib/index.esm.js.map +1 -1
  3. package/lib/index.js +1 -1
  4. package/lib/index.js.map +1 -1
  5. package/lib/src/components/atoms/Avatar/Avatar.stories.d.ts +2 -2
  6. package/lib/src/components/atoms/Dot/Dot.stories.d.ts +6 -6
  7. package/lib/src/components/atoms/Icon/Icon.d.ts +37 -34
  8. package/lib/src/components/atoms/Icon/Icon.stories.d.ts +2 -2
  9. package/lib/src/components/atoms/Icon/icons/ArrowRight.d.ts +3 -0
  10. package/lib/src/components/atoms/Icon/icons/CheckSquare.d.ts +3 -0
  11. package/lib/src/components/atoms/Icon/icons/CreateDashboard.d.ts +3 -0
  12. package/lib/src/components/atoms/Icon/icons/UserPlus.d.ts +3 -0
  13. package/lib/src/components/atoms/Initials/Initials.stories.d.ts +2 -2
  14. package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts +8 -8
  15. package/lib/src/components/molecules/Input/Input.d.ts +1 -1
  16. package/lib/src/components/molecules/Input/Input.stories.d.ts +18 -18
  17. package/lib/src/components/molecules/Profile/Profile.stories.d.ts +3 -3
  18. package/lib/src/components/molecules/Radio/Radio.stories.d.ts +4 -4
  19. package/package.json +1 -1
  20. package/src/components/atoms/Icon/Icon.tsx +63 -81
  21. package/src/components/atoms/Icon/icons/ArrowRight.tsx +9 -0
  22. package/src/components/atoms/Icon/icons/{ChechSquare.tsx → CheckSquare.tsx} +0 -0
  23. package/src/components/atoms/Icon/icons/CreateDashboard.tsx +9 -0
  24. package/src/components/atoms/Icon/icons/UserPlus.tsx +9 -0
package/lib/src/components/atoms/Dot/Dot.stories.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { ComponentMeta, ComponentStory } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<import("react").FCS<{
4
4
  icon?: (import("react").SVGProps<SVGSVGElement> & {
5
- type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users";
5
+ type: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users";
6
6
  size?: "big" | "small" | "ultra-small" | "medium" | {
7
7
  width: number;
8
8
  height: number;
@@ -11,12 +11,12 @@ declare const _default: ComponentMeta<import("react").FCS<{
11
11
  children?: import("react").ReactNode;
12
12
  }) | undefined;
13
13
  children?: import("react").ReactNode;
14
- size?: "s" | "m" | "l" | "xl" | undefined;
14
+ size?: "s" | "xl" | "l" | "m" | undefined;
15
15
  }>>;
16
16
  export default _default;
17
17
  export declare const Icon: ComponentStory<import("react").FCS<{
18
18
  icon?: (import("react").SVGProps<SVGSVGElement> & {
19
- type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users";
19
+ type: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users";
20
20
  size?: "big" | "small" | "ultra-small" | "medium" | {
21
21
  width: number;
22
22
  height: number;
@@ -25,11 +25,11 @@ export declare const Icon: ComponentStory<import("react").FCS<{
25
25
  children?: import("react").ReactNode;
26
26
  }) | undefined;
27
27
  children?: import("react").ReactNode;
28
- size?: "s" | "m" | "l" | "xl" | undefined;
28
+ size?: "s" | "xl" | "l" | "m" | undefined;
29
29
  }>>;
30
30
  export declare const Basic: ComponentStory<import("react").FCS<{
31
31
  icon?: (import("react").SVGProps<SVGSVGElement> & {
32
- type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users";
32
+ type: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users";
33
33
  size?: "big" | "small" | "ultra-small" | "medium" | {
34
34
  width: number;
35
35
  height: number;
@@ -38,5 +38,5 @@ export declare const Basic: ComponentStory<import("react").FCS<{
38
38
  children?: import("react").ReactNode;
39
39
  }) | undefined;
40
40
  children?: import("react").ReactNode;
41
- size?: "s" | "m" | "l" | "xl" | undefined;
41
+ size?: "s" | "xl" | "l" | "m" | undefined;
42
42
  }>>;
package/lib/src/components/atoms/Icon/Icon.d.ts CHANGED
@@ -1,42 +1,45 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  export declare const iconHashMap: {
3
- 'angle-down': React.LazyExoticComponent<React.FCS<{}>>;
4
- 'arrow-left': React.LazyExoticComponent<React.FCS<{}>>;
5
- bars: React.LazyExoticComponent<React.FCS<{}>>;
6
- bell: React.LazyExoticComponent<React.FCS<{}>>;
7
- 'check-circle': React.LazyExoticComponent<React.FCS<{}>>;
8
- 'check-square': React.LazyExoticComponent<React.FCS<{}>>;
9
- 'clipboad-notes': React.LazyExoticComponent<React.FCS<{}>>;
10
- close: React.LazyExoticComponent<React.FCS<{}>>;
11
- 'dice-five': React.LazyExoticComponent<React.FCS<{}>>;
12
- edit: React.LazyExoticComponent<React.FCS<{}>>;
13
- 'ellipsis-horizontal': React.LazyExoticComponent<React.FCS<{}>>;
14
- 'ellipsis-vertical': React.LazyExoticComponent<React.FCS<{}>>;
15
- envelope: React.LazyExoticComponent<React.FCS<{}>>;
16
- 'exclamation-circle': React.LazyExoticComponent<React.FCS<{}>>;
17
- 'exclamation-triangle': React.LazyExoticComponent<React.FCS<{}>>;
18
- exit: React.LazyExoticComponent<React.FCS<{}>>;
19
- facebook: React.LazyExoticComponent<React.FCS<{}>>;
20
- home: React.LazyExoticComponent<React.FCS<{}>>;
21
- 'image-edit': React.LazyExoticComponent<React.FCS<{}>>;
22
- instagram: React.LazyExoticComponent<React.FCS<{}>>;
23
- linkedin: React.LazyExoticComponent<React.FCS<{}>>;
24
- lock: React.LazyExoticComponent<React.FCS<{}>>;
25
- minus: React.LazyExoticComponent<React.FCS<{}>>;
26
- phone: React.LazyExoticComponent<React.FCS<{}>>;
27
- plus: React.LazyExoticComponent<React.FCS<{}>>;
28
- process: React.LazyExoticComponent<React.FCS<{}>>;
29
- 'points-circle': React.LazyExoticComponent<React.FCS<{}>>;
30
- redo: React.LazyExoticComponent<React.FCS<{}>>;
31
- setting: React.LazyExoticComponent<React.FCS<{}>>;
32
- user: React.LazyExoticComponent<React.FCS<{}>>;
33
- 'user-circle': React.LazyExoticComponent<React.FCS<{}>>;
34
- users: React.LazyExoticComponent<React.FCS<{}>>;
3
+ "angle-down": string;
4
+ "arrow-left": string;
5
+ "arrow-right": string;
6
+ bars: string;
7
+ bell: string;
8
+ "check-circle": string;
9
+ "check-square": string;
10
+ "clipboad-notes": string;
11
+ close: string;
12
+ "create-dashboard": string;
13
+ "dice-five": string;
14
+ edit: string;
15
+ "ellipsis-horizontal": string;
16
+ "ellipsis-vertical": string;
17
+ envelope: string;
18
+ "exclamation-circle": string;
19
+ "exclamation-triangle": string;
20
+ exit: string;
21
+ facebook: string;
22
+ home: string;
23
+ "image-edit": string;
24
+ instagram: string;
25
+ linkedin: string;
26
+ lock: string;
27
+ minus: string;
28
+ phone: string;
29
+ plus: string;
30
+ process: string;
31
+ "points-circle": string;
32
+ redo: string;
33
+ setting: string;
34
+ user: string;
35
+ "user-circle": string;
36
+ "user-plus": string;
37
+ users: string;
35
38
  };
36
39
  export declare type IconType = keyof typeof iconHashMap;
37
40
  declare type IconProps = React.SVGProps<SVGSVGElement> & {
38
41
  type: IconType;
39
- size?: 'ultra-small' | 'small' | 'medium' | 'big' | {
42
+ size?: "ultra-small" | "small" | "medium" | "big" | {
40
43
  width: number;
41
44
  height: number;
42
45
  };
package/lib/src/components/atoms/Icon/Icon.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ComponentStory, ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<React.FCS<React.SVGProps<SVGSVGElement> & {
4
- type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users";
4
+ type: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users";
5
5
  size?: "big" | "small" | "ultra-small" | "medium" | {
6
6
  width: number;
7
7
  height: number;
@@ -9,7 +9,7 @@ declare const _default: ComponentMeta<React.FCS<React.SVGProps<SVGSVGElement> &
9
9
  }>>;
10
10
  export default _default;
11
11
  export declare const SimpleIcon: ComponentStory<React.FCS<React.SVGProps<SVGSVGElement> & {
12
- type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users";
12
+ type: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users";
13
13
  size?: "big" | "small" | "ultra-small" | "medium" | {
14
14
  width: number;
15
15
  height: number;
package/lib/src/components/atoms/Icon/icons/ArrowRight.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const ArrowRight: React.FCS;
3
+ export default ArrowRight;
package/lib/src/components/atoms/Icon/icons/CheckSquare.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const CheckSquare: React.FCS;
3
+ export default CheckSquare;
package/lib/src/components/atoms/Icon/icons/CreateDashboard.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const CreateDashboard: React.FCS;
3
+ export default CreateDashboard;
package/lib/src/components/atoms/Icon/icons/UserPlus.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const UserPlus: React.FCS;
3
+ export default UserPlus;
package/lib/src/components/atoms/Initials/Initials.stories.d.ts CHANGED
@@ -2,10 +2,10 @@
2
2
  import { ComponentStory, ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<import("react").FC<{
4
4
  text: string;
5
- size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
5
+ size?: "s" | "xl" | "l" | "m" | "xxl" | undefined;
6
6
  }>>;
7
7
  export default _default;
8
8
  export declare const Basic: ComponentStory<import("react").FC<{
9
9
  text: string;
10
- size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
10
+ size?: "s" | "xl" | "l" | "m" | "xxl" | undefined;
11
11
  }>>;
package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  import React from 'react';
2
2
  import { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
4
- size?: "s" | "m" | "l" | "xl" | undefined;
3
+ declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
4
+ size?: "s" | "xl" | "l" | "m" | undefined;
5
5
  label?: string | undefined;
6
6
  } & React.RefAttributes<HTMLInputElement>>>;
7
7
  export default _default;
8
- export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
9
- size?: "s" | "m" | "l" | "xl" | undefined;
8
+ export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
9
+ size?: "s" | "xl" | "l" | "m" | undefined;
10
10
  label?: string | undefined;
11
11
  } & React.RefAttributes<HTMLInputElement>>>;
12
- export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
13
- size?: "s" | "m" | "l" | "xl" | undefined;
12
+ export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
13
+ size?: "s" | "xl" | "l" | "m" | undefined;
14
14
  label?: string | undefined;
15
15
  } & React.RefAttributes<HTMLInputElement>>>;
16
- export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
17
- size?: "s" | "m" | "l" | "xl" | undefined;
16
+ export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
17
+ size?: "s" | "xl" | "l" | "m" | undefined;
18
18
  label?: string | undefined;
19
19
  } & React.RefAttributes<HTMLInputElement>>>;
package/lib/src/components/molecules/Input/Input.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement
13
13
  export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & FieldProps<any, any> & {
14
14
  label?: string | undefined;
15
15
  validationType?: ValidationType | undefined;
16
- icon?: "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "close" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
16
+ icon?: "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "close" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
17
17
  size?: "xl" | "l" | "m" | "s" | undefined;
18
18
  direction?: "ltr" | "rtl" | undefined;
19
19
  onIconClick?: (() => void) | undefined;
package/lib/src/components/molecules/Input/Input.stories.d.ts CHANGED
@@ -3,8 +3,8 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
4
4
  label?: string | undefined;
5
5
  validationType?: import("../../../types/validation").ValidationType | undefined;
6
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
7
- size?: "s" | "m" | "l" | "xl" | undefined;
6
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
7
+ size?: "s" | "xl" | "l" | "m" | undefined;
8
8
  direction?: "rtl" | "ltr" | undefined;
9
9
  onIconClick?: (() => void) | undefined;
10
10
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -12,64 +12,64 @@ export default _default;
12
12
  export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
13
13
  label?: string | undefined;
14
14
  validationType?: import("../../../types/validation").ValidationType | undefined;
15
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
16
- size?: "s" | "m" | "l" | "xl" | undefined;
15
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
16
+ size?: "s" | "xl" | "l" | "m" | undefined;
17
17
  direction?: "rtl" | "ltr" | undefined;
18
18
  onIconClick?: (() => void) | undefined;
19
19
  } & React.RefAttributes<HTMLInputElement>>>;
20
20
  export declare const Success: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
21
21
  label?: string | undefined;
22
22
  validationType?: import("../../../types/validation").ValidationType | undefined;
23
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
24
- size?: "s" | "m" | "l" | "xl" | undefined;
23
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
24
+ size?: "s" | "xl" | "l" | "m" | undefined;
25
25
  direction?: "rtl" | "ltr" | undefined;
26
26
  onIconClick?: (() => void) | undefined;
27
27
  } & React.RefAttributes<HTMLInputElement>>>;
28
28
  export declare const Error: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
29
29
  label?: string | undefined;
30
30
  validationType?: import("../../../types/validation").ValidationType | undefined;
31
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
32
- size?: "s" | "m" | "l" | "xl" | undefined;
31
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
32
+ size?: "s" | "xl" | "l" | "m" | undefined;
33
33
  direction?: "rtl" | "ltr" | undefined;
34
34
  onIconClick?: (() => void) | undefined;
35
35
  } & React.RefAttributes<HTMLInputElement>>>;
36
36
  export declare const Disabled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
37
37
  label?: string | undefined;
38
38
  validationType?: import("../../../types/validation").ValidationType | undefined;
39
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
40
- size?: "s" | "m" | "l" | "xl" | undefined;
39
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
40
+ size?: "s" | "xl" | "l" | "m" | undefined;
41
41
  direction?: "rtl" | "ltr" | undefined;
42
42
  onIconClick?: (() => void) | undefined;
43
43
  } & React.RefAttributes<HTMLInputElement>>>;
44
44
  export declare const IconLTR: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
45
45
  label?: string | undefined;
46
46
  validationType?: import("../../../types/validation").ValidationType | undefined;
47
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
48
- size?: "s" | "m" | "l" | "xl" | undefined;
47
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
48
+ size?: "s" | "xl" | "l" | "m" | undefined;
49
49
  direction?: "rtl" | "ltr" | undefined;
50
50
  onIconClick?: (() => void) | undefined;
51
51
  } & React.RefAttributes<HTMLInputElement>>>;
52
52
  export declare const IconRTL: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
53
53
  label?: string | undefined;
54
54
  validationType?: import("../../../types/validation").ValidationType | undefined;
55
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
56
- size?: "s" | "m" | "l" | "xl" | undefined;
55
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
56
+ size?: "s" | "xl" | "l" | "m" | undefined;
57
57
  direction?: "rtl" | "ltr" | undefined;
58
58
  onIconClick?: (() => void) | undefined;
59
59
  } & React.RefAttributes<HTMLInputElement>>>;
60
60
  export declare const DisabledIcon: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
61
61
  label?: string | undefined;
62
62
  validationType?: import("../../../types/validation").ValidationType | undefined;
63
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
64
- size?: "s" | "m" | "l" | "xl" | undefined;
63
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
64
+ size?: "s" | "xl" | "l" | "m" | undefined;
65
65
  direction?: "rtl" | "ltr" | undefined;
66
66
  onIconClick?: (() => void) | undefined;
67
67
  } & React.RefAttributes<HTMLInputElement>>>;
68
68
  export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("formik").FieldProps<any, any> & {
69
69
  label?: string | undefined;
70
70
  validationType?: import("../../../types/validation").ValidationType | undefined;
71
- icon?: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "users" | undefined;
72
- size?: "s" | "m" | "l" | "xl" | undefined;
71
+ icon?: "close" | "angle-down" | "arrow-left" | "arrow-right" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "create-dashboard" | "dice-five" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
72
+ size?: "s" | "xl" | "l" | "m" | undefined;
73
73
  direction?: "rtl" | "ltr" | undefined;
74
74
  onIconClick?: (() => void) | undefined;
75
75
  } & React.RefAttributes<HTMLInputElement>>>;
package/lib/src/components/molecules/Profile/Profile.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<import("react").FC<Partial<{
4
4
  src: string;
5
5
  alt: string;
6
- size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
6
+ size?: "s" | "xl" | "l" | "m" | "xxl" | undefined;
7
7
  } & {
8
8
  children?: import("react").ReactNode;
9
9
  }> & {
@@ -14,7 +14,7 @@ export default _default;
14
14
  export declare const Basic: ComponentStory<import("react").FC<Partial<{
15
15
  src: string;
16
16
  alt: string;
17
- size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
17
+ size?: "s" | "xl" | "l" | "m" | "xxl" | undefined;
18
18
  } & {
19
19
  children?: import("react").ReactNode;
20
20
  }> & {
@@ -24,7 +24,7 @@ export declare const Basic: ComponentStory<import("react").FC<Partial<{
24
24
  export declare const WithInitials: ComponentStory<import("react").FC<Partial<{
25
25
  src: string;
26
26
  alt: string;
27
- size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
27
+ size?: "s" | "xl" | "l" | "m" | "xxl" | undefined;
28
28
  } & {
29
29
  children?: import("react").ReactNode;
30
30
  }> & {
package/lib/src/components/molecules/Radio/Radio.stories.d.ts CHANGED
@@ -1,20 +1,20 @@
1
1
  import React from 'react';
2
2
  import { ComponentMeta, ComponentStory } from '@storybook/react';
3
3
  import { Size } from './Radio';
4
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
4
+ declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
5
5
  size?: Size | undefined;
6
6
  label?: string | undefined;
7
7
  } & React.RefAttributes<HTMLInputElement>>>;
8
8
  export default _default;
9
- export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
9
+ export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
10
10
  size?: Size | undefined;
11
11
  label?: string | undefined;
12
12
  } & React.RefAttributes<HTMLInputElement>>>;
13
- export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
13
+ export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
14
14
  size?: Size | undefined;
15
15
  label?: string | undefined;
16
16
  } & React.RefAttributes<HTMLInputElement>>>;
17
- export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
17
+ export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
18
18
  size?: Size | undefined;
19
19
  label?: string | undefined;
20
20
  } & React.RefAttributes<HTMLInputElement>>>;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://npm.pkg.github.com/integrigo"
5
5
  },
6
- "version": "1.6.13",
6
+ "version": "1.6.14",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
package/src/components/atoms/Icon/Icon.tsx CHANGED
@@ -1,76 +1,42 @@
1
- import React from 'react';
2
- import { Color } from '../../../styles';
3
-
4
- const AngleDown = React.lazy(() => import('./icons/AngleDown'));
5
- const ArrowLeft = React.lazy(() => import('./icons/ArrowLeft'));
6
- const Bars = React.lazy(() => import('./icons/Bars'));
7
- const Bell = React.lazy(() => import('./icons/Bell'));
8
- const CheckCircle = React.lazy(() => import('./icons/CheckCircle'));
9
- const CheckSquare = React.lazy(() => import('./icons/ChechSquare'));
10
- const ClipboardNotes = React.lazy(() => import('./icons/ClipboardNotes'));
11
- const Close = React.lazy(() => import('./icons/Close'));
12
- const DiceFive = React.lazy(() => import('./icons/DiceFive'));
13
- const Edit = React.lazy(() => import('./icons/Edit'));
14
- const EllipsisVertical = React.lazy(() => import('./icons/EllipsisVertical'));
15
- const EllipsisHorizontal = React.lazy(
16
- () => import('./icons/EllipsisHorizontal'),
17
- );
18
- const Envelope = React.lazy(() => import('./icons/Envelope'));
19
- const ExclamationCircle = React.lazy(() => import('./icons/ExclamationCircle'));
20
- const ExclamationTriangle = React.lazy(
21
- () => import('./icons/ExclamationTriangle'),
22
- );
23
- const Exit = React.lazy(() => import('./icons/Exit'));
24
- const Facebook = React.lazy(() => import('./icons/Facebook'));
25
- const Home = React.lazy(() => import('./icons/Home'));
26
- const ImageEdit = React.lazy(() => import('./icons/ImageEdit'));
27
- const Instagram = React.lazy(() => import('./icons/Instagram'));
28
- const Linkedin = React.lazy(() => import('./icons/Linkedin'));
29
- const Lock = React.lazy(() => import('./icons/Lock'));
30
- const Minus = React.lazy(() => import('./icons/Minus'));
31
- const Phone = React.lazy(() => import('./icons/Phone'));
32
- const Plus = React.lazy(() => import('./icons/Plus'));
33
- const PointsCircle = React.lazy(() => import('./icons/PointsCircle'));
34
- const Process = React.lazy(() => import('./icons/Process'));
35
- const Redo = React.lazy(() => import('./icons/Redo'));
36
- const Setting = React.lazy(() => import('./icons/Setting'));
37
- const User = React.lazy(() => import('./icons/User'));
38
- const UserCircle = React.lazy(() => import('./icons/UserCircle'));
39
- const Users = React.lazy(() => import('./icons/Users'));
1
+ import React, { Suspense } from "react";
2
+ import { Color } from "../../../styles";
40
3
 
41
4
  export const iconHashMap = {
42
- 'angle-down': AngleDown,
43
- 'arrow-left': ArrowLeft,
44
- bars: Bars,
45
- bell: Bell,
46
- 'check-circle': CheckCircle,
47
- 'check-square': CheckSquare,
48
- 'clipboad-notes': ClipboardNotes,
49
- close: Close,
50
- 'dice-five': DiceFive,
51
- edit: Edit,
52
- 'ellipsis-horizontal': EllipsisHorizontal,
53
- 'ellipsis-vertical': EllipsisVertical,
54
- envelope: Envelope,
55
- 'exclamation-circle': ExclamationCircle,
56
- 'exclamation-triangle': ExclamationTriangle,
57
- exit: Exit,
58
- facebook: Facebook,
59
- home: Home,
60
- 'image-edit': ImageEdit,
61
- instagram: Instagram,
62
- linkedin: Linkedin,
63
- lock: Lock,
64
- minus: Minus,
65
- phone: Phone,
66
- plus: Plus,
67
- process: Process,
68
- 'points-circle': PointsCircle,
69
- redo: Redo,
70
- setting: Setting,
71
- user: User,
72
- 'user-circle': UserCircle,
73
- users: Users,
5
+ "angle-down": "AngleDown",
6
+ "arrow-left": "ArrowLeft",
7
+ "arrow-right": "ArrowRight",
8
+ bars: "Bars",
9
+ bell: "Bell",
10
+ "check-circle": "CheckCircle",
11
+ "check-square": "CheckSquare",
12
+ "clipboad-notes": "ClipboardNotes",
13
+ close: "Close",
14
+ "create-dashboard": "CreateDashboard",
15
+ "dice-five": "DiceFive",
16
+ edit: "Edit",
17
+ "ellipsis-horizontal": "EllipsisHorizontal",
18
+ "ellipsis-vertical": "EllipsisVertical",
19
+ envelope: "Envelope",
20
+ "exclamation-circle": "ExclamationCircle",
21
+ "exclamation-triangle": "ExclamationTriangle",
22
+ exit: "Exit",
23
+ facebook: "Facebook",
24
+ home: "Home",
25
+ "image-edit": "ImageEdit",
26
+ instagram: "Instagram",
27
+ linkedin: "Linkedin",
28
+ lock: "Lock",
29
+ minus: "Minus",
30
+ phone: "Phone",
31
+ plus: "Plus",
32
+ process: "Process",
33
+ "points-circle": "PointsCircle",
34
+ redo: "Redo",
35
+ setting: "Setting",
36
+ user: "User",
37
+ "user-circle": "UserCircle",
38
+ "user-plus": "UserPlus",
39
+ users: "Users",
74
40
  };
75
41
 
76
42
  export type IconType = keyof typeof iconHashMap;
@@ -78,15 +44,15 @@ export type IconType = keyof typeof iconHashMap;
78
44
  type IconProps = React.SVGProps<SVGSVGElement> & {
79
45
  type: IconType;
80
46
  size?:
81
- | 'ultra-small'
82
- | 'small'
83
- | 'medium'
84
- | 'big'
85
- | { width: number; height: number };
47
+ | "ultra-small"
48
+ | "small"
49
+ | "medium"
50
+ | "big"
51
+ | { width: number; height: number };
86
52
  };
87
53
 
88
54
  const sizeHashMap = {
89
- 'ultra-small': {
55
+ "ultra-small": {
90
56
  width: 20,
91
57
  height: 20,
92
58
  },
@@ -107,13 +73,29 @@ const sizeHashMap = {
107
73
  export const Icon: React.FCS<IconProps> = ({
108
74
  className,
109
75
  type,
110
- size = 'ultra-small',
76
+ size = "ultra-small",
111
77
  ...props
112
78
  }) => {
113
- const Component = iconHashMap[type];
114
- const sizes = typeof size === 'string' ? sizeHashMap[size] : size;
79
+ const Component = React.lazy(() => import(`./icons/${iconHashMap[type]}`));
80
+ const sizes = typeof size === "string" ? sizeHashMap[size] : size;
115
81
 
116
82
  return (
117
- <Component className={className} fill={Color.Navy} {...sizes} {...props} />
83
+ <Suspense
84
+ fallback={
85
+ <svg
86
+ viewBox="0 0 24 24"
87
+ width="20"
88
+ height="20"
89
+ xmlns="http://www.w3.org/2000/svg"
90
+ />
91
+ }
92
+ >
93
+ <Component
94
+ className={className}
95
+ fill={Color.Navy}
96
+ {...sizes}
97
+ {...props}
98
+ />
99
+ </Suspense>
118
100
  );
119
101
  };
package/src/components/atoms/Icon/icons/ArrowRight.tsx ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+
3
+ const ArrowRight: React.FCS = (props) => (
4
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
5
+ <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" />
6
+ </svg>
7
+ );
8
+
9
+ export default ArrowRight;