kamotive_ui 1.2.24 → 1.2.26

package/dist/Icons/IconAttach/IconAttach.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconAttach: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconAttachToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconAttach/IconAttach.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconAttach = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "11", height: "13", viewBox: "0 0 11 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M6.37877 4.15256L2.88551 7.64632C2.63416 7.9059 2.49642 8.25544 2.50202 8.61952C2.50761 8.9836 2.65609 9.33302 2.91541 9.59238C3.17473 9.85173 3.5241 10.0002 3.88813 10.0058C4.25215 10.0114 4.60165 9.87367 4.86118 9.62229L9.44315 5.04607C9.66417 4.83039 9.83953 4.57234 9.95906 4.28687C10.0786 4.0014 10.1399 3.6942 10.1395 3.38306C10.139 3.07192 10.0768 2.76304 9.95651 2.47432C9.83618 2.1856 9.66009 1.92279 9.43845 1.70113C9.21682 1.47946 8.95405 1.30335 8.66537 1.18299C8.3767 1.06264 8.06786 1.00044 7.75676 1C7.44567 0.999565 7.13851 1.0609 6.85308 1.18044C6.56765 1.29999 6.30964 1.47537 6.094 1.69642L1.48439 6.30669C1.1725 6.6096 0.924855 6.9724 0.755862 7.374C0.58687 7.7756 0.499896 8.208 0.5 8.64604C0.500104 9.08408 0.587283 9.51903 0.756467 9.92561C0.925651 10.3322 1.17347 10.7023 1.4855 11.0144C1.79754 11.3264 2.16757 11.5743 2.57409 11.7435C2.98061 11.9127 3.4155 11.9999 3.85348 12C4.29146 12.0001 4.72379 11.9131 5.12533 11.7441C5.52688 11.5751 5.88963 11.3274 6.19249 11.0155L10.5 6.70734", stroke: htmlColor || "#55534E", strokeMiterlimit: "10", strokeLinecap: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconAttachToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="11"
+    height="13"
+    viewBox="0 0 11 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M6.37877 4.15256L2.88551 7.64632C2.63416 7.9059 2.49642 8.25544 2.50202 8.61952C2.50761 8.9836 2.65609 9.33302 2.91541 9.59238C3.17473 9.85173 3.5241 10.0002 3.88813 10.0058C4.25215 10.0114 4.60165 9.87367 4.86118 9.62229L9.44315 5.04607C9.66417 4.83039 9.83953 4.57234 9.95906 4.28687C10.0786 4.0014 10.1399 3.6942 10.1395 3.38306C10.139 3.07192 10.0768 2.76304 9.95651 2.47432C9.83618 2.1856 9.66009 1.92279 9.43845 1.70113C9.21682 1.47946 8.95405 1.30335 8.66537 1.18299C8.3767 1.06264 8.06786 1.00044 7.75676 1C7.44567 0.999565 7.13851 1.0609 6.85308 1.18044C6.56765 1.29999 6.30964 1.47537 6.094 1.69642L1.48439 6.30669C1.1725 6.6096 0.924855 6.9724 0.755862 7.374C0.58687 7.7756 0.499896 8.208 0.5 8.64604C0.500104 9.08408 0.587283 9.51903 0.756467 9.92561C0.925651 10.3322 1.17347 10.7023 1.4855 11.0144C1.79754 11.3264 2.16757 11.5743 2.57409 11.7435C2.98061 11.9127 3.4155 11.9999 3.85348 12C4.29146 12.0001 4.72379 11.9131 5.12533 11.7441C5.52688 11.5751 5.88963 11.3274 6.19249 11.0155L10.5 6.70734"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconBold/IconBold.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconBold: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconBoldToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconBold/IconBold.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconBold = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "10", height: "13", viewBox: "0 0 10 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M5.57143 6.5C6.27867 6.5 6.95695 6.21027 7.45705 5.69454C7.95714 5.17882 8.2381 4.47935 8.2381 3.75C8.2381 3.02065 7.95714 2.32118 7.45705 1.80546C6.95695 1.28973 6.27867 1 5.57143 1H1V6.5M5.57143 6.5H1M5.57143 6.5H6.33333C7.04058 6.5 7.71886 6.78973 8.21895 7.30546C8.71905 7.82118 9 8.52065 9 9.25C9 9.97935 8.71905 10.6788 8.21895 11.1945C7.71886 11.7103 7.04058 12 6.33333 12H1V6.5", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconBoldToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="10"
+    height="13"
+    viewBox="0 0 10 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M5.57143 6.5C6.27867 6.5 6.95695 6.21027 7.45705 5.69454C7.95714 5.17882 8.2381 4.47935 8.2381 3.75C8.2381 3.02065 7.95714 2.32118 7.45705 1.80546C6.95695 1.28973 6.27867 1 5.57143 1H1V6.5M5.57143 6.5H1M5.57143 6.5H6.33333C7.04058 6.5 7.71886 6.78973 8.21895 7.30546C8.71905 7.82118 9 8.52065 9 9.25C9 9.97935 8.71905 10.6788 8.21895 11.1945C7.71886 11.7103 7.04058 12 6.33333 12H1V6.5"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconBulletlist/IconBulletlist.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconBulletlist: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconBulletlistToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconBulletlist/IconBulletlist.js

