pds-dev-kit-web 2.1.10 → 2.1.12

package/dist/src/common/assets/icons/line/VideoType.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 VideoType = 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: "M14.5464,4 L4.6254,4 C2.9464,4 1.5864,5.361 1.5864,7.04 L1.5864,16.96 C1.5864,18.639 2.9464,20 4.6254,20 L14.5464,20 C16.2254,20 17.5864,18.639 17.5864,16.96 L17.5864,7.04 C17.5864,5.361 16.2254,4 14.5464,4 L14.5464,4 Z M14.5464,5.5 C15.3954,5.5 16.0864,6.191 16.0864,7.04 L16.0864,16.96 C16.0864,17.809 15.3954,18.5 14.5464,18.5 L4.6254,18.5 C3.7764,18.5 3.0864,17.809 3.0864,16.96 L3.0864,7.04 C3.0864,6.191 3.7764,5.5 4.6254,5.5 L14.5464,5.5 Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M17.489,10.2218 L20.804,7.6688 C21.464,7.1598 22.42,7.6348 22.4140281,8.4678 L22.362,15.7308 C22.356,16.5628 21.395,17.0238 20.742,16.5078 L17.448,13.9018" }, void 0)] }), void 0) }), void 0));
+};
+exports.default = VideoType;

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

@@ -21,6 +21,7 @@ declare const lineIcons: {
     readonly ic_arrow_round_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_up_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    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_booking: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -33,6 +34,7 @@ declare const lineIcons: {
     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_calendar: ({ 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;
@@ -69,6 +71,7 @@ declare const lineIcons: {
     readonly ic_editor: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_embed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_error: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -78,6 +81,7 @@ 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_icon: ({ 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;
@@ -89,6 +93,7 @@ declare const lineIcons: {
     readonly ic_light_bulb: ({ 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_list: ({ 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;
     readonly ic_live_commerce: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -154,6 +159,7 @@ declare const lineIcons: {
     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_scrolling_text: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_search: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_content_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_content_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -197,6 +203,7 @@ declare const lineIcons: {
     readonly ic_shop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_shoppingbag: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_slideBanner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_slider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sort: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_speaker_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_speaker_wave_1: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -227,6 +234,7 @@ declare const lineIcons: {
     readonly ic_video_playback_speed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_play_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_playlist: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_video_type: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_vod: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_vodclass: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_vodplus: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -24,6 +24,7 @@ var ArrowRightThin_1 = __importDefault(require("./ArrowRightThin"));
 var ArrowRoundLeft_1 = __importDefault(require("./ArrowRoundLeft"));
 var ArrowUp_1 = __importDefault(require("./ArrowUp"));
 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 Booking_1 = __importDefault(require("./Booking"));
@@ -36,6 +37,7 @@ 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 Calendar_1 = __importDefault(require("./Calendar"));
 var Call_1 = __importDefault(require("./Call"));
 var Camera_1 = __importDefault(require("./Camera"));
 var Carousel_1 = __importDefault(require("./Carousel"));
@@ -72,6 +74,7 @@ var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
 var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
 var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
+var Embed_1 = __importDefault(require("./Embed"));
 var End_1 = __importDefault(require("./End"));
 var Error_1 = __importDefault(require("./Error"));
 var Eye_1 = __importDefault(require("./Eye"));
@@ -81,6 +84,7 @@ 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 Icon_1 = __importDefault(require("./Icon"));
 var Image_1 = __importDefault(require("./Image"));
 var Information_1 = __importDefault(require("./Information"));
 var Internal_1 = __importDefault(require("./Internal"));
@@ -92,6 +96,7 @@ var Layout_1 = __importDefault(require("./Layout"));
 var LightBulb_1 = __importDefault(require("./LightBulb"));
 var Lightning_1 = __importDefault(require("./Lightning"));
 var Links_1 = __importDefault(require("./Links"));
+var List_1 = __importDefault(require("./List"));
 var Live_1 = __importDefault(require("./Live"));
 var LiveBroadcast_1 = __importDefault(require("./LiveBroadcast"));
 var LiveCommerce_1 = __importDefault(require("./LiveCommerce"));
@@ -157,6 +162,7 @@ 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 ScrollingText_1 = __importDefault(require("./ScrollingText"));
 var Search_1 = __importDefault(require("./Search"));
 var SectionContent32_1 = __importDefault(require("./SectionContent32"));
 var SectionContent40_1 = __importDefault(require("./SectionContent40"));
@@ -200,6 +206,7 @@ var Share_1 = __importDefault(require("./Share"));
 var Shop_1 = __importDefault(require("./Shop"));
 var Shoppingbag_1 = __importDefault(require("./Shoppingbag"));
 var SlideBanner_1 = __importDefault(require("./SlideBanner"));
+var Slider_1 = __importDefault(require("./Slider"));
 var Sort_1 = __importDefault(require("./Sort"));
 var SpeakerOff_1 = __importDefault(require("./SpeakerOff"));
 var SpeakerWave1_1 = __importDefault(require("./SpeakerWave1"));
@@ -230,6 +237,7 @@ var VideoPlay_1 = __importDefault(require("./VideoPlay"));
 var VideoPlaybackSpeed_1 = __importDefault(require("./VideoPlaybackSpeed"));
 var VideoPlayCircle_1 = __importDefault(require("./VideoPlayCircle"));
 var VideoPlaylist_1 = __importDefault(require("./VideoPlaylist"));
+var VideoType_1 = __importDefault(require("./VideoType"));
 var Vod_1 = __importDefault(require("./Vod"));
 var VodClass_1 = __importDefault(require("./VodClass"));
 var Vodplus_1 = __importDefault(require("./Vodplus"));
@@ -260,6 +268,7 @@ var lineIcons = {
     ic_arrow_round_left: ArrowRoundLeft_1.default,
     ic_arrow_up: ArrowUp_1.default,
     ic_arrow_up_bold: ArrowUpBold_1.default,
+    ic_audio: Audio_1.default,
     ic_bell: Bell_1.default,
     ic_bell_notification: BellNotification_1.default,
     ic_booking: Booking_1.default,
@@ -272,6 +281,7 @@ var lineIcons = {
     ic_box: Box_1.default,
     ic_business: Business_1.default,
     ic_button: Button_1.default,
+    ic_calendar: Calendar_1.default,
     ic_call: Call_1.default,
     ic_camera: Camera_1.default,
     ic_carousel: Carousel_1.default,
@@ -308,6 +318,7 @@ var lineIcons = {
     ic_editor: Editor_1.default,
     ic_editor_left_side: EditorLeftSide_1.default,
     ic_editor_right_side: EditorRightSide_1.default,
+    ic_embed: Embed_1.default,
     ic_end: End_1.default,
     ic_error: Error_1.default,
     ic_eye: Eye_1.default,
@@ -317,6 +328,7 @@ var lineIcons = {
     ic_ghost: Ghost_1.default,
     ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
+    ic_icon: Icon_1.default,
     ic_image: Image_1.default,
     ic_information: Information_1.default,
     ic_internal: Internal_1.default,
@@ -328,6 +340,7 @@ var lineIcons = {
     ic_light_bulb: LightBulb_1.default,
     ic_lightning: Lightning_1.default,
     ic_links: Links_1.default,
+    ic_list: List_1.default,
     ic_live: Live_1.default,
     ic_live_broadcast: LiveBroadcast_1.default,
     ic_live_commerce: LiveCommerce_1.default,
@@ -393,6 +406,7 @@ var lineIcons = {
     ic_richtext: Richtext_1.default,
     ic_rocket: Rocket_1.default,
     ic_sales: Sales_1.default,
+    ic_scrolling_text: ScrollingText_1.default,
     ic_search: Search_1.default,
     ic_section_content_32: SectionContent32_1.default,
     ic_section_content_40: SectionContent40_1.default,
@@ -436,6 +450,7 @@ var lineIcons = {
     ic_shop: Shop_1.default,
     ic_shoppingbag: Shoppingbag_1.default,
     ic_slideBanner: SlideBanner_1.default,
+    ic_slider: Slider_1.default,
     ic_sort: Sort_1.default,
     ic_speaker_off: SpeakerOff_1.default,
     ic_speaker_wave_1: SpeakerWave1_1.default,
@@ -466,6 +481,7 @@ var lineIcons = {
     ic_video_playback_speed: VideoPlaybackSpeed_1.default,
     ic_video_play_circle: VideoPlayCircle_1.default,
     ic_video_playlist: VideoPlaylist_1.default,
+    ic_video_type: VideoType_1.default,
     ic_vod: Vod_1.default,
     ic_vodclass: VodClass_1.default,
     ic_vodplus: Vodplus_1.default,

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

@@ -318,5 +318,27 @@
     "sys_editor_layout_canvas_area": "darkgrey30",
     "sys_editor_layout_control_panel": "darkgrey70",
     "sys_editor_layout_property_panel": "darkgrey70",
-    "sys_editor_layout_navigation_panel_section_item_area_normal": "darkgrey300"
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "darkgrey300",
+    "sys_component_base_44": "white/opacity20",
+    "sys_sw_sidebar_base": "black",
+    "sys_sw_sidebar_label_text_normal": "darkgrey400",
+    "sys_sw_sidebar_item_text_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_text_selected": "white",
+    "sys_sw_sidebar_label_icon_normal_01": "darkgrey400",
+    "sys_sw_sidebar_item_icon_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_icon_selected": "white",
+    "sys_sw_sidebar_badge_base_01": "darkred500",
+    "sys_sw_sidebar_badge_base_02": "darkgreen300",
+    "sys_sw_sidebar_badge_text_01": "white",
+    "sys_sw_sidebar_badge_text_02": "grey900",
+    "sys_sw_sidebar_divider": "darkgrey70",
+    "sys_sw_sidebar_label_base_normal": "white/opacity00",
+    "sys_sw_sidebar_label_base_hover": "darkgrey50",
+    "sys_sw_sidebar_label_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_item_base_normal": "white/opacity00",
+    "sys_sw_sidebar_item_base_hover": "darkgrey50",
+    "sys_sw_sidebar_item_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_label_icon_normal_02": "darkblue500",
+    "sys_text_black_02": "black/opacity60",
+    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70"
 }

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

@@ -318,5 +318,27 @@
     "sys_editor_layout_canvas_area": "grey30",
     "sys_editor_layout_control_panel": "white",
     "sys_editor_layout_property_panel": "white",
-    "sys_editor_layout_navigation_panel_section_item_area_normal": "white"
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "white",
+    "sys_component_base_44": "white/opacity40",
+    "sys_sw_sidebar_base": "black",
+    "sys_sw_sidebar_label_text_normal": "darkgrey400",
+    "sys_sw_sidebar_item_text_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_text_selected": "white",
+    "sys_sw_sidebar_label_icon_normal_01": "darkgrey400",
+    "sys_sw_sidebar_item_icon_normal": "darkgrey500/opacity70",
+    "sys_sw_sidebar_item_icon_selected": "white",
+    "sys_sw_sidebar_badge_base_01": "darkred500",
+    "sys_sw_sidebar_badge_base_02": "darkgreen300",
+    "sys_sw_sidebar_badge_text_01": "white",
+    "sys_sw_sidebar_badge_text_02": "grey900",
+    "sys_sw_sidebar_divider": "darkgrey70",
+    "sys_sw_sidebar_label_base_normal": "white/opacity00",
+    "sys_sw_sidebar_label_base_hover": "darkgrey50",
+    "sys_sw_sidebar_label_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_item_base_normal": "white/opacity00",
+    "sys_sw_sidebar_item_base_hover": "darkgrey50",
+    "sys_sw_sidebar_item_base_pressed": "darkgrey100",
+    "sys_sw_sidebar_label_icon_normal_02": "darkblue500",
+    "sys_text_black_02": "black/opacity60",
+    "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70"
 }

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

@@ -798,7 +798,7 @@
     "ui_98": "sys_widget_grey_03",
     "ui_99": "sys_component_base_white_opacity50",
     "ui_100": "sys_widget_grey_01_opacity_50",
-    "ui_101": "sys_component_base_25",
+    "ui_101": "sys_component_base_44",
     "ui_102": "sys_component_base_black_opacity50",
     "ui_editor_layout_header": "sys_editor_layout_header",
     "ui_editor_layout_navigation_panel": "sys_editor_layout_navigation_panel",
@@ -807,5 +807,26 @@
     "ui_editor_layout_property_panel": "sys_editor_layout_property_panel",
     "ui_editor_layout_navigation_panel_section_item_area_normal": "sys_editor_layout_navigation_panel_section_item_area_normal",
     "ui_editor_scroll_bar": "sys_component_base_03",
-    "ui_editor_scroll_track": "sys_component_base_01"
+    "ui_editor_scroll_track": "sys_component_base_01",
+    "ui_sw_sidebar_base": "sys_sw_sidebar_base",
+    "ui_sw_sidebar_label_text_normal": "sys_sw_sidebar_label_text_normal",
+    "ui_sw_sidebar_item_text_normal": "sys_sw_sidebar_item_text_normal",
+    "ui_sw_sidebar_item_text_selected": "sys_sw_sidebar_item_text_selected",
+    "ui_sw_sidebar_label_icon_normal_01": "sys_sw_sidebar_label_icon_normal_01",
+    "ui_sw_sidebar_item_icon_normal": "sys_sw_sidebar_item_icon_normal",
+    "ui_sw_sidebar_item_icon_selected": "sys_sw_sidebar_item_icon_selected",
+    "ui_sw_sidebar_badge_base_01": "sys_sw_sidebar_badge_base_01",
+    "ui_sw_sidebar_badge_base_02": "sys_sw_sidebar_badge_base_02",
+    "ui_sw_sidebar_badge_text_01": "sys_sw_sidebar_badge_text_01",
+    "ui_sw_sidebar_badge_text_02": "sys_sw_sidebar_badge_text_02",
+    "ui_sw_sidebar_divider": "sys_sw_sidebar_divider",
+    "ui_sw_sidebar_label_base_normal": "sys_sw_sidebar_label_base_normal",
+    "ui_sw_sidebar_label_base_hover": "sys_sw_sidebar_label_base_hover",
+    "ui_sw_sidebar_label_base_pressed": "sys_sw_sidebar_label_base_pressed",
+    "ui_sw_sidebar_item_base_normal": "sys_sw_sidebar_item_base_normal",
+    "ui_sw_sidebar_item_base_hover": "sys_sw_sidebar_item_base_hover",
+    "ui_sw_sidebar_item_base_pressed": "sys_sw_sidebar_item_base_pressed",
+    "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"
 }

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

@@ -119,7 +119,7 @@ declare const colorSet: {
         grey300: string;
         darkgrey300: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -440,8 +440,30 @@ declare const colorSet: {
         sys_editor_layout_control_panel: string;
         sys_editor_layout_property_panel: string;
         sys_editor_layout_navigation_panel_section_item_area_normal: string;
+        sys_component_base_44: string;
+        sys_sw_sidebar_base: string;
+        sys_sw_sidebar_label_text_normal: string;
+        sys_sw_sidebar_item_text_normal: string;
+        sys_sw_sidebar_item_text_selected: string;
+        sys_sw_sidebar_label_icon_normal_01: string;
+        sys_sw_sidebar_item_icon_normal: string;
+        sys_sw_sidebar_item_icon_selected: string;
+        sys_sw_sidebar_badge_base_01: string;
+        sys_sw_sidebar_badge_base_02: string;
+        sys_sw_sidebar_badge_text_01: string;
+        sys_sw_sidebar_badge_text_02: string;
+        sys_sw_sidebar_divider: string;
+        sys_sw_sidebar_label_base_normal: string;
+        sys_sw_sidebar_label_base_hover: string;
+        sys_sw_sidebar_label_base_pressed: string;
+        sys_sw_sidebar_item_base_normal: string;
+        sys_sw_sidebar_item_base_hover: string;
+        sys_sw_sidebar_item_base_pressed: string;
+        sys_sw_sidebar_label_icon_normal_02: string;
+        sys_text_black_02: string;
+        sys_sw_sidebar_item_text_disabled: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -762,6 +784,28 @@ declare const colorSet: {
         sys_editor_layout_control_panel: string;
         sys_editor_layout_property_panel: string;
         sys_editor_layout_navigation_panel_section_item_area_normal: string;
+        sys_component_base_44: string;
+        sys_sw_sidebar_base: string;
+        sys_sw_sidebar_label_text_normal: string;
+        sys_sw_sidebar_item_text_normal: string;
+        sys_sw_sidebar_item_text_selected: string;
+        sys_sw_sidebar_label_icon_normal_01: string;
+        sys_sw_sidebar_item_icon_normal: string;
+        sys_sw_sidebar_item_icon_selected: string;
+        sys_sw_sidebar_badge_base_01: string;
+        sys_sw_sidebar_badge_base_02: string;
+        sys_sw_sidebar_badge_text_01: string;
+        sys_sw_sidebar_badge_text_02: string;
+        sys_sw_sidebar_divider: string;
+        sys_sw_sidebar_label_base_normal: string;
+        sys_sw_sidebar_label_base_hover: string;
+        sys_sw_sidebar_label_base_pressed: string;
+        sys_sw_sidebar_item_base_normal: string;
+        sys_sw_sidebar_item_base_hover: string;
+        sys_sw_sidebar_item_base_pressed: string;
+        sys_sw_sidebar_label_icon_normal_02: string;
+        sys_text_black_02: string;
+        sys_sw_sidebar_item_text_disabled: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1573,6 +1617,27 @@ declare const colorSet: {
         ui_editor_layout_navigation_panel_section_item_area_normal: string;
         ui_editor_scroll_bar: string;
         ui_editor_scroll_track: string;
+        ui_sw_sidebar_base: string;
+        ui_sw_sidebar_label_text_normal: string;
+        ui_sw_sidebar_item_text_normal: string;
+        ui_sw_sidebar_item_text_selected: string;
+        ui_sw_sidebar_label_icon_normal_01: string;
+        ui_sw_sidebar_item_icon_normal: string;
+        ui_sw_sidebar_item_icon_selected: string;
+        ui_sw_sidebar_badge_base_01: string;
+        ui_sw_sidebar_badge_base_02: string;
+        ui_sw_sidebar_badge_text_01: string;
+        ui_sw_sidebar_badge_text_02: string;
+        ui_sw_sidebar_divider: string;
+        ui_sw_sidebar_label_base_normal: string;
+        ui_sw_sidebar_label_base_hover: string;
+        ui_sw_sidebar_label_base_pressed: string;
+        ui_sw_sidebar_item_base_normal: string;
+        ui_sw_sidebar_item_base_hover: string;
+        ui_sw_sidebar_item_base_pressed: string;
+        ui_sw_sidebar_label_icon_normal_02: string;
+        ui_104: string;
+        ui_sw_sidebar_item_text_disabled: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -808,4 +808,25 @@ export interface UITheme {
     ui_editor_layout_navigation_panel_section_item_area_normal: string;
     ui_editor_scroll_bar: string;
     ui_editor_scroll_track: string;
+    ui_sw_sidebar_base: string;
+    ui_sw_sidebar_label_text_normal: string;
+    ui_sw_sidebar_item_text_normal: string;
+    ui_sw_sidebar_item_text_selected: string;
+    ui_sw_sidebar_label_icon_normal_01: string;
+    ui_sw_sidebar_item_icon_normal: string;
+    ui_sw_sidebar_item_icon_selected: string;
+    ui_sw_sidebar_badge_base_01: string;
+    ui_sw_sidebar_badge_base_02: string;
+    ui_sw_sidebar_badge_text_01: string;
+    ui_sw_sidebar_badge_text_02: string;
+    ui_sw_sidebar_divider: string;
+    ui_sw_sidebar_label_base_normal: string;
+    ui_sw_sidebar_label_base_hover: string;
+    ui_sw_sidebar_label_base_pressed: string;
+    ui_sw_sidebar_item_base_normal: string;
+    ui_sw_sidebar_item_base_hover: string;
+    ui_sw_sidebar_item_base_pressed: string;
+    ui_sw_sidebar_label_icon_normal_02: string;
+    ui_104: string;
+    ui_sw_sidebar_item_text_disabled: string;
 }

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.d.ts

@@ -23,7 +23,7 @@ export declare type TextFieldBaseProps = {
     maxLength?: number;
     textSize: DesktopFontSize;
     textWeight: FontWeight;
-    fieldPadding?: string;
+    textPadding?: string;
     fieldHeight?: number;
     deleteIconMode?: 'none' | 'use';
     deleteIconSize?: 12 | 16 | 20 | 24;

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

@@ -54,7 +54,7 @@ function BasicButtonGroup(_a) {
     };
     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, 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));
+            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, fillType: 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  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) {

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

@@ -73,7 +73,7 @@ function SegmentedButtonGroup(_a) {
     };
     return ((0, jsx_runtime_1.jsx)(S_SegmentedButtonGroupGroups, __assign({ "x-pds-name": "SegmentedButtonGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop", selectionType: selectionType }, { children: valueArray.map(function (_a, index) {
             var currentButtonValue = _a.value, iconName = _a.iconName, _b = _a.iconFillType, iconFillType = _b === void 0 ? 'line' : _b, _c = _a.state, buttonState = _c === void 0 ? 'normal' : _c, 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 () { return handleClick(currentButtonValue); }, onMouseDown: function () { return handleMouseDown(currentButtonValue); }, disabled: state === 'disabled' || buttonState === 'disabled', selectionType: selectionType, isSelected: checkSelection(currentButtonValue), onPointerEnter: function () { return setCurrentButtonIndex(index); }, onPointerLeave: function () { return setCurrentButtonIndex(null); } }, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, iconFillType: iconFillType, colorKey: getIconColorKey(checkSelection(currentButtonValue), state === 'disabled' || buttonState === 'disabled', iconColorTheme) }, void 0), tooltipText && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: index === currentButtonIndex, 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))] }), String(currentButtonValue)));
+            return ((0, jsx_runtime_1.jsxs)(S_BasicButton, __assign({ size: size, onClick: function () { return handleClick(currentButtonValue); }, onMouseDown: function () { return handleMouseDown(currentButtonValue); }, disabled: state === 'disabled' || buttonState === 'disabled', selectionType: selectionType, isSelected: checkSelection(currentButtonValue), onPointerEnter: function () { return setCurrentButtonIndex(index); }, onPointerLeave: function () { return setCurrentButtonIndex(null); } }, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, fillType: iconFillType, colorKey: getIconColorKey(checkSelection(currentButtonValue), state === 'disabled' || buttonState === 'disabled', iconColorTheme) }, void 0), tooltipText && ((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", isTooltipOpen: index === currentButtonIndex, 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))] }), String(currentButtonValue)));
         }) }), void 0));
 }
 var S_SegmentedButtonGroupGroups = 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) {

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

@@ -136,7 +136,7 @@ function TextField(_a) {
                     break;
                 }
             }
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [prefixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: prefixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", singleLineMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: inputType === 'number' && numberStepperMode === 'use' ? 'right' : textAlign, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, stepperMode: inputType === 'number' && numberStepperMode === 'use' ? 'use' : 'none', innerSpinButtonSize: size === 'small' ? 12 : 16, step: numberStep, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }, void 0), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [suffixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: suffixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", textAlign: "right", singleLineMode: "use" }, void 0), size === 'large' ? ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }, void 0))] }, void 0)), iBtn2IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn2IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: colorTheme &&
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [prefixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: prefixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", singleLineMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: inputType === 'number' && numberStepperMode === 'use' ? 'right' : textAlign, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', textPadding: size === 'large' || size === 'rlarge' ? '0 8px 0 0' : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, stepperMode: inputType === 'number' && numberStepperMode === 'use' ? 'use' : 'none', innerSpinButtonSize: size === 'small' ? 12 : 16, step: numberStep, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }, void 0), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [suffixText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: suffixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", textAlign: "right", singleLineMode: "use" }, void 0), size === 'large' || size === 'rlarge' ? ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }, void 0))] }, void 0)), iBtn2IconName && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: iBtn2IconName, baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: size === 'large' || size === 'rlarge' ? 20 : 16, iconColorKey: colorTheme &&
                                     {
                                         none: basicThemeIconColors[state],
                                         dark: darkThemeIconColors[state],
@@ -184,14 +184,14 @@ var small = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
     return theme.spacing.spacingC;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.spacing.spacingB;
+    return theme.spacing.spacingC;
 });
 var medium = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 12px;\n  height: 40px;\n  padding-left: ", ";\n  padding-right: ", ";\n  width: 188px;\n"], ["\n  border-radius: 12px;\n  height: 40px;\n  padding-left: ", ";\n  padding-right: ", ";\n  width: 188px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingC;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.spacing.spacingB;
