@integrigo/integrigo-ui 1.6.18-e → 1.6.18-f

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 (15) hide show
  1. package/lib/index.d.ts +1 -1
  2. package/lib/index.esm.js +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 +3 -3
  7. package/lib/src/components/atoms/Gradient/Gradient.stories.d.ts +2 -2
  8. package/lib/src/components/atoms/Initials/Initials.stories.d.ts +2 -2
  9. package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts +4 -4
  10. package/lib/src/components/molecules/Input/Input.stories.d.ts +9 -9
  11. package/lib/src/components/molecules/Profile/Profile.stories.d.ts +3 -3
  12. package/lib/src/components/organisms/Comment/Comment.d.ts +1 -1
  13. package/lib/src/components/organisms/Comment/Comment.stories.d.ts +2 -3
  14. package/package.json +1 -1
  15. package/src/components/organisms/Comment/Comment.tsx +3 -2
package/lib/src/components/atoms/Avatar/Avatar.stories.d.ts CHANGED
@@ -3,11 +3,11 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<React.FC<{
4
4
  src: string;
5
5
  alt: string;
6
- size?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
6
+ size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
7
7
  }>>;
8
8
  export default _default;
9
9
  export declare const Basic: ComponentStory<React.FC<{
10
10
  src: string;
11
11
  alt: string;
12
- size?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
12
+ size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
13
13
  }>>;
package/lib/src/components/atoms/Dot/Dot.stories.d.ts CHANGED
@@ -11,7 +11,7 @@ declare const _default: ComponentMeta<import("react").FCS<{
11
11
  children?: import("react").ReactNode;
12
12
  }) | undefined;
13
13
  children?: import("react").ReactNode;
14
- size?: "xl" | "l" | "m" | "s" | undefined;
14
+ size?: "s" | "m" | "l" | "xl" | undefined;
15
15
  }>>;
16
16
  export default _default;
17
17
  export declare const Icon: ComponentStory<import("react").FCS<{
@@ -25,7 +25,7 @@ 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?: "xl" | "l" | "m" | "s" | undefined;
28
+ size?: "s" | "m" | "l" | "xl" | undefined;
29
29
  }>>;
30
30
  export declare const Basic: ComponentStory<import("react").FCS<{
31
31
  icon?: (import("react").SVGProps<SVGSVGElement> & {
@@ -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?: "xl" | "l" | "m" | "s" | undefined;
41
+ size?: "s" | "m" | "l" | "xl" | undefined;
42
42
  }>>;
package/lib/src/components/atoms/Gradient/Gradient.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentStory, ComponentMeta } from "@storybook/react";
2
2
  declare const _default: ComponentMeta<import("styled-components").StyledComponent<"div", any, {
3
- size?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
3
+ size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
4
4
  width?: number | undefined;
5
5
  height?: number | undefined;
6
6
  variant?: number | undefined;
@@ -8,7 +8,7 @@ declare const _default: ComponentMeta<import("styled-components").StyledComponen
8
8
  }, never>>;
9
9
  export default _default;
10
10
  export declare const Basic: ComponentStory<import("styled-components").StyledComponent<"div", any, {
11
- size?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
11
+ size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
12
12
  width?: number | undefined;
13
13
  height?: number | undefined;
14
14
  variant?: number | undefined;
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?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
5
+ size?: "s" | "m" | "l" | "xl" | "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?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
10
+ size?: "s" | "m" | "l" | "xl" | "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
3
  declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
4
- size?: "xl" | "l" | "m" | "s" | undefined;
4
+ size?: "s" | "m" | "l" | "xl" | undefined;
5
5
  label?: string | undefined;
6
6
  } & React.RefAttributes<HTMLInputElement>>>;
7
7
  export default _default;
8
8
  export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
9
- size?: "xl" | "l" | "m" | "s" | undefined;
9
+ size?: "s" | "m" | "l" | "xl" | undefined;
10
10
  label?: string | undefined;
11
11
  } & React.RefAttributes<HTMLInputElement>>>;
12
12
  export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
13
- size?: "xl" | "l" | "m" | "s" | undefined;
13
+ size?: "s" | "m" | "l" | "xl" | undefined;
14
14
  label?: string | undefined;
15
15
  } & React.RefAttributes<HTMLInputElement>>>;
16
16
  export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
17
- size?: "xl" | "l" | "m" | "s" | undefined;
17
+ size?: "s" | "m" | "l" | "xl" | undefined;
18
18
  label?: string | undefined;
19
19
  } & React.RefAttributes<HTMLInputElement>>>;
package/lib/src/components/molecules/Input/Input.stories.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React
4
4
  label?: string | undefined;
5
5
  validationType?: import("../../../types/validation").ValidationType | undefined;
6
6
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
7
- size?: "xl" | "l" | "m" | "s" | undefined;
7
+ size?: "s" | "m" | "l" | "xl" | undefined;
8
8
  direction?: "rtl" | "ltr" | undefined;
9
9
  onIconClick?: (() => void) | undefined;
10
10
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -13,7 +13,7 @@ export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<
13
13
  label?: string | undefined;
14
14
  validationType?: import("../../../types/validation").ValidationType | undefined;
15
15
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
16
- size?: "xl" | "l" | "m" | "s" | undefined;
16
+ size?: "s" | "m" | "l" | "xl" | undefined;
17
17
  direction?: "rtl" | "ltr" | undefined;
18
18
  onIconClick?: (() => void) | undefined;
19
19
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -21,7 +21,7 @@ export declare const Success: ComponentStory<React.ForwardRefExoticComponent<Omi
21
21
  label?: string | undefined;
22
22
  validationType?: import("../../../types/validation").ValidationType | undefined;