@@ -0,0 +1,56 @@
+import React from 'react';
+export const IconBulletlist = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "14", height: "11", viewBox: "0 0 14 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M1.38735 1.77467C1.87741 1.77467 2.27469 1.37739 2.27469 0.887333C2.27469 0.397273 1.87741 0 1.38735 0C0.897278 0 0.5 0.397273 0.5 0.887333C0.5 1.37739 0.897278 1.77467 1.38735 1.77467Z", fill: htmlColor || "#55534E" }),
+        React.createElement("path", { d: "M4.50732 0.886665H12.3508", stroke: htmlColor || "#55534E", strokeWidth: strokeWidth || "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M1.38735 6.38733C1.87741 6.38733 2.27469 5.99006 2.27469 5.5C2.27469 5.00994 1.87741 4.61267 1.38735 4.61267C0.897278 4.61267 0.5 5.00994 0.5 5.5C0.5 5.99006 0.897278 6.38733 1.38735 6.38733Z", fill: htmlColor || "#55534E" }),
+        React.createElement("path", { d: "M4.50732 5.5H12.3508", stroke: htmlColor || "#55534E", strokeWidth: strokeWidth || "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M1.38735 11C1.87741 11 2.27469 10.6027 2.27469 10.1127C2.27469 9.62261 1.87741 9.22533 1.38735 9.22533C0.897278 9.22533 0.5 9.62261 0.5 10.1127C0.5 10.6027 0.897278 11 1.38735 11Z", fill: htmlColor || "#55534E" }),
+        React.createElement("path", { d: "M4.50732 10.1133H12.3508", stroke: htmlColor || "#55534E", strokeWidth: strokeWidth || "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+export const IconBulletlistToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="14"
+    height="11"
+    viewBox="0 0 14 11"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M1.38735 1.77467C1.87741 1.77467 2.27469 1.37739 2.27469 0.887333C2.27469 0.397273 1.87741 0 1.38735 0C0.897278 0 0.5 0.397273 0.5 0.887333C0.5 1.37739 0.897278 1.77467 1.38735 1.77467Z"
+      fill="${htmlColor || "#55534E"}"
+    />
+    <path
+      d="M4.50732 0.886665H12.3508"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-width="${strokeWidth || "1.5"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M1.38735 6.38733C1.87741 6.38733 2.27469 5.99006 2.27469 5.5C2.27469 5.00994 1.87741 4.61267 1.38735 4.61267C0.897278 4.61267 0.5 5.00994 0.5 5.5C0.5 5.99006 0.897278 6.38733 1.38735 6.38733Z"
+      fill="${htmlColor || "#55534E"}"
+    />
+    <path
+      d="M4.50732 5.5H12.3508"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-width="${strokeWidth || "1.5"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M1.38735 11C1.87741 11 2.27469 10.6027 2.27469 10.1127C2.27469 9.62261 1.87741 9.22533 1.38735 9.22533C0.897278 9.22533 0.5 9.62261 0.5 10.1127C0.5 10.6027 0.897278 11 1.38735 11Z"
+      fill="${htmlColor || "#55534E"}"
+    />
+    <path
+      d="M4.50732 10.1133H12.3508"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-width="${strokeWidth || "1.5"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>`;
+};

package/dist/Icons/IconDeleteFilled/IconDeleteFilled.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconDeleteFilled: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconDeleteFilled/IconDeleteFilled.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconDeleteFilled = ({ htmlColor, strokeWidth, style }) => {
+    return (React.createElement("svg", { width: "11", height: "13", viewBox: "0 0 11 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: style },
+        React.createElement("path", { d: "M2.0625 12.5C1.68438 12.5 1.36079 12.3696 1.09175 12.1087C0.822708 11.8478 0.687958 11.5338 0.6875 11.1667V2.5H0V1.16667H3.4375V0.5H7.5625V1.16667H11V2.5H10.3125V11.1667C10.3125 11.5333 10.178 11.8473 9.90894 12.1087C9.6399 12.37 9.31608 12.5004 8.9375 12.5H2.0625ZM3.4375 9.83333H4.8125V3.83333H3.4375V9.83333ZM6.1875 9.83333H7.5625V3.83333H6.1875V9.83333Z", fill: htmlColor || "#787774", strokeWidth: strokeWidth || 0 })));
+};

package/dist/Icons/IconFileAudio/IconFileAudio.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconFileAudio: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconFileAudio/IconFileAudio.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const IconFileAudio = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style, }) => {
+    return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+        React.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", fill: "#059669" }),
+        React.createElement("polyline", { points: "14,2 14,8 20,8", fill: "#059669" }),
+        React.createElement("path", { d: "M9 12v4c0 1 1 2 2 2s2-1 2-2v-4", stroke: "white", strokeWidth: "1", fill: "none" }),
+        React.createElement("circle", { cx: "11", cy: "10", r: "1", fill: "white" })));
+};