+    return theme.spacing.spacingC;
 });
 var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-radius: 14px;\n  height: 48px;\n  padding-left: ", ";\n  padding-right: ", ";\n  width: ", ";\n  ", "\n  ", "\n"], ["\n  border-radius: 14px;\n  height: 48px;\n  padding-left: ", ";\n  padding-right: ", ";\n  width: ", ";\n  ", "\n  ", "\n"])), function (_a) {
     var theme = _a.theme;

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

@@ -400,24 +400,49 @@ var S_TextLabel = styled_components_1.default.div(templateObject_42 || (template
     var bulletPointMode = _a.bulletPointMode;
     return bulletPointMode === 'use' && bulletPointModeStyle;
 });
-var S_AfterTextBox = styled_components_1.default.div(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n\n  ", ";\n"], ["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n\n  ", ";\n"])), function (_a) {
+var displayAfterTextBox = (0, styled_components_1.css)(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n  margin-bottom: 5px;\n"], ["\n  margin-bottom: 5px;\n"])));
+var headingAfterTextBox = (0, styled_components_1.css)(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var wizardPageTitleAfterTextBox = (0, styled_components_1.css)(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n  margin-bottom: 7px;\n"], ["\n  margin-bottom: 7px;\n"])));
+var leadParaAfterTextBox = (0, styled_components_1.css)(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var subTitleAfterTextBox = (0, styled_components_1.css)(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var body1AfterTextBox = (0, styled_components_1.css)(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n  margin-bottom: 2px;\n"], ["\n  margin-bottom: 2px;\n"])));
+var body2AfterTextBox = (0, styled_components_1.css)(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var caption1AfterTextBox = (0, styled_components_1.css)(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var caption2AfterTextBox = (0, styled_components_1.css)(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var form1AfterTextBox = (0, styled_components_1.css)(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var form2AfterTextBox = (0, styled_components_1.css)(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n  margin-bottom: 2px;\n"], ["\n  margin-bottom: 2px;\n"])));
+var blog1RAfterTextBox = (0, styled_components_1.css)(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n  margin-bottom: 3px;\n"], ["\n  margin-bottom: 3px;\n"])));
+var S_AfterTextBox = styled_components_1.default.div(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n  vertical-align: middle;\n\n  ", ";\n"], ["\n  display: inline-block;\n  margin-left: ", ";\n  position: relative;\n  vertical-align: middle;\n\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingA;
 }, function (_a) {
     var styleTheme = _a.styleTheme;
-    switch (styleTheme) {
-        case 'headingBold':
-            return;
-        case 'leadParaBold':
-            return;
-        case 'leadParaRegular':
-            return;
-        default:
-            return 'vertical-align: middle';
-    }
-});
-var S_IconWrapper = styled_components_1.default.div(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"])));
-var S_TooltipWrapper = styled_components_1.default.div(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  max-width: 320px;\n  overflow-wrap: break-word;\n  padding: ", ";\n  position: absolute;\n  text-align: left;\n  white-space: pre-wrap;\n  width: max-content;\n  word-break: keep-all;\n  z-index: 400;\n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  max-width: 320px;\n  overflow-wrap: break-word;\n  padding: ", ";\n  position: absolute;\n  text-align: left;\n  white-space: pre-wrap;\n  width: max-content;\n  word-break: keep-all;\n  z-index: 400;\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+    return styleTheme &&
+        {
+            displayBold: displayAfterTextBox,
+            wizardPageTitleBold: wizardPageTitleAfterTextBox,
+            headingBold: headingAfterTextBox,
+            leadParaBold: leadParaAfterTextBox,
+            leadParaRegular: leadParaAfterTextBox,
+            subTitleBold: subTitleAfterTextBox,
+            subTitleRegular: subTitleAfterTextBox,
+            body1Bold: body1AfterTextBox,
+            body1Regular: body1AfterTextBox,
+            body2Bold: body2AfterTextBox,
+            body2Regular: body2AfterTextBox,
+            caption1Regular: caption1AfterTextBox,
+            caption1Bold: caption1AfterTextBox,
+            caption2Regular: caption2AfterTextBox,
+            caption2Bold: caption2AfterTextBox,
+            form1Bold: form1AfterTextBox,
+            form1Regular: form1AfterTextBox,
+            form2Regular: form2AfterTextBox,
+            form2Bold: form2AfterTextBox,
+            blog1Regular: blog1RAfterTextBox
+        }[styleTheme];
+});
+var S_IconWrapper = styled_components_1.default.div(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 16px;\n  height: 100%;\n  justify-content: center;\n  width: 16px;\n"])));
+var S_TooltipWrapper = styled_components_1.default.div(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n  ", "\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  line-height: 1.2;\n  max-width: 240px;\n  overflow-wrap: break-word;\n  padding: ", ";\n  position: absolute;\n  text-align: left;\n  white-space: pre-wrap;\n  width: max-content;\n  word-break: keep-all;\n  z-index: 400;\n\n  ", ";\n\n  ", ";\n"], ["\n  ", "\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  line-height: 1.2;\n  max-width: 240px;\n  overflow-wrap: break-word;\n  padding: ", ";\n  position: absolute;\n  text-align: left;\n  white-space: pre-wrap;\n  width: max-content;\n  word-break: keep-all;\n  z-index: 400;\n\n  ", ";\n\n  ", ";\n"])), caption2Regular, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_tooltip_base;
 }, function (_a) {
@@ -429,7 +454,7 @@ var S_TooltipWrapper = styled_components_1.default.div(templateObject_45 || (tem
 }, function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingA + " " + theme.spacing.spacingB;
-}, caption2Regular, function (_a) {
+}, function (_a) {
     var isTooltipOpen = _a.isTooltipOpen;
     return !isTooltipOpen && 'display: none';
 }, function (_a) {
@@ -443,4 +468,4 @@ var S_TooltipWrapper = styled_components_1.default.div(templateObject_45 || (tem
         }[tooltipPosition];
 });
 exports.default = TextLabel;
-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, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45;
+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, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57;