pds-dev-kit-web 0.3.37 → 0.3.41

package/dist/index.d.ts

@@ -1,14 +1,17 @@
-import { UITheme, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, theme, Spacing } from './src/common';
-export { Spacing };
+import { UITheme, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, theme } from './src/common';
 export { UITheme, PdsDevKitTheme };
 export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors };
 export { theme };
+import { Icon, ImageView, Spacing } from './src/hybrid';
+export { Icon, ImageView, Spacing };
 import { LayoutWF, WFContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_TextLabel } from './src/desktop';
 export { LayoutWF, WFContainersBox };
 export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
 export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
 export { D_TextLabel };
-import { LayoutMF, MFContainersBox, LayoutMP, MPGlobalMenuContainer, MPContainersBox, M_TextLabel } from './src/mobile';
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_TextLabel } from './src/mobile';
 export { LayoutMF, MFContainersBox };
-export { LayoutMP, MPGlobalMenuContainer, MPContainersBox };
+export { LayoutMM, MMNavigationContainer, MMContainersBox };
+export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
+export { LayoutMS, MSNavigationContainer, MSContainersBox };
 export { M_TextLabel };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.M_TextLabel = exports.MPContainersBox = exports.MPGlobalMenuContainer = exports.LayoutMP = exports.MFContainersBox = exports.LayoutMF = exports.D_TextLabel = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = exports.Spacing = void 0;
+exports.M_TextLabel = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_TextLabel = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.Spacing = exports.ImageView = exports.Icon = exports.theme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -14,7 +14,11 @@ Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function ()
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return common_1.spacing; } });
 Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return common_1.uiColors; } });
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
-Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return common_1.Spacing; } });
+// hybrid
+var hybrid_1 = require("./src/hybrid");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return hybrid_1.Icon; } });
+Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return hybrid_1.ImageView; } });
+Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return hybrid_1.Spacing; } });
 // desktop
 var desktop_1 = require("./src/desktop");
 Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return desktop_1.LayoutWF; } });
@@ -30,7 +34,14 @@ Object.defineProperty(exports, "D_TextLabel", { enumerable: true, get: function
 var mobile_1 = require("./src/mobile");
 Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
 Object.defineProperty(exports, "MFContainersBox", { enumerable: true, get: function () { return mobile_1.MFContainersBox; } });
+Object.defineProperty(exports, "LayoutMM", { enumerable: true, get: function () { return mobile_1.LayoutMM; } });
+Object.defineProperty(exports, "MMNavigationContainer", { enumerable: true, get: function () { return mobile_1.MMNavigationContainer; } });
+Object.defineProperty(exports, "MMContainersBox", { enumerable: true, get: function () { return mobile_1.MMContainersBox; } });
 Object.defineProperty(exports, "LayoutMP", { enumerable: true, get: function () { return mobile_1.LayoutMP; } });
-Object.defineProperty(exports, "MPGlobalMenuContainer", { enumerable: true, get: function () { return mobile_1.MPGlobalMenuContainer; } });
+Object.defineProperty(exports, "MPNavigationContainer", { enumerable: true, get: function () { return mobile_1.MPNavigationContainer; } });
+Object.defineProperty(exports, "MPTabContainer", { enumerable: true, get: function () { return mobile_1.MPTabContainer; } });
 Object.defineProperty(exports, "MPContainersBox", { enumerable: true, get: function () { return mobile_1.MPContainersBox; } });
+Object.defineProperty(exports, "LayoutMS", { enumerable: true, get: function () { return mobile_1.LayoutMS; } });
+Object.defineProperty(exports, "MSNavigationContainer", { enumerable: true, get: function () { return mobile_1.MSNavigationContainer; } });
+Object.defineProperty(exports, "MSContainersBox", { enumerable: true, get: function () { return mobile_1.MSContainersBox; } });
 Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function () { return mobile_1.M_TextLabel; } });

package/dist/src/GlobalStyle.js

