pds-dev-kit-web-test 0.2.33 → 0.2.34

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
-export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType };
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType, Language } from './src/common';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType, Language };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';
@@ -8,14 +8,14 @@ export { AdminListItemTransition, InputTransition, ButtonTransition } from './sr
 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_BasicButtonGroup, 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_SegmentedButtonGroup, D_Select, D_Slider, 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';
+import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, 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_SegmentedButtonGroup, D_Select, D_Slider, 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_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, 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_BasicButtonGroup, 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_SegmentedButtonGroup, D_Select, D_Slider, 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_DesktopTutorialModal, D_SectionSheet };
-export type { DesktopTutorialModalInfoType };
+export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_SectionSheet };
+export type { DesktopBasicModalWithTabInfoType, DesktopTutorialModalInfoType };
 import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, 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_SegmentedButtonGroup, M_Select, M_Slider, 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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = 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.D_TextButton = exports.D_StatusBlock = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = 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 = 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_BasicButtonGroup = 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 = void 0;
-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 = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = 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 = void 0;
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = 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_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = void 0;
+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 = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = 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_DesktopBasicModalWithTab = 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 = void 0;
+exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = 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_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -129,6 +129,7 @@ Object.defineProperty(exports, "D_UserDesktopSideTab", { enumerable: true, get:
 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_DesktopBasicModalWithTab", { enumerable: true, get: function () { return desktop_1.D_DesktopBasicModalWithTab; } });
 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; } });

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PageSetting = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M16.2693,10.0337 C16.6883,10.0337 17.0493,10.3107 17.1343,10.6977 L17.3853,11.8387 C17.7003,11.9687 17.9953,12.1327 18.2693,12.3237 L19.4443,11.9577 C19.8433,11.8327 20.2783,11.9897 20.4873,12.3317 L21.2013,13.4997 C21.4113,13.8417 21.3363,14.2757 21.0243,14.5387 L20.1023,15.3147 C20.1213,15.4737 20.1333,15.6347 20.1333,15.7977 C20.1333,15.9617 20.1213,16.1227 20.1023,16.2817 L21.0243,17.0567 C21.3363,17.3207 21.4113,17.7537 21.2013,18.0967 L20.4873,19.2647 C20.2773,19.6067 19.8433,19.7627 19.4443,19.6387 L18.2693,19.2727 C17.9953,19.4637 17.7003,19.6277 17.3853,19.7577 L17.1343,20.8987 C17.0493,21.2857 16.6883,21.5627 16.2693,21.5627 L14.8413,21.5627 C14.4223,21.5627 14.0613,21.2857 13.9763,20.8987 L13.7253,19.7577 C13.4103,19.6277 13.1153,19.4637 12.8413,19.2727 L11.6663,19.6387 C11.2673,19.7627 10.8323,19.6067 10.6233,19.2647 L9.9093,18.0967 C9.6993,17.7537 9.7743,17.3207 10.0863,17.0567 L11.0083,16.2817 C10.9893,16.1227 10.9773,15.9617 10.9773,15.7977 C10.9773,15.6347 10.9893,15.4737 11.0083,15.3147 L10.0863,14.5397 C9.7743,14.2757 9.6993,13.8417 9.9093,13.4997 L10.6233,12.3317 C10.8323,11.9897 11.2673,11.8327 11.6663,11.9577 L12.8413,12.3237 C13.1153,12.1327 13.4103,11.9687 13.7253,11.8387 L13.9763,10.6977 C14.0613,10.3107 14.4223,10.0337 14.8413,10.0337 Z M14.7615,2.7005 C16.1645,2.7005 17.3045,3.8415 17.3045,5.2445 L17.3045,8.6985 C16.9855,8.5505 16.6345,8.4615 16.2645,8.4615 L15.3045,8.4615 L15.3045,5.2445 C15.3045,4.9445 15.0605,4.7005 14.7615,4.7005 L9.0295,4.7005 L9.0305,7.3165 C9.0305,7.9575 8.5105,8.4775 7.8695,8.4775 L5.1275,8.4785 L5.1275,16.8855 C5.1275,17.1855 5.3715,17.4285 5.6705,17.4285 L8.2375,17.4285 C8.1815,17.9335 8.2805,18.4575 8.5605,18.9215 L8.8755,19.4285 L5.6705,19.4285 C4.2685,19.4285 3.1275,18.2875 3.1275,16.8855 L3.1275,8.3805 C3.1275,8.3205 3.1515,8.2675 3.1615,8.2105 C3.1105,8.0715 3.1295,7.9065 3.2545,7.7835 L8.2725,2.8355 C8.4005,2.7095 8.5675,2.6925 8.7135,2.7375 C8.7745,2.7255 8.8315,2.7005 8.8975,2.7005 Z M15.5553,13.8767 C14.4943,13.8767 13.6333,14.7367 13.6333,15.7977 C13.6333,16.8597 14.4943,17.7197 15.5553,17.7197 C16.6163,17.7197 17.4773,16.8597 17.4773,15.7977 C17.4773,14.7367 16.6163,13.8767 15.5553,13.8767 Z" }) })));
+};
+exports.default = PageSetting;

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

