pds-dev-kit-web 2.1.6 → 2.1.8

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
-export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType };
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';

package/dist/src/common/assets/icons/fill/AlignBottom.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignBottom: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignBottom;

package/dist/src/common/assets/icons/fill/AlignBottom.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignBottom = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.7905,4.5492 L13.2095,4.5492 C14.0605,4.5492 14.7495,5.2392 14.7495,6.0902 L14.7495,15.5082 C14.7495,16.3592 14.0605,17.0492 13.2095,17.0492 L10.7905,17.0492 C9.9395,17.0492 9.2495,16.3592 9.2495,15.5082 L9.2495,6.0902 C9.2495,5.2392 9.9395,4.5492 10.7905,4.5492", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "19.6542", y1: "19.4508", x2: "4.3462", y2: "19.4508", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignBottom;

package/dist/src/common/assets/icons/fill/AlignCenter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignCenter: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignCenter;

package/dist/src/common/assets/icons/fill/AlignCenter.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignCenter = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.9801,10.7905 L19.9801,13.2095 C19.9801,14.0605 19.2901,14.7495 18.4391,14.7495 L5.5601,14.7495 C4.7101,14.7495 4.0201,14.0605 4.0201,13.2095 L4.0201,10.7905 C4.0201,9.9395 4.7101,9.2495 5.5601,9.2495 L18.4391,9.2495 C19.2901,9.2495 19.9801,9.9395 19.9801,10.7905", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "19.6542", x2: "12", y2: "4.3462", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignCenter;

package/dist/src/common/assets/icons/fill/AlignLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignLeft: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignLeft;

package/dist/src/common/assets/icons/fill/AlignLeft.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignLeft = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.4508,10.7905 L19.4508,13.2095 C19.4508,14.0605 18.7608,14.7495 17.9098,14.7495 L8.4918,14.7495 C7.6408,14.7495 6.9508,14.0605 6.9508,13.2095 L6.9508,10.7905 C6.9508,9.9395 7.6408,9.2495 8.4918,9.2495 L17.9098,9.2495 C18.7608,9.2495 19.4508,9.9395 19.4508,10.7905", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "4.5492", y1: "19.6542", x2: "4.5492", y2: "4.3462", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignLeft;

package/dist/src/common/assets/icons/fill/AlignMiddle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignMiddle: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignMiddle;

package/dist/src/common/assets/icons/fill/AlignMiddle.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignMiddle = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.2095,19.9801 L10.7905,19.9801 C9.9395,19.9801 9.2505,19.2901 9.2505,18.4391 L9.2505,5.5601 C9.2505,4.7101 9.9395,4.0201 10.7905,4.0201 L13.2095,4.0201 C14.0605,4.0201 14.7505,4.7101 14.7505,5.5601 L14.7505,18.4391 C14.7505,19.2901 14.0605,19.9801 13.2095,19.9801", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "4.3458", y1: "12", x2: "19.6538", y2: "12", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignMiddle;

package/dist/src/common/assets/icons/fill/AlignRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignRight: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignRight;

package/dist/src/common/assets/icons/fill/AlignRight.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignRight = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M4.5492,13.2095 L4.5492,10.7905 C4.5492,9.9395 5.2392,9.2505 6.0902,9.2505 L15.5082,9.2505 C16.3592,9.2505 17.0492,9.9395 17.0492,10.7905 L17.0492,13.2095 C17.0492,14.0605 16.3592,14.7505 15.5082,14.7505 L6.0902,14.7505 C5.2392,14.7505 4.5492,14.0605 4.5492,13.2095", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "19.4508", y1: "4.3458", x2: "19.4508", y2: "19.6538", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignRight;

package/dist/src/common/assets/icons/fill/AlignTop.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const AlignTop: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default AlignTop;

package/dist/src/common/assets/icons/fill/AlignTop.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AlignTop = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.2095,19.4508 L10.7905,19.4508 C9.9395,19.4508 9.2505,18.7608 9.2505,17.9098 L9.2505,8.4918 C9.2505,7.6408 9.9395,6.9508 10.7905,6.9508 L13.2095,6.9508 C14.0605,6.9508 14.7505,7.6408 14.7505,8.4918 L14.7505,17.9098 C14.7505,18.7608 14.0605,19.4508 13.2095,19.4508", fill: color }, void 0), (0, jsx_runtime_1.jsx)("line", { x1: "4.3458", y1: "4.5492", x2: "19.6538", y2: "4.5492", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = AlignTop;

