pds-dev-kit-web-test 0.0.11 → 0.0.12

package/.vscode/settings.json

@@ -46,5 +46,5 @@
   "files.associations": {
     "*.stylelintrc": "jsonc"
   },
-  "cSpell.words": ["singleline"]
+  "cSpell.words": ["lotties", "singleline"]
 }

package/dist/index.d.ts

@@ -3,16 +3,18 @@ export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitThem
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { Form };
-import { Divider, Icon, ImageView, Spacing, Switch } from './src/hybrid';
-export { Divider, Icon, ImageView, Spacing, Switch };
-import { LayoutWF, WFContainersBox, 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_DesktopBasicModal, D_DesktopHeaderBar, D_DesktopHeadlessModal, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, 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 } from './src/desktop';
+import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
+export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
+import { LayoutWF, WFContainersBox, 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';
 export { LayoutWF, WFContainersBox };
 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_DesktopBasicModal, D_DesktopHeaderBar, D_DesktopHeadlessModal, D_DesktopTabBar, D_Dropdown, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, 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_DynamicDesktopNavBar, D_UserDesktopSideTab, D_DynamicDesktopNavBarTemplates };
-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_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog, M_MobileBasicModal, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton } from './src/mobile';
+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 };
+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 };
 export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
 export { LayoutMS, MSNavigationContainer, MSContainersBox };
-export { 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_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog, M_MobileBasicModal, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
+export { 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 };
+export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };

package/dist/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.D_DesktopTabBar = exports.D_DesktopHeadlessModal = exports.D_DesktopHeaderBar = exports.D_DesktopBasicModal = 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.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = 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_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 = 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_DynamicDesktopNavBarTemplates = exports.D_UserDesktopSideTab = exports.D_DynamicDesktopNavBar = 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_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_Dropdown = void 0;
-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_MobileBasicModal = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_Dropdown = exports.M_ContextMenuItem = void 0;
+exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = 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.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_Card = exports.M_BodyTextGroup = 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 = void 0;
+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 = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -27,6 +27,8 @@ var hybrid_1 = require("./src/hybrid");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return hybrid_1.Icon; } });
 Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return hybrid_1.ImageView; } });
+Object.defineProperty(exports, "LinearProgress", { enumerable: true, get: function () { return hybrid_1.LinearProgress; } });
+Object.defineProperty(exports, "LottieIcon", { enumerable: true, get: function () { return hybrid_1.LottieIcon; } });
 Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return hybrid_1.Spacing; } });
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return hybrid_1.Switch; } });
 // desktop
@@ -57,9 +59,7 @@ Object.defineProperty(exports, "D_Chip", { enumerable: true, get: function () {
 Object.defineProperty(exports, "D_ContextMenu", { enumerable: true, get: function () { return desktop_1.D_ContextMenu; } });
 Object.defineProperty(exports, "D_ContextMenuItem", { enumerable: true, get: function () { return desktop_1.D_ContextMenuItem; } });
 Object.defineProperty(exports, "D_DesktopAlertDialog", { enumerable: true, get: function () { return desktop_1.D_DesktopAlertDialog; } });
-Object.defineProperty(exports, "D_DesktopBasicModal", { enumerable: true, get: function () { return desktop_1.D_DesktopBasicModal; } });
 Object.defineProperty(exports, "D_DesktopHeaderBar", { enumerable: true, get: function () { return desktop_1.D_DesktopHeaderBar; } });
-Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return desktop_1.D_DesktopHeadlessModal; } });
 Object.defineProperty(exports, "D_DesktopTabBar", { enumerable: true, get: function () { return desktop_1.D_DesktopTabBar; } });
 Object.defineProperty(exports, "D_Dropdown", { enumerable: true, get: function () { return desktop_1.D_Dropdown; } });
 Object.defineProperty(exports, "D_DynamicDesktopNavBar", { enumerable: true, get: function () { return desktop_1.D_DynamicDesktopNavBar; } });
