@appquality/unguess-design-system 3.1.59 → 3.1.60

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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/build/index.js +7 -2
  3. package/build/stories/buttons/button/index.stories.d.ts +0 -1
  4. package/build/stories/buttons/utils.d.ts +36 -36
  5. package/build/stories/chat/index.d.ts +1 -1
  6. package/build/stories/chat/index.stories.d.ts +3 -3
  7. package/build/stories/chat/parts/comment.d.ts +2 -1
  8. package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
  9. package/build/stories/editor/index.stories.d.ts +0 -1
  10. package/package.json +1 -1
  11. package/yarn-error.log +0 -13958
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ # v3.1.60 (Fri Dec 29 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Improve chat comments readability [#286](https://github.com/AppQuality/unguess-design-system/pull/286) ([@iDome89](https://github.com/iDome89) [@cannarocks](https://github.com/cannarocks))
6
+ - Add date comments [#285](https://github.com/AppQuality/unguess-design-system/pull/285) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon) [@iDome89](https://github.com/iDome89))
7
+
8
+ #### Authors: 3
9
+
10
+ - [@iDome89](https://github.com/iDome89)
11
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
12
+ - Marco Bonomo ([@marcbon](https://github.com/marcbon))
13
+
14
+ ---
15
+
1
16
  # v3.1.57 (Thu Dec 28 2023)
2
17
 
3
18
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -2315,6 +2315,7 @@ const MessagesContainer = styled__default["default"].div `
2315
2315
  flex-direction: column;
2316
2316
  gap: ${({ theme }) => theme.space.sm};
2317
2317
  background: ${({ chatBkg }) => chatBkg !== null && chatBkg !== void 0 ? chatBkg : `#fff`};
2318
+ overflow-y: auto;
2318
2319
  `;
2319
2320
 
2320
2321
  /**
@@ -2941,15 +2942,19 @@ const AuthorContainer = styled.styled.div `
2941
2942
  display: flex;
2942
2943
  gap: ${({ theme }) => theme.space.sm};
2943
2944
  `;
2945
+ const CommentDate = styled.styled.span `
2946
+ color: ${({ theme }) => theme.palette.grey[500]};
2947
+ font-weight: ${({ theme }) => theme.fontWeights.thin};
2948
+ `;
2944
2949
  const Footer$2 = styled.styled.div `
2945
2950
  display: flex;
2946
2951
  flex-direction: row;
2947
2952
  justify-content: flex-end;
2948
2953
  gap: ${({ theme }) => theme.space.xs};
2949
2954
  `;
2950
- const Comment = ({ author, message, children, }) => {
2955
+ const Comment = ({ author, message, children, date, }) => {
2951
2956
  var _a, _b;
2952
- return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text" }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Title$1, { children: (_b = author.name) !== null && _b !== void 0 ? _b : "User" }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(Editor, Object.assign({ editable: false }, { children: message })) })] })] }), jsxRuntime.jsx(Footer$2, { children: children })] }));
2957
+ return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text" }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Title$1, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(Editor, Object.assign({ editable: false }, { children: message })) })] })] }), jsxRuntime.jsx(Footer$2, { children: children })] }));
2953
2958
  };
2954
2959
 
2955
2960
  /**
package/build/stories/buttons/button/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ButtonArgs } from "./_types";
3
2
  export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
4
3
  export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
package/build/stories/buttons/utils.d.ts CHANGED
@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
8
8
  readonly disabled: true;
9
9
  }];
10
10
  export declare const Row: import("styled-components").IStyledComponent<"web", {
11
- alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
12
- alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
13
- alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
14
- alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
15
- alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
16
- alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
17
- justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
18
- justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
19
- justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
20
- justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
21
- justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
22
- justifyContentXl?: "start" | "end" | "center" | "between" | "around" | undefined;
11
+ alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
12
+ alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
13
+ alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
14
+ alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
15
+ alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
16
+ alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
17
+ justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
18
+ justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
19
+ justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
20
+ justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
21
+ justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
22
+ justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
23
23
  wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
24
24
  wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
25
25
  wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
73
73
  results?: number | undefined;
74
74
  security?: string | undefined;
75
75
  unselectable?: "on" | "off" | undefined;
76
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
76
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
77
77
  is?: string | undefined;
78
78
  "aria-activedescendant"?: string | undefined;
79
79
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -84,7 +84,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
84
84
  "aria-colindex"?: number | undefined;
85
85
  "aria-colspan"?: number | undefined;
86
86
  "aria-controls"?: string | undefined;
87
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
87
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
88
88
  "aria-describedby"?: string | undefined;
89
89
  "aria-details"?: string | undefined;
90
90
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -93,7 +93,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
93
93
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
94
94
  "aria-flowto"?: string | undefined;
95
95
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
96
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
96
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
97
97
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
98
98
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
99
99
  "aria-keyshortcuts"?: string | undefined;
@@ -110,7 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
110
110
  "aria-posinset"?: number | undefined;
111
111
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
112
112
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
113
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
113
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
114
114
  "aria-required"?: (boolean | "true" | "false") | undefined;
115
115
  "aria-roledescription"?: string | undefined;
116
116
  "aria-rowcount"?: number | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
299
299
  md?: string | number | boolean | undefined;
300
300
  lg?: string | number | boolean | undefined;
301
301
  xl?: string | number | boolean | undefined;
302
- alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
303
- alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
304
- alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
305
- alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
306
- alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
307
- alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
308
- textAlign?: "start" | "end" | "center" | "justify" | undefined;
309
- textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
310
- textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
311
- textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
312
- textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
313
- textAlignXl?: "start" | "end" | "center" | "justify" | undefined;
302
+ alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
303
+ alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
304
+ alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
305
+ alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
306
+ alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
307
+ alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
308
+ textAlign?: "start" | "center" | "end" | "justify" | undefined;
309
+ textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
310
+ textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
311
+ textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
312
+ textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
313
+ textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
314
314
  offset?: string | number | undefined;
315
315
  offsetXs?: string | number | undefined;
316
316
  offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
370
370
  results?: number | undefined;
371
371
  security?: string | undefined;
372
372
  unselectable?: "on" | "off" | undefined;
373
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
373
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
374
374
  is?: string | undefined;
375
375
  "aria-activedescendant"?: string | undefined;
376
376
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -381,7 +381,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
381
381
  "aria-colindex"?: number | undefined;
382
382
  "aria-colspan"?: number | undefined;
383
383
  "aria-controls"?: string | undefined;
384
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
384
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
385
385
  "aria-describedby"?: string | undefined;
386
386
  "aria-details"?: string | undefined;
387
387
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -390,7 +390,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
390
390
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
391
391
  "aria-flowto"?: string | undefined;
392
392
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
393
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
393
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
394
394
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
395
395
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
396
396
  "aria-keyshortcuts"?: string | undefined;
@@ -407,7 +407,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
407
407
  "aria-posinset"?: number | undefined;
408
408
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
409
409
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
410
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
410
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
411
411
  "aria-required"?: (boolean | "true" | "false") | undefined;
412
412
  "aria-roledescription"?: string | undefined;
413
413
  "aria-rowcount"?: number | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
640
640
  results?: number | undefined;
641
641
  security?: string | undefined;
642
642
  unselectable?: "on" | "off" | undefined;
643
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
643
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
644
644
  is?: string | undefined;
645
645
  "aria-activedescendant"?: string | undefined;
646
646
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -651,7 +651,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
651
651
  "aria-colindex"?: number | undefined;
652
652
  "aria-colspan"?: number | undefined;
653
653
  "aria-controls"?: string | undefined;
654
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
654
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
655
655
  "aria-describedby"?: string | undefined;
656
656
  "aria-details"?: string | undefined;
657
657
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -660,7 +660,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
660
660
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
661
661
  "aria-flowto"?: string | undefined;
662
662
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
663
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
663
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
664
664
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
665
665
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
666
666
  "aria-keyshortcuts"?: string | undefined;
@@ -677,7 +677,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
677
677
  "aria-posinset"?: number | undefined;
678
678
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
679
679
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
680
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
680
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
681
681
  "aria-required"?: (boolean | "true" | "false") | undefined;
682
682
  "aria-roledescription"?: string | undefined;
683
683
  "aria-rowcount"?: number | undefined;
package/build/stories/chat/index.d.ts CHANGED
@@ -76,7 +76,7 @@ declare const Chat: {
76
76
  "aria-colindex"?: number | undefined;
77
77
  "aria-colspan"?: number | undefined;
78
78
  "aria-controls"?: string | undefined;
79
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
79
+ "aria-current"?: boolean | "time" | "date" | "step" | "true" | "false" | "page" | "location" | undefined;
80
80
  "aria-describedby"?: string | undefined;
81
81
  "aria-details"?: string | undefined;
82
82
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
package/build/stories/chat/index.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { Editor as TipTapEditor } from "@tiptap/react";
2
- import { ChatArgs, ChatEditorArgs } from "./_types";
3
1
  import { PlaceholderOptions } from "@tiptap/extension-placeholder";
2
+ import { Editor as TipTapEditor } from "@tiptap/react";
3
+ import { ChatEditorArgs } from "./_types";
4
4
  interface EditorStoryArgs extends ChatEditorArgs {
5
5
  children?: any;
6
6
  comments?: {
@@ -20,7 +20,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
20
20
  export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
21
21
  export declare const BubbleMenu: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
22
22
  export declare const CustomBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
23
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ChatArgs & {
23
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").ChatArgs & {
24
24
  children?: import("react").ReactNode;
25
25
  }>;
26
26
  export default _default;
package/build/stories/chat/parts/comment.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { PropsWithChildren } from "react";
2
2
  import { Author } from "../_types";
3
- export declare const Comment: ({ author, message, children, }: PropsWithChildren<{
3
+ export declare const Comment: ({ author, message, children, date, }: PropsWithChildren<{
4
4
  author: Author;
5
5
  message: string;
6
+ date: string;
6
7
  }>) => import("react/jsx-runtime").JSX.Element;
package/build/stories/dropdowns/select/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DropdownArgs, SelectArgs } from "./_types";
3
2
  import { MenuArgs } from "../menu/_types";
4
3
  interface IItem {
package/build/stories/editor/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { EditorArgs } from "./_types";
3
2
  interface EditorStoryArgs extends EditorArgs {
4
3
  children?: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.59",
3
+ "version": "3.1.60",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",