package/dist/src/common/assets/icons/fill/Button.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Button: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Button;

package/dist/src/common/assets/icons/fill/Button.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M16.4041,12.7496 L7.5961,12.7496 C7.1821,12.7496 6.8461,12.4136 6.8461,11.9996 C6.8461,11.5856 7.1821,11.2496 7.5961,11.2496 L16.4041,11.2496 C16.8181,11.2496 17.1541,11.5856 17.1541,11.9996 C17.1541,12.4136 16.8181,12.7496 16.4041,12.7496 M18.1691,6.4916 L5.8311,6.4916 C3.9941,6.4916 2.5001,7.9856 2.5001,9.8226 L2.5001,14.1776 C2.5001,16.0146 3.9941,17.5086 5.8311,17.5086 L18.1691,17.5086 C20.0061,17.5086 21.5001,16.0146 21.5001,14.1776 L21.5001,9.8226 C21.5001,7.9856 20.0061,6.4916 18.1691,6.4916", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = Button;

package/dist/src/common/assets/icons/fill/Carousel.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Carousel: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Carousel;

package/dist/src/common/assets/icons/fill/Carousel.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Carousel = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.4606,11.9834 L3.5926,10.7564 C3.8736,10.4524 3.8546,9.9774 3.5506,9.6974 C3.2466,9.4164 2.7726,9.4354 2.4906,9.7394 L0.8886,11.4744 C0.6236,11.7614 0.6236,12.2054 0.8886,12.4924 L2.5286,14.2684 C2.6766,14.4284 2.8786,14.5094 3.0806,14.5094 C3.2626,14.5094 3.4446,14.4444 3.5886,14.3104 C3.8936,14.0304 3.9126,13.5554 3.6316,13.2514 L2.4606,11.9834 Z M23.1149,11.4746 L21.5129,9.7396 C21.2319,9.4346 20.7579,9.4146 20.4529,9.6976 C20.1489,9.9776 20.1299,10.4526 20.4109,10.7566 L21.5429,11.9836 L20.3719,13.2506 C20.0919,13.5556 20.1109,14.0306 20.4149,14.3106 C20.5589,14.4446 20.7409,14.5096 20.9239,14.5096 C21.1249,14.5096 21.3269,14.4286 21.4749,14.2686 L23.1149,12.4926 C23.3799,12.2046 23.3799,11.7616 23.1149,11.4746 M16.4584,11.3775 C16.4584,11.9295 16.0104,12.3775 15.4584,12.3775 L8.5454,12.3775 C7.9934,12.3775 7.5454,11.9295 7.5454,11.3775 L7.5454,7.9945 C7.5454,7.4425 7.9934,6.9945 8.5454,6.9945 L15.4584,6.9945 C16.0104,6.9945 16.4584,7.4425 16.4584,7.9945 L16.4584,11.3775 Z M8.2904,14.4295 C8.2904,14.0155 8.6264,13.6795 9.0404,13.6795 L14.9634,13.6795 C15.3774,13.6795 15.7134,14.0155 15.7134,14.4295 C15.7134,14.8435 15.3774,15.1795 14.9634,15.1795 L9.0404,15.1795 C8.6264,15.1795 8.2904,14.8435 8.2904,14.4295 L8.2904,14.4295 Z M15.4634,17.5025 L8.5404,17.5025 C8.1264,17.5025 7.7904,17.1665 7.7904,16.7525 C7.7904,16.3385 8.1264,16.0025 8.5404,16.0025 L15.4634,16.0025 C15.8774,16.0025 16.2134,16.3385 16.2134,16.7525 C16.2134,17.1665 15.8774,17.5025 15.4634,17.5025 L15.4634,17.5025 Z M16.9284,4.0895 L7.0744,4.0895 C5.6944,4.0895 4.5744,5.2095 4.5744,6.5895 L4.5744,17.4185 C4.5744,18.7985 5.6944,19.9185 7.0744,19.9185 L16.9284,19.9185 C18.3094,19.9185 19.4284,18.7985 19.4284,17.4185 L19.4284,6.5895 C19.4284,5.2095 18.3094,4.0895 16.9284,4.0895 L16.9284,4.0895 Z", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = Carousel;

package/dist/src/common/assets/icons/fill/Copy.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Copy: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Copy;