package/dist/Icons/IconFileDefault/IconFileDefault.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconFileDefault: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+    text?: string;
+}>;

package/dist/Icons/IconFileDefault/IconFileDefault.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const IconFileDefault = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style, text }) => {
+    return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+        React.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", fill: htmlColor || "#6b7280" }),
+        React.createElement("polyline", { points: "14,2 14,8 20,8", fill: htmlColor || "#6b7280" }),
+        text ? (React.createElement("text", { x: "12", y: "16", textAnchor: "middle", fill: "white", fontSize: "5", fontWeight: "bold" }, "ZIP")) : (React.createElement("path", { d: "M16 13H8M16 17H8M10 9H8", stroke: "white", strokeWidth: "1" }))));
+};

package/dist/Icons/IconFileVideo/IconFileVideo.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconFileVideo: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconFileVideo/IconFileVideo.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const IconFileVideo = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style, }) => {
+    return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+        React.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", fill: "#dc2626" }),
+        React.createElement("polyline", { points: "14,2 14,8 20,8", fill: "#dc2626" }),
+        React.createElement("polygon", { points: "10,12 16,8 16,16", fill: "white" })));
+};

package/dist/Icons/IconHeader2/IconHeader2.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconHeader2: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconHeader2ToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconHeader2/IconHeader2.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconHeader2 = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M1 1H11M6 1V12", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconHeader2ToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="12"
+    height="13"
+    viewBox="0 0 12 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M1 1H11M6 1V12"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconItalic/IconItalic.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconItalic: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconItalicToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconItalic/IconItalic.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconItalic = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M4.9375 1.25L11.5 1.25M1 11.75H7.5625M8.21875 1.25L4.28125 11.75", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconItalicToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="12"
+    height="13"
+    viewBox="0 0 12 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M4.9375 1.25L11.5 1.25M1 11.75H7.5625M8.21875 1.25L4.28125 11.75"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconPencilFilled/IconPencilFilled.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconPencilFilled: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconPencilFilled/IconPencilFilled.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconPencilFilled = ({ htmlColor, strokeWidth, style }) => {
+    return (React.createElement("svg", { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: style },
+        React.createElement("path", { d: "M9.44102 0.62643C9.63251 0.431119 9.86081 0.275699 10.1127 0.169153C10.3646 0.0626063 10.6352 0.0070475 10.9087 0.00568755C11.1822 0.0043276 11.4533 0.0571935 11.7063 0.161229C11.9592 0.265265 12.1891 0.418408 12.3825 0.611805C12.5759 0.805202 12.7291 1.03502 12.8331 1.28797C12.9372 1.54092 12.9901 1.81198 12.9887 2.0855C12.9874 2.35901 12.9319 2.62955 12.8254 2.88147C12.7188 3.1334 12.5634 3.36171 12.3681 3.55322L11.7077 4.21487L8.77996 1.28718L9.44102 0.62643ZM8.25046 1.81758L2.19873 7.86983C1.97035 8.09803 1.80763 8.38351 1.72766 8.69629L1.00037 11.5386C0.984326 11.6015 0.984932 11.6676 1.00213 11.7302C1.01933 11.7929 1.05254 11.85 1.09848 11.896C1.14443 11.9419 1.20153 11.9751 1.26419 11.9923C1.32685 12.0095 1.3929 12.0101 1.45586 11.9941L4.29878 11.2677C4.61178 11.1878 4.89749 11.0251 5.12585 10.7966L11.1776 4.74407L8.25046 1.81758Z", fill: htmlColor || '#787774', strokeWidth: strokeWidth || 0 })));
+};