@@ -69,6 +69,7 @@ declare const fillIcons: {
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_moon: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_more: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_page_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_paint: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_palette: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_paper_plane: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -72,6 +72,7 @@ var MicOn_1 = __importDefault(require("./MicOn"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var Moon_1 = __importDefault(require("./Moon"));
 var More_1 = __importDefault(require("./More"));
+var PageSetting_1 = __importDefault(require("./PageSetting"));
 var Paint_1 = __importDefault(require("./Paint"));
 var Palette_1 = __importDefault(require("./Palette"));
 var PaperPlane_1 = __importDefault(require("./PaperPlane"));
@@ -194,6 +195,7 @@ var fillIcons = {
     ic_minus_circle: MinusCircle_1.default,
     ic_moon: Moon_1.default,
     ic_more: More_1.default,
+    ic_page_setting: PageSetting_1.default,
     ic_paint: Paint_1.default,
     ic_palette: Palette_1.default,
     ic_paper_plane: PaperPlane_1.default,

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BlockUser = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M8.388,3.1333 C9.54,3.1333 10.478,4.0703 10.478,5.2233 C10.478,6.3763 9.54,7.3143 8.388,7.3143 C7.235,7.3143 6.297,6.3763 6.297,5.2233 C6.297,4.0703 7.235,3.1333 8.388,3.1333 M8.388,8.8143 C10.367,8.8143 11.978,7.2033 11.978,5.2233 C11.978,3.2443 10.367,1.6333 8.388,1.6333 C6.408,1.6333 4.797,3.2443 4.797,5.2233 C4.797,7.2033 6.408,8.8143 8.388,8.8143 M16.6414,10.0577 C18.3324,10.0577 19.8654,10.7437 20.9784,11.8517 C20.9824,11.8557 20.9884,11.8567 20.9934,11.8607 C20.9974,11.8647 20.9984,11.8707 21.0024,11.8747 C22.1094,12.9887 22.7954,14.5217 22.7954,16.2127 C22.7954,19.6057 20.0354,22.3667 16.6414,22.3667 C14.9524,22.3667 13.4204,21.6817 12.3074,20.5757 C12.3014,20.5707 12.2944,20.5697 12.2894,20.5647 C12.2844,20.5597 12.2834,20.5527 12.2784,20.5477 C11.1724,19.4337 10.4874,17.9017 10.4874,16.2127 C10.4874,12.8187 13.2474,10.0577 16.6414,10.0577 Z M20.4104,13.5037 L13.9334,19.9817 C14.6974,20.5327 15.6284,20.8667 16.6414,20.8667 C19.2074,20.8667 21.2954,18.7787 21.2954,16.2127 C21.2954,15.1997 20.9614,14.2687 20.4104,13.5037 Z M16.6414,11.5577 C14.0754,11.5577 11.9874,13.6457 11.9874,16.2127 C11.9874,17.2247 12.3214,18.1567 12.8724,18.9207 L19.3494,12.4437 C18.5854,11.8917 17.6544,11.5577 16.6414,11.5577 Z M8.4069,9.4419 C9.8079,9.4419 11.1149,9.8469 12.2389,10.5329 C11.8279,10.8529 11.4479,11.2109 11.1149,11.6109 C10.3009,11.1869 9.3809,10.9419 8.4069,10.9419 C5.6749,10.9419 3.3349,12.7979 2.7169,15.4549 C2.6729,15.6429 2.7549,15.7839 2.8079,15.8499 C2.9009,15.9669 3.0389,16.0339 3.1859,16.0339 L9.4539,16.0339 C9.4529,16.0939 9.4449,16.1519 9.4449,16.2129 C9.4449,16.6639 9.4919,17.1049 9.5719,17.5339 L3.1859,17.5339 C2.5789,17.5339 2.0129,17.2599 1.6339,16.7829 C1.2569,16.3089 1.1199,15.7009 1.2559,15.1149 C2.0319,11.7749 4.9729,9.4419 8.4069,9.4419 Z" }) })));
+};
+exports.default = BlockUser;

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PageSetting = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M16.269,10.034 L16.3816935,10.0407423 C16.7515207,10.0852727 17.0576364,10.3461818 17.134,10.698 L17.385,11.838 L17.6174844,11.9423281 C17.8461875,12.052625 18.0635,12.1805 18.269,12.323 L19.445,11.957 L19.565248,11.928134 C19.92775,11.86625 20.299,12.0242 20.488,12.332 L21.201,13.5 L21.255526,13.605313 C21.39382,13.92772 21.3058,14.3014 21.025,14.539 L20.102,15.314 L20.124625,15.5545 L20.133,15.798 L20.124625,16.0415 L20.102,16.282 L21.025,17.057 L21.111414,17.140768 C21.34896,17.40589 21.39,17.7883 21.201,18.097 L20.488,19.264 L20.418512,19.361197 C20.19137,19.6354 19.8032,19.7506 19.445,19.639 L18.269,19.272 L18.0595781,19.4102344 C17.84625,19.5433125 17.62125,19.6605 17.385,19.758 L17.134,20.899 L17.1043644,21.0016927 C16.9837107,21.3340744 16.6499091,21.563 16.269,21.563 L14.841,21.563 L14.7285545,21.5562577 C14.3594711,21.5117273 14.0532727,21.2508182 13.976,20.899 L13.725,19.758 L13.4926563,19.6540781 C13.2641875,19.543875 13.04725,19.41525 12.841,19.272 L11.666,19.639 L11.545726,19.667893 C11.18308,19.72993 10.8112,19.5727 10.624,19.264 L9.909,18.097 L9.854502,17.991632 C9.71637,17.66891 9.8052,17.2937 10.086,17.057 L11.008,16.282 L10.985375,16.0415 L10.977,15.798 L10.985375,15.5545 L11.008,15.314 L10.086,14.539 L9.999558,14.455017 C9.76185,14.18949 9.72,13.8087 9.909,13.5 L10.624,12.332 L10.692974,12.235046 C10.91882,11.96141 11.3078,11.8454 11.666,11.957 L12.841,12.323 L13.0508438,12.1854844 C13.2643125,12.0530625 13.48875,11.93625 13.725,11.838 L13.976,10.698 L14.0058835,10.5953073 C14.127281,10.2629256 14.461,10.034 14.841,10.034 L16.269,10.034 Z M14.7455,2.8284 C16.0405,2.8284 17.0945,3.8814 17.0945,5.1774 L17.0945,8.6044 C16.8335,8.5124 16.5535,8.4614 16.2645,8.4614 L15.5945,8.4614 L15.5945,5.1774 C15.5945,4.7094 15.2135,4.3284 14.7455,4.3284 L9.1345,4.3284 L9.1345,7.4964 C9.1345,8.1374 8.6155,8.6574 7.9735,8.6574 L4.7075,8.6584 L4.7075,16.9014 C4.7075,17.3704 5.0895,17.7514 5.5585,17.7514 L8.2195,17.7514 C8.2295,18.1524 8.3395,18.5554 8.5605,18.9214 L8.7655,19.2514 L5.5585,19.2514 C4.2625,19.2514 3.2075,18.1974 3.2075,16.9014 L3.2075,8.4294 C3.2075,8.3584 3.2295,8.2944 3.2485,8.2294 C3.2525,8.1344 3.2795,8.0404 3.3585,7.9624 L8.3765,3.0154 C8.4335,2.9604 8.4995,2.9374 8.5655,2.9174 C8.6675,2.8654 8.7795,2.8284 8.9035,2.8284 Z M15.556,13.877 L15.4058605,13.8827792 C14.4149524,13.9593605 13.634,14.7875238 13.634,15.798 C13.634,16.859 14.495,17.72 15.556,17.72 L15.7061329,17.7142142 C16.6969546,17.6375465 17.477,16.8084762 17.477,15.798 L17.4712208,15.6478671 C17.3946395,14.6570454 16.5664762,13.877 15.556,13.877 Z" }) })));
+};
+exports.default = PageSetting;

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

@@ -24,6 +24,7 @@ declare const lineIcons: {
     readonly ic_audio: ({ 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_block_user: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_completed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_extension: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -114,6 +115,7 @@ declare const lineIcons: {
     readonly ic_open_page: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_order: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_pages: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_page_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_expand: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_reduce: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_paint: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -27,6 +27,7 @@ var ArrowUpBold_1 = __importDefault(require("./ArrowUpBold"));
 var Audio_1 = __importDefault(require("./Audio"));
 var Bell_1 = __importDefault(require("./Bell"));
 var BellNotification_1 = __importDefault(require("./BellNotification"));
+var BlockUser_1 = __importDefault(require("./BlockUser"));
 var Booking_1 = __importDefault(require("./Booking"));
 var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
 var BookingExtension_1 = __importDefault(require("./BookingExtension"));
@@ -117,6 +118,7 @@ var News_1 = __importDefault(require("./News"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
 var Pages_1 = __importDefault(require("./Pages"));
+var PageSetting_1 = __importDefault(require("./PageSetting"));
 var PageSizeExpand_1 = __importDefault(require("./PageSizeExpand"));
 var PageSizeReduce_1 = __importDefault(require("./PageSizeReduce"));
 var Paint_1 = __importDefault(require("./Paint"));
@@ -277,6 +279,7 @@ var lineIcons = {
     ic_audio: Audio_1.default,
     ic_bell: Bell_1.default,
     ic_bell_notification: BellNotification_1.default,
+    ic_block_user: BlockUser_1.default,
     ic_booking: Booking_1.default,
     ic_booking_completed: BookingCompleted_1.default,
     ic_booking_extension: BookingExtension_1.default,
@@ -367,6 +370,7 @@ var lineIcons = {
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
     ic_pages: Pages_1.default,
+    ic_page_setting: PageSetting_1.default,
     ic_page_size_expand: PageSizeExpand_1.default,
     ic_page_size_reduce: PageSizeReduce_1.default,
     ic_paint: Paint_1.default,

package/dist/src/common/index.d.ts

@@ -1,5 +1,5 @@
 export { UITheme } from './styles/colorSet/ui-type';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
 export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';

package/dist/src/common/styles/colorSet/UIColor.json

@@ -829,5 +829,10 @@
     "ui_sw_sidebar_label_icon_normal_02": "sys_sw_sidebar_label_icon_normal_02",
     "ui_104": "sys_text_black_02",
     "ui_sw_sidebar_item_text_disabled": "sys_sw_sidebar_item_text_disabled",
-    "ui_106": "sys_text_grey_05"
+    "ui_106": "sys_text_grey_05",
+    "ui_cpnt_modalwithtab_leftside_base": "sys_component_base_06",
+    "ui_cpnt_modalwithtab_sidetab_default": "sys_component_base_white_opacity00",
+    "ui_cpnt_modalwithtab_sidetab_hover": "sys_component_base_01",
+    "ui_cpnt_modalwithtab_sidetab_pressed": "sys_component_base_04",
+    "ui_107": "sys_component_border_white_opacity20"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -1641,6 +1641,11 @@ declare const colorSet: {
         ui_104: string;
         ui_sw_sidebar_item_text_disabled: string;
         ui_106: string;
+        ui_cpnt_modalwithtab_leftside_base: string;
+        ui_cpnt_modalwithtab_sidetab_default: string;
+        ui_cpnt_modalwithtab_sidetab_hover: string;
+        ui_cpnt_modalwithtab_sidetab_pressed: string;
+        ui_107: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -830,4 +830,9 @@ export interface UITheme {
     ui_104: string;
     ui_sw_sidebar_item_text_disabled: string;
     ui_106: string;
+    ui_cpnt_modalwithtab_leftside_base: string;
+    ui_cpnt_modalwithtab_sidetab_default: string;
+    ui_cpnt_modalwithtab_sidetab_hover: string;
+    ui_cpnt_modalwithtab_sidetab_pressed: string;
+    ui_107: string;
 }

package/dist/src/common/styles/theme.d.ts

@@ -109,6 +109,7 @@ export declare const spacing: {
     spacingM: string;
     spacingN: string;
 };
+export declare const language = "ko";
 declare const theme: DefaultTheme;
 type ToneType = 'DARK' | 'LIGHT';
 export declare const themeByGivenTone: (tone: ToneType) => any;

package/dist/src/common/styles/theme.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeByGivenTone = 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.themeByGivenTone = exports.language = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 var ui_colors_1 = require("./ui-colors");
 exports.fontWeight = {
     normal: '500',
@@ -123,7 +123,8 @@ exports.spacing = {
     spacingM: '288px',
     spacingN: '320px'
 };
-var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
-var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing })); };
+exports.language = 'ko';
+var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
+var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language })); };
 exports.themeByGivenTone = themeByGivenTone;
 exports.default = theme;

package/dist/src/common/types/styled-components.d.ts

@@ -111,5 +111,8 @@ export interface PdsDevKitTheme {
         spacingN: '320px';
     };
 }
+export interface Language {
+    language: string;
+}
 export type DesktopFontSize = keyof typeof desktopFontSize;
 export type FontWeight = keyof typeof fontWeight;

package/dist/src/desktop/components/BasicListItem/BasicListItem.js

@@ -64,7 +64,7 @@ function BasicListItem(_a) {
             }
         }
     };
-    return ((0, jsx_runtime_1.jsx)(S_BasicListItem, __assign({ "x-pds-name": "BasicListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", displayType: displayType, selectionMode: selectionMode, isSelected: isSelected, onClick: handleClick, hasOnClick: !!onClick, spacingMode: spacingMode }, { children: (0, jsx_runtime_1.jsxs)(S_BasicListItemBox, __assign({ imageIconMode: imageIconMode, captionText: captionText, spacingMode: spacingMode, dividerType: dividerType }, { children: [(0, jsx_runtime_1.jsxs)(LeftBox_1.LeftBox, __assign({ hasRightBox: displayType !== 'none' }, { children: [selectionMode === 'check' && checkboxId && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Checkbox, { id: checkboxId }), selectionMode === 'radio' && radioValue && radioId && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Radio, { id: radioId, value: radioValue, onChange: onClickRadio })), badgeMode === 'left' && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Badge, { status: badgeStatus }), imageIconMode === 'image' && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Image, { src: imageSrc, shape: imageShapeType }), imageIconMode === 'icon' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Icon, { name: iconName, fill: iconFillType === 'fill' })), (0, jsx_runtime_1.jsxs)(Contents_1.default, { children: [(0, jsx_runtime_1.jsx)(Contents_1.default.Title, { text: titleText, colorTheme: titleTextColorTheme === 'none' ? 'sysTextPrimary' : 'sysTextError', font: titleFontWeight === 'bold' ? 'body2Bold' : 'body2Regular' }), (0, jsx_runtime_1.jsx)(Contents_1.default.Caption, { text: captionText })] })] })), (0, jsx_runtime_1.jsxs)(RightBox_1.RightBox, __assign({ hasFixedHeight: displayType === 'text' }, { children: [(displayType === 'text' || displayType === 'ibtn_text') && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.Description, { text: descText, icon: displayType === 'ibtn_text' ? ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })) : undefined })), displayType === 'ibtn_amount1' && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })), displayType === 'ibtn_amount2' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn2IconName, fill: iBtn2IconFillType === 'fill', onClick: onClickIBtn2 }), (0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })] })), displayType === 'mbtn' && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.MainButton, { text: mBtnText, fill: mBtnFillType === 'fill', onClick: onClickMBtn })), displayType === 'switch' && switchName && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.Switch, { name: switchName, state: switchState, status: switchStatus, onClick: onClickSwitch }))] }))] })) })));
+    return ((0, jsx_runtime_1.jsx)(S_BasicListItem, __assign({ "x-pds-name": "BasicListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", displayType: displayType, selectionMode: selectionMode, isSelected: isSelected, onClick: handleClick, hasOnClick: !!onClick, spacingMode: spacingMode }, { children: (0, jsx_runtime_1.jsxs)(S_BasicListItemBox, __assign({ imageIconMode: imageIconMode, captionText: captionText, spacingMode: spacingMode, dividerType: dividerType }, { children: [(0, jsx_runtime_1.jsxs)(LeftBox_1.LeftBox, __assign({ hasRightBox: displayType !== 'none' }, { children: [selectionMode === 'check' && checkboxId && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Checkbox, { id: checkboxId }), selectionMode === 'radio' && radioValue && radioId && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Radio, { id: radioId, value: radioValue, onChange: onClickRadio })), badgeMode === 'left' && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Badge, { status: badgeStatus }), imageIconMode === 'image' && (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Image, { src: imageSrc, shape: imageShapeType }), imageIconMode === 'icon' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Icon, { name: iconName, fill: iconFillType === 'fill' })), (0, jsx_runtime_1.jsxs)(Contents_1.default, { children: [(0, jsx_runtime_1.jsx)(Contents_1.default.Title, { text: titleText, colorTheme: titleTextColorTheme === 'none' ? 'sysTextPrimary' : 'sysTextError', font: titleFontWeight === 'bold' ? 'body2Bold' : 'body2Regular' }), captionText && (0, jsx_runtime_1.jsx)(Contents_1.default.Caption, { text: captionText })] })] })), (0, jsx_runtime_1.jsxs)(RightBox_1.RightBox, __assign({ hasFixedHeight: displayType === 'text' }, { children: [(displayType === 'text' || displayType === 'ibtn_text') && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.Description, { text: descText, icon: displayType === 'ibtn_text' ? ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })) : undefined })), displayType === 'ibtn_amount1' && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })), displayType === 'ibtn_amount2' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn2IconName, fill: iBtn2IconFillType === 'fill', onClick: onClickIBtn2 }), (0, jsx_runtime_1.jsx)(RightBox_1.RightBox.IconButton, { iconName: iBtn1IconName, fill: iBtn1IconFillType === 'fill', onClick: handleIBtn1Click })] })), displayType === 'mbtn' && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.MainButton, { text: mBtnText, fill: mBtnFillType === 'fill', onClick: onClickMBtn })), displayType === 'switch' && switchName && ((0, jsx_runtime_1.jsx)(RightBox_1.RightBox.Switch, { name: switchName, state: switchState, status: switchStatus, onClick: onClickSwitch }))] }))] })) })));
 }
 var S_BasicListItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  cursor: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  cursor: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: ", ";\n"])), function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;