package/dist/src/common/assets/icons/fill/Copy.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Copy = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M15.0532,2.7075 C16.3512,2.7075 17.4032,3.7595 17.4032,5.0575 L17.4032,16.0815 C17.4032,17.3235 16.3962,18.3315 15.1532,18.3315 L5.8662,18.3315 C4.5692,18.3315 3.5162,17.2785 3.5162,15.9805 L3.5162,10.4415 C3.5162,10.1655 3.7402,9.9415 4.0162,9.9415 L9.0242,9.9405 C10.0422,9.9405 10.8672,9.1155 10.8672,8.0975 L10.8662,3.2075 C10.8662,2.9315 11.0902,2.7075 11.3662,2.7075 Z M9.5451,3.4472 L9.5451,7.6142 C9.5451,8.1812 9.0861,8.6412 8.5191,8.6412 L4.2831,8.6412 C3.8121,8.6412 3.5781,8.0712 3.9131,7.7402 L8.6491,3.0722 C8.9811,2.7442 9.5451,2.9802 9.5451,3.4472 Z", fill: color }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M16.7809,6.4223 L17.7789,6.4223 C18.8839,6.4223 19.7789,7.3173 19.7789,8.4223 L19.7789,18.5453 C19.7789,19.6503 18.8839,20.5453 17.7789,20.5453 L9.3919,20.5453 C8.2879,20.5453 7.3919,19.6503 7.3919,18.5453 L7.3919,17.5843", stroke: color, strokeWidth: "1.5" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = Copy;

package/dist/src/common/assets/icons/fill/DeviceApp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const DeviceApp: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default DeviceApp;

package/dist/src/common/assets/icons/fill/DeviceApp.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DeviceApp = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M17.2504,3.2498 C19.1834,3.2498 20.7504,4.8168 20.7504,6.7498 L20.7504,17.2498 C20.7504,19.1828 19.1834,20.7498 17.2504,20.7498 L6.7504,20.7498 C4.8174,20.7498 3.2504,19.1828 3.2504,17.2498 L3.2504,6.7498 C3.2504,4.8168 4.8174,3.2498 6.7504,3.2498 Z M13.6914,7.0838 C13.3394,6.8708 12.8774,6.9768 12.6604,7.3308 L12.0004,8.4058 L11.3404,7.3308 C11.1234,6.9778 10.6614,6.8708 10.3084,7.0838 C9.9554,7.2998 9.8454,7.7618 10.0614,8.1158 L11.1194,9.8398 L8.9574,13.3618 L7.5064,13.3618 C7.0924,13.3618 6.7564,13.6978 6.7564,14.1118 C6.7564,14.5258 7.0924,14.8618 7.5064,14.8618 L8.0364,14.8618 L7.4094,15.8838 C7.1924,16.2378 7.3024,16.6998 7.6554,16.9168 C7.7784,16.9908 7.9134,17.0268 8.0474,17.0268 C8.2994,17.0268 8.5454,16.8998 8.6874,16.6698 L9.7964,14.8618 L14.2034,14.8618 L15.3124,16.6698 C15.4544,16.8998 15.7004,17.0268 15.9524,17.0268 C16.0864,17.0268 16.2224,16.9908 16.3444,16.9168 C16.6974,16.6998 16.8074,16.2378 16.5914,15.8838 L15.9634,14.8618 L16.4934,14.8618 C16.9074,14.8618 17.2434,14.5258 17.2434,14.1118 C17.2434,13.6978 16.9074,13.3618 16.4934,13.3618 L15.0424,13.3618 L12.8804,9.8398 L13.9384,8.1158 C14.1554,7.7618 14.0444,7.2998 13.6914,7.0838 Z M11.9998,11.2728 L13.2818,13.3618 L10.7178,13.3618 L11.9998,11.2728 Z", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = DeviceApp;

package/dist/src/common/assets/icons/fill/DeviceDesktop.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const DeviceDesktop: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default DeviceDesktop;

package/dist/src/common/assets/icons/fill/DeviceDesktop.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DeviceDesktop = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M18.2501,3.452 L5.7501,3.452 C4.0931,3.452 2.7501,4.795 2.7501,6.452 L2.7501,14.083 C2.7501,15.74 4.0931,17.083 5.7501,17.083 L9.6501,17.083 L9.6501,19.798 L7.9461,19.798 C7.5321,19.798 7.1961,20.134 7.1961,20.548 C7.1961,20.962 7.5321,21.298 7.9461,21.298 L16.0531,21.298 C16.4681,21.298 16.8031,20.962 16.8031,20.548 C16.8031,20.134 16.4681,19.798 16.0531,19.798 L14.3341,19.798 L14.3341,17.083 L18.2501,17.083 C19.9071,17.083 21.2501,15.74 21.2501,14.083 L21.2501,6.452 C21.2501,4.795 19.9071,3.452 18.2501,3.452", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = DeviceDesktop;

