pds-dev-kit-web-test 0.1.0-beta.0 → 0.1.1

package/README.md

@@ -1 +1 @@
-publ design system test package
+publ design system test package

package/dist/index.d.ts

@@ -2,6 +2,9 @@ import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSi
 export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
+export * from './src/common/styles/movement/keyframes';
+export * from './src/common/styles/movement/animationStyle';
+export * from './src/common/styles/movement/transitionStyle';
 export { Form };
 import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
 export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };

package/dist/index.js

@@ -1,4 +1,14 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = 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_SectionSheet = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = void 0;
@@ -22,6 +32,12 @@ Object.defineProperty(exports, "uiColors", { enumerable: true, get: function ()
 Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return common_1.customTheme; } });
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
+// keyframes
+__exportStar(require("./src/common/styles/movement/keyframes"), exports);
+// animation style
+__exportStar(require("./src/common/styles/movement/animationStyle"), exports);
+// transition style
+__exportStar(require("./src/common/styles/movement/transitionStyle"), exports);
 // hybrid
 var hybrid_1 = require("./src/hybrid");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });

package/dist/src/GlobalStyle.js

@@ -5,6 +5,9 @@ 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  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -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    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\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, ul {\n    font-family: Pretendard JP, -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, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -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  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -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    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\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, ul {\n    font-family: Pretendard JP, -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, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -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  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -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    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\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, ul {\n    font-family: Pretendard JP, -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, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -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-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"], ["\n  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -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    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\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, ul {\n    font-family: Pretendard JP, -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, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -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-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_textfield_text_typed;
+});
 exports.default = GlobalStyle;
 var templateObject_1;

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

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

package/dist/src/common/assets/icons/fill/ArrowDown.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 ArrowDown = 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.0895159,16.0067053 L17.3028247,9.26575393 C17.8373042,8.41007281 17.2223101,7.3 16.2133088,7.3 L7.78669125,7.3 C6.77768989,7.3 6.16269585,8.41007281 6.69717535,9.26575393 L10.9104841,16.0067053 C11.4141282,16.8118507 12.5858718,16.8118507 13.0895159,16.0067053" })));
+};
+exports.default = ArrowDown;

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

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

package/dist/src/common/assets/icons/fill/ArrowUp.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 ArrowUp = 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: "M10.9104841,7.90385905 L6.69717535,14.6448104 C6.16269585,15.5004916 6.77768989,16.6105644 7.78669125,16.6105644 L16.2133088,16.6105644 C17.2223101,16.6105644 17.8373042,15.5004916 17.3028247,14.6448104 L13.0895159,7.90385905 C12.5858718,7.09871365 11.4141282,7.09871365 10.9104841,7.90385905" })));
+};
+exports.default = ArrowUp;

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

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