23
23
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
24
- size?: "xl" | "l" | "m" | "s" | undefined;
24
+ size?: "s" | "m" | "l" | "xl" | undefined;
25
25
  direction?: "rtl" | "ltr" | undefined;
26
26
  onIconClick?: (() => void) | undefined;
27
27
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -29,7 +29,7 @@ export declare const Error: ComponentStory<React.ForwardRefExoticComponent<Omit<
29
29
  label?: string | undefined;
30
30
  validationType?: import("../../../types/validation").ValidationType | undefined;
31
31
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
32
- size?: "xl" | "l" | "m" | "s" | undefined;
32
+ size?: "s" | "m" | "l" | "xl" | undefined;
33
33
  direction?: "rtl" | "ltr" | undefined;
34
34
  onIconClick?: (() => void) | undefined;
35
35
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -37,7 +37,7 @@ export declare const Disabled: ComponentStory<React.ForwardRefExoticComponent<Om
37
37
  label?: string | undefined;
38
38
  validationType?: import("../../../types/validation").ValidationType | undefined;
39
39
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
40
- size?: "xl" | "l" | "m" | "s" | undefined;
40
+ size?: "s" | "m" | "l" | "xl" | undefined;
41
41
  direction?: "rtl" | "ltr" | undefined;
42
42
  onIconClick?: (() => void) | undefined;
43
43
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -45,7 +45,7 @@ export declare const IconLTR: ComponentStory<React.ForwardRefExoticComponent<Omi
45
45
  label?: string | undefined;
46
46
  validationType?: import("../../../types/validation").ValidationType | undefined;
47
47
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
48
- size?: "xl" | "l" | "m" | "s" | undefined;
48
+ size?: "s" | "m" | "l" | "xl" | undefined;
49
49
  direction?: "rtl" | "ltr" | undefined;
50
50
  onIconClick?: (() => void) | undefined;
51
51
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -53,7 +53,7 @@ export declare const IconRTL: ComponentStory<React.ForwardRefExoticComponent<Omi
53
53
  label?: string | undefined;
54
54
  validationType?: import("../../../types/validation").ValidationType | undefined;
55
55
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
56
- size?: "xl" | "l" | "m" | "s" | undefined;
56
+ size?: "s" | "m" | "l" | "xl" | undefined;
57
57
  direction?: "rtl" | "ltr" | undefined;
58
58
  onIconClick?: (() => void) | undefined;
59
59
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -61,7 +61,7 @@ export declare const DisabledIcon: ComponentStory<React.ForwardRefExoticComponen
61
61
  label?: string | undefined;
62
62
  validationType?: import("../../../types/validation").ValidationType | undefined;
63
63
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
64
- size?: "xl" | "l" | "m" | "s" | undefined;
64
+ size?: "s" | "m" | "l" | "xl" | undefined;
65
65
  direction?: "rtl" | "ltr" | undefined;
66
66
  onIconClick?: (() => void) | undefined;
67
67
  } & React.RefAttributes<HTMLInputElement>>>;
@@ -69,7 +69,7 @@ export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<O
69
69
  label?: string | undefined;
70
70
  validationType?: import("../../../types/validation").ValidationType | undefined;
71
71
  icon?: "close" | "angle-down" | "arrow-circle-right" | "arrow-left" | "arrow-right" | "bars" | "bell" | "calendar" | "calendar-slash" | "check-circle" | "check-square" | "clipboad-notes" | "close-square" | "comment-dots" | "create-dashboard" | "dice-five" | "dice-one" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "eye" | "facebook" | "heart" | "heart-alt" | "home" | "hour-glass" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "points-circle" | "process" | "question-circle" | "redo" | "rocket" | "setting" | "user" | "user-circle" | "user-plus" | "users" | undefined;
72
- size?: "xl" | "l" | "m" | "s" | undefined;
72
+ size?: "s" | "m" | "l" | "xl" | 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?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
6
+ size?: "s" | "m" | "l" | "xl" | "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?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
17
+ size?: "s" | "m" | "l" | "xl" | "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?: "xl" | "l" | "m" | "s" | "xxl" | undefined;
27
+ size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
28
28
  } & {
29
29
  children?: import("react").ReactNode;
30
30
  }> & {
package/lib/src/components/organisms/Comment/Comment.d.ts CHANGED
@@ -8,4 +8,4 @@ export interface CommentProps {
8
8
  author: string;
9
9
  createdAt: Date;
10
10
  }
11
- export declare const Comment: React.FC<CommentProps>;
11
+ export declare const Comment: React.FCS<CommentProps>;
package/lib/src/components/organisms/Comment/Comment.stories.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
1
  import { ComponentStory, ComponentMeta } from "@storybook/react";
3
- declare const _default: ComponentMeta<import("react").FC<import("./Comment").CommentProps>>;
2
+ declare const _default: ComponentMeta<import("react").FCS<import("./Comment").CommentProps>>;
4
3
  export default _default;
5
- export declare const Basic: ComponentStory<import("react").FC<import("./Comment").CommentProps>>;
4
+ export declare const Basic: ComponentStory<import("react").FCS<import("./Comment").CommentProps>>;
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.18e",
6
+ "version": "1.6.18f",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
package/src/components/organisms/Comment/Comment.tsx CHANGED
@@ -12,14 +12,15 @@ export interface CommentProps {
12
12
  createdAt: Date;
13
13
  }
14
14
 
15
- export const Comment: React.FC<CommentProps> = ({
15
+ export const Comment: React.FCS<CommentProps> = ({
16
16
  avatar,
17
17
  body,
18
18
  author,
19
19
  createdAt,
20
+ className,
20
21
  }) => {
21
22
  return (
22
- <Root>
23
+ <Root className={className}>
23
24
  <Avatar {...avatar} />
24
25
 
25
26
  <NameAndDate>