@@ -71,6 +71,7 @@ Object.defineProperty(exports, "D_Hero", { enumerable: true, get: function () {
 Object.defineProperty(exports, "D_HorizontalFormGroup", { enumerable: true, get: function () { return desktop_1.D_HorizontalFormGroup; } });
 Object.defineProperty(exports, "D_IconButton", { enumerable: true, get: function () { return desktop_1.D_IconButton; } });
 Object.defineProperty(exports, "D_ImageSlide", { enumerable: true, get: function () { return desktop_1.D_ImageSlide; } });
+Object.defineProperty(exports, "D_LottieReactionButton", { enumerable: true, get: function () { return desktop_1.D_LottieReactionButton; } });
 Object.defineProperty(exports, "D_MainButton", { enumerable: true, get: function () { return desktop_1.D_MainButton; } });
 Object.defineProperty(exports, "D_PageTitleTextGroup", { enumerable: true, get: function () { return desktop_1.D_PageTitleTextGroup; } });
 Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return desktop_1.D_Radio; } });
@@ -86,6 +87,11 @@ Object.defineProperty(exports, "D_UploadTextButton", { enumerable: true, get: fu
 Object.defineProperty(exports, "D_UserDesktopNavBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopNavBar; } });
 Object.defineProperty(exports, "D_UserDesktopTabBar", { enumerable: true, get: function () { return desktop_1.D_UserDesktopTabBar; } });
 Object.defineProperty(exports, "D_UserDesktopSideTab", { enumerable: true, get: function () { return desktop_1.D_UserDesktopSideTab; } });
+Object.defineProperty(exports, "D_AnnotationSheet", { enumerable: true, get: function () { return desktop_1.D_AnnotationSheet; } });
+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_SectionSheet", { enumerable: true, get: function () { return desktop_1.D_SectionSheet; } });
 // mobile
 var mobile_1 = require("./src/mobile");
 Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
@@ -115,12 +121,13 @@ Object.defineProperty(exports, "M_Chip", { enumerable: true, get: function () {
 Object.defineProperty(exports, "M_ContextMenu", { enumerable: true, get: function () { return mobile_1.M_ContextMenu; } });
 Object.defineProperty(exports, "M_ContextMenuItem", { enumerable: true, get: function () { return mobile_1.M_ContextMenuItem; } });
 Object.defineProperty(exports, "M_Dropdown", { enumerable: true, get: function () { return mobile_1.M_Dropdown; } });
+Object.defineProperty(exports, "M_FloatingActionButton", { enumerable: true, get: function () { return mobile_1.M_FloatingActionButton; } });
 Object.defineProperty(exports, "M_HorizontalFormGroup", { enumerable: true, get: function () { return mobile_1.M_HorizontalFormGroup; } });
 Object.defineProperty(exports, "M_IconButton", { enumerable: true, get: function () { return mobile_1.M_IconButton; } });
 Object.defineProperty(exports, "M_ImageSlide", { enumerable: true, get: function () { return mobile_1.M_ImageSlide; } });
+Object.defineProperty(exports, "M_LottieReactionButton", { enumerable: true, get: function () { return mobile_1.M_LottieReactionButton; } });
 Object.defineProperty(exports, "M_MainButton", { enumerable: true, get: function () { return mobile_1.M_MainButton; } });
 Object.defineProperty(exports, "M_MobileAlertDialog", { enumerable: true, get: function () { return mobile_1.M_MobileAlertDialog; } });
-Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return mobile_1.M_MobileBasicModal; } });
 Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: function () { return mobile_1.M_MobileHeaderBar; } });
 Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return mobile_1.M_MobileTabBar; } });
 Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return mobile_1.M_Radio; } });
@@ -133,3 +140,7 @@ Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function
 Object.defineProperty(exports, "M_UploadIconButton", { enumerable: true, get: function () { return mobile_1.M_UploadIconButton; } });
 Object.defineProperty(exports, "M_UploadMainButton", { enumerable: true, get: function () { return mobile_1.M_UploadMainButton; } });
 Object.defineProperty(exports, "M_UploadTextButton", { enumerable: true, get: function () { return mobile_1.M_UploadTextButton; } });
