pds-dev-kit-web-test 0.1.0 → 0.1.2

package/README.md

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

package/dist/index.d.ts

@@ -2,16 +2,20 @@ 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 };
-import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet } from './src/desktop';
+import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet } from './src/desktop';
 export { LayoutWF, WFContainersBox };
 export { LayoutWH, WHContainersBox };
 export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
 export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
 export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab };
-export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet };
+export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_SectionSheet };
+export type { DesktopTutorialModalInfoType };
 import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet } from './src/mobile';
 export { LayoutMF, MFContainersBox };
 export { LayoutMM, MMNavigationContainer, MMContainersBox };

package/dist/index.js

@@ -1,8 +1,18 @@
 "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;
-exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = void 0;
+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_DesktopTutorialModal = 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;
+exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -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; } });
@@ -93,6 +109,7 @@ Object.defineProperty(exports, "D_AnnotationSheet", { enumerable: true, get: fun
 Object.defineProperty(exports, "D_ContentSheet", { enumerable: true, get: function () { return desktop_1.D_ContentSheet; } });
 Object.defineProperty(exports, "D_DesktopBasicModal", { enumerable: true, get: function () { return desktop_1.D_DesktopBasicModal; } });
 Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return desktop_1.D_DesktopHeadlessModal; } });
+Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get: function () { return desktop_1.D_DesktopTutorialModal; } });
 Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return desktop_1.D_SectionSheet; } });
 // mobile
 var mobile_1 = require("./src/mobile");

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/BellNotification.d.ts

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

package/dist/src/common/assets/icons/fill/BellNotification.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 BellNotification = 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: "#FF463A", d: "M21.8747,6.9597 C21.8747,4.7507 20.0837,2.9597 17.8747,2.9597 C15.6657,2.9597 13.8747,4.7507 13.8747,6.9597 C13.8747,9.1687 15.6657,10.9597 17.8747,10.9597 C20.0837,10.9597 21.8747,9.1687 21.8747,6.9597" }),
+            react_1.default.createElement("path", { fill: color, d: "M17.8748,12.5597 C14.7868,12.5597 12.2748,10.0477 12.2748,6.9597 C12.2748,5.4317 12.8908,4.0467 13.8868,3.0347 C13.5678,2.3037 12.8488,1.7897 11.9998,1.7897 C10.9128,1.7897 10.0308,2.6287 9.9428,3.6937 C6.7088,4.5847 5.0218,7.5527 5.0218,10.5257 L5.0218,15.5457 C5.0218,15.5637 5.0148,15.5807 5.0018,15.5937 L4.0158,16.5707 C3.0828,17.4957 3.7688,19.0397 5.1128,19.0397 L18.8868,19.0397 C20.2318,19.0397 20.9168,17.4957 19.9838,16.5707 L18.9978,15.5937 C18.9848,15.5807 18.9778,15.5637 18.9778,15.5457 L18.9778,12.4497 C18.6208,12.5207 18.2528,12.5597 17.8748,12.5597 M12.0001,22.2099 C13.4121,22.2099 14.5571,21.0649 14.5571,19.6529 L9.4431,19.6529 C9.4431,21.0649 10.5881,22.2099 12.0001,22.2099" }))));
+};
+exports.default = BellNotification;

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

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

package/dist/src/common/assets/icons/fill/ChatNotification.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 ChatNotification = 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: "#FF463A", d: "M23.9389,4.1201 C23.9389,1.9111 22.1479,0.1201 19.9389,0.1201 C17.7299,0.1201 15.9389,1.9111 15.9389,4.1201 C15.9389,6.3291 17.7299,8.1201 19.9389,8.1201 C22.1479,8.1201 23.9389,6.3291 23.9389,4.1201" }),
+            react_1.default.createElement("path", { fill: color, d: "M16.285,11.1978 C15.631,11.1978 15.101,10.6678 15.101,10.0138 C15.101,9.3598 15.631,8.8298 16.285,8.8298 C16.939,8.8298 17.469,9.3598 17.469,10.0138 C17.469,10.6678 16.939,11.1978 16.285,11.1978 M12,11.1978 C11.346,11.1978 10.816,10.6678 10.816,10.0138 C10.816,9.3598 11.346,8.8298 12,8.8298 C12.654,8.8298 13.184,9.3598 13.184,10.0138 C13.184,10.6678 12.654,11.1978 12,11.1978 M7.715,11.1978 C7.061,11.1978 6.531,10.6678 6.531,10.0138 C6.531,9.3598 7.061,8.8298 7.715,8.8298 C8.369,8.8298 8.899,9.3598 8.899,10.0138 C8.899,10.6678 8.369,11.1978 7.715,11.1978 M14.339,4.1198 C14.339,3.3758 14.488,2.6668 14.752,2.0178 L5.264,2.0178 C3.331,2.0178 1.764,3.5848 1.764,5.5178 L1.764,14.5708 C1.764,16.5038 3.331,18.0708 5.264,18.0708 L10.917,18.0708 L14.367,21.2068 C15.387,22.1338 17.024,21.4098 17.024,20.0308 L17.024,18.0708 L18.736,18.0708 C20.669,18.0708 22.236,16.5038 22.236,14.5708 L22.236,9.2218 C21.534,9.5388 20.758,9.7198 19.939,9.7198 C16.851,9.7198 14.339,7.2078 14.339,4.1198" }))));
+};
+exports.default = ChatNotification;

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