package/dist/src/desktop/components/TextLabel/TextLabel.js

@@ -44,10 +44,10 @@ var react_dom_1 = require("react-dom");
 var styled_components_1 = __importStar(require("styled-components"));
 var hybrid_1 = require("../../../hybrid");
 function TextLabel(_a) {
-    var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = _b === void 0 ? 'right_bottom' : _b, _c = _a.tooltipIconColorKey, tooltipIconColorKey = _c === void 0 ? 'ui_cpnt_icon_sys_grey_03' : _c, _d = _a.textAlign, textAlign = _d === void 0 ? 'left' : _d, _e = _a.styleTheme, styleTheme = _e === void 0 ? 'body2Bold' : _e, colorOverride = _a.colorOverride, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'sysTextPrimary' : _f, _g = _a.singleLineMode, singleLineMode = _g === void 0 ? 'none' : _g, _h = _a.ellipsisMode, ellipsisMode = _h === void 0 ? 'none' : _h, lineLimit = _a.lineLimit, _j = _a.userSelectMode, userSelectMode = _j === void 0 ? 'none' : _j, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _k = _a.textDecorationType, textDecorationType = _k === void 0 ? 'none' : _k, _l = _a.requirementMode, requirementMode = _l === void 0 ? 'none' : _l, _m = _a.bulletPointMode, bulletPointMode = _m === void 0 ? 'none' : _m, _o = _a.wordBreak, wordBreak = _o === void 0 ? 'keep_all' : _o, letterSpacing = _a.letterSpacing;
-    var _p = (0, react_1.useState)(false), isTooltipOpen = _p[0], setIsTooltipOpen = _p[1];
-    var _q = (0, react_1.useState)(null), tooltipSizeOffset = _q[0], setTooltipSizeOffset = _q[1];
-    var _r = (0, react_1.useState)(null), tooltipPositionOffset = _r[0], setTooltipPositionOffset = _r[1];
+    var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = _b === void 0 ? 'right_bottom' : _b, _c = _a.tooltipIconColorKey, tooltipIconColorKey = _c === void 0 ? 'ui_cpnt_icon_sys_grey_03' : _c, _d = _a.textAlign, textAlign = _d === void 0 ? 'left' : _d, _e = _a.styleTheme, styleTheme = _e === void 0 ? 'body2Bold' : _e, colorOverride = _a.colorOverride, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'sysTextPrimary' : _f, _g = _a.singleLineMode, singleLineMode = _g === void 0 ? 'none' : _g, _h = _a.ellipsisMode, ellipsisMode = _h === void 0 ? 'none' : _h, lineLimit = _a.lineLimit, _j = _a.userSelectMode, userSelectMode = _j === void 0 ? 'none' : _j, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _k = _a.textDecorationType, textDecorationType = _k === void 0 ? 'none' : _k, _l = _a.requirementMode, requirementMode = _l === void 0 ? 'none' : _l, _m = _a.bulletPointMode, bulletPointMode = _m === void 0 ? 'none' : _m, wordBreak = _a.wordBreak, letterSpacing = _a.letterSpacing;
+    var _o = (0, react_1.useState)(false), isTooltipOpen = _o[0], setIsTooltipOpen = _o[1];
+    var _p = (0, react_1.useState)(null), tooltipSizeOffset = _p[0], setTooltipSizeOffset = _p[1];
+    var _q = (0, react_1.useState)(null), tooltipPositionOffset = _q[0], setTooltipPositionOffset = _q[1];
     var tooltipRef = (0, react_1.useRef)(null);
     var tooltipPositionTargetRef = (0, react_1.useRef)(null);
     var handleTooltipOpen = function () {
@@ -376,17 +376,22 @@ var ellipsisStyle = (0, styled_components_1.css)(templateObject_35 || (templateO
 });
 var userSelectModeStyle = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  -khtml-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n"], ["\n  -khtml-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n"])));
 var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n  padding-left: 16px;\n  ::before {\n    content: '\u2022';\n    left: 0;\n    position: absolute;\n    width: 16px;\n  }\n"], ["\n  padding-left: 16px;\n  ::before {\n    content: '\u2022';\n    left: 0;\n    position: absolute;\n    width: 16px;\n  }\n"])));
-var S_TextLabel = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n  word-break: ", ";\n\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n  word-break: ", ";\n\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+var S_TextLabel = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  text-align: ", ";\n  white-space: pre-wrap;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var textAlign = _a.textAlign;
     return textAlign;
+}, function (_a) {
+    var theme = _a.theme;
+    return ['ko', 'ko-KR', 'ko-kr'].includes(theme.language)
+        ? 'word-break: keep-all'
+        : 'word-break: normal';
 }, function (_a) {
     var wordBreak = _a.wordBreak;
     return wordBreak &&
         {
-            normal: 'normal',
-            break_all: 'break-all',
-            keep_all: 'keep-all',
-            break_word: 'break-word'
+            normal: 'word-break: normal',
+            break_all: 'word-break: break-all',
+            keep_all: 'word-break: keep-all',
+            break_word: 'word-break: break-word'
         }[wordBreak];
 }, function (_a) {
     var $letterSpacing = _a.$letterSpacing;

package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js

@@ -72,7 +72,7 @@ function UploadIconButton(_a) {
     };
     return ((0, jsx_runtime_1.jsxs)(S_UploadIconButton, __assign({ "x-pds-name": "UploadIconButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, isDisabled: state === 'disabled', onPointerEnter: function () { return tooltipText && handleTooltipToggle(true); }, onPointerLeave: function () { return tooltipText && handleTooltipToggle(false); } }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, disabled: state === 'disabled', accept: accept, multiple: multipleMode === 'use', onChange: handleClick }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: iconSize, colorKey: IconColorSelect(), fillType: iconFillType }), tooltipText && isTooltipOpen && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: isTooltipOpen, tooltipPosition: tooltipPosition, baseSize: baseSize }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })))] })));
 }
-var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
+var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n\n  &:hover:not([disabled])::before {\n    background-color: unset;\n  }\n\n  &:active:not([disabled])::before {\n    background-color: unset;\n  }\n"], ["\n  background-color: ", ";\n\n  &:hover:not([disabled])::before {\n    background-color: unset;\n  }\n\n  &:active:not([disabled])::before {\n    background-color: unset;\n  }\n"])), function (_a) {
     var theme = _a.theme, baseColorKey = _a.baseColorKey;
     return baseColorKey === 'ui_cpnt_button_fill_base_transparent'
         ? ''
@@ -103,7 +103,7 @@ var line2ColorTheme = (0, styled_components_1.css)(templateObject_4 || (template
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_border_primary;
 });
-var lineDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  border-color: ", ";\n"], ["\n  background-color: ", ";\n  border-color: ", ";\n"])), function (_a) {
+var lineDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  border-color: ", ";\n\n  &:hover:not([disabled]) {\n    background-color: unset;\n  }\n\n  &:active:not([disabled]) {\n    background-color: unset;\n  }\n"], ["\n  background-color: ", ";\n  border-color: ", ";\n\n  &:hover:not([disabled]) {\n    background-color: unset;\n  }\n\n  &:active:not([disabled]) {\n    background-color: unset;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_default;
 }, function (_a) {

package/dist/src/desktop/index.d.ts

@@ -9,4 +9,4 @@ export { LayoutWT } from './layout/LayoutWT';
 export { GlobalMenuContainer as WTGlobalMenuContainer } from './layout/LayoutWT/Containers';
 export { ContainersBox as WTContainersBox } from './layout/LayoutWT/ContainersBox';
 export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, StatusBlock as D_StatusBlock, TextButton as D_TextButton, TextField as D_TextField, TextLabel as D_TextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab } from './components';
-export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet } from './panels';
+export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopBasicModalWithTab as D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet } from './panels';

package/dist/src/desktop/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.D_StatusBlock = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = 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 = 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_BasicButtonGroup = 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 = void 0;
-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 = void 0;
+exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = 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 = void 0;
 // layoutWF
 var LayoutWF_1 = require("./layout/LayoutWF");
 Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return LayoutWF_1.LayoutWF; } });