+Object.defineProperty(exports, "M_AnnotationSheet", { enumerable: true, get: function () { return mobile_1.M_AnnotationSheet; } });
+Object.defineProperty(exports, "M_ContentSheet", { enumerable: true, get: function () { return mobile_1.M_ContentSheet; } });
+Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return mobile_1.M_MobileBasicModal; } });
+Object.defineProperty(exports, "M_SectionSheet", { enumerable: true, get: function () { return mobile_1.M_SectionSheet; } });

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

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

package/dist/src/common/assets/icons/fill/Bookmark.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 Bookmark = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.2752,21.2916 L12.9662,18.9136 C12.3652,18.5816 11.6352,18.5816 11.0332,18.9136 L6.7252,21.2916 C5.7252,21.8436 4.5002,21.1206 4.5002,19.9786 L4.5002,6.0196 C4.5002,4.0866 6.0672,2.5196 8.0002,2.5196 L16.0002,2.5196 C17.9332,2.5196 19.5002,4.0866 19.5002,6.0196 L19.5002,19.9786 C19.5002,21.1206 18.2752,21.8436 17.2752,21.2916" })));
+};
+exports.default = Bookmark;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const fillIcons: {
     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;
     readonly ic_call_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_camera: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var Bell_1 = __importDefault(require("./Bell"));
+var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Call_1 = __importDefault(require("./Call"));
 var CallEnd_1 = __importDefault(require("./CallEnd"));
 var Camera_1 = __importDefault(require("./Camera"));
@@ -56,6 +57,7 @@ var VideoSubtitle_1 = __importDefault(require("./VideoSubtitle"));
 var Vodplus_1 = __importDefault(require("./Vodplus"));
 var fillIcons = {
     ic_bell: Bell_1.default,
+    ic_bookmark: Bookmark_1.default,
     ic_call: Call_1.default,
     ic_call_end: CallEnd_1.default,
     ic_camera: Camera_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: color, d: "M12.0003,2.02995 C13.0953,2.02995 13.9833,2.88195 14.0598,3.95745 C14.2923,4.02645 14.5038,4.12845 14.7228,4.21995 C14.4138,4.61295 14.1843,5.06445 14.0508,5.56095 L14.0508,5.56095 L13.7740222,5.44461667 L13.7740222,5.44461667 L13.6308,5.39445 L12.6378,5.09745 L12.5628,4.06395 C12.5418,3.76395 12.2943,3.52995 12.0003,3.52995 C11.7048,3.52995 11.4633,3.75645 11.4378,4.05645 L11.4378,4.05645 L11.3508,5.10045 L10.3413,5.37945 C7.5228,6.15645 6.5223,8.76645 6.5223,10.76595 L6.5223,10.76595 L6.5223,16.43295 L6.0603,16.91895 L5.1573,17.81445 L18.8313,17.80395 L17.9418,16.92195 L17.4978,16.48245 L17.4768,15.80895 L17.4768,10.76595 C17.4768,10.59195 17.4528,10.42545 17.4378,10.25595 C17.5128,10.26045 17.5848,10.27845 17.6613,10.27845 C18.1053,10.27845 18.5268,10.18695 18.9228,10.04445 C18.9468,10.28445 18.9768,10.52445 18.9768,10.76595 L18.9768,10.76595 L18.9768,15.80895 C18.9768,15.82695 18.9843,15.84345 18.9978,15.85695 L18.9978,15.85695 L19.9833,16.83495 C20.9163,17.76045 20.2308,19.30395 18.8868,19.30395 L18.8868,19.30395 L15.4172999,19.3043575 C15.4167535,21.1878965 13.8839642,22.72035 12.0003,22.72035 C10.1163,22.72035 8.5833,21.18735 8.5833,19.30335 L8.58285416,19.30395 L5.1123,19.30395 C3.81464483,19.30395 3.13085886,17.865063 3.92501688,16.9328073 L4.0158,16.83495 L5.0028,15.85695 C5.0148,15.84345 5.0223,15.82695 5.0223,15.80895 L5.0223,15.80895 L5.0223,10.76595 C5.0223,7.79295 6.7098,4.82445 9.9423,3.93195 C10.0308,2.86845 10.9128,2.02995 12.0003,2.02995 Z M13.9168542,19.30395 L10.0833003,19.3043571 C10.0838457,20.3613956 10.9431357,21.22035 12.0003,21.22035 C13.0578,21.22035 13.9173,20.36085 13.9173,19.30335 L13.9168542,19.30395 Z" }),