@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
 var HelpWindow = 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: "M11.6107195,17.224881 C12.2593261,17.224881 12.8026176,17.4248309 13.2372509,17.8247306 C13.6718841,18.2262173 13.8892007,18.7387873 13.8892007,19.3624405 C13.8892007,19.9860937 13.6718841,20.4986637 13.2372509,20.8985634 C12.8026176,21.3000501 12.2593261,21.5 11.6107195,21.5 C10.9604413,21.5 10.4171498,21.3000501 9.98084486,20.8985634 C9.54621162,20.4986637 9.33056666,19.9860937 9.33056666,19.3624405 C9.33056666,18.7387873 9.54621162,18.2262173 9.98084486,17.8247306 C10.4171498,17.4248309 10.9604413,17.224881 11.6107195,17.224881 Z M11.7929312,2.5 C13.6050175,2.5 15.0092172,3.11254489 16.0055303,3.98058131 C17.0018434,4.84861772 17.5,6.08481584 17.5,7.68600184 C17.5,8.38741335 17.3662667,9.0237618 17.0971284,9.59663409 C16.8279901,10.1695064 16.3983719,10.7566608 15.8049303,11.3549236 L14.4024023,12.7085526 C14.0045457,13.1052785 13.7588108,13.5448509 13.5732558,14.517623 C13.3776708,15.5332415 12.7574826,16.1378518 11.7628412,16.136268 C10.6996614,16.136268 9.9892032,15.4047022 9.96747153,14.3970183 C9.95744154,13.9288817 9.98251653,13.444876 10.2867598,12.6593586 C10.5308231,12.024597 10.9336947,11.4660068 11.5371662,10.7487263 C12.0453528,10.142529 12.595331,9.74580306 12.9079326,9.3125783 C13.2222059,8.87776664 13.3776708,8.39852167 13.3776708,7.8764303 C13.3776708,6.6037334 12.8912159,6.10703249 11.9550828,5.97690637 C11.4719712,5.91184331 10.962113,6.06101228 10.6812731,6.44345611 C10.4505831,6.75766308 10.4238364,6.92270108 10.3268798,7.17343189 C10.0493832,7.89388624 9.37402999,8.32393719 8.55324182,8.32393719 L8.43121018,8.32393719 C6.98187547,8.32393719 6.20789397,6.96713439 6.60240722,5.64206966 C6.78127552,5.04221999 6.99859214,4.62962499 7.55024203,4.08690387 C8.52983849,3.12206632 9.97248653,2.5 11.7929312,2.5 Z" })));
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.0971284,9.39663409 C16.8279901,9.96950639 16.3983719,10.5566608 15.8049303,11.1549236 L14.4024023,12.5085526 C14.0045457,12.9052785 13.7588108,13.3448509 13.5732558,14.317623 C13.3776708,15.3332415 12.7574826,15.9378518 11.7628412,15.936268 C10.6996614,15.936268 9.9892032,15.2047022 9.96747153,14.1970183 C9.95744154,13.7288817 9.98251653,13.244876 10.2867598,12.4593586 C10.5308231,11.824597 10.9336947,11.2660068 11.5371662,10.5487263 C12.0453528,9.94252902 12.595331,9.54580306 12.9079326,9.1125783 C13.2222059,8.67776664 13.3776708,8.19852167 13.3776708,7.6764303 C13.3776708,6.4037334 12.8912159,5.90703249 11.9550828,5.77690637 C11.4719712,5.71184331 10.962113,5.86101228 10.6812731,6.24345611 C10.4505831,6.55766308 10.4238364,6.72270108 10.3268798,6.97343189 C10.0493832,7.69388624 9.37402999,8.12393719 8.55324182,8.12393719 L8.43121018,8.12393719 C6.98187547,8.12393719 6.20789397,6.76713439 6.60240722,5.44206966 C6.78127552,4.84221999 6.99859214,4.42962499 7.55024203,3.88690387 C8.52983849,2.92206632 9.97248653,2.3 11.7929312,2.3 C13.6050175,2.3 15.0092172,2.91254489 16.0055303,3.78058131 C17.0018434,4.64861772 17.5,5.88481584 17.5,7.48600184 C17.5,8.18741335 17.3662667,8.8237618 17.0971284,9.39663409 M13.4066842,21.0736825 C12.972051,21.4751691 12.4287594,21.675119 11.7801529,21.675119 C11.1298747,21.675119 10.5865831,21.4751691 10.1502782,21.0736825 C9.71564496,20.6737827 9.5,20.1612127 9.5,19.5375595 C9.5,18.9139063 9.71564496,18.4013363 10.1502782,17.9998497 C10.5865831,17.5999499 11.1298747,17.4 11.7801529,17.4 C12.4287594,17.4 12.972051,17.5999499 13.4066842,17.9998497 C13.8413174,18.4013363 14.0586341,18.9139063 14.0586341,19.5375595 C14.0586341,20.1612127 13.8413174,20.6737827 13.4066842,21.0736825" })));
 };
 exports.default = HelpWindow;

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

