@soul-refiner/design-system 1.6.12 → 1.6.13
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.
- package/dist/components/editor/plugins/blocks/image.d.ts +1 -1
- package/dist/components/editor/plugins/blocks/list.d.ts +1 -1
- package/dist/components/editor/plugins/blocks/resizable.d.ts +1 -1
- package/dist/components/editor/plugins/blocks/table-cell.d.ts +2 -2
- package/dist/components/editor/plugins/blocks/table-row.d.ts +1 -1
- package/dist/components/editor/plugins/blocks/table.d.ts +1 -1
- package/dist/components/editor/plugins/plate.d.ts +9 -9
- package/dist/components/iconography/avatar/avatar.js +3 -2
- package/dist/components/iconography/avatar/icons/default.js +3 -2
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const ImageElement: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
3
3
|
element: import("@udecode/slate").TElement;
|
|
4
4
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
-
as?: React.ElementType<any> | undefined;
|
|
5
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
6
6
|
asChild?: boolean | undefined;
|
|
7
7
|
} & React.RefAttributes<any> & {
|
|
8
8
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -3,7 +3,7 @@ import { PlateElementProps } from '@udecode/plate';
|
|
|
3
3
|
export declare const ListElement: ({ children, variant, ...props }: import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
4
4
|
element: import("@udecode/slate").TElement;
|
|
5
5
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
-
as?: React.ElementType<any> | undefined;
|
|
6
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
7
7
|
asChild?: boolean | undefined;
|
|
8
8
|
} & React.RefAttributes<any> & {
|
|
9
9
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -3,7 +3,7 @@ export declare const mediaResizeHandleVariants: (props?: ({
|
|
|
3
3
|
direction?: "right" | "left" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
5
|
export declare const ResizeHandle: React.ForwardRefExoticComponent<Omit<{
|
|
6
|
-
as?: React.ElementType<any> | undefined;
|
|
6
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
7
7
|
asChild?: boolean | undefined;
|
|
8
8
|
className?: string | undefined;
|
|
9
9
|
style?: React.CSSProperties | undefined;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const TableCellElement: React.ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
3
3
|
element: import("@udecode/slate").TElement;
|
|
4
4
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
-
as?: React.ElementType<any> | undefined;
|
|
5
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
6
6
|
asChild?: boolean | undefined;
|
|
7
7
|
} & React.RefAttributes<any> & {
|
|
8
8
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -13,7 +13,7 @@ export declare const TableCellElement: React.ForwardRefExoticComponent<Omit<impo
|
|
|
13
13
|
export declare const TableCellHeaderElement: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
14
14
|
element: import("@udecode/slate").TElement;
|
|
15
15
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
-
as?: React.ElementType<any> | undefined;
|
|
16
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
17
17
|
asChild?: boolean | undefined;
|
|
18
18
|
} & React.RefAttributes<any> & {
|
|
19
19
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const TableRowElement: React.ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
3
3
|
element: import("@udecode/slate").TElement;
|
|
4
4
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
-
as?: React.ElementType<any> | undefined;
|
|
5
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
6
6
|
asChild?: boolean | undefined;
|
|
7
7
|
} & React.RefAttributes<any> & {
|
|
8
8
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -5,7 +5,7 @@ export declare const TableFloatingToolbar: React.ForwardRefExoticComponent<Omit<
|
|
|
5
5
|
export declare const TableElement: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
6
6
|
element: import("@udecode/slate").TElement;
|
|
7
7
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
as?: React.ElementType<any> | undefined;
|
|
8
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
9
9
|
asChild?: boolean | undefined;
|
|
10
10
|
} & React.RefAttributes<any> & {
|
|
11
11
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -12,7 +12,7 @@ export declare const plateUI: {
|
|
|
12
12
|
ol: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
13
13
|
element: import("@udecode/slate").TElement;
|
|
14
14
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
15
|
-
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
16
16
|
asChild?: boolean | undefined;
|
|
17
17
|
} & import("react").RefAttributes<any> & {
|
|
18
18
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -22,7 +22,7 @@ export declare const plateUI: {
|
|
|
22
22
|
ul: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
23
23
|
element: import("@udecode/slate").TElement;
|
|
24
24
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
25
|
-
as?: import("react").ElementType<any> | undefined;
|
|
25
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
26
26
|
asChild?: boolean | undefined;
|
|
27
27
|
} & import("react").RefAttributes<any> & {
|
|
28
28
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -32,7 +32,7 @@ export declare const plateUI: {
|
|
|
32
32
|
img: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
33
33
|
element: import("@udecode/slate").TElement;
|
|
34
34
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
35
|
-
as?: import("react").ElementType<any> | undefined;
|
|
35
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
36
36
|
asChild?: boolean | undefined;
|
|
37
37
|
} & import("react").RefAttributes<any> & {
|
|
38
38
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -41,7 +41,7 @@ export declare const plateUI: {
|
|
|
41
41
|
table: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
42
42
|
element: import("@udecode/slate").TElement;
|
|
43
43
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
44
|
-
as?: import("react").ElementType<any> | undefined;
|
|
44
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
45
45
|
asChild?: boolean | undefined;
|
|
46
46
|
} & import("react").RefAttributes<any> & {
|
|
47
47
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -49,7 +49,7 @@ export declare const plateUI: {
|
|
|
49
49
|
td: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
50
50
|
element: import("@udecode/slate").TElement;
|
|
51
51
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
52
|
-
as?: import("react").ElementType<any> | undefined;
|
|
52
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
53
53
|
asChild?: boolean | undefined;
|
|
54
54
|
} & import("react").RefAttributes<any> & {
|
|
55
55
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -60,7 +60,7 @@ export declare const plateUI: {
|
|
|
60
60
|
th: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
61
61
|
element: import("@udecode/slate").TElement;
|
|
62
62
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
63
|
-
as?: import("react").ElementType<any> | undefined;
|
|
63
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
64
64
|
asChild?: boolean | undefined;
|
|
65
65
|
} & import("react").RefAttributes<any> & {
|
|
66
66
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -71,7 +71,7 @@ export declare const plateUI: {
|
|
|
71
71
|
tr: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
|
|
72
72
|
element: import("@udecode/slate").TElement;
|
|
73
73
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
74
|
-
as?: import("react").ElementType<any> | undefined;
|
|
74
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
75
75
|
asChild?: boolean | undefined;
|
|
76
76
|
} & import("react").RefAttributes<any> & {
|
|
77
77
|
elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
|
|
@@ -82,7 +82,7 @@ export declare const plateUI: {
|
|
|
82
82
|
leaf: import("@udecode/slate").TText;
|
|
83
83
|
text: import("@udecode/slate").TText;
|
|
84
84
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
85
|
-
as?: import("react").ElementType<any> | undefined;
|
|
85
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
86
86
|
asChild?: boolean | undefined;
|
|
87
87
|
} & import("react").RefAttributes<any> & {
|
|
88
88
|
leafToAttributes?: ((leaf: import("@udecode/slate").TText) => any) | undefined;
|
|
@@ -91,7 +91,7 @@ export declare const plateUI: {
|
|
|
91
91
|
leaf: import("@udecode/slate").TText;
|
|
92
92
|
text: import("@udecode/slate").TText;
|
|
93
93
|
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
94
|
-
as?: import("react").ElementType<any> | undefined;
|
|
94
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
95
95
|
asChild?: boolean | undefined;
|
|
96
96
|
} & import("react").RefAttributes<any> & {
|
|
97
97
|
leafToAttributes?: ((leaf: import("@udecode/slate").TText) => any) | undefined;
|
|
@@ -4,7 +4,6 @@ import Image from 'next/image';
|
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { Box, H, P } from '../../';
|
|
6
6
|
import { Approved, Busy, Declined, Default, Focus, Locked, Offline, Online, Subscribed, } from './icons';
|
|
7
|
-
import DefaultAvatar from './assets/default_avatar.png';
|
|
8
7
|
/**
|
|
9
8
|
* Lookup tables for sizes
|
|
10
9
|
*/
|
|
@@ -55,11 +54,13 @@ const iconOffsetY = {
|
|
|
55
54
|
'24': -2,
|
|
56
55
|
'16': -1,
|
|
57
56
|
};
|
|
57
|
+
const fallbackImgData = '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';
|
|
58
|
+
const fallBackImgSrc = `data:image/png;base64,${fallbackImgData}`;
|
|
58
59
|
/**
|
|
59
60
|
*
|
|
60
61
|
* Avatar
|
|
61
62
|
*/
|
|
62
|
-
const Avatar = ({ as = 'button', href, image, fallbackImg =
|
|
63
|
+
const Avatar = ({ as = 'button', href, image, fallbackImg = fallBackImgSrc, size = 64, status, subtitle, sx, textPosition = 'left', title, tooltipContent, tooltipSx, ...rest }) => {
|
|
63
64
|
const [displayDefault, setDisplayDefault] = React.useState(false);
|
|
64
65
|
const Icon = iconReference?.[status ?? 'none'];
|
|
65
66
|
return (React.createElement(Box, { "$align": "center", "$gap": 18, sx: `
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export const Default = () => (React.createElement("svg", {
|
|
3
|
-
React.createElement("
|
|
2
|
+
export const Default = () => (React.createElement("svg", { viewBox: "0 0 228 228", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3
|
+
React.createElement("rect", { width: "228", height: "228", fill: "#D0D2D6" }),
|
|
4
|
+
React.createElement("path", { d: "M114 114C104.513 114 96.3906 110.622 89.6344 103.866C82.8781 97.1094 79.5 88.9875 79.5 79.5C79.5 70.0125 82.8781 61.8906 89.6344 55.1344C96.3906 48.3781 104.513 45 114 45C123.488 45 131.609 48.3781 138.366 55.1344C145.122 61.8906 148.5 70.0125 148.5 79.5C148.5 88.9875 145.122 97.1094 138.366 103.866C131.609 110.622 123.488 114 114 114ZM45 183V158.85C45 153.963 46.2593 149.469 48.7778 145.369C51.2905 141.275 54.6312 138.15 58.8 135.994C67.7125 131.538 76.7688 128.194 85.9688 125.963C95.1688 123.738 104.513 122.625 114 122.625C123.488 122.625 132.831 123.738 142.031 125.963C151.231 128.194 160.288 131.538 169.2 135.994C173.369 138.15 176.71 141.275 179.222 145.369C181.741 149.469 183 153.963 183 158.85V183H45Z", fill: "white" })));
|