package/dist/Icons/IconRedo/IconRedo.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconRedo: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconRedoToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconRedo/IconRedo.js

@@ -0,0 +1,24 @@
+import React from 'react';
+export const IconRedo = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M1.35059 8C1.35059 4.32927 4.38392 1.34146 8.11059 1.34146C10.3639 1.42683 12.6173 2.62195 13.9173 4.5M14.3506 1V4.41463C14.3506 4.67073 14.1773 4.84146 13.9173 4.84146H10.4506", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconRedoToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="15"
+    height="9"
+    viewBox="0 0 15 9"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M1.35059 8C1.35059 4.32927 4.38392 1.34146 8.11059 1.34146C10.3639 1.42683 12.6173 2.62195 13.9173 4.5M14.3506 1V4.41463C14.3506 4.67073 14.1773 4.84146 13.9173 4.84146H10.4506"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconStrikethrough/IconStrikethrough.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconStrikethrough: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconStrikethroughToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconStrikethrough/IconStrikethrough.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconStrikethrough = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M6.5 6.49991C6.42902 6.48382 6.35834 6.46646 6.288 6.44782C5.23133 6.16825 4.352 5.62558 3.78133 4.97346C3.19933 4.30815 2.938 3.52942 3.136 2.79686C3.52933 1.34623 5.578 0.627508 7.71133 1.19325C8.35354 1.36002 8.95966 1.64111 9.5 2.02275M2.78 10.3322C3.35133 10.9843 4.23067 11.5263 5.28733 11.8066C7.42067 12.3723 9.47 11.6549 9.86267 10.2036C10.018 9.63129 9.892 9.0306 9.55267 8.47804M1 6.49991H12", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconStrikethroughToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="13"
+    height="13"
+    viewBox="0 0 13 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M6.5 6.49991C6.42902 6.48382 6.35834 6.46646 6.288 6.44782C5.23133 6.16825 4.352 5.62558 3.78133 4.97346C3.19933 4.30815 2.938 3.52942 3.136 2.79686C3.52933 1.34623 5.578 0.627508 7.71133 1.19325C8.35354 1.36002 8.95966 1.64111 9.5 2.02275M2.78 10.3322C3.35133 10.9843 4.23067 11.5263 5.28733 11.8066C7.42067 12.3723 9.47 11.6549 9.86267 10.2036C10.018 9.63129 9.892 9.0306 9.55267 8.47804M1 6.49991H12"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconSubmit/IconSubmit.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconSubmit: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconSubmitToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconSubmit/IconSubmit.js