@@ -82,6 +82,7 @@ var panels_1 = require("./panels");
 Object.defineProperty(exports, "D_AnnotationSheet", { enumerable: true, get: function () { return panels_1.AnnotationSheet; } });
 Object.defineProperty(exports, "D_ContentSheet", { enumerable: true, get: function () { return panels_1.ContentSheet; } });
 Object.defineProperty(exports, "D_DesktopBasicModal", { enumerable: true, get: function () { return panels_1.DesktopBasicModal; } });
+Object.defineProperty(exports, "D_DesktopBasicModalWithTab", { enumerable: true, get: function () { return panels_1.DesktopBasicModalWithTab; } });
 Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return panels_1.DesktopHeadlessModal; } });
 Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get: function () { return panels_1.DesktopTutorialModal; } });
 Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return panels_1.SectionSheet; } });

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/SideTab.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PDSTabItemOption } from '../../../../../common/types';
+export type ItemType = PDSTabItemOption;
+type SideTabProps = {
+    itemArray: ItemType[];
+};
+declare function SideTab({ itemArray }: SideTabProps): JSX.Element;
+export default SideTab;

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/SideTab.js

@@ -0,0 +1,58 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var components_1 = require("../../../../components");
+function SideTab(_a) {
+    var itemArray = _a.itemArray;
+    var handleClickTabItem = function (item, e) {
+        if (item.onClick) {
+            item.onClick(e);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { children: itemArray.map(function (item, index) {
+            return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ onClick: function (e) { return handleClickTabItem(item, e); } }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: item.title, styleTheme: item.isActive ? 'subTitleBold' : 'subTitleRegular', colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary' }) }), index));
+        }) }));
+}
+var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  box-sizing: border-box;\n  cursor: pointer;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  & div {\n    line-height: 1.3;\n  }\n"], ["\n  background-color: ", ";\n  box-sizing: border-box;\n  cursor: pointer;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  & div {\n    line-height: 1.3;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_modalwithtab_sidetab_default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_modalwithtab_sidetab_hover;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_modalwithtab_sidetab_pressed;
+});
+exports.default = SideTab;
+var templateObject_1;

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/index.d.ts

@@ -0,0 +1 @@
+export { default as SideTab } from './SideTab';

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideTab = void 0;
+var SideTab_1 = require("./SideTab");
+Object.defineProperty(exports, "SideTab", { enumerable: true, get: function () { return __importDefault(SideTab_1).default; } });

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/index.d.ts

@@ -0,0 +1,2 @@
+import { SideTab } from './SideTab';
+export { SideTab };

package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideTab = void 0;
+var SideTab_1 = require("./SideTab");
+Object.defineProperty(exports, "SideTab", { enumerable: true, get: function () { return SideTab_1.SideTab; } });