@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
 var Question = 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.0001,2 C17.5231,2 22.0001,6.477 22.0001,12 C22.0001,17.523 17.5231,22 12.0001,22 C6.4771,22 2.0001,17.523 2.0001,12 C2.0001,6.477 6.4771,2 12.0001,2 Z M11.7876652,14.8317533 C11.432968,14.8317533 11.1366272,14.9408168 10.8986427,15.158944 C10.66157,15.3779367 10.5439455,15.6575203 10.5439455,15.9976948 C10.5439455,16.3378693 10.66157,16.6174529 10.8986427,16.8355801 C11.1366272,17.0545728 11.432968,17.1636364 11.7876652,17.1636364 C12.1414506,17.1636364 12.4377914,17.0545728 12.6748641,16.8355801 C12.9119368,16.6174529 13.0304731,16.3378693 13.0304731,15.9976948 C13.0304731,15.6575203 12.9119368,15.3779367 12.6748641,15.158944 C12.4377914,14.9408168 12.1414506,14.8317533 11.7876652,14.8317533 Z M11.8870534,6.8 C10.8940836,6.8 10.1071846,7.1393089 9.57285929,7.66558393 C9.27195935,7.96161363 9.15342301,8.18666545 9.05585848,8.51385618 C8.84066944,9.23661876 9.26284117,9.97669301 10.0533874,9.97669301 L10.0533874,9.97669301 L10.1199501,9.97669301 C10.5676527,9.97669301 10.9360272,9.74211977 11.087389,9.34914467 C11.1402744,9.21238241 11.1548635,9.12236168 11.2806944,8.95097606 C11.4338798,8.74237033 11.7119843,8.66100544 11.9754997,8.69649439 C12.4861178,8.76747227 12.7514568,9.03840004 12.7514568,9.73259835 C12.7514568,10.0173755 12.6666577,10.2787818 12.495236,10.5159518 C12.324726,10.7522562 12.0247379,10.9686522 11.7475452,11.2993053 C11.4183789,11.6905492 11.1986308,11.9952347 11.0655053,12.3414683 C10.8995545,12.7699323 10.8858772,13.0339354 10.8913481,13.2892827 C10.9032017,13.8389285 11.2907244,14.2379644 11.8706406,14.2379644 C12.4131723,14.2388283 12.7514568,13.9090408 12.8581395,13.3550671 C12.9593513,12.8244641 13.0933886,12.5846974 13.3104013,12.3683014 L13.3104013,12.3683014 L14.0754166,11.6299583 C14.3991119,11.3036332 14.6334492,10.9833671 14.7802519,10.6708913 C14.9270546,10.3584155 15,10.0113164 15,9.62872827 C15,8.75535409 14.7282782,8.08106421 14.1848347,7.6075898 C13.6413912,7.1341154 12.8754641,6.8 11.8870534,6.8 Z" })));
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M16.1076,10.3121 C15.8976,10.7291 15.5616,11.1551 15.0976,11.5901 L14.0036,12.5741 C13.6916,12.8621 13.5016,13.1821 13.3556,13.8891 C13.2036,14.6281 12.7186,15.0671 11.9416,15.0661017 C11.1126,15.0661017 10.5566,14.5351 10.5406,13.8021 C10.5326,13.4611 10.5526,13.1101 10.7886,12.5391 C10.9806,12.0771 11.2946,11.6711 11.7656,11.1491 C12.1626,10.7091 12.5926,10.4211 12.8366,10.1051 C13.0816,9.7901 13.2026,9.4421 13.2026,9.0611 C13.2026,8.1361 12.8236,7.7751 12.0926,7.6811 C11.7156,7.6331 11.3176,7.7411 11.0966,8.0201 C10.9176,8.2481 10.8966,8.3681 10.8206,8.5511 C10.6046,9.0741 10.0766,9.3871 9.4356,9.3871 L9.3406,9.3871 C8.2086,9.3871 7.6036,8.4001 7.9126,7.4371 C8.0526,7.0011 8.2216,6.7011 8.6516,6.3071 C9.4186,5.6061 10.5436,5.1531 11.9656,5.1531 C13.3806,5.1531 14.4776,5.5981 15.2556,6.2291 C16.0336,6.8611 16.4216,7.7591 16.4216,8.9231 C16.4216,9.4321 16.3166,9.8951 16.1076,10.3121 M13.1926,18.8891 C12.8626,19.2031 12.4516,19.3601 11.9586,19.3601 C11.4656,19.3601 11.0536,19.2031 10.7246,18.8891 C10.3946,18.5761 10.2306,18.1741 10.2306,17.6861 C10.2306,17.1971 10.3946,16.7961 10.7246,16.4821 C11.0536,16.1691 11.4656,16.0121 11.9586,16.0121 C12.4516,16.0121 12.8626,16.1691 13.1926,16.4821 C13.5226,16.7961 13.6876,17.1971 13.6876,17.6861 C13.6876,18.1741 13.5226,18.5761 13.1926,18.8891 M11.9996,1.0001 C5.9246,1.0001 0.9996,5.9251 0.9996,12.0001 C0.9996,18.0751 5.9246,23.0001 11.9996,23.0001 C18.0756,23.0001 22.9996,18.0751 22.9996,12.0001 C22.9996,5.9251 18.0756,1.0001 11.9996,1.0001" })));
 };
 exports.default = Question;

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,6 +1,9 @@
 /// <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_bell_notification: ({ 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;
     readonly ic_call_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -8,6 +11,7 @@ declare const fillIcons: {
     readonly ic_chat: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_counseling: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_crm: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_chat_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_checkbox_indeterminate: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_checkbox_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -42,6 +46,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,7 +3,10 @@ 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 BellNotification_1 = __importDefault(require("./BellNotification"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Call_1 = __importDefault(require("./Call"));
 var CallEnd_1 = __importDefault(require("./CallEnd"));
@@ -11,6 +14,7 @@ var Camera_1 = __importDefault(require("./Camera"));
 var Chat_1 = __importDefault(require("./Chat"));
 var ChatCounseling_1 = __importDefault(require("./ChatCounseling"));
 var ChatCrm_1 = __importDefault(require("./ChatCrm"));
+var ChatNotification_1 = __importDefault(require("./ChatNotification"));
 var ChatOff_1 = __importDefault(require("./ChatOff"));
 var CheckboxIndeterminate_1 = __importDefault(require("./CheckboxIndeterminate"));
 var CheckboxOn_1 = __importDefault(require("./CheckboxOn"));
@@ -45,6 +49,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,7 +64,10 @@ 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_bell_notification: BellNotification_1.default,
     ic_bookmark: Bookmark_1.default,
     ic_call: Call_1.default,
     ic_call_end: CallEnd_1.default,
@@ -66,6 +75,7 @@ var fillIcons = {
     ic_chat: Chat_1.default,
     ic_chat_counseling: ChatCounseling_1.default,
     ic_chat_crm: ChatCrm_1.default,
+    ic_chat_notification: ChatNotification_1.default,
     ic_chat_off: ChatOff_1.default,
     ic_checkbox_indeterminate: CheckboxIndeterminate_1.default,
     ic_checkbox_on: CheckboxOn_1.default,
@@ -100,6 +110,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/BellNotification.js

@@ -30,7 +30,7 @@ var BellNotification = 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: "#FF463A", d: "M21.1617,6.5255 C21.1617,4.5925 19.5947,3.0255 17.6617,3.0255 C15.7287,3.0255 14.1617,4.5925 14.1617,6.5255 C14.1617,8.4585 15.7287,10.0255 17.6617,10.0255 C19.5947,10.0255 21.1617,8.4585 21.1617,6.5255" }),
-            react_1.default.createElement("path", { fill: color, d: "M12.0001,21.2205 C10.9431,21.2205 10.0831,20.3605 10.0831,19.3035 L13.9171,19.3035 C13.9171,20.3605 13.0571,21.2205 12.0001,21.2205 M17.6621,11.7255 C17.5991,11.7255 17.5401,11.7095 17.4781,11.7065 L17.4781,15.8095 C17.4781,16.2255 17.6481,16.6325 17.9421,16.9215 L18.8311,17.8035 L5.1581,17.8145 L6.0661,16.9145 C6.3601,16.6185 6.5221,16.2255 6.5221,15.8095 L6.5221,10.7655 C6.5221,8.7665 7.5221,6.1555 10.3411,5.3785 L11.3501,5.1005 L11.4371,4.0575 C11.4621,3.7565 11.7041,3.5295 12.0001,3.5295 C12.2951,3.5295 12.5421,3.7645 12.5641,4.0635 L12.6371,5.0975 L12.6821,5.1115 C12.8991,4.3505 13.2791,3.6635 13.7911,3.0875 C13.4371,2.4585 12.7731,2.0295 12.0001,2.0295 C10.9131,2.0295 10.0311,2.8685 9.9421,3.9325 C6.7091,4.8235 5.0221,7.7915 5.0221,10.7655 L5.0221,15.8095 C5.0221,15.8275 5.0151,15.8435 5.0021,15.8565 L4.0161,16.8345 C3.0831,17.7595 3.7681,19.3035 5.1131,19.3035 L8.5831,19.3035 C8.5831,21.1875 10.1161,22.7205 12.0001,22.7205 C13.8841,22.7205 15.4171,21.1875 15.4171,19.3035 L18.8871,19.3035 C20.2311,19.3035 20.9171,17.7595 19.9841,16.8345 L18.9981,15.8565 C18.9851,15.8435 18.9781,15.8275 18.9781,15.8095 L18.9781,11.5355 C18.5551,11.6475 18.1191,11.7255 17.6621,11.7255" }))));
+            react_1.default.createElement("path", { fill: "#FF463A", d: "M21.8747,6.9597 C21.8747,4.7507 20.0837,2.9597 17.8747,2.9597 C15.6657,2.9597 13.8747,4.7507 13.8747,6.9597 C13.8747,9.1687 15.6657,10.9597 17.8747,10.9597 C20.0837,10.9597 21.8747,9.1687 21.8747,6.9597" }),
+            react_1.default.createElement("path", { fill: color, d: "M11.9996,1.7897 C12.8486,1.7897 13.5676,2.3037 13.8866,3.0347 C13.3726,3.5577 12.9616,4.1807 12.6826,4.8717 L12.6376,4.8587 L12.5636,3.8247 C12.5426,3.5247 12.2946,3.2897 11.9996,3.2897 C11.7046,3.2897 11.4626,3.5167 11.4376,3.8177 L11.3506,4.8607 L10.3406,5.1397 C7.5226,5.9167 6.5216,8.5267 6.5216,10.5257 L6.5216,15.5697 C6.5216,15.9867 6.3516,16.3927 6.0556,16.6857 L5.1586,17.5747 L18.8306,17.5647 L17.9416,16.6827 C17.6396,16.3797 17.4776,15.9867 17.4776,15.5697 L17.4776,12.5397 C17.6096,12.5487 17.7406,12.5597 17.8746,12.5597 C18.2526,12.5597 18.6206,12.5207 18.9776,12.4497 L18.9776,15.5697 C18.9776,15.5877 18.9846,15.6047 18.9976,15.6177 L19.9836,16.5947 C20.9166,17.5207 20.2316,19.0647 18.8866,19.0647 L15.4170999,19.0649075 C15.4165535,20.9484465 13.8837642,22.4809 12.0001,22.4809 C10.1161,22.4809 8.5831,20.9479 8.5831,19.0639 L8.58309066,19.0647 L5.1126,19.0647 C3.81494483,19.0647 3.13069275,17.6253468 3.9257187,16.692609 L4.0166,16.5947 L5.0016,15.6177 C5.0146,15.6047 5.0216,15.5877 5.0216,15.5697 L5.0216,10.5257 C5.0216,7.5527 6.7096,4.5847 9.9426,3.6937 C10.0306,2.6287 10.9126,1.7897 11.9996,1.7897 Z M13.9170907,19.0647 L10.0831003,19.0649134 C10.0836497,20.1214496 10.9434378,20.9809 12.0001,20.9809 C13.0571,20.9809 13.9171,20.1209 13.9171,19.0639 L13.9170907,19.0647 Z" }))));
 };
 exports.default = BellNotification;

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

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