package/dist/src/common/assets/icons/fill/ToggleDown.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 ToggleDown = 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: "M12,2.2693 C6.634,2.2693 2.269,6.6343 2.269,11.9993 C2.269,17.3663 6.634,21.7313 12,21.7313 C17.366,21.7313 21.731,17.3663 21.731,11.9993 C21.731,6.6343 17.366,2.2693 12,2.2693" }),
+            react_1.default.createElement("path", { stroke: "#FFF", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.3518,10.1904 L12.3968,14.1454 C12.1778,14.3644 11.8228,14.3644 11.6028,14.1454 L7.6478,10.1904" }))));
+};
+exports.default = ToggleDown;

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

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

package/dist/src/common/assets/icons/fill/ToggleUp.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 ToggleUp = 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: "M12,21.7312 C17.366,21.7312 21.731,17.3662 21.731,12.0002 C21.731,6.6342 17.366,2.2692 12,2.2692 C6.634,2.2692 2.269,6.6342 2.269,12.0002 C2.269,17.3662 6.634,21.7312 12,21.7312" }),
+            react_1.default.createElement("path", { stroke: "#FFF", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M7.6482,13.8096 L11.6032,9.8546 C11.8222,9.6356 12.1772,9.6356 12.3972,9.8546 L16.3522,13.8096" }))));
+};
+exports.default = ToggleUp;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 declare const fillIcons: {
+    readonly ic_arrow_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_arrow_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -42,6 +44,8 @@ declare const fillIcons: {
     readonly ic_subscribers: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_thumb_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_thumb_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_verified: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var ArrowDown_1 = __importDefault(require("./ArrowDown"));
+var ArrowUp_1 = __importDefault(require("./ArrowUp"));
 var Bell_1 = __importDefault(require("./Bell"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Call_1 = __importDefault(require("./Call"));
@@ -45,6 +47,8 @@ var Star_1 = __importDefault(require("./Star"));
 var Subscribers_1 = __importDefault(require("./Subscribers"));
 var ThumbDown_1 = __importDefault(require("./ThumbDown"));
 var ThumbUp_1 = __importDefault(require("./ThumbUp"));
+var ToggleDown_1 = __importDefault(require("./ToggleDown"));
+var ToggleUp_1 = __importDefault(require("./ToggleUp"));
 var Verified_1 = __importDefault(require("./Verified"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
@@ -58,6 +62,8 @@ var VideoResolution_1 = __importDefault(require("./VideoResolution"));
 var VideoSubtitle_1 = __importDefault(require("./VideoSubtitle"));
 var Vodplus_1 = __importDefault(require("./Vodplus"));
 var fillIcons = {
+    ic_arrow_down: ArrowDown_1.default,
+    ic_arrow_up: ArrowUp_1.default,
     ic_bell: Bell_1.default,
     ic_bookmark: Bookmark_1.default,
     ic_call: Call_1.default,
@@ -100,6 +106,8 @@ var fillIcons = {
     ic_subscribers: Subscribers_1.default,
     ic_thumb_down: ThumbDown_1.default,
     ic_thumb_up: ThumbUp_1.default,
+    ic_toggle_down: ToggleDown_1.default,
+    ic_toggle_up: ToggleUp_1.default,
     ic_verified: Verified_1.default,
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,

package/dist/src/common/assets/icons/line/Confetti.d.ts

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

package/dist/src/common/assets/icons/line/Confetti.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 Confetti = 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", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.9906,17.25 L2.5056,21.494 L6.7496,9.009 C6.9976,8.28 7.9246,8.065 8.4686,8.609 L15.3906,15.531 C15.9356,16.076 15.7196,17.002 14.9906,17.25 Z M6.1752,11.4404 L12.5592,17.8244 M4.9388,15.6514 L8.3488,19.0614 M8.8555,5.8212 L8.7915,3.7712 M13.2431,2.9913 L11.6101,7.5503 M18.1788,15.1445 L20.2288,15.2085 M21.0087,10.7569 L16.4497,12.3899" }),
+            react_1.default.createElement("path", { fill: color, d: "M20.8532,3.85 L20.3322,5.386 C20.2732,5.559 20.3042,5.75 20.4132,5.896 L21.3832,7.196 C21.6582,7.564 21.3912,8.088 20.9312,8.082 L19.3092,8.061 C19.1272,8.059 18.9552,8.147 18.8502,8.296 L17.9132,9.62 C17.6482,9.995 17.0672,9.903 16.9312,9.464 L16.4492,7.915 C16.3952,7.741 16.2592,7.605 16.0842,7.55 L14.5352,7.069 C14.0972,6.933 14.0052,6.352 14.3802,6.087 L15.7042,5.15 C15.8532,5.045 15.9412,4.873 15.9392,4.69 L15.9182,3.068 C15.9122,2.609 16.4362,2.342 16.8042,2.617 L18.1042,3.587 C18.2502,3.696 18.4412,3.726 18.6142,3.668 L20.1502,3.147 C20.5852,2.999 21.0012,3.415 20.8532,3.85" }))));
+};
+exports.default = Confetti;

package/dist/src/common/assets/icons/line/CsBold.d.ts

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

package/dist/src/common/assets/icons/line/CsBold.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 CsBold = 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.7988,2.5975 C16.432963,2.89977443 19.3916453,5.57213084 20.1550432,8.98014705 L20.9487,8.9799 C21.9217,8.9799 22.7097,9.7679 22.7097,10.7409 L22.7097,13.5759 C22.7097,14.5479 21.9217,15.3369 20.9487,15.3369 L20.3414837,15.3362489 C20.2714479,16.2251249 19.9793693,17.5840401 18.9518,18.7325 C18.0219452,19.7721293 16.7070443,20.3980457 15.0323396,20.6007835 C14.8884987,21.0850453 14.4397689,21.4382 13.9083,21.4382 L11.8753,21.4382 C11.2273,21.4382 10.7023,20.9132 10.7023,20.2652 L10.7023,19.0302 C10.7023,18.3822 11.2273,17.8572 11.8753,17.8572 L13.9083,17.8572 C14.4702512,17.8572 14.9397002,18.2520267 15.0544685,18.7795017 C16.1668408,18.6060253 17.0234831,18.1878799 17.6098,17.5315 C18.7328,16.2785 18.5538,14.5545 18.5518,14.5375 L18.5468,10.7145 C18.5468,7.4445 15.9568,4.6665 12.6498,4.3905 C12.1758,4.3525 11.6508,4.3525 11.1748,4.3905 C7.8688,4.6665 5.2788,7.4445 5.2788,10.7145 L5.2788,14.4365 C5.2788,14.9325 4.8748,15.3365 4.3788,15.3365 L4.2993,15.3305 L4.2303,15.3369 L3.0513,15.3369 C2.0783,15.3369 1.2903,14.5479 1.2903,13.5759 L1.2903,10.7409 C1.2903,9.7679 2.0783,8.9799 3.0513,8.9799 L3.67050253,8.98014705 C4.43369209,5.57213084 7.39163696,2.89977443 11.0258,2.5975 C11.5978,2.5495 12.2278,2.5495 12.7988,2.5975 Z" })));
+};
+exports.default = CsBold;

package/dist/src/common/assets/icons/line/CsFace.d.ts

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

package/dist/src/common/assets/icons/line/CsFace.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 CsFace = 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.7988,2.5975 C16.432963,2.89977443 19.3916453,5.57213084 20.1550432,8.98014705 L20.9487,8.9799 C21.9217,8.9799 22.7097,9.7679 22.7097,10.7409 L22.7097,13.5759 C22.7097,14.5479 21.9217,15.3369 20.9487,15.3369 L20.3414837,15.3362489 C20.2714479,16.2251249 19.9793693,17.5840401 18.9518,18.7325 C18.0219452,19.7721293 16.7070443,20.3980457 15.0323396,20.6007835 C14.8884987,21.0850453 14.4397689,21.4382 13.9083,21.4382 L11.8753,21.4382 C11.2273,21.4382 10.7023,20.9132 10.7023,20.2652 L10.7023,19.0302 C10.7023,18.3822 11.2273,17.8572 11.8753,17.8572 L13.9083,17.8572 C14.4702512,17.8572 14.9397002,18.2520267 15.0544685,18.7795017 C16.1668408,18.6060253 17.0234831,18.1878799 17.6098,17.5315 C18.7328,16.2785 18.5538,14.5545 18.5518,14.5375 L18.5468,10.7145 C18.5468,7.4445 15.9568,4.6665 12.6498,4.3905 C12.1758,4.3525 11.6508,4.3525 11.1748,4.3905 C7.8688,4.6665 5.2788,7.4445 5.2788,10.7145 L5.2788,14.4365 C5.2788,14.9325 4.8748,15.3365 4.3788,15.3365 L4.2973,15.3305 L4.2303,15.3369 L3.0513,15.3369 C2.0783,15.3369 1.2903,14.5479 1.2903,13.5759 L1.2903,10.7409 C1.2903,9.7679 2.0783,8.9799 3.0513,8.9799 L3.67050253,8.98014705 C4.43369209,5.57213084 7.39163696,2.89977443 11.0258,2.5975 C11.5978,2.5495 12.2278,2.5495 12.7988,2.5975 Z M13.6048,13.5795 C13.7218,13.2315 14.0998,13.0445 14.4468,13.1605 C14.7948,13.2775 14.9828,13.6555 14.8658,14.0025 C14.4468,15.2505 13.4028,15.9655 11.9998,15.9655 C10.1438,15.9655 9.4148,14.8915 9.1308,13.9915 C9.0768,13.8215 9.0928,13.6415 9.1748,13.4845 C9.2578,13.3265 9.3958,13.2095 9.5648,13.1565 C9.9138,13.0475 10.2898,13.2435 10.3988,13.5905 C10.6268,14.3135 11.1208,14.6355 11.9998,14.6355 C12.8298,14.6355 13.3698,14.2795 13.6048,13.5795 Z M14.55,8.7794 C15.157,8.7794 15.649,9.2724 15.649,9.8794 L15.649,10.7444 C15.649,11.3109333 15.2204133,11.7772889 14.669755,11.8369517 L14.55,11.8434 C13.943,11.8434 13.451,11.3514 13.451,10.7444 L13.451,9.8794 C13.451,9.31286667 13.8795867,8.84564 14.430245,8.78586104 L14.55,8.7794 Z M9.45,8.7794 C10.057,8.7794 10.549,9.2724 10.549,9.8794 L10.549,10.7444 C10.549,11.3109333 10.1204133,11.7772889 9.56975496,11.8369517 L9.45,11.8434 C8.843,11.8434 8.351,11.3514 8.351,10.7444 L8.351,9.8794 C8.351,9.31286667 8.77958667,8.84564 9.33024504,8.78586104 L9.45,8.7794 Z" })));
+};
+exports.default = CsFace;

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

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

package/dist/src/common/assets/icons/line/DeviceApp.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 DeviceApp = 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: "M17.25,3.25 L6.75,3.25 C4.817,3.25 3.25,4.817 3.25,6.75 L3.25,17.25 C3.25,19.183 4.817,20.75 6.75,20.75 L17.25,20.75 C19.183,20.75 20.75,19.183 20.75,17.25 L20.75,6.75 C20.75,4.817 19.183,3.25 17.25,3.25 L17.25,3.25 Z M17.25,4.75 C18.353,4.75 19.25,5.647 19.25,6.75 L19.25,17.25 C19.25,18.353 18.353,19.25 17.25,19.25 L6.75,19.25 C5.647,19.25 4.75,18.353 4.75,17.25 L4.75,6.75 C4.75,5.647 5.647,4.75 6.75,4.75 L17.25,4.75 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M13.2993,7.7232 L8.0483,16.2772 M10.7007,7.7232 L15.9517,16.2772 M7.5067,14.1113 L16.4937,14.1113" }))));
+};
+exports.default = DeviceApp;

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

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