@@ -5,6 +5,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = require("styled-components");
-var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html {\n    height: 100%;\n    width: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    height: 100%;\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    overflow: hidden;\n  }\n\n  div, span, textarea {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"], ["\n  html {\n    height: 100%;\n    width: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    height: 100%;\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    overflow: hidden;\n  }\n\n  div, span, textarea {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"])));
+var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html {\n    height: 100%;\n    width: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    height: 100%;\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"], ["\n  html {\n    height: 100%;\n    width: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    height: 100%;\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 1000px white inset !important;\n  box-shadow: 0 0 0 1000px white inset !important;\n}\n"])));
 exports.default = GlobalStyle;
 var templateObject_1;

package/dist/src/common/assets/icons/IconType.d.ts

@@ -0,0 +1,5 @@
+declare type IconType = {
+    color: string;
+    size: number;
+} & Record<string, any>;
+export default IconType;

package/dist/src/common/assets/icons/IconType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Bell = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M14.5567,19.8493 C14.5567,21.2613 13.4117,22.4063 11.9997,22.4063 C10.5877,22.4063 9.4427,21.2613 9.4427,19.8493 L9.4427,19.8493 Z M11.9996,1.9861 C13.0956,1.9861 13.9826,2.8381 14.0596,3.9141 C17.1476,4.8351 18.9776,7.7771 18.9776,10.7231 L18.9776,10.7231 L18.9776,15.7421 C18.9776,15.7601 18.9846,15.7771 18.9976,15.7891 L18.9976,15.7891 L19.9836,16.7671 C20.9176,17.6921 20.2316,19.2361 18.8866,19.2361 L18.8866,19.2361 L5.1126,19.2361 C3.7686,19.2361 3.0826,17.6921 4.0156,16.7671 L4.0156,16.7671 L5.0026,15.7891 C5.0146,15.7771 5.0226,15.7601 5.0226,15.7421 L5.0226,15.7421 L5.0226,10.7231 C5.0226,7.7481 6.7096,4.7811 9.9416,3.8901 C10.0306,2.8251 10.9126,1.9861 11.9996,1.9861 Z" })));
+};
+exports.default = Bell;

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Call = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M8.0275,8.4492 L9.0875,7.3892 C9.8055,6.6712 9.8055,5.5072 9.0875,4.7892 L6.7535,2.4552 C6.0355,1.7372 4.8715,1.7372 4.1535,2.4552 L3.3975,3.2112 L3.0995,3.5092 L2.8655,3.7432 C1.9515,4.6572 1.7955,5.9312 2.0045,7.1402 C2.3625,9.2172 3.7245,12.6202 7.5495,16.4452 C11.3735,20.2692 14.6135,21.5532 16.8545,21.9902 C18.0575,22.2252 19.3385,22.0422 20.2515,21.1292 L20.4855,20.8952 L20.7835,20.5972 L21.5395,19.8412 C22.2575,19.1232 22.2575,17.9592 21.5395,17.2412 L19.2055,14.9072 C18.4875,14.1892 17.3235,14.1892 16.6055,14.9072 L15.5455,15.9672 C15.3185,16.1942 14.9565,16.2152 14.7095,16.0112 C13.4785,14.9972 12.2355,13.9052 11.1625,12.8322 C10.0895,11.7592 8.9975,10.5152 7.9835,9.2852 C7.7795,9.0372 7.8005,8.6762 8.0275,8.4492" })));
+};
+exports.default = Call;

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var CallEnd = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.1891,13.2957 L17.1891,14.7587 C17.1891,15.7497 17.9921,16.5537 18.9831,16.5537 L22.2061,16.5537 C23.1961,16.5537 24.0001,15.7497 24.0001,14.7587 L24.0001,13.7147 L24.0001,13.3037 L24.0001,12.9807 C24.0001,11.7197 23.2281,10.7317 22.2501,10.0417 C20.5691,8.8557 17.2791,7.4467 12.0001,7.4467 C6.7201,7.4467 3.5991,8.7967 1.7501,10.0417 C0.7571,10.7107 0.0001,11.7197 0.0001,12.9807 L0.0001,13.3037 L0.0001,13.7147 L0.0001,14.7587 C0.0001,15.7497 0.8031,16.5537 1.7941,16.5537 L5.0171,16.5537 C6.0081,16.5537 6.8111,15.7497 6.8111,14.7587 L6.8111,13.2957 C6.8111,12.9827 7.0461,12.7177 7.3581,12.6877 C8.9071,12.5387 10.5191,12.4337 12.0001,12.4337 C13.4811,12.4337 15.0931,12.5387 16.6421,12.6877 C16.9541,12.7177 17.1891,12.9827 17.1891,13.2957" })));
+};
+exports.default = CallEnd;

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Camera = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M12.69855,17.0217 C9.71205,17.4792 7.17555,14.9442 7.63305,11.9562 C7.91805,10.0947 9.43905,8.5737 11.30055,8.2872 C14.28855,7.8297 16.82505,10.3662 16.36755,13.3542 C16.08105,15.2157 14.56005,16.7367 12.69855,17.0217 M15.83355,3.5127 C16.26105,3.5127 16.64655,3.7692 16.81155,4.1622 L16.81155,4.1622 L17.65905,6.1812 L20.07855,6.1812 C21.18405,6.1812 22.07805,7.0782 22.07805,8.1822 L22.07805,8.1822 L22.07805,18.4872 C22.07805,19.5927 21.18405,20.4882 20.07855,20.4882 L20.07855,20.4882 L3.92055,20.4882 C2.81655,20.4882 1.92105,19.5927 1.92105,18.4872 L1.92105,18.4872 L1.92105,8.1822 C1.92105,7.0782 2.81655,6.1812 3.92055,6.1812 L3.92055,6.1812 L6.34155,6.1812 L7.18905,4.1622 C7.35405,3.7692 7.73955,3.5127 8.16705,3.5127 L8.16705,3.5127 Z M19.75,9 L18.5,9 C18.2238576,9 18,9.22385763 18,9.5 L18,9.5 L18,10 C18,10.2761424 18.2238576,10.5 18.5,10.5 L18.5,10.5 L19.75,10.5 C20.0261424,10.5 20.25,10.2761424 20.25,10 L20.25,10 L20.25,9.5 C20.25,9.22385763 20.0261424,9 19.75,9 L19.75,9 Z" })));
+};
+exports.default = Camera;

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Chat = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M16.28515,11.3922 C15.63115,11.3922 15.10065,10.8622 15.10065,10.2082 C15.10065,9.5542 15.63115,9.0237 16.28515,9.0237 C16.93915,9.0237 17.46915,9.5542 17.46915,10.2082 C17.46915,10.8622 16.93915,11.3922 16.28515,11.3922 M12.00015,11.3922 C11.34615,11.3922 10.81615,10.8622 10.81615,10.2082 C10.81615,9.5542 11.34615,9.0237 12.00015,9.0237 C12.65415,9.0237 13.18415,9.5542 13.18415,10.2082 C13.18415,10.8622 12.65415,11.3922 12.00015,11.3922 M7.71515,11.3922 C7.06115,11.3922 6.53065,10.8622 6.53065,10.2082 C6.53065,9.5542 7.06115,9.0237 7.71515,9.0237 C8.36915,9.0237 8.89915,9.5542 8.89915,10.2082 C8.89915,10.8622 8.36915,11.3922 7.71515,11.3922 M18.16615,2.5632 L5.83415,2.5632 C3.90065,2.5632 2.33415,4.1302 2.33415,6.0632 L2.33415,14.2227 C2.33415,16.1557 3.90065,17.7227 5.83415,17.7227 L10.97715,17.7227 L14.23465,20.6837 C15.19865,21.5597 16.74365,20.8762 16.74365,19.5737 L16.74365,17.7227 L18.16615,17.7227 C20.09915,17.7227 21.66615,16.1557 21.66615,14.2227 L21.66615,6.0632 C21.66615,4.1302 20.09915,2.5632 18.16615,2.5632" })));
+};
+exports.default = Chat;

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

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

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

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ChatCounseling = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { d: "M18.7361,2.0173 L5.2641,2.0173 C3.3311,2.0173 1.7641,3.5843 1.7641,5.5173 L1.7641,14.5703 C1.7641,16.5033 3.3311,18.0703 5.2641,18.0703 L10.9171,18.0703 L14.3671,21.2063 C14.6831,21.4933 15.0581,21.6223 15.4251,21.6223 C16.2441,21.6223 17.0231,20.9823 17.0231,20.0313 L17.0231,18.0703 L18.7361,18.0703 C20.6691,18.0703 22.2361,16.5033 22.2361,14.5703 L22.2361,5.5173 C22.2361,3.5843 20.6691,2.0173 18.7361,2.0173 L18.7361,2.0173 Z M18.7361,3.5173 C19.8391,3.5173 20.7361,4.4143 20.7361,5.5173 L20.7361,14.5703 C20.7361,15.6733 19.8391,16.5703 18.7361,16.5703 L17.0231,16.5703 L15.5231,16.5703 L15.5231,18.0703 L15.5231,20.0313 C15.5231,20.1203 15.4351,20.1223 15.4251,20.1223 C15.4161,20.1223 15.4041,20.1223 15.3761,20.0963 L11.9261,16.9603 L11.4961,16.5703 L10.9171,16.5703 L5.2641,16.5703 C4.1611,16.5703 3.2641,15.6733 3.2641,14.5703 L3.2641,5.5173 C3.2641,4.4143 4.1611,3.5173 5.2641,3.5173 L18.7361,3.5173 Z", fill: color }),
+            react_1.default.createElement("path", { d: "M7.5516,8.199 L16.4436,8.199 M7.5516,11.7916 L12.4966,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }))));
+};
+exports.default = ChatCounseling;

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

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

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

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ChatCrm = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { d: "M18.7359,2.0173 L5.2639,2.0173 C3.3309,2.0173 1.7639,3.5843 1.7639,5.5173 L1.7639,14.5703 C1.7639,16.5033 3.3309,18.0703 5.2639,18.0703 L10.9169,18.0703 L14.3669,21.2063 C14.6829,21.4933 15.0579,21.6223 15.4249,21.6223 C16.2439,21.6223 17.0239,20.9823 17.0239,20.0313 L17.0239,18.0703 L18.7359,18.0703 C20.6689,18.0703 22.2359,16.5033 22.2359,14.5703 L22.2359,5.5173 C22.2359,3.5843 20.6689,2.0173 18.7359,2.0173 L18.7359,2.0173 Z M18.7359,3.5173 C19.8389,3.5173 20.7359,4.4143 20.7359,5.5173 L20.7359,14.5703 C20.7359,15.6733 19.8389,16.5703 18.7359,16.5703 L17.0239,16.5703 L15.5239,16.5703 L15.5239,18.0703 L15.5239,20.0313 C15.5239,20.1203 15.4349,20.1223 15.4249,20.1223 C15.4169,20.1223 15.4039,20.1223 15.3759,20.0963 L11.9259,16.9603 L11.4969,16.5703 L10.9169,16.5703 L5.2639,16.5703 C4.1609,16.5703 3.2639,15.6733 3.2639,14.5703 L3.2639,5.5173 C3.2639,4.4143 4.1609,3.5173 5.2639,3.5173 L18.7359,3.5173 Z", fill: color }),
+            react_1.default.createElement("path", { d: "M9.9753,8.199 L16.6903,8.199 M7.3099,8.199 L7.4759,8.199 M7.3099,11.7916 L7.4759,11.7916 M9.9753,11.7916 L14.4283,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }))));
+};
+exports.default = ChatCrm;

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

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

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

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var CheckboxIndeterminate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.4618,-1.0125234e-13 L5.5388,-1.0125234e-13 C2.4798,-1.0125234e-13 -0.0002,2.479 -0.0002,5.538 L-0.0002,18.461 C-0.0002,21.52 2.4798,24 5.5388,24 L18.4618,24 C21.5208,24 23.9998,21.52 23.9998,18.461 L23.9998,5.538 C23.9998,2.479 21.5208,-1.0125234e-13 18.4618,-1.0125234e-13" }),
+            react_1.default.createElement("path", { fill: "#FFF", d: "M17.9998,12.9 L5.9998,12.9 C5.5028,12.9 5.0998,12.497 5.0998,12 C5.0998,11.503 5.5028,11.1 5.9998,11.1 L17.9998,11.1 C18.4968,11.1 18.8998,11.503 18.8998,12 C18.8998,12.497 18.4968,12.9 17.9998,12.9" }))));
+};
+exports.default = CheckboxIndeterminate;

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var CheckboxOn = function (_a) {
+    var color = _a.color, size = _a.size;
+    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24" },
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.461,-0.0003 L5.538,-0.0003 C2.479,-0.0003 -1.77635684e-14,2.4797 -1.77635684e-14,5.5387 L-1.77635684e-14,18.4617 C-1.77635684e-14,21.5207 2.479,23.9997 5.538,23.9997 L18.461,23.9997 C21.52,23.9997 24,21.5207 24,18.4617 L24,5.5387 C24,2.4797 21.52,-0.0003 18.461,-0.0003" }),
+            react_1.default.createElement("path", { fill: "#FFF", d: "M19.624,7.6977 L11.173,18.7717 C11.009,18.9877 10.756,19.1167 10.485,19.1247 C10.476,19.1257 10.467,19.1257 10.458,19.1257 C10.197,19.1257 9.948,19.0117 9.776,18.8137 L4.409,12.5877 C4.084,12.2117 4.126,11.6427 4.503,11.3187 C4.881,10.9937 5.448,11.0367 5.772,11.4117 L10.416,16.7977 L18.193,6.6057 C18.494,6.2107 19.06,6.1347 19.455,6.4367 C19.85,6.7377 19.926,7.3027 19.624,7.6977" }))));
+};
+exports.default = CheckboxOn;

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

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

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

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var CloudDownload = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M18.4192,10.6092 C17.8542,7.5742 15.1952,5.2742 11.9962,5.2742 C9.5222,5.2742 7.3712,6.6492 6.2602,8.6752 C3.8462,9.0592 2.0002,11.1442 2.0002,13.6652 C2.0002,16.4602 4.2652,18.7252 7.0602,18.7252 C7.0612,18.7252 7.0612,18.7252 7.0622,18.7252 L7.0622,18.7252 L17.9162,18.7252 L17.9162,18.7252 C20.1712,18.7252 22.0002,16.8972 22.0002,14.6422 C22.0002,12.5592 20.4342,10.8592 18.4192,10.6092" }),
+            react_1.default.createElement("path", { fill: "#FFF", d: "M15.0642,13.6132 L12.5222,16.1552 C12.4532,16.2242 12.3712,16.2792 12.2802,16.3172 C12.1902,16.3552 12.0922,16.3752 11.9922,16.3752 C11.8922,16.3752 11.7942,16.3552 11.7032,16.3172 C11.6122,16.2792 11.5302,16.2242 11.4612,16.1552 L8.9362,13.6302 C8.6432,13.3372 8.6432,12.8622 8.9362,12.5692 C9.2292,12.2762 9.7032,12.2762 9.9962,12.5692 L11.2422,13.8152 L11.2422,9.4942 C11.2422,9.0802 11.5782,8.7442 11.9922,8.7442 C12.4062,8.7442 12.7422,9.0802 12.7422,9.4942 L12.7422,13.8142 L14.0032,12.5522 C14.2962,12.2592 14.7712,12.2592 15.0642,12.5522 C15.3572,12.8452 15.3572,13.3202 15.0642,13.6132" }))));
+};
+exports.default = CloudDownload;

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

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

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