-            react_1.default.createElement("path", { fill: "#FF463A", d: "M20.41515,6.52515 C20.41515,5.00565 19.1833143,3.77415 17.6634002,3.77415 C16.1419857,3.77415 14.91015,5.00565 14.91015,6.52515 C14.91015,8.04615 16.1419857,9.27765 17.6634002,9.27765 C19.1833143,9.27765 20.41515,8.04615 20.41515,6.52515" }))));
+            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" }))));
 };
 exports.default = BellNotification;

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

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

package/dist/src/common/assets/icons/line/Bookmark.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 Bookmark = 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: "M15.9999,2.5196 L7.9999,2.5196 C6.0669,2.5196 4.4999,4.0866 4.4999,6.0196 L4.4999,19.9786 C4.4999,20.8516 5.2169,21.4806 6.0019,21.4806 C6.2429,21.4806 6.4899,21.4216 6.7249,21.2916 L11.0339,18.9136 C11.3339,18.7476 11.6669,18.6646 11.9999,18.6646 C12.3329,18.6646 12.6659,18.7476 12.9669,18.9136 L17.2749,21.2916 C17.5099,21.4216 17.7579,21.4806 17.9979,21.4806 C18.7829,21.4806 19.4999,20.8516 19.4999,19.9786 L19.4999,6.0196 C19.4999,4.0866 17.9329,2.5196 15.9999,2.5196 L15.9999,2.5196 Z M15.9999,4.0196 C17.1029,4.0196 17.9999,4.9166 17.9999,6.0196 L17.9999,19.9786 L13.6909,17.6006 C13.1749,17.3156 12.5899,17.1646 11.9999,17.1646 C11.4099,17.1646 10.8249,17.3156 10.3089,17.6006 L5.9999,19.9786 L5.9999,6.0196 C5.9999,4.9166 6.8969,4.0196 7.9999,4.0196 L15.9999,4.0196 Z" })));
+};
+exports.default = Bookmark;

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

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

package/dist/src/common/assets/icons/line/HeartCare.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 HeartCare = 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, strokeWidth: "1.5", d: "M16.981,3 C15.701,3 14.41,3.519 13.377,4.576 C12.807,5.161 12.454,5.672 12.248,6.022 C12.192,6.118 12.097,6.165 12.002,6.165 C11.905,6.165 11.806,6.115 11.749,6.017 C11.543,5.667 11.19,5.158 10.623,4.576 C9.59,3.519 8.299,3 7.019,3 C5.629,3 4.253,3.612 3.235,4.81 C1.404,6.966 1.672,10.216 3.629,12.259 L11.278,20.246 C11.671,20.657 12.329,20.657 12.722,20.246 L20.371,12.259 C22.326,10.218 22.596,6.972 20.769,4.815 C19.752,3.613 18.373,3 16.981,3" }),
+            react_1.default.createElement("path", { fill: color, d: "M15.145,10.75 L13.25,10.75 L13.25,8.855 C13.25,8.515 12.974,8.239 12.634,8.239 L11.366,8.239 C11.026,8.239 10.75,8.515 10.75,8.855 L10.75,10.75 L8.855,10.75 C8.515,10.75 8.239,11.026 8.239,11.366 L8.239,12.634 C8.239,12.974 8.515,13.25 8.855,13.25 L10.75,13.25 L10.75,15.145 C10.75,15.485 11.026,15.761 11.366,15.761 L12.634,15.761 C12.974,15.761 13.25,15.485 13.25,15.145 L13.25,13.25 L15.145,13.25 C15.485,13.25 15.76,12.974 15.76,12.634 L15.76,11.366 C15.76,11.026 15.485,10.75 15.145,10.75" }))));
+};
+exports.default = HeartCare;

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

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