package/dist/src/common/assets/icons/line/DeviceDesktop.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 DeviceDesktop = 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.25,2.7037 L5.75,2.7037 C4.093,2.7037 2.75,4.0467 2.75,5.7037 L2.75,13.3347 C2.75,14.9917 4.093,16.3347 5.75,16.3347 L18.25,16.3347 C19.907,16.3347 21.25,14.9917 21.25,13.3347 L21.25,5.7037 C21.25,4.0467 19.907,2.7037 18.25,2.7037 L18.25,2.7037 Z M18.25,4.2037 C19.077,4.2037 19.75,4.8767 19.75,5.7037 L19.75,13.3347 C19.75,14.1617 19.077,14.8347 18.25,14.8347 L5.75,14.8347 C4.923,14.8347 4.25,14.1617 4.25,13.3347 L4.25,5.7037 C4.25,4.8767 4.923,4.2037 5.75,4.2037 L18.25,4.2037 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M11.9903,15.8448 L12.0093,20.5728 M7.9462,20.6145 L16.0542,20.6145" }))));
+};
+exports.default = DeviceDesktop;

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

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

package/dist/src/common/assets/icons/line/DeviceMobile.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 DeviceMobile = 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.2247,2.5 C17.8817,2.5 19.2247,3.843 19.2247,5.5 L19.2247,18.5 C19.2247,20.157 17.8817,21.5 16.2247,21.5 L7.7757,21.5 C6.1187,21.5 4.7757,20.157 4.7757,18.5 L4.7757,5.5 C4.7757,3.843 6.1187,2.5 7.7757,2.5 Z M16.2247,4 L7.7757,4 C6.9477,4 6.2757,4.673 6.2757,5.5 L6.2757,18.5 C6.2757,19.327 6.9477,20 7.7757,20 L16.2247,20 C17.0517,20 17.7247,19.327 17.7247,18.5 L17.7247,5.5 C17.7247,4.673 17.0517,4 16.2247,4 Z M13.6762,5.1557 C14.0902,5.1557 14.4262,5.4917 14.4262,5.9057 C14.4262,6.3197 14.0902,6.6557 13.6762,6.6557 L10.3232,6.6557 C9.9092,6.6557 9.5732,6.3197 9.5732,5.9057 C9.5732,5.4917 9.9092,5.1557 10.3232,5.1557 L13.6762,5.1557 Z" })));
+};
+exports.default = DeviceMobile;

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

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