package/dist/src/common/assets/icons/fill/DeviceMobile.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const DeviceMobile: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default DeviceMobile;

package/dist/src/common/assets/icons/fill/DeviceMobile.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DeviceMobile = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M14.3927,4.6896 C14.3927,5.2416 13.9447,5.6896 13.3927,5.6896 L10.6077,5.6896 C10.0547,5.6896 9.6077,5.2416 9.6077,4.6896 L9.6077,4.2976 C9.6077,4.1326 9.7407,3.9986 9.9057,3.9986 L14.0947,3.9986 C14.2587,3.9986 14.3927,4.1326 14.3927,4.2976 L14.3927,4.6896 Z M15.9277,2.4996 L8.0727,2.4996 C6.4157,2.4996 5.0727,3.8436 5.0727,5.4996 L5.0727,18.4996 C5.0727,20.1566 6.4157,21.4996 8.0727,21.4996 L15.9277,21.4996 C17.5847,21.4996 18.9277,20.1566 18.9277,18.4996 L18.9277,5.4996 C18.9277,3.8436 17.5847,2.4996 15.9277,2.4996 L15.9277,2.4996 Z", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = DeviceMobile;

package/dist/src/common/assets/icons/fill/Divider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Divider: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Divider;

package/dist/src/common/assets/icons/fill/Divider.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Divider = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("line", { x1: "5.2715", y1: "18.7285", x2: "18.7285", y2: "5.2715", stroke: color, strokeWidth: "1.5" }, void 0) }), void 0) }), void 0));
+};
+exports.default = Divider;

package/dist/src/common/assets/icons/fill/EditorLeftSide.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const EditorLeftSide: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default EditorLeftSide;

package/dist/src/common/assets/icons/fill/EditorLeftSide.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var EditorLeftSide = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M17,3.502 L10.964,3.502 C10.412,3.502 9.964,3.95 9.964,4.502 L9.964,19.498 C9.964,20.05 10.412,20.498 10.964,20.498 L17,20.498 C18.933,20.498 20.5,18.931 20.5,16.998 L20.5,7.002 C20.5,5.069 18.933,3.502 17,3.502 L17,3.502 Z M17,5.002 C18.103,5.002 19,5.899 19,7.002 L19,16.998 C19,18.101 18.103,18.998 17,18.998 L11.464,18.998 L11.464,5.002 L17,5.002 Z M7.5668,20.498 L6.9998,20.498 C5.0668,20.498 3.4998,18.931 3.4998,16.998 L3.4998,7.002 C3.4998,5.069 5.0668,3.502 6.9998,3.502 L7.5668,3.502 C8.1188,3.502 8.5668,3.95 8.5668,4.502 L8.5668,19.498 C8.5668,20.05 8.1188,20.498 7.5668,20.498", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = EditorLeftSide;

package/dist/src/common/assets/icons/fill/EditorRightSide.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const EditorRightSide: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default EditorRightSide;

package/dist/src/common/assets/icons/fill/EditorRightSide.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var EditorRightSide = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13.0359,3.5019 L6.9999,3.5019 C5.0669,3.5019 3.4999,5.0689 3.4999,7.0019 L3.4999,16.9979 C3.4999,18.9309 5.0669,20.4979 6.9999,20.4979 L13.0359,20.4979 C13.5879,20.4979 14.0359,20.0499 14.0359,19.4979 L14.0359,4.5019 C14.0359,3.9499 13.5879,3.5019 13.0359,3.5019 L13.0359,3.5019 Z M12.5359,5.0019 L12.5359,18.9979 L6.9999,18.9979 C5.8969,18.9979 4.9999,18.1009 4.9999,16.9979 L4.9999,7.0019 C4.9999,5.8989 5.8969,5.0019 6.9999,5.0019 L12.5359,5.0019 Z M16.4332,3.502 L17.0002,3.502 C18.9332,3.502 20.5002,5.069 20.5002,7.002 L20.5002,16.998 C20.5002,18.931 18.9332,20.498 17.0002,20.498 L16.4332,20.498 C15.8812,20.498 15.4332,20.05 15.4332,19.498 L15.4332,4.502 C15.4332,3.95 15.8812,3.502 16.4332,3.502", fill: color }, void 0) }), void 0) }), void 0));
+};
+exports.default = EditorRightSide;

package/dist/src/common/assets/icons/fill/Image.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Image: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Image;