pds-dev-kit-web 2.1.7 → 2.1.9

package/dist/src/common/assets/icons/line/Text.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 Text = 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.jsxs)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M17.25,3.2501 L6.75,3.2501 C4.817,3.2501 3.25,4.8171 3.25,6.7501 L3.25,17.2501 C3.25,19.1831 4.817,20.7501 6.75,20.7501 L17.25,20.7501 C19.183,20.7501 20.75,19.1831 20.75,17.2501 L20.75,6.7501 C20.75,4.8171 19.183,3.2501 17.25,3.2501 L17.25,3.2501 Z M17.25,4.7501 C18.353,4.7501 19.25,5.6471 19.25,6.7501 L19.25,17.2501 C19.25,18.3531 18.353,19.2501 17.25,19.2501 L6.75,19.2501 C5.647,19.2501 4.75,18.3531 4.75,17.2501 L4.75,6.7501 C4.75,5.6471 5.647,4.7501 6.75,4.7501 L17.25,4.7501 Z", fill: color }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M8.4645,8.7795 L15.5355,8.7795 M12,8.7795 L12,15.8505", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = Text;

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

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Trashcan = 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.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.283628,4.05 C19.7840123,4.05 21,5.0993809 21,6.39419222 L21,6.39419222 L21,7.52317217 C21,8.09097877 20.4665642,8.55 19.810146,8.55 L19.810146,8.55 L19.184,8.55 L19.18455,20.46525 C19.18455,21.8541923 18.1028192,22.9893439 16.7354539,23.0746086 L16.57005,23.07975 L7.43055,23.07975 C5.98605,23.07975 4.81605,21.90975 4.81605,20.46525 L4.81605,20.46525 L4.816,8.55 L4.18985396,8.55 C3.57719703,8.55 3.07167136,8.15014151 3.00699086,7.63517925 L3,7.52317217 L3,6.39419222 C3,5.0993809 4.2159877,4.05 5.71637202,4.05 L5.71637202,4.05 Z M17.68455,8.73675 L6.31605,8.73675 L6.31605,20.46525 C6.31605,21.08025 6.81555,21.57975 7.43055,21.57975 L7.43055,21.57975 L16.57005,21.57975 C17.18505,21.57975 17.68455,21.08025 17.68455,20.46525 L17.68455,20.46525 L17.68455,8.73675 Z M18.283628,5.37665094 L5.71637202,5.37665094 C5.066103,5.37665094 4.53727902,5.83301887 4.53727902,6.39419222 L4.53727902,6.39419222 L4.53727902,7.22334906 L19.462721,7.22334906 L19.462721,6.39419222 C19.462721,5.83301887 18.933897,5.37665094 18.283628,5.37665094 L18.283628,5.37665094 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.11345,4.05 C15.69345,2.95564768 14.74395,1.99210867 13.63845,2.00006181 L10.35795,2.02551186 C9.25245,2.03505563 8.31345,3.0129103 7.90995,4.11203451 M9.9486,11.8887 L9.9486,17.5817 M14.0514,11.8887 L14.0514,17.5817" }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M18.5601,6.7819 L17.7591,18.2769 C17.6611,19.6919 16.4841,20.7889 15.0661,20.7889 L8.9341,20.7889 C7.5161,20.7889 6.3391,19.6919 6.2411,18.2769 L5.4401,6.7819 M10.0716,10.9444 L10.0596,16.6264 M13.9401,10.9444 L13.9281,16.6264 M3.7756,6.6266 L20.2246,6.6266 M9.4644,6.2332 L9.4644,4.8502 C9.4644,3.9452 10.1984,3.2112 11.1034,3.2112 L12.8964,3.2112 C13.8014,3.2112 14.5354,3.9452 14.5354,4.8502 L14.5354,6.2332", stroke: color, strokeWidth: "1.5" }, void 0) }), void 0) }), void 0));
 };
 exports.default = Trashcan;

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

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Upload = 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: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.10475,8.6232 L17.54175,8.6232 C18.72525,8.6232 19.68375,9.5187 19.68375,10.6227 L19.68375,19.6242 C19.68375,20.7282 18.72525,21.6237 17.54175,21.6237 L6.45825,21.6237 C5.27475,21.6237 4.31625,20.7282 4.31625,19.6242 L4.31625,10.6227 C4.31625,9.5187 5.27475,8.6232 6.45825,8.6232 L7.89375,8.6232 M15.2697,5.63205 L11.9997,2.37705 L8.7312,5.63205 M12.0003,2.37645 L12.0003,14.36595" }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M19.7102,14.7857 L19.7102,17.5527 C19.7102,18.6567 18.8152,19.5527 17.7102,19.5527 L6.2902,19.5527 C5.1852,19.5527 4.2902,18.6567 4.2902,17.5527 L4.2902,14.7857 M15.6013,7.6027 L12.0003,4.0167 L8.3983,7.6027 M12,4.0167 L12,14.9587", stroke: color, strokeWidth: "1.5" }, void 0) }), void 0) }), void 0));
 };
 exports.default = Upload;

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

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 declare const lineIcons: {
+    readonly ic_accordion: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_bottom: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_center: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_middle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_right: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_align_top: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_analytics_search_tools: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_down_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -25,8 +32,10 @@ declare const lineIcons: {
     readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_box: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_business: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_button: ({ 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;
+    readonly ic_carousel: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cart: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -52,6 +61,7 @@ declare const lineIcons: {
     readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_divider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dotted_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dynamic_layout: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -68,9 +78,15 @@ declare const lineIcons: {
     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_image: ({ 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;
+    readonly ic_item: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_language: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_layer_backward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_layer_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_layout: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_lightning: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_links: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_live: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_live_broadcast: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -83,13 +99,18 @@ declare const lineIcons: {
     readonly ic_menu: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_minus: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_minus_round: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_moon: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_news: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     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_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;
+    readonly ic_palette: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_papp_type: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_payment: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -103,6 +124,7 @@ declare const lineIcons: {
     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_plus_round: ({ 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;
@@ -116,6 +138,7 @@ declare const lineIcons: {
     readonly ic_post_promotion: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_promotion_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_social: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_post_storage: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_vote: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_welcome: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_profit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -126,6 +149,7 @@ declare const lineIcons: {
     readonly ic_receipt: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_report: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_requirement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_richtext: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_rocket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sales: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_search: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -133,6 +157,8 @@ declare const lineIcons: {
     readonly ic_section_content_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_contents_carousel_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_contents_carousel_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_custom_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_custom_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_divider_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_divider_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_footer_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -164,6 +190,7 @@ declare const lineIcons: {
     readonly ic_series_list: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_settlement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_shape: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_share: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_shop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_shoppingbag: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -175,10 +202,12 @@ declare const lineIcons: {
     readonly ic_standard_banner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_subscribers: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_success: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_target: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ten_sec_back: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ten_sec_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ten_sec_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ten_sec_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_text: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_time: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -3,6 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var Accordion_1 = __importDefault(require("./Accordion"));
+var AlignBottom_1 = __importDefault(require("./AlignBottom"));
+var AlignCenter_1 = __importDefault(require("./AlignCenter"));
+var AlignLeft_1 = __importDefault(require("./AlignLeft"));
+var AlignMiddle_1 = __importDefault(require("./AlignMiddle"));
+var AlignRight_1 = __importDefault(require("./AlignRight"));
+var AlignTop_1 = __importDefault(require("./AlignTop"));
 var AnalyticsSearchTools_1 = __importDefault(require("./AnalyticsSearchTools"));
 var ArrowDown_1 = __importDefault(require("./ArrowDown"));
 var ArrowDownBold_1 = __importDefault(require("./ArrowDownBold"));
@@ -28,8 +35,10 @@ var BookingTicket_1 = __importDefault(require("./BookingTicket"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Box_1 = __importDefault(require("./Box"));
 var Business_1 = __importDefault(require("./Business"));
+var Button_1 = __importDefault(require("./Button"));
 var Call_1 = __importDefault(require("./Call"));
 var Camera_1 = __importDefault(require("./Camera"));
+var Carousel_1 = __importDefault(require("./Carousel"));
 var Cart_1 = __importDefault(require("./Cart"));
 var Channel_1 = __importDefault(require("./Channel"));
 var ChannelSetting_1 = __importDefault(require("./ChannelSetting"));
@@ -55,6 +64,7 @@ var Developer_1 = __importDefault(require("./Developer"));
 var DeviceApp_1 = __importDefault(require("./DeviceApp"));
 var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
 var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
+var Divider_1 = __importDefault(require("./Divider"));
 var DottedCircle_1 = __importDefault(require("./DottedCircle"));
 var Download_1 = __importDefault(require("./Download"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
@@ -71,9 +81,15 @@ 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 Image_1 = __importDefault(require("./Image"));
 var Information_1 = __importDefault(require("./Information"));
 var Internal_1 = __importDefault(require("./Internal"));
+var Item_1 = __importDefault(require("./Item"));
 var Language_1 = __importDefault(require("./Language"));
+var LayerBackward_1 = __importDefault(require("./LayerBackward"));
+var LayerForward_1 = __importDefault(require("./LayerForward"));
+var Layout_1 = __importDefault(require("./Layout"));
+var Lightning_1 = __importDefault(require("./Lightning"));
 var Links_1 = __importDefault(require("./Links"));
 var Live_1 = __importDefault(require("./Live"));
 var LiveBroadcast_1 = __importDefault(require("./LiveBroadcast"));
@@ -86,13 +102,18 @@ var Mail_1 = __importDefault(require("./Mail"));
 var Menu_1 = __importDefault(require("./Menu"));
 var MicOff_1 = __importDefault(require("./MicOff"));
 var MicOn_1 = __importDefault(require("./MicOn"));
+var Minus_1 = __importDefault(require("./Minus"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
+var MinusRound_1 = __importDefault(require("./MinusRound"));
+var Moon_1 = __importDefault(require("./Moon"));
 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 PageSizeExpand_1 = __importDefault(require("./PageSizeExpand"));
 var PageSizeReduce_1 = __importDefault(require("./PageSizeReduce"));
+var Paint_1 = __importDefault(require("./Paint"));
+var Palette_1 = __importDefault(require("./Palette"));
 var Papp_1 = __importDefault(require("./Papp"));
 var PappType_1 = __importDefault(require("./PappType"));
 var Payment_1 = __importDefault(require("./Payment"));
@@ -106,6 +127,7 @@ 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 PlusRound_1 = __importDefault(require("./PlusRound"));
 var PostArticle_1 = __importDefault(require("./PostArticle"));
 var PostBlog_1 = __importDefault(require("./PostBlog"));
 var PostColumn_1 = __importDefault(require("./PostColumn"));
@@ -119,6 +141,7 @@ var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
 var PostPromotion_1 = __importDefault(require("./PostPromotion"));
 var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
 var PostSocial_1 = __importDefault(require("./PostSocial"));
+var PostStorage_1 = __importDefault(require("./PostStorage"));
 var PostVote_1 = __importDefault(require("./PostVote"));
 var PostWelcome_1 = __importDefault(require("./PostWelcome"));
 var Profit_1 = __importDefault(require("./Profit"));
@@ -129,6 +152,7 @@ var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Receipt_1 = __importDefault(require("./Receipt"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
+var Richtext_1 = __importDefault(require("./Richtext"));
 var Rocket_1 = __importDefault(require("./Rocket"));
 var Sales_1 = __importDefault(require("./Sales"));
 var Search_1 = __importDefault(require("./Search"));
@@ -136,6 +160,8 @@ var SectionContent32_1 = __importDefault(require("./SectionContent32"));
 var SectionContent40_1 = __importDefault(require("./SectionContent40"));
 var SectionContentsCarousel32_1 = __importDefault(require("./SectionContentsCarousel32"));
 var SectionContentsCarousel40_1 = __importDefault(require("./SectionContentsCarousel40"));
+var SectionCustom32_1 = __importDefault(require("./SectionCustom32"));
+var SectionCustom40_1 = __importDefault(require("./SectionCustom40"));
 var SectionDivider32_1 = __importDefault(require("./SectionDivider32"));
 var SectionDivider40_1 = __importDefault(require("./SectionDivider40"));
 var SectionFooter32_1 = __importDefault(require("./SectionFooter32"));
@@ -167,6 +193,7 @@ var Series_1 = __importDefault(require("./Series"));
 var SeriesList_1 = __importDefault(require("./SeriesList"));
 var Setting_1 = __importDefault(require("./Setting"));
 var Settlement_1 = __importDefault(require("./Settlement"));
+var Shape_1 = __importDefault(require("./Shape"));
 var Share_1 = __importDefault(require("./Share"));
 var Shop_1 = __importDefault(require("./Shop"));
 var Shoppingbag_1 = __importDefault(require("./Shoppingbag"));
@@ -178,10 +205,12 @@ var SpeakerWave2_1 = __importDefault(require("./SpeakerWave2"));
 var StandardBanner_1 = __importDefault(require("./StandardBanner"));
 var Subscribers_1 = __importDefault(require("./Subscribers"));
 var Success_1 = __importDefault(require("./Success"));
+var Target_1 = __importDefault(require("./Target"));
 var TenSecBack_1 = __importDefault(require("./TenSecBack"));
 var TenSecBackArrow_1 = __importDefault(require("./TenSecBackArrow"));
 var TenSecForward_1 = __importDefault(require("./TenSecForward"));
 var TenSecForwardArrow_1 = __importDefault(require("./TenSecForwardArrow"));
+var Text_1 = __importDefault(require("./Text"));
 var Time_1 = __importDefault(require("./Time"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
@@ -208,6 +237,13 @@ var Warning_1 = __importDefault(require("./Warning"));
 var Weblink_1 = __importDefault(require("./Weblink"));
 var Xmark_1 = __importDefault(require("./Xmark"));
 var lineIcons = {
+    ic_accordion: Accordion_1.default,
+    ic_align_bottom: AlignBottom_1.default,
+    ic_align_center: AlignCenter_1.default,
+    ic_align_left: AlignLeft_1.default,
+    ic_align_middle: AlignMiddle_1.default,
+    ic_align_right: AlignRight_1.default,
+    ic_align_top: AlignTop_1.default,
     ic_analytics_search_tools: AnalyticsSearchTools_1.default,
     ic_arrow_down: ArrowDown_1.default,
     ic_arrow_down_bold: ArrowDownBold_1.default,
@@ -233,8 +269,10 @@ var lineIcons = {
     ic_bookmark: Bookmark_1.default,
     ic_box: Box_1.default,
     ic_business: Business_1.default,
+    ic_button: Button_1.default,
     ic_call: Call_1.default,
     ic_camera: Camera_1.default,
+    ic_carousel: Carousel_1.default,
     ic_cart: Cart_1.default,
     ic_channel: Channel_1.default,
     ic_channel_setting: ChannelSetting_1.default,
@@ -260,6 +298,7 @@ var lineIcons = {
     ic_device_app: DeviceApp_1.default,
     ic_device_desktop: DeviceDesktop_1.default,
     ic_device_mobile: DeviceMobile_1.default,
+    ic_divider: Divider_1.default,
     ic_dotted_circle: DottedCircle_1.default,
     ic_download: Download_1.default,
     ic_dynamic_layout: DynamicLayout_1.default,
@@ -276,9 +315,15 @@ var lineIcons = {
     ic_ghost: Ghost_1.default,
     ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
+    ic_image: Image_1.default,
     ic_information: Information_1.default,
     ic_internal: Internal_1.default,
+    ic_item: Item_1.default,
     ic_language: Language_1.default,
+    ic_layer_backward: LayerBackward_1.default,
+    ic_layer_forward: LayerForward_1.default,
+    ic_layout: Layout_1.default,
+    ic_lightning: Lightning_1.default,
     ic_links: Links_1.default,
     ic_live: Live_1.default,
     ic_live_broadcast: LiveBroadcast_1.default,
@@ -291,13 +336,18 @@ var lineIcons = {
     ic_menu: Menu_1.default,
     ic_mic_off: MicOff_1.default,
     ic_mic_on: MicOn_1.default,
+    ic_minus: Minus_1.default,
     ic_minus_circle: MinusCircle_1.default,
+    ic_minus_round: MinusRound_1.default,
+    ic_moon: Moon_1.default,
     ic_news: News_1.default,
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
     ic_pages: Pages_1.default,
     ic_page_size_expand: PageSizeExpand_1.default,
     ic_page_size_reduce: PageSizeReduce_1.default,
+    ic_paint: Paint_1.default,
+    ic_palette: Palette_1.default,
     ic_papp: Papp_1.default,
     ic_papp_type: PappType_1.default,
     ic_payment: Payment_1.default,
@@ -311,6 +361,7 @@ var lineIcons = {
     ic_plan: Plan_1.default,
     ic_plus: Plus_1.default,
     ic_plus_circle: PlusCircle_1.default,
+    ic_plus_round: PlusRound_1.default,
     ic_post_article: PostArticle_1.default,
     ic_post_blog: PostBlog_1.default,
     ic_post_column: PostColumn_1.default,
@@ -324,6 +375,7 @@ var lineIcons = {
     ic_post_promotion: PostPromotion_1.default,
     ic_post_promotion_p: PostPromotionP_1.default,
     ic_post_social: PostSocial_1.default,
+    ic_post_storage: PostStorage_1.default,
     ic_post_vote: PostVote_1.default,
     ic_post_welcome: PostWelcome_1.default,
     ic_profit: Profit_1.default,
@@ -334,6 +386,7 @@ var lineIcons = {
     ic_receipt: Receipt_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
+    ic_richtext: Richtext_1.default,
     ic_rocket: Rocket_1.default,
     ic_sales: Sales_1.default,
     ic_search: Search_1.default,
@@ -341,6 +394,8 @@ var lineIcons = {
     ic_section_content_40: SectionContent40_1.default,
     ic_section_contents_carousel_32: SectionContentsCarousel32_1.default,
     ic_section_contents_carousel_40: SectionContentsCarousel40_1.default,
+    ic_section_custom_32: SectionCustom32_1.default,
+    ic_section_custom_40: SectionCustom40_1.default,
     ic_section_divider_32: SectionDivider32_1.default,
     ic_section_divider_40: SectionDivider40_1.default,
     ic_section_footer_32: SectionFooter32_1.default,
@@ -372,6 +427,7 @@ var lineIcons = {
     ic_series_list: SeriesList_1.default,
     ic_setting: Setting_1.default,
     ic_settlement: Settlement_1.default,
+    ic_shape: Shape_1.default,
     ic_share: Share_1.default,
     ic_shop: Shop_1.default,
     ic_shoppingbag: Shoppingbag_1.default,
@@ -383,10 +439,12 @@ var lineIcons = {
     ic_standard_banner: StandardBanner_1.default,
     ic_subscribers: Subscribers_1.default,
     ic_success: Success_1.default,
+    ic_target: Target_1.default,
     ic_ten_sec_back: TenSecBack_1.default,
     ic_ten_sec_back_arrow: TenSecBackArrow_1.default,
     ic_ten_sec_forward: TenSecForward_1.default,
     ic_ten_sec_forward_arrow: TenSecForwardArrow_1.default,
+    ic_text: Text_1.default,
     ic_time: Time_1.default,
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_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, UiColors, ForwardedRefType } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType } 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/types/components.d.ts

@@ -15,6 +15,7 @@ export declare type ContextMenuItemValueOption = {
     value: string | number | null | boolean;
     iconName?: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';
+    fontWeight?: 'bold' | 'regular';
 };
 export declare type DropdownValueOption = ContextMenuItemValueOption & {
     state?: 'normal' | 'disabled';
@@ -27,8 +28,18 @@ export declare type BasicButtonGroupValueOption = {
     iconName: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';
     state?: 'normal' | 'disabled';
+    tooltipText?: PDSTextType;
+    tooltipPosition?: 'left_top' | 'left_bottom' | 'center_top' | 'center_bottom' | 'right_top' | 'right_bottom';
     iconColorTheme?: 'none' | 'red';
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
+export declare type SegmentedButtonGroupValueOption = Pick<PDSValueOption, 'value'> & {
+    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconFillType?: 'fill' | 'line';
+    state?: 'normal' | 'disabled';
+    iconColorTheme?: 'none' | 'red';
+    tooltipText?: PDSTextType;
+    tooltipPosition?: 'left_top' | 'left_bottom' | 'center_top' | 'center_bottom' | 'right_top' | 'right_bottom';
+};
 export declare type ForwardedRefType<T> = ForwardedRef<T | null>;

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

@@ -35,10 +35,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var components_1 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
+var TextLabel_1 = require("../TextLabel");
+var constants_1 = require("./constants");
 function BasicButtonGroup(_a) {
     var _b = _a.size, size = _b === void 0 ? 'medium' : _b, valueArray = _a.valueArray, _c = _a.state, state = _c === void 0 ? 'normal' : _c;
+    var _d = (0, react_1.useState)(null), hoveredButtonIndex = _d[0], setHoveredButtonIndex = _d[1];
     var getColorKey = function (buttonState, iconColorTheme) {
         if (state === 'disabled' || buttonState === 'disabled') {
             return 'ui_cpnt_button_icon_disabled';
@@ -49,11 +53,11 @@ function BasicButtonGroup(_a) {
         return 'ui_cpnt_button_icon_enabled';
     };
     return ((0, jsx_runtime_1.jsx)(S_BasicButtonGroup, __assign({ "x-pds-name": "BasicButtonGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: valueArray.map(function (_a, index) {
-            var iconName = _a.iconName, _b = _a.iconFillType, iconFillType = _b === void 0 ? 'line' : _b, _c = _a.state, buttonState = _c === void 0 ? 'normal' : _c, _d = _a.iconColorTheme, iconColorTheme = _d === void 0 ? 'none' : _d, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
-            return ((0, jsx_runtime_1.jsx)(S_BasicButton, __assign({ size: size, onClick: function (e) { return onClick && onClick(e); }, onMouseDown: function (e) { return onMouseDown && onMouseDown(e); }, disabled: state === 'disabled' || buttonState === 'disabled' }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, iconFillType: iconFillType, colorKey: getColorKey(buttonState, iconColorTheme) }, void 0) }), iconName + index));
+            var iconName = _a.iconName, _b = _a.iconFillType, iconFillType = _b === void 0 ? 'line' : _b, _c = _a.state, buttonState = _c === void 0 ? 'normal' : _c, onClick = _a.onClick, onMouseDown = _a.onMouseDown, tooltipText = _a.tooltipText, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? 'center_bottom' : _d, _e = _a.iconColorTheme, iconColorTheme = _e === void 0 ? 'none' : _e;
+            return ((0, jsx_runtime_1.jsxs)(S_BasicButton, __assign({ size: size, onClick: function (e) { return onClick && onClick(e); }, onMouseDown: function (e) { return onMouseDown && onMouseDown(e); }, onPointerEnter: function () { return setHoveredButtonIndex(index); }, onPointerLeave: function () { return setHoveredButtonIndex(null); }, disabled: state === 'disabled' || buttonState === 'disabled' }, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, iconFillType: iconFillType, colorKey: getColorKey(buttonState, iconColorTheme) }, void 0), tooltipText && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: hoveredButtonIndex === index, tooltipPosition: tooltipPosition, size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }, void 0) }), void 0))] }), iconName + index));
         }) }), void 0));
 }
-var S_BasicButtonGroup = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: max-content;\n\n  & > button:not(:last-child) {\n    margin-right: ", ";\n  }\n"], ["\n  width: max-content;\n\n  & > button:not(:last-child) {\n    margin-right: ", ";\n  }\n"])), function (_a) {
+var S_BasicButtonGroup = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  width: max-content;\n\n  & > button:not(:last-child) {\n    margin-right: ", ";\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  width: max-content;\n\n  & > button:not(:last-child) {\n    margin-right: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingA;
 });
@@ -76,5 +80,44 @@ var S_BasicButton = styled_components_1.default.button(templateObject_5 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_basicbuttongroup_base_disabled;
 });
+var tooltipPositionSpacing = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
+    var size = _a.size;
+    return size &&
+        {
+            large: constants_1.TOOLTIP_POSITION_SPACING.large,
+            medium: constants_1.TOOLTIP_POSITION_SPACING.medium,
+            small: constants_1.TOOLTIP_POSITION_SPACING.small
+        }[size];
+});
+var tooltipLeftTop = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  bottom: ", ";\n  right: 0;\n"], ["\n  bottom: ", ";\n  right: 0;\n"])), tooltipPositionSpacing);
+var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  right: 0;\n  top: ", ";\n"], ["\n  right: 0;\n  top: ", ";\n"])), tooltipPositionSpacing);
+var tooltipCenterTop = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  bottom: ", ";\n"], ["\n  bottom: ", ";\n"])), tooltipPositionSpacing);
+var tooltipCenterBottom = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  top: ", ";\n"], ["\n  top: ", ";\n"])), tooltipPositionSpacing);
+var tooltipRightTop = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  bottom: ", ";\n  left: 0;\n"], ["\n  bottom: ", ";\n  left: 0;\n"])), tooltipPositionSpacing);
+var tooltipRightBottom = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  left: 0;\n  top: ", ";\n"], ["\n  left: 0;\n  top: ", ";\n"])), tooltipPositionSpacing);
+var S_TooltipWrapper = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  padding: ", ";\n  position: absolute;\n  width: max-content;\n  z-index: 400;\n\n  ", ";\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  padding: ", ";\n  position: absolute;\n  width: max-content;\n  z-index: 400;\n\n  ", ";\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_button_tooltip_base;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA + " " + theme.spacing.spacingB;
+}, function (_a) {
+    var isTooltipOpen = _a.isTooltipOpen;
+    return !isTooltipOpen && 'display: none';
+}, function (_a) {
+    var tooltipPosition = _a.tooltipPosition;
+    return tooltipPosition &&
+        {
+            left_top: tooltipLeftTop,
+            left_bottom: tooltipLeftBottom,
+            center_top: tooltipCenterTop,
+            center_bottom: tooltipCenterBottom,
+            right_top: tooltipRightTop,
+            right_bottom: tooltipRightBottom
+        }[tooltipPosition];
+});
 exports.default = BasicButtonGroup;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

package/dist/src/desktop/components/BasicButtonGroup/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ICON_BUTTON_SIZE: {
+    large: number;
+    medium: number;
+    small: number;
+};
+export declare const ICON_BUTTON_TOOLTIP_SPACING = 8;
+export declare const TOOLTIP_POSITION_SPACING: {
+    large: string;
+    medium: string;
+    small: string;
+};

package/dist/src/desktop/components/BasicButtonGroup/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOOLTIP_POSITION_SPACING = exports.ICON_BUTTON_TOOLTIP_SPACING = exports.ICON_BUTTON_SIZE = void 0;
+exports.ICON_BUTTON_SIZE = {
+    large: 48,
+    medium: 40,
+    small: 32
+};
+exports.ICON_BUTTON_TOOLTIP_SPACING = 8;
+// NOTE - iconSize 크기에 따라 위치를 이동시켜주고, iconButtonSize에 간격까지 8px을 추가해준 값입니다.(IconButton과 tooltip의 간격)
+exports.TOOLTIP_POSITION_SPACING = {
+    large: "calc(" + exports.ICON_BUTTON_SIZE.large + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
+    medium: "calc(" + exports.ICON_BUTTON_SIZE.medium + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)",
+    small: "calc(" + exports.ICON_BUTTON_SIZE.small + "px + " + exports.ICON_BUTTON_TOOLTIP_SPACING + "px)"
+};

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

@@ -69,7 +69,7 @@ function ContextMenuItem(_a) {
     };
     return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, onClick: handleClick, selected: isSelected, disabled: state === 'disabled', displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') &&
                 option &&
-                'iconName' in option && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0) }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0)] }, void 0))] }), void 0));
+                'iconName' in option && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), ' '] }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: option.fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0))] }), void 0));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"], ["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/desktop/components/Dropdown/Dropdown.d.ts

@@ -13,7 +13,8 @@ declare type Props = {
     valueArray: DropdownValueOption[];
     customWidth?: string;
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
+    fontWeight?: 'bold' | 'regular';
     onChange?: (option: DropdownValueOption) => void;
 };
-declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, onChange }: Props): JSX.Element;
+declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, onChange }: Props): JSX.Element;
 export default Dropdown;