package/dist/src/common/assets/icons/line/BookingExtension.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 BookingExtension = 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: "M13.9607,8 C15.3377,8 16.4537,9.116 16.4537,10.493 L16.4537,18.124 C16.4537,19.501 15.3377,20.617 13.9607,20.617 L4.0307,20.617 C2.6537,20.617 1.5367,19.501 1.5367,18.124 L1.5367,10.493 C1.5367,9.116 2.6537,8 4.0307,8 L13.9607,8 Z M14.9537,11.633 L3.0367,11.633 L3.0367,18.124 C3.0367,18.672 3.4827,19.117 4.0307,19.117 L13.9607,19.117 C14.5087,19.117 14.9537,18.672 14.9537,18.124 L14.9537,11.633 Z M5.0458,17.0816 C5.4578,17.0816 5.7918,17.4166 5.7918,17.8286 C5.7918,18.2406 5.4578,18.5746 5.0458,18.5746 C4.6338,18.5746 4.2998,18.2406 4.2998,17.8286 C4.2998,17.4166 4.6338,17.0816 5.0458,17.0816 Z M7.675,17.0816 C8.087,17.0816 8.421,17.4166 8.421,17.8286 C8.421,18.2406 8.087,18.5746 7.675,18.5746 C7.263,18.5746 6.929,18.2406 6.929,17.8286 C6.929,17.4166 7.263,17.0816 7.675,17.0816 Z M5.0458,14.749 C5.4578,14.749 5.7918,15.084 5.7918,15.496 C5.7918,15.908 5.4578,16.242 5.0458,16.242 C4.6338,16.242 4.2998,15.908 4.2998,15.496 C4.2998,15.084 4.6338,14.749 5.0458,14.749 Z M7.675,14.749 C8.087,14.749 8.421,15.084 8.421,15.496 C8.421,15.908 8.087,16.242 7.675,16.242 C7.263,16.242 6.929,15.908 6.929,15.496 C6.929,15.084 7.263,14.749 7.675,14.749 Z M10.3044,14.749 L10.4056269,14.7558299 C10.7697472,14.8053681 11.0504,15.1183333 11.0504,15.496 C11.0504,15.908 10.7164,16.242 10.3044,16.242 L10.2031731,16.2351898 C9.83905278,16.1857917 9.5584,15.8736667 9.5584,15.496 C9.5584,15.084 9.8924,14.749 10.3044,14.749 Z M12.9337,14.749 C13.3457,14.749 13.6797,15.084 13.6797,15.496 C13.6797,15.908 13.3457,16.242 12.9337,16.242 C12.5217,16.242 12.1877,15.908 12.1877,15.496 C12.1877,15.084 12.5217,14.749 12.9337,14.749 Z M7.675,12.4163 C8.087,12.4163 8.421,12.7513 8.421,13.1633 C8.421,13.5753 8.087,13.9093 7.675,13.9093 C7.263,13.9093 6.929,13.5753 6.929,13.1633 C6.929,12.7513 7.263,12.4163 7.675,12.4163 Z M10.3044,12.4163 L10.4056269,12.4231299 C10.7697472,12.4726681 11.0504,12.7856333 11.0504,13.1633 C11.0504,13.5753 10.7164,13.9093 10.3044,13.9093 L10.2031731,13.9024898 C9.83905278,13.8530917 9.5584,13.5409667 9.5584,13.1633 C9.5584,12.7513 9.8924,12.4163 10.3044,12.4163 Z M12.9337,12.4163 C13.3457,12.4163 13.6797,12.7513 13.6797,13.1633 C13.6797,13.5753 13.3457,13.9093 12.9337,13.9093 C12.5217,13.9093 12.1877,13.5753 12.1877,13.1633 C12.1877,12.7513 12.5217,12.4163 12.9337,12.4163 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.8327,6.2368 L22.3407,6.2368 M19.0869,2.9826 L19.0869,9.4906" }))));
+};
+exports.default = BookingExtension;

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

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