@@ -0,0 +1,23 @@
+import React from 'react';
+export const IconSubmit = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "11", height: "8", viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M9.5957 0.9C9.60588 0.9 9.61862 0.904148 9.62988 0.915625C9.64163 0.92768 9.65039 0.946815 9.65039 0.969336C9.65038 0.989162 9.64247 1.00515 9.63281 1.01719L9.62891 1.02207L3.72363 7.08359L3.72266 7.08457C3.71706 7.09032 3.71067 7.09391 3.70508 7.09629C3.69967 7.09855 3.69452 7.10017 3.68945 7.10019C3.68423 7.10019 3.67843 7.09866 3.67285 7.09629C3.66738 7.09393 3.66172 7.09015 3.65625 7.08457L3.65527 7.08359L1.07129 4.43223C1.06557 4.42636 1.06042 4.41815 1.05664 4.40879C1.05293 4.39954 1.05082 4.38923 1.05078 4.37852C1.05078 4.36763 1.05286 4.35664 1.05664 4.34727C1.06038 4.33806 1.06567 4.33062 1.07129 4.3248C1.07698 4.31896 1.08316 4.31453 1.08887 4.31211C1.09449 4.30974 1.10018 4.30918 1.10547 4.30918C1.11077 4.30919 1.11644 4.30972 1.12207 4.31211C1.12777 4.31453 1.13396 4.31896 1.13965 4.3248L3.33203 6.5748L3.68945 6.94199L4.04785 6.5748L9.5625 0.915625C9.57359 0.904352 9.58563 0.900112 9.5957 0.9Z", stroke: htmlColor || "white", strokeWidth: strokeWidth || '1' })));
+};
+export const IconSubmitToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="11"
+    height="8"
+    viewBox="0 0 11 8"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M9.5957 0.9C9.60588 0.9 9.61862 0.904148 9.62988 0.915625C9.64163 0.92768 9.65039 0.946815 9.65039 0.969336C9.65038 0.989162 9.64247 1.00515 9.63281 1.01719L9.62891 1.02207L3.72363 7.08359L3.72266 7.08457C3.71706 7.09032 3.71067 7.09391 3.70508 7.09629C3.69967 7.09855 3.69452 7.10017 3.68945 7.10019C3.68423 7.10019 3.67843 7.09866 3.67285 7.09629C3.66738 7.09393 3.66172 7.09015 3.65625 7.08457L3.65527 7.08359L1.07129 4.43223C1.06557 4.42636 1.06042 4.41815 1.05664 4.40879C1.05293 4.39954 1.05082 4.38923 1.05078 4.37852C1.05078 4.36763 1.05286 4.35664 1.05664 4.34727C1.06038 4.33806 1.06567 4.33062 1.07129 4.3248C1.07698 4.31896 1.08316 4.31453 1.08887 4.31211C1.09449 4.30974 1.10018 4.30918 1.10547 4.30918C1.11077 4.30919 1.11644 4.30972 1.12207 4.31211C1.12777 4.31453 1.13396 4.31896 1.13965 4.3248L3.33203 6.5748L3.68945 6.94199L4.04785 6.5748L9.5625 0.915625C9.57359 0.904352 9.58563 0.900112 9.5957 0.9Z"
+      stroke="${htmlColor || "white"}"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/IconUnderline/IconUnderline.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconUnderline: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconUnderlineToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconUnderline/IconUnderline.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export const IconUnderline = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "13", height: "14", viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M10.1667 1V6.14286C10.1667 7.05217 9.78036 7.92424 9.09273 8.56722C8.40509 9.21021 7.47246 9.57143 6.5 9.57143C5.52754 9.57143 4.59491 9.21021 3.90728 8.56722C3.21964 7.92424 2.83333 7.05217 2.83333 6.14286V1M1 13H12", stroke: htmlColor || '#55534E', strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconUnderlineToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="13"
+    height="14"
+    viewBox="0 0 13 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className=${color}
+    onClick=${onClick}
+    style=${style}
+  >
+    <path
+      d="M10.1667 1V6.14286C10.1667 7.05217 9.78036 7.92424 9.09273 8.56722C8.40509 9.21021 7.47246 9.57143 6.5 9.57143C5.52754 9.57143 4.59491 9.21021 3.90728 8.56722C3.21964 7.92424 2.83333 7.05217 2.83333 6.14286V1M1 13H12"
+      stroke=${htmlColor || '#55534E'}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width=${strokeWidth || '1'}
+    />
+  </svg>`;
+};

package/dist/Icons/IconUndo/IconUndo.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconUndo: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;
+export declare const IconUndoToString: (color?: string, htmlColor?: string, strokeWidth?: string, onClick?: (event: React.MouseEvent<SVGSVGElement>) => void, style?: CSSProperties) => string;

package/dist/Icons/IconUndo/IconUndo.js

@@ -0,0 +1,24 @@
+import React from 'react';
+export const IconUndo = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { d: "M14.3506 8C14.3506 4.32927 11.3173 1.34146 7.59059 1.34146C5.33725 1.42683 3.08392 2.62195 1.78392 4.5M1.35059 1V4.41463C1.35059 4.67073 1.52392 4.84146 1.78392 4.84146H5.25059", stroke: htmlColor || "#55534E", strokeLinecap: "round", strokeWidth: strokeWidth || '1' })));
+};
+export const IconUndoToString = (color = 'inherit', htmlColor, strokeWidth, onClick, style) => {
+    return `<svg
+    width="15"
+    height="9"
+    viewBox="0 0 15 9"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="${color}"
+    onclick="${onClick}"
+    style="${style}"
+  >
+    <path
+      d="M14.3506 8C14.3506 4.32927 11.3173 1.34146 7.59059 1.34146C5.33725 1.42683 3.08392 2.62195 1.78392 4.5M1.35059 1V4.41463C1.35059 4.67073 1.52392 4.84146 1.78392 4.84146H5.25059"
+      stroke="${htmlColor || "#55534E"}"
+      stroke-linecap="round"
+      stroke-width="${strokeWidth || '1'}"
+    />
+  </svg>`;
+};

package/dist/Icons/index.d.ts

@@ -30,3 +30,18 @@ export { IconDublicate } from './IconDublicate/IconDublicate';
 export { IconSpaceChange } from './IconSpaceChange/IconSpaceChange';
 export { IconGoTo } from './IconGoTo/IconGoTo';
 export { IconHome } from './IconHome/IconHome';
+export { IconHeader2, IconHeader2ToString } from './IconHeader2/IconHeader2';
+export { IconItalic, IconItalicToString } from './IconItalic/IconItalic';
+export { IconBold, IconBoldToString } from './IconBold/IconBold';
+export { IconAttach, IconAttachToString } from './IconAttach/IconAttach';
+export { IconUnderline, IconUnderlineToString } from './IconUnderline/IconUnderline';
+export { IconStrikethrough, IconStrikethroughToString } from './IconStrikethrough/IconStrikethrough';
+export { IconRedo, IconRedoToString } from './IconRedo/IconRedo';
+export { IconUndo, IconUndoToString } from './IconUndo/IconUndo';
+export { IconSubmit, IconSubmitToString } from './IconSubmit/IconSubmit';
+export { IconBulletlist, IconBulletlistToString } from './IconBulletlist/IconBulletlist';
+export { IconFileAudio } from './IconFileAudio/IconFileAudio';
+export { IconFileVideo } from './IconFileVideo/IconFileVideo';
+export { IconFileDefault } from './IconFileDefault/IconFileDefault';
+export { IconPencilFilled } from './IconPencilFilled/IconPencilFilled';
+export { IconDeleteFilled } from './IconDeleteFilled/IconDeleteFilled';

package/dist/Icons/index.js

@@ -30,3 +30,18 @@ export { IconDublicate } from './IconDublicate/IconDublicate';
 export { IconSpaceChange } from './IconSpaceChange/IconSpaceChange';
 export { IconGoTo } from './IconGoTo/IconGoTo';
 export { IconHome } from './IconHome/IconHome';
+export { IconHeader2, IconHeader2ToString } from './IconHeader2/IconHeader2';
+export { IconItalic, IconItalicToString } from './IconItalic/IconItalic';
+export { IconBold, IconBoldToString } from './IconBold/IconBold';
+export { IconAttach, IconAttachToString } from './IconAttach/IconAttach';
+export { IconUnderline, IconUnderlineToString } from './IconUnderline/IconUnderline';
+export { IconStrikethrough, IconStrikethroughToString } from './IconStrikethrough/IconStrikethrough';
+export { IconRedo, IconRedoToString } from './IconRedo/IconRedo';
+export { IconUndo, IconUndoToString } from './IconUndo/IconUndo';
+export { IconSubmit, IconSubmitToString } from './IconSubmit/IconSubmit';
+export { IconBulletlist, IconBulletlistToString } from './IconBulletlist/IconBulletlist';
+export { IconFileAudio } from './IconFileAudio/IconFileAudio';
+export { IconFileVideo } from './IconFileVideo/IconFileVideo';
+export { IconFileDefault } from './IconFileDefault/IconFileDefault';
+export { IconPencilFilled } from './IconPencilFilled/IconPencilFilled';
+export { IconDeleteFilled } from './IconDeleteFilled/IconDeleteFilled';

package/dist/components/AttachedFilesPreview/AttachedFilesPreview.d.ts

@@ -0,0 +1,19 @@
+import React, { CSSProperties } from 'react';
+export interface FilePreview {
+    file: File;
+    id: string;
+    preview?: string;
+}
+export declare const getFileIcon: (file: File) => React.JSX.Element;
+export declare const formatFileSize: (bytes?: number) => string;
+interface AttachedFilesProps {
+    files: FilePreview[];
+    onDelete?: (id: string) => void;
+    onDownload?: (file: File) => void;
+    style?: CSSProperties;
+    className?: string;
+    isEdit?: boolean;
+    allowDownload?: boolean;
+}
+export declare const AttachedFilesPreview: React.FC<AttachedFilesProps>;
+export {};