@@ -0,0 +1,34 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Delete = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M13.0602,11.9997 L15.963601,9.15852165 C16.256601,8.86552165 16.256601,8.39152165 15.963601,8.09852165 C15.670601,7.80552165 15.195601,7.80552165 14.902601,8.09852165 L11.9992,10.9387 L9.08374786,8.09852165 C8.79074786,7.80552165 8.31574786,7.80552165 8.02274786,8.09852165 C7.72974786,8.39152165 7.72974786,8.86552165 8.02274786,9.15852165 L10.9392,11.9997 L8.02274786,14.9474514 C7.72974786,15.2404514 7.72974786,15.7144514 8.02274786,16.0074514 C8.16974786,16.1544514 8.36174786,16.2274514 8.55274786,16.2274514 C8.74474786,16.2274514 8.93674786,16.1544514 9.08374786,16.0074514 L11.9992,13.0607 L14.902601,16.0074514 C15.049601,16.1544514 15.241601,16.2274514 15.432601,16.2274514 C15.624601,16.2274514 15.816601,16.1544514 15.963601,16.0074514 C16.256601,15.7144514 16.256601,15.2404514 15.963601,14.9474514 L13.0602,11.9997 Z M11.9999,2.0626 C6.5119,2.0626 2.0629,6.5116 2.0629,11.9996 C2.0629,17.4876 6.5119,21.9366 11.9999,21.9366 C17.4879,21.9366 21.9369,17.4876 21.9369,11.9996 C21.9369,6.5116 17.4879,2.0626 11.9999,2.0626" })));
+};
+exports.default = Delete;

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

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

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

@@ -0,0 +1,36 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Downloaded = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { fill: color, d: "M11.9997,2.9996 C7.0297,2.9996 2.9997,7.0296 2.9997,11.9996 C2.9997,16.9706 7.0297,20.9996 11.9997,20.9996 C16.9707,20.9996 20.9997,16.9706 20.9997,11.9996 C20.9997,7.0296 16.9707,2.9996 11.9997,2.9996" }),
+            react_1.default.createElement("path", { fill: "#FFF", d: "M16.8357,9.5366 L11.6497,16.3316 C11.5127,16.5116 11.3017,16.6196 11.0767,16.6266 C11.0687,16.6266 11.0617,16.6266 11.0537,16.6266 C10.8357,16.6266 10.6287,16.5326 10.4857,16.3666 L7.1927,12.5466 C6.9217,12.2326 6.9577,11.7596 7.2707,11.4886 C7.5847,11.2176 8.0587,11.2536 8.3287,11.5666 L11.0187,14.6866 L15.6437,8.6266 C15.8947,8.2966 16.3657,8.2336 16.6947,8.4856 C17.0237,8.7366 17.0867,9.2066 16.8357,9.5366" }))));
+};
+exports.default = Downloaded;

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

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