package/dist/src/common/assets/icons/line/PhotoMultiple.js

@@ -0,0 +1,37 @@
+"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 PhotoMultiple = 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, strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.5929,21.5165 L5.4069,21.5165 C3.7509,21.5165 2.4069,20.1735 2.4069,18.5165 L2.4069,9.3305 C2.4069,7.6745 3.7509,6.3305 5.4069,6.3305 L14.5929,6.3305 C16.2499,6.3305 17.5929,7.6745 17.5929,9.3305 L17.5929,18.5165 C17.5929,20.1735 16.2499,21.5165 14.5929,21.5165 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinejoin: "round", strokeWidth: "1.5", d: "M6.2548,6.3309 L6.2548,5.4839 C6.2548,3.8269 7.5978,2.4839 9.2548,2.4839 L18.4408,2.4839 C20.0968,2.4839 21.4408,3.8269 21.4408,5.4839 L21.4408,14.6689 C21.4408,16.3259 20.0968,17.6689 18.4408,17.6689 L17.5928,17.6689" }),
+            react_1.default.createElement("path", { fill: color, d: "M14.6542,10.5486 C14.6542,9.7626 14.0162,9.1246 13.2302,9.1246 C12.4432,9.1246 11.8062,9.7626 11.8062,10.5486 C11.8062,11.3346 12.4432,11.9726 13.2302,11.9726 C14.0162,11.9726 14.6542,11.3346 14.6542,10.5486 M17.5929,15.9679 L15.7049,14.4989 C15.2169,14.1189 14.5379,14.1039 14.0339,14.4619 L12.5149,15.5389 C12.1609,15.7899 11.6809,15.7639 11.3559,15.4759 L8.2279,12.7039 C7.7119,12.2469 6.9399,12.2329 6.4079,12.6709 L2.4069,15.9679 C2.4069,18.0009 2.3169,21.5169 5.4069,21.5169 C8.4979,21.5169 13.0039,21.5899 14.5929,21.5169 C17.9399,21.3619 17.5929,15.9679 17.5929,15.9679" }))));
+};
+exports.default = PhotoMultiple;

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

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

package/dist/src/common/assets/icons/line/PostArticle.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 PostArticle = 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.5001,2.3207 C19.4331,2.3207 21.0001,3.8877 21.0001,5.8207 L21.0001,18.4617 C21.0001,20.3947 19.4331,21.9617 17.5001,21.9617 L6.5001,21.9617 C4.5671,21.9617 3.0001,20.3947 3.0001,18.4617 L3.0001,5.8207 C3.0001,3.8877 4.5671,2.3207 6.5001,2.3207 Z M11.9991,3.8207 L6.5001,3.8207 C5.3971,3.8207 4.5001,4.7177 4.5001,5.8207 L4.5001,18.4617 C4.5001,19.5647 5.3971,20.4617 6.5001,20.4617 L17.5001,20.4617 C18.6031,20.4617 19.5001,19.5647 19.5001,18.4617 L19.5001,5.8207 C19.5001,4.82432804 18.768145,3.99605278 17.8135845,3.84522386 L17.814,9.1078 C17.814,9.6158 17.222,9.8938 16.832,9.5688 L14.907,7.9678 L12.982,9.5688 C12.592,9.8938 12,9.6158 12,9.1078 L11.9991,3.8207 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M8.1673,13.4231 L15.8323,13.4231 M8.1673,16.476 L12.6833,16.476" }))));
+};
+exports.default = PostArticle;

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

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