package/dist/src/common/assets/icons/line/EditorLeftSide.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 EditorLeftSide = 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: "M18.6999,3.5019 L11.7639,3.5019 C10.7699,3.5019 9.9639,4.3079 9.9639,5.3019 L9.9639,18.6979 C9.9639,19.6919 10.7699,20.4979 11.7639,20.4979 L18.6999,20.4979 C19.6939,20.4979 20.4999,19.6919 20.4999,18.6979 L20.4999,5.3019 C20.4999,4.3079 19.6939,3.5019 18.6999,3.5019 L18.6999,3.5019 Z M18.6999,5.0019 C18.8659,5.0019 18.9999,5.1369 18.9999,5.3019 L18.9999,18.6979 C18.9999,18.8639 18.8659,18.9979 18.6999,18.9979 L11.7639,18.9979 C11.5989,18.9979 11.4639,18.8639 11.4639,18.6979 L11.4639,5.3019 C11.4639,5.1369 11.5989,5.0019 11.7639,5.0019 L18.6999,5.0019 Z M7.3667,20.498 L4.6997,20.498 C4.0377,20.498 3.4997,19.961 3.4997,19.298 L3.4997,4.702 C3.4997,4.039 4.0377,3.502 4.6997,3.502 L7.3667,3.502 C8.0297,3.502 8.5667,4.039 8.5667,4.702 L8.5667,19.298 C8.5667,19.961 8.0297,20.498 7.3667,20.498" })));
+};
+exports.default = EditorLeftSide;

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

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