package/dist/src/common/assets/icons/line/Unlock.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 Unlock = 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.7976,7.2085 C19.6206,7.2085 21.0976,8.6855 21.0976,10.5085 L21.0976,19.2805 C21.0976,21.1025 19.6206,22.5805 17.7976,22.5805 L6.2026,22.5805 C4.3796,22.5805 2.9026,21.1025 2.9026,19.2805 L2.9026,10.5085 C2.9026,8.6855 4.3796,7.2085 6.2026,7.2085 Z M17.7976,8.7085 L6.2026,8.7085 C5.2096,8.7085 4.4026,9.5155 4.4026,10.5085 L4.4026,19.2805 C4.4026,20.2725 5.2096,21.0805 6.2026,21.0805 L17.7976,21.0805 C18.7896,21.0805 19.5976,20.2725 19.5976,19.2805 L19.5976,10.5085 C19.5976,9.5155 18.7896,8.7085 17.7976,8.7085 Z M11.9999,11.2656 C13.1489,11.2656 14.0809,12.1976 14.0809,13.3466 C14.0809,14.16216 13.6113436,14.868392 12.9279209,15.209606 L12.9272,18.1343 C12.9272,18.5543 12.5862,18.8953 12.1662,18.8953 L11.8342,18.8953 C11.4132,18.8953 11.0732,18.5543 11.0732,18.1343 L11.0725463,15.2099389 C10.388762,14.8688516 9.9189,14.1624254 9.9189,13.3466 C9.9189,12.1976 10.8509,11.2656 11.9999,11.2656 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M7.4784,7.8186 L7.4784,5.8946 C7.4784,3.4226 9.2904,1.4196 11.5264,1.4196 L12.4734,1.4196 C13.5094,1.4196 14.4544,1.8496 15.1704,2.5566" }))));
+};
+exports.default = Unlock;

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

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

package/dist/src/common/assets/icons/line/VodShorts.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 VodShorts = 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: "M9.522,13.5685 L9.522,11.1285 C9.522,10.4045 10.305,9.9525 10.932,10.3145 L13.045,11.5345 L15.158,12.7545 C15.785,13.1165 15.785,14.0205 15.158,14.3825 L13.045,15.6025 L10.932,16.8225 C10.305,17.1845 9.522,16.7325 9.522,16.0085 L9.522,13.5685 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M16.5,21.5 L7.5,21.5 C5.567,21.5 4,19.933 4,18 L4,6 C4,4.067 5.567,2.5 7.5,2.5 L16.5,2.5 C18.433,2.5 20,4.067 20,6 L20,18 C20,19.933 18.433,21.5 16.5,21.5 Z M4.5,6.2469 L19.5,6.2469 M10.2685,2.6578 L8.4255,5.9738 M15.5741,2.6906 L13.7311,6.0066" }))));
+};
+exports.default = VodShorts;

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

@@ -20,6 +20,7 @@ declare const lineIcons: {
     readonly ic_booking_history: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_business: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_camera: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -48,6 +49,7 @@ declare const lineIcons: {
     readonly ic_filter: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_folder: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ghost: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_heart_care: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_home: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_internal: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -77,9 +79,11 @@ declare const lineIcons: {
     readonly ic_payment_regularly: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_payment_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_photo: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_photo_multiple: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_plan: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_plus: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_plus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_post_article: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_blog: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_column: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_community_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -128,6 +132,7 @@ declare const lineIcons: {
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_trashcan: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_unavailable: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_unlock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_upload: ({ 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;
@@ -142,6 +147,7 @@ declare const lineIcons: {
     readonly ic_vodclass: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_vodplus: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_vods: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_vod_shorts: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_warning: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_weblink: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_xmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -23,6 +23,7 @@ var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
 var BookingHistory_1 = __importDefault(require("./BookingHistory"));
 var BookingPapp_1 = __importDefault(require("./BookingPapp"));
 var BookingTicket_1 = __importDefault(require("./BookingTicket"));
+var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Business_1 = __importDefault(require("./Business"));
 var Call_1 = __importDefault(require("./Call"));
 var Camera_1 = __importDefault(require("./Camera"));
@@ -51,6 +52,7 @@ var EyeClose_1 = __importDefault(require("./EyeClose"));
 var Filter_1 = __importDefault(require("./Filter"));
 var Folder_1 = __importDefault(require("./Folder"));
 var Ghost_1 = __importDefault(require("./Ghost"));
+var HeartCare_1 = __importDefault(require("./HeartCare"));
 var Home_1 = __importDefault(require("./Home"));
 var Information_1 = __importDefault(require("./Information"));
 var Internal_1 = __importDefault(require("./Internal"));
@@ -80,9 +82,11 @@ var PaymentOnetime_1 = __importDefault(require("./PaymentOnetime"));
 var PaymentRegularly_1 = __importDefault(require("./PaymentRegularly"));
 var PaymentSetting_1 = __importDefault(require("./PaymentSetting"));
 var Photo_1 = __importDefault(require("./Photo"));
+var PhotoMultiple_1 = __importDefault(require("./PhotoMultiple"));
 var Plan_1 = __importDefault(require("./Plan"));
 var Plus_1 = __importDefault(require("./Plus"));
 var PlusCircle_1 = __importDefault(require("./PlusCircle"));
+var PostArticle_1 = __importDefault(require("./PostArticle"));
 var PostBlog_1 = __importDefault(require("./PostBlog"));
 var PostColumn_1 = __importDefault(require("./PostColumn"));
 var PostCommunityP_1 = __importDefault(require("./PostCommunityP"));
@@ -131,6 +135,7 @@ var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
 var Trashcan_1 = __importDefault(require("./Trashcan"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
+var Unlock_1 = __importDefault(require("./Unlock"));
 var Upload_1 = __importDefault(require("./Upload"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
@@ -145,6 +150,7 @@ var Vod_1 = __importDefault(require("./Vod"));
 var VodClass_1 = __importDefault(require("./VodClass"));
 var Vodplus_1 = __importDefault(require("./Vodplus"));
 var Vods_1 = __importDefault(require("./Vods"));
+var VodShorts_1 = __importDefault(require("./VodShorts"));
 var Warning_1 = __importDefault(require("./Warning"));
 var Weblink_1 = __importDefault(require("./Weblink"));
 var Xmark_1 = __importDefault(require("./Xmark"));
@@ -169,6 +175,7 @@ var lineIcons = {
     ic_booking_history: BookingHistory_1.default,
     ic_booking_papp: BookingPapp_1.default,
     ic_booking_ticket: BookingTicket_1.default,
+    ic_bookmark: Bookmark_1.default,
     ic_business: Business_1.default,
     ic_call: Call_1.default,
     ic_camera: Camera_1.default,
@@ -197,6 +204,7 @@ var lineIcons = {
     ic_filter: Filter_1.default,
     ic_folder: Folder_1.default,
     ic_ghost: Ghost_1.default,
+    ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
     ic_information: Information_1.default,
     ic_internal: Internal_1.default,
@@ -226,9 +234,11 @@ var lineIcons = {
     ic_payment_regularly: PaymentRegularly_1.default,
     ic_payment_setting: PaymentSetting_1.default,
     ic_photo: Photo_1.default,
+    ic_photo_multiple: PhotoMultiple_1.default,
     ic_plan: Plan_1.default,
     ic_plus: Plus_1.default,
     ic_plus_circle: PlusCircle_1.default,
+    ic_post_article: PostArticle_1.default,
     ic_post_blog: PostBlog_1.default,
     ic_post_column: PostColumn_1.default,
     ic_post_community_p: PostCommunityP_1.default,
@@ -277,6 +287,7 @@ var lineIcons = {
     ic_toggle_up: ToggleUp_1.default,
     ic_trashcan: Trashcan_1.default,
     ic_unavailable: Unavailable_1.default,
+    ic_unlock: Unlock_1.default,
     ic_upload: Upload_1.default,
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
@@ -291,6 +302,7 @@ var lineIcons = {
     ic_vodclass: VodClass_1.default,
     ic_vodplus: Vodplus_1.default,
     ic_vods: Vods_1.default,
+    ic_vod_shorts: VodShorts_1.default,
     ic_warning: Warning_1.default,
     ic_weblink: Weblink_1.default,
     ic_xmark: Xmark_1.default