pds-dev-kit-web-test 2.5.498 → 2.5.500

package/dist/src/common/services/i18n/resources/ja.json

@@ -33,49 +33,6 @@
         "str_3890": "木",
         "str_3891": "金",
         "str_3892": "土",
-        "str_3893": "日",
-        "calendar_all_day": "終日",
-        "str_calendar_schedule_more": "件以上",
-        "str_calendar_today": "今日",
-        "calendar_month_1": "1月",
-        "calendar_month_2": "2月",
-        "calendar_month_3": "3月",
-        "calendar_month_4": "4月",
-        "calendar_month_5": "5月",
-        "calendar_month_6": "6月",
-        "calendar_month_7": "7月",
-        "calendar_month_8": "8月",
-        "calendar_month_9": "9月",
-        "calendar_month_10": "10月",
-        "calendar_month_11": "11月",
-        "calendar_month_12": "12月",
-        "str_fm_datetime_am": "午前{{hour}}時",
-        "str_fm_datetime_pm": "午後{{hour}}時",
-        "calendar_duration_hour": "時間",
-        "calendar_duration_hours": "時間",
-        "str_fm_datetime_noon": "昼",
-        "str_calendar_daily_header": "{{month}} {{day}}, {{year}}",
-        "calendar_header_weekly_same_month": "{{month}}{{startDay}}日 - {{endDay}}日",
-        "calendar_header_weekly_diff_month": "{{startMonth}}{{startDay}}日 - {{endMonth}}{{endDay}}日",
-        "str_calendar_yearly_header": "{{year}}",
-        "str_calendar_monthly_header": "{{month}}.{{year}}",
-        "str_calendar_weekly_header": "{{month}}.{{year}}",
-        "calendar_view_monthly": "月",
-        "calendar_view_weekly": "週",
-        "calendar_view_daily": "日",
-        "calendar_view_yearly": "年",
-        "calendar_date_format": "{{day}}日 ({{dayText}})",
-        "multilingual_settings": "多言語設定",
-        "str_multilingual_ko": "韓国語",
-        "str_multilingual_en": "英語",
-        "str_multilingual_ja": "日本語",
-        "str_multilingual_zh_cn": "中国語 - 簡体",
-        "str_multilingual_zh_tw": "中国語 - 繁体",
-        "str_multilingual_fr": "フランス語",
-        "str_multilingual_es": "スペイン語",
-        "str_9071": "国に適した言語を入力してください。",
-        "str_original_text": "原文",
-        "str_apply": "適用",
-        "str_cancel": "キャンセル"
+        "str_3893": "日"
     }
 }

package/dist/src/common/services/i18n/resources/ko.json

@@ -33,49 +33,6 @@
         "str_3890": "목",
         "str_3891": "금",
         "str_3892": "토",
-        "str_3893": "일",
-        "calendar_all_day": "종일",
-        "str_calendar_schedule_more": "개 더보기",
-        "str_calendar_today": "오늘",
-        "calendar_month_1": "1월",
-        "calendar_month_2": "2월",
-        "calendar_month_3": "3월",
-        "calendar_month_4": "4월",
-        "calendar_month_5": "5월",
-        "calendar_month_6": "6월",
-        "calendar_month_7": "7월",
-        "calendar_month_8": "8월",
-        "calendar_month_9": "9월",
-        "calendar_month_10": "10월",
-        "calendar_month_11": "11월",
-        "calendar_month_12": "12월",
-        "str_fm_datetime_am": "오전 {{hour}}시",
-        "str_fm_datetime_pm": "오후 {{hour}}시",
-        "calendar_duration_hour": "시간",
-        "calendar_duration_hours": "시간",
-        "str_fm_datetime_noon": "정오",
-        "str_calendar_daily_header": "{{year}}년 {{month}} {{day}}일",
-        "calendar_header_weekly_same_month": "{{month}} {{startDay}}일 - {{endDay}}일",
-        "calendar_header_weekly_diff_month": "{{startMonth}} {{startDay}}일 - {{endMonth}} {{endDay}}일",
-        "str_calendar_yearly_header": "{{year}}년",
-        "str_calendar_monthly_header": "{{year}}년 {{month}}",
-        "str_calendar_weekly_header": "{{year}}년 {{month}}",
-        "calendar_view_monthly": "월간",
-        "calendar_view_weekly": "주간",
-        "calendar_view_daily": "일간",
-        "calendar_view_yearly": "연간",
-        "calendar_date_format": "{{day}}일 ({{dayText}})",
-        "multilingual_settings": "다국어 설정",
-        "str_multilingual_ko": "한국어",
-        "str_multilingual_en": "영어",
-        "str_multilingual_ja": "일본어",
-        "str_multilingual_zh_cn": "중국어 - 간체",
-        "str_multilingual_zh_tw": "중국어 - 번체",
-        "str_multilingual_fr": "프랑스어",
-        "str_multilingual_es": "스페인어",
-        "str_9071": "국가에 맞는 언어를 입력해 주세요.",
-        "str_original_text": "원문",
-        "str_apply": "적용",
-        "str_cancel": "취소"
+        "str_3893": "일"
     }
 }

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -33,49 +33,6 @@
         "str_3890": "Thu",
         "str_3891": "Fri",
         "str_3892": "Sat",
-        "str_3893": "Sun",
-        "calendar_all_day": "全天",
-        "str_calendar_schedule_more": "更多",
-        "str_calendar_today": "今天",
-        "calendar_month_1": "1月",
-        "calendar_month_2": "2月",
-        "calendar_month_3": "3月",
-        "calendar_month_4": "4月",
-        "calendar_month_5": "5月",
-        "calendar_month_6": "6月",
-        "calendar_month_7": "7月",
-        "calendar_month_8": "8月",
-        "calendar_month_9": "9月",
-        "calendar_month_10": "10月",
-        "calendar_month_11": "11月",
-        "calendar_month_12": "12月",
-        "str_fm_datetime_am": "上午{{hour}}时",
-        "str_fm_datetime_pm": "下午{{hour}}时",
-        "calendar_duration_hour": "小时",
-        "calendar_duration_hours": "小时",
-        "str_fm_datetime_noon": "中午",
-        "str_calendar_daily_header": "{{year}}年{{month}}{{day}}日",
-        "calendar_header_weekly_same_month": "{{month}}{{startDay}}日 - {{endDay}}日",
-        "calendar_header_weekly_diff_month": "{{startMonth}}{{startDay}}日 - {{endMonth}}{{endDay}}日",
-        "str_calendar_yearly_header": "{{year}}",
-        "str_calendar_monthly_header": "{{month}}.{{year}}",
-        "str_calendar_weekly_header": "{{month}}.{{year}}",
-        "calendar_view_monthly": "月",
-        "calendar_view_weekly": "周",
-        "calendar_view_daily": "日",
-        "calendar_view_yearly": "年",
-        "calendar_date_format": "{{day}}日 ({{dayText}})",
-        "multilingual_settings": "多语言设置",
-        "str_multilingual_ko": "韩语",
-        "str_multilingual_en": "英语",
-        "str_multilingual_ja": "日语",
-        "str_multilingual_zh_cn": "中文 - 简体",
-        "str_multilingual_zh_tw": "中文 - 繁体",
-        "str_multilingual_fr": "法语",
-        "str_multilingual_es": "西班牙语",
-        "str_9071": "请输入适合您国家的语言。",
-        "str_original_text": "原文",
-        "str_apply": "应用",
-        "str_cancel": "取消"
+        "str_3893": "Sun"
     }
 }

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -33,49 +33,6 @@
         "str_3890": "Thu",
         "str_3891": "Fri",
         "str_3892": "Sat",
-        "str_3893": "Sun",
-        "calendar_all_day": "全天",
-        "str_calendar_schedule_more": "更多",
-        "str_calendar_today": "今天",
-        "calendar_month_1": "1月",
-        "calendar_month_2": "2月",
-        "calendar_month_3": "3月",
-        "calendar_month_4": "4月",
-        "calendar_month_5": "5月",
-        "calendar_month_6": "6月",
-        "calendar_month_7": "7月",
-        "calendar_month_8": "8月",
-        "calendar_month_9": "9月",
-        "calendar_month_10": "10月",
-        "calendar_month_11": "11月",
-        "calendar_month_12": "12月",
-        "str_fm_datetime_am": "上午{{hour}}時",
-        "str_fm_datetime_pm": "下午{{hour}}時",
-        "calendar_duration_hour": "小時",
-        "calendar_duration_hours": "小時",
-        "str_fm_datetime_noon": "中午",
-        "str_calendar_daily_header": "{{year}}年{{month}}{{day}}日",
-        "calendar_header_weekly_same_month": "{{month}}{{startDay}}日 - {{endDay}}日",
-        "calendar_header_weekly_diff_month": "{{startMonth}}{{startDay}}日 - {{endMonth}}{{endDay}}日",
-        "str_calendar_yearly_header": "{{year}}",
-        "str_calendar_monthly_header": "{{month}}.{{year}}",
-        "str_calendar_weekly_header": "{{month}}.{{year}}",
-        "calendar_view_monthly": "月",
-        "calendar_view_weekly": "周",
-        "calendar_view_daily": "日",
-        "calendar_view_yearly": "年",
-        "calendar_date_format": "{{day}}日 ({{dayText}})",
-        "multilingual_settings": "多語言設置",
-        "str_multilingual_ko": "韓語",
-        "str_multilingual_en": "英語",
-        "str_multilingual_ja": "日語",
-        "str_multilingual_zh_cn": "中文 - 簡體",
-        "str_multilingual_zh_tw": "中文 - 繁體",
-        "str_multilingual_fr": "法語",
-        "str_multilingual_es": "西班牙語",
-        "str_9071": "請輸入適合您國家的語言。",
-        "str_original_text": "原文",
-        "str_apply": "應用",
-        "str_cancel": "取消"
+        "str_3893": "Sun"
     }
 }

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

@@ -123,7 +123,7 @@ declare const colorSet: {
         grey450: string;
         darkgrey450: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -503,7 +503,7 @@ declare const colorSet: {
         sys_cpnt_sheet_base_54: string;
         sys_component_border_01: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;

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_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -55,12 +55,3 @@ export type SegmentedButtonGroupValueOption = Pick<PDSValueOption, 'value'> & {
     tooltipPosition?: IconCaseTooltipPositionType;
 };
 export type ForwardedRefType<T> = ForwardedRef<T | null>;
-export interface IFormValues {
-    [key: string]: string;
-}
-/**
- * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
- */
-export declare const getErrorByName: (errors: {
-    [x: string]: any;
-}, name: string) => any;

package/dist/src/common/types/components.js

@@ -1,10 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorByName = void 0;
-/**
- * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
- */
-var getErrorByName = function (errors, name) {
-    return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
-};
-exports.getErrorByName = getErrorByName;

package/dist/src/common/types/form.d.ts

@@ -0,0 +1,9 @@
+export interface IFormValues {
+    [key: string]: string;
+}
+/**
+ * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
+ */
+export declare const getErrorByName: (errors: {
+    [x: string]: any;
+}, name: string) => any;

package/dist/src/common/types/form.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getErrorByName = void 0;
+/**
+ * 중첩된 객체 구조에서 점(.)으로 구분된 경로를 통해 에러 객체를 조회합니다
+ */
+var getErrorByName = function (errors, name) {
+    return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+};
+exports.getErrorByName = getErrorByName;

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

@@ -1,6 +1,6 @@
+export * from './form';
 export * from './icon';
 export * from './styled-components';
 export * from './text';
 export * from './uiColors';
 export * from './components';
-export * from './multilingual';

package/dist/src/common/types/index.js

@@ -14,9 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form"), exports);
 __exportStar(require("./icon"), exports);
 __exportStar(require("./styled-components"), exports);
 __exportStar(require("./text"), exports);
 __exportStar(require("./uiColors"), exports);
 __exportStar(require("./components"), exports);
-__exportStar(require("./multilingual"), exports);

package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 function hoverTypeSystemUICssGenerator(_a) {
     var baseSize = _a.baseSize, sizeOffset = _a.sizeOffset, positionOffset = _a.positionOffset, systemUIPosition = _a.systemUIPosition, _b = _a.distance, distance = _b === void 0 ? 8 : _b;
     if (!sizeOffset || !positionOffset) {
-        return '';
+        return 'visibility: hidden;';
     }
     var end = positionOffset.left, bottom = positionOffset.bottom, top = positionOffset.top;
     var width = sizeOffset.width, height = sizeOffset.height;

package/dist/src/common/utils/dateHelper.d.ts

@@ -10,7 +10,4 @@ export declare class DateHelper {
     static addMonths(date: Date, diff: number): Date;
     static addDays(date: Date, diff: number): Date;
     static getCalendarDates(monthDate: Date, startOfWeek: 'sunday' | 'monday'): Date[];
-    static endOfMonth(date: Date): Date;
-    static getCalendarDatesForCalendar(monthDate: Date, startOfWeek: 'sunday' | 'monday'): Date[];
-    static getDatesInRange(startDate: Date, endDate: Date): Date[];
 }

package/dist/src/common/utils/dateHelper.js

@@ -82,43 +82,6 @@ var DateHelper = /** @class */ (function () {
         var calendarStart = this.addDays(start, -offset);
         return Array.from({ length: 42 }, function (_, i) { return _this.addDays(calendarStart, i); });
     };
-    /*
-     * 월의 마지막 날짜 반환
-     */
-    DateHelper.endOfMonth = function (date) {
-        return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-    };
-    /*
-     * 일반 캘린더처럼 현재 달의 날짜만 표시하고, 필요한 경우에만 이전/다음 달의 날짜를 포함
-     */
-    DateHelper.getCalendarDatesForCalendar = function (monthDate, startOfWeek) {
-        var start = this.startOfMonth(monthDate);
-        var end = this.endOfMonth(monthDate);
-        var startIndex = startOfWeek === 'monday' ? 1 : 0;
-        // 시작 날짜의 요일 조정
-        var startOffset = (start.getDay() - startIndex + 7) % 7;
-        var calendarStart = this.addDays(start, -startOffset);
-        // 마지막 날짜의 요일 조정
-        var endOffset = (6 - end.getDay() + startIndex) % 7;
-        var calendarEnd = this.addDays(end, endOffset);
-        // 전체 날짜 배열 생성
-        var dates = [];
-        var currentDate = new Date(calendarStart);
-        while (currentDate <= calendarEnd) {
-            dates.push(new Date(currentDate));
-            currentDate = this.addDays(currentDate, 1);
-        }
-        return dates;
-    };
-    DateHelper.getDatesInRange = function (startDate, endDate) {
-        var dates = [];
-        var currentDate = new Date(startDate);
-        while (currentDate <= endDate) {
-            dates.push(new Date(currentDate));
-            currentDate.setDate(currentDate.getDate() + 1);
-        }
-        return dates;
-    };
     return DateHelper;
 }());
 exports.DateHelper = DateHelper;

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

@@ -23,7 +23,6 @@ export type TextFieldBaseProps = {
     max?: number;
     maxLength?: number;
     textSize: DesktopFontSize;
-    customFontSize?: string;
     textWeight: FontWeight;
     fieldPaddingRight?: number;
     fieldPaddingLeft?: number;
@@ -48,5 +47,5 @@ export type TextFieldBaseProps = {
     inputRef?: any;
     [x: string]: any;
 } & Record<string, any>;
-declare function TextFieldBase({ name, hintText, defaultText, textAlign, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, colorTheme, min, max, maxLength, textSize, customFontSize, textWeight, fieldPaddingRight, fieldPaddingLeft, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, suffixText, suffixTextRightSpacingMode, isFocused, autoComplete, stepperMode, stepperRightSpacing, innerSpinButtonSize, step, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, inputRef, ...rest }: TextFieldBaseProps): JSX.Element;
+declare function TextFieldBase({ name, hintText, defaultText, textAlign, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, colorTheme, min, max, maxLength, textSize, textWeight, fieldPaddingRight, fieldPaddingLeft, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, suffixText, suffixTextRightSpacingMode, isFocused, autoComplete, stepperMode, stepperRightSpacing, innerSpinButtonSize, step, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, inputRef, ...rest }: TextFieldBaseProps): JSX.Element;
 export default TextFieldBase;

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js

@@ -61,7 +61,7 @@ var common_1 = require("../../../../common");
 var IconButton_1 = require("../../../components/IconButton");
 var constants_1 = require("./constants");
 function TextFieldBase(_a) {
-    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, validation = _a.validation, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.enterSubmitMode, enterSubmitMode = _d === void 0 ? 'none' : _d, _e = _a.textLineType, textLineType = _e === void 0 ? 'single' : _e, multiRows = _a.multiRows, autoMinRows = _a.autoMinRows, autoMaxRows = _a.autoMaxRows, _f = _a.inputType, inputType = _f === void 0 ? 'text' : _f, inputMode = _a.inputMode, _g = _a.state, state = _g === void 0 ? 'normal' : _g, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, min = _a.min, max = _a.max, _j = _a.maxLength, maxLength = _j === void 0 ? Infinity : _j, _k = _a.textSize, textSize = _k === void 0 ? 'form2' : _k, customFontSize = _a.customFontSize, _l = _a.textWeight, textWeight = _l === void 0 ? 'normal' : _l, fieldPaddingRight = _a.fieldPaddingRight, fieldPaddingLeft = _a.fieldPaddingLeft, _m = _a.fieldHeight, fieldHeight = _m === void 0 ? 48 : _m, _o = _a.deleteIconMode, deleteIconMode = _o === void 0 ? 'use' : _o, _p = _a.deleteIconSize, deleteIconSize = _p === void 0 ? 20 : _p, _q = _a.deleteIconColor, deleteIconColor = _q === void 0 ? 'ui_cpnt_button_icon_disabled' : _q, suffixText = _a.suffixText, _r = _a.suffixTextRightSpacingMode, suffixTextRightSpacingMode = _r === void 0 ? 'none' : _r, isFocused = _a.isFocused, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.stepperMode, stepperMode = _t === void 0 ? 'none' : _t, _u = _a.stepperRightSpacing, stepperRightSpacing = _u === void 0 ? 1 : _u, _v = _a.innerSpinButtonSize, innerSpinButtonSize = _v === void 0 ? 16 : _v, step = _a.step, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget, inputRef = _a.inputRef, rest = __rest(_a, ["name", "hintText", "defaultText", "textAlign", "validation", "preventBlankMode", "enterSubmitMode", "textLineType", "multiRows", "autoMinRows", "autoMaxRows", "inputType", "inputMode", "state", "colorTheme", "min", "max", "maxLength", "textSize", "customFontSize", "textWeight", "fieldPaddingRight", "fieldPaddingLeft", "fieldHeight", "deleteIconMode", "deleteIconSize", "deleteIconColor", "suffixText", "suffixTextRightSpacingMode", "isFocused", "autoComplete", "stepperMode", "stepperRightSpacing", "innerSpinButtonSize", "step", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onTarget", "inputRef"]);
+    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _b = _a.textAlign, textAlign = _b === void 0 ? 'left' : _b, validation = _a.validation, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.enterSubmitMode, enterSubmitMode = _d === void 0 ? 'none' : _d, _e = _a.textLineType, textLineType = _e === void 0 ? 'single' : _e, multiRows = _a.multiRows, autoMinRows = _a.autoMinRows, autoMaxRows = _a.autoMaxRows, _f = _a.inputType, inputType = _f === void 0 ? 'text' : _f, inputMode = _a.inputMode, _g = _a.state, state = _g === void 0 ? 'normal' : _g, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, min = _a.min, max = _a.max, _j = _a.maxLength, maxLength = _j === void 0 ? Infinity : _j, _k = _a.textSize, textSize = _k === void 0 ? 'form2' : _k, _l = _a.textWeight, textWeight = _l === void 0 ? 'normal' : _l, fieldPaddingRight = _a.fieldPaddingRight, fieldPaddingLeft = _a.fieldPaddingLeft, _m = _a.fieldHeight, fieldHeight = _m === void 0 ? 48 : _m, _o = _a.deleteIconMode, deleteIconMode = _o === void 0 ? 'use' : _o, _p = _a.deleteIconSize, deleteIconSize = _p === void 0 ? 20 : _p, _q = _a.deleteIconColor, deleteIconColor = _q === void 0 ? 'ui_cpnt_button_icon_disabled' : _q, suffixText = _a.suffixText, _r = _a.suffixTextRightSpacingMode, suffixTextRightSpacingMode = _r === void 0 ? 'none' : _r, isFocused = _a.isFocused, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.stepperMode, stepperMode = _t === void 0 ? 'none' : _t, _u = _a.stepperRightSpacing, stepperRightSpacing = _u === void 0 ? 1 : _u, _v = _a.innerSpinButtonSize, innerSpinButtonSize = _v === void 0 ? 16 : _v, step = _a.step, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget, inputRef = _a.inputRef, rest = __rest(_a, ["name", "hintText", "defaultText", "textAlign", "validation", "preventBlankMode", "enterSubmitMode", "textLineType", "multiRows", "autoMinRows", "autoMaxRows", "inputType", "inputMode", "state", "colorTheme", "min", "max", "maxLength", "textSize", "textWeight", "fieldPaddingRight", "fieldPaddingLeft", "fieldHeight", "deleteIconMode", "deleteIconSize", "deleteIconColor", "suffixText", "suffixTextRightSpacingMode", "isFocused", "autoComplete", "stepperMode", "stepperRightSpacing", "innerSpinButtonSize", "step", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onTarget", "inputRef"]);
     var _w = (0, react_hook_form_1.useFormContext)(), register = _w.register, setValue = _w.setValue, getValues = _w.getValues, clearErrors = _w.clearErrors;
     var timeout;
     var suffixTextRef = (0, react_1.useRef)(null);
@@ -226,7 +226,7 @@ function TextFieldBase(_a) {
     }
     var S_TextFieldBase = function () {
         if (textLineType === 'single') {
-            return ((0, jsx_runtime_1.jsxs)(S_InputWrapper, { children: [stepperMode === 'use' && ((0, jsx_runtime_1.jsxs)(S_IconBox, __assign({ innerSpinButtonSize: innerSpinButtonSize, isFocused: isFocused, stepperRightSpacing: stepperRightSpacing }, { children: [(0, jsx_runtime_1.jsx)(components_2.Icon, { iconName: "ic_arrow_up_stepper", fillType: "fill", size: innerSpinButtonSize }), (0, jsx_runtime_1.jsx)(components_2.Icon, { iconName: "ic_arrow_down_stepper", fillType: "fill", size: innerSpinButtonSize })] }))), (0, jsx_runtime_1.jsx)(S_Input, __assign({}, register(name, validation), rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, type: inputType, inputMode: inputMode, state: state, readOnly: state === 'read_only', disabled: state === 'disabled', maxLength: maxLength, textSize: textSize, customFontSize: customFontSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, colorTheme: colorTheme, min: min, max: max, autoComplete: autoComplete, stepperMode: stepperMode, innerSpinButtonSize: innerSpinButtonSize, step: step, deleteIconMode: deleteIconMode, suffixText: suffixText, suffixTextWidth: suffixTextWidth, stepperRightSpacing: stepperRightSpacing, isFocused: isFocused, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
+            return ((0, jsx_runtime_1.jsxs)(S_InputWrapper, { children: [stepperMode === 'use' && ((0, jsx_runtime_1.jsxs)(S_IconBox, __assign({ innerSpinButtonSize: innerSpinButtonSize, isFocused: isFocused, stepperRightSpacing: stepperRightSpacing }, { children: [(0, jsx_runtime_1.jsx)(components_2.Icon, { iconName: "ic_arrow_up_stepper", fillType: "fill", size: innerSpinButtonSize }), (0, jsx_runtime_1.jsx)(components_2.Icon, { iconName: "ic_arrow_down_stepper", fillType: "fill", size: innerSpinButtonSize })] }))), (0, jsx_runtime_1.jsx)(S_Input, __assign({}, register(name, validation), rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, type: inputType, inputMode: inputMode, state: state, readOnly: state === 'read_only', disabled: state === 'disabled', maxLength: maxLength, textSize: textSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, colorTheme: colorTheme, min: min, max: max, autoComplete: autoComplete, stepperMode: stepperMode, innerSpinButtonSize: innerSpinButtonSize, step: step, deleteIconMode: deleteIconMode, suffixText: suffixText, suffixTextWidth: suffixTextWidth, stepperRightSpacing: stepperRightSpacing, isFocused: isFocused, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
                             ref(e);
                             if (inputRef) {
                                 inputRef.current = e;
@@ -234,7 +234,7 @@ function TextFieldBase(_a) {
                         } })), (deleteIconMode === 'use' || suffixText) && ((0, jsx_runtime_1.jsxs)(S_RightBox, __assign({ deleteIconMode: deleteIconMode, stepperMode: stepperMode, suffixText: suffixText, innerSpinButtonSize: innerSpinButtonSize }, { children: [deleteIconMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconButtonWrapper, __assign({ innerSpinButtonSize: innerSpinButtonSize, deleteIconMode: deleteIconMode, stepperMode: stepperMode, suffixText: suffixText, isFocused: isFocused, suffixTextWidth: suffixTextWidth, stepperRightSpacing: stepperRightSpacing }, { children: isFocused && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_delete", baseSize: "small", shapeType: "rectangle", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: deleteIconSize, iconColorKey: deleteIconColor, iconFillType: "fill", state: state === 'disabled' ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: deleteValue })) }))), suffixText && ((0, jsx_runtime_1.jsxs)(S_SuffixTextBox, __assign({ ref: suffixTextRef }, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: suffixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", colorOverride: stepperMode === 'use' && isFocused ? 'ui_106' : undefined, textAlign: "right", singleLineMode: "use" }), suffixTextRightSpacingMode === 'use' && ((0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b", spacingType: "width" }))] })))] })))] }));
         }
         if (textLineType === 'multi') {
-            return ((0, jsx_runtime_1.jsx)(S_Multi, __assign({}, register(name, validation), rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, state: state, readOnly: state === 'read_only' && true, disabled: state === 'disabled' && true, maxLength: maxLength, rows: multiRows, textSize: textSize, customFontSize: customFontSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, colorTheme: colorTheme, autoComplete: autoComplete, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
+            return ((0, jsx_runtime_1.jsx)(S_Multi, __assign({}, register(name, validation), rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, state: state, readOnly: state === 'read_only' && true, disabled: state === 'disabled' && true, maxLength: maxLength, rows: multiRows, textSize: textSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, colorTheme: colorTheme, autoComplete: autoComplete, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
                     ref(e);
                     if (inputRef) {
                         inputRef.current = e;
@@ -242,7 +242,7 @@ function TextFieldBase(_a) {
                 } })));
         }
         if (textLineType === 'auto') {
-            return ((0, jsx_runtime_1.jsx)(S_Auto, __assign({}, refRest, rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, readOnly: state === 'read_only' && true, disabled: state === 'disabled' && true, maxLength: maxLength, textSize: textSize, customFontSize: customFontSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, fieldHeight: fieldHeight, colorTheme: colorTheme, autoComplete: autoComplete, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
+            return ((0, jsx_runtime_1.jsx)(S_Auto, __assign({}, refRest, rest, { name: name, defaultValue: defaultText, placeholder: hintText, textAlign: textAlign, autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, readOnly: state === 'read_only' && true, disabled: state === 'disabled' && true, maxLength: maxLength, textSize: textSize, textWeight: textWeight, fieldPaddingRight: fieldPaddingRight, fieldPaddingLeft: fieldPaddingLeft, fieldHeight: fieldHeight, colorTheme: colorTheme, autoComplete: autoComplete, onFocus: handleFocus, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, ref: function (e) {
                     ref(e);
                     if (textAreaRef) {
                         textAreaRef.current = e;
@@ -332,8 +332,8 @@ var basicStyle = (0, styled_components_1.css)(templateObject_9 || (templateObjec
     var state = _a.state;
     return (state === 'disabled' ? 'not-allowed' : 'text');
 }, function (_a) {
-    var textSize = _a.textSize, customFontSize = _a.customFontSize;
-    return customFontSize ? customFontSize : common_1.desktopFontSize[textSize];
+    var textSize = _a.textSize;
+    return common_1.desktopFontSize[textSize];
 }, function (_a) {
     var textWeight = _a.textWeight;
     return common_1.fontWeight[textWeight];
@@ -352,8 +352,8 @@ var basicStyle = (0, styled_components_1.css)(templateObject_9 || (templateObjec
             transparent: theme.ui_cpnt_textfield_text_colortheme_transparent_hint
         }[colorTheme];
 }, function (_a) {
-    var textSize = _a.textSize, customFontSize = _a.customFontSize;
-    return customFontSize ? customFontSize : common_1.desktopFontSize[textSize];
+    var textSize = _a.textSize;
+    return common_1.desktopFontSize[textSize];
 }, function (_a) {
     var textWeight = _a.textWeight;
     return common_1.fontWeight[textWeight];
@@ -496,23 +496,19 @@ var S_Input = styled_components_1.default.input(templateObject_15 || (templateOb
     return theme.ui_cpnt_textfield_text_typed;
 });
 var S_Auto = styled_components_1.default.textarea(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n  display: block;\n  overflow-y: auto;\n  resize: none;\n  ", "\n  ", ";\n"], ["\n  ", "\n  display: block;\n  overflow-y: auto;\n  resize: none;\n  ", "\n  ", ";\n"])), basicStyle, function (_a) {
-    var autoMaxRows = _a.autoMaxRows, textSize = _a.textSize, fieldHeight = _a.fieldHeight, customFontSize = _a.customFontSize;
+    var autoMaxRows = _a.autoMaxRows, textSize = _a.textSize, fieldHeight = _a.fieldHeight;
     return autoMaxRows &&
         fieldHeight &&
-        "max-height: ".concat(customFontSize
-            ? Number(customFontSize.substring(0, 2)) * Number(common_1.desktopLineHeight[textSize]) * autoMaxRows
-            : Number(common_1.desktopFontSize[textSize].substring(0, 2)) *
-                Number(common_1.desktopLineHeight[textSize]) *
-                autoMaxRows, "px;");
+        "max-height: ".concat(Number(common_1.desktopFontSize[textSize].substring(0, 2)) *
+            Number(common_1.desktopLineHeight[textSize]) *
+            autoMaxRows, "px;");
 }, function (_a) {
-    var autoMinRows = _a.autoMinRows, textSize = _a.textSize, fieldHeight = _a.fieldHeight, customFontSize = _a.customFontSize;
+    var autoMinRows = _a.autoMinRows, textSize = _a.textSize, fieldHeight = _a.fieldHeight;
     return autoMinRows &&
         fieldHeight &&
-        "min-height: ".concat(customFontSize
-            ? Number(customFontSize.substring(0, 2)) * Number(common_1.desktopLineHeight[textSize]) * autoMinRows
-            : Number(common_1.desktopFontSize[textSize].substring(0, 2)) *
-                Number(common_1.desktopLineHeight[textSize]) *
-                autoMinRows, "px;");
+        "min-height: ".concat(Number(common_1.desktopFontSize[textSize].substring(0, 2)) *
+            Number(common_1.desktopLineHeight[textSize]) *
+            autoMinRows, "px;");
 });
 var S_Multi = styled_components_1.default.textarea(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", "\n  display: block;\n  overflow-y: auto;\n  resize: none;\n"], ["\n  ", "\n  display: block;\n  overflow-y: auto;\n  resize: none;\n"])), basicStyle);
 exports.default = TextFieldBase;

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

@@ -105,7 +105,7 @@ function BasicButtonGroup(_a) {
             var isHoveredButton = index === hoveredButtonIndex;
             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', backgroundColorTheme: backgroundColorTheme }, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, fillType: iconFillType, colorKey: getColorKey(buttonState, iconColorTheme) }), tooltipText &&
                         isHoveredButton &&
-                        (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss, size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })), document.body)] }), iconName + index));
+                        (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss, size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })), document.getElementById('tooltip-root'))] }), iconName + index));
         }) })));
 }
 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/BasicFormGroup/BasicFormGroup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType, MultilingualConfig } from '../../../common/types';
+import type { PDSTextType } from '../../../common';
 type BasicFormGroupProps = {
     titleStyleTheme?: 'headingBold' | 'leadParaBold' | 'subTitleBold';
     titleText?: PDSTextType;
@@ -7,9 +7,6 @@ type BasicFormGroupProps = {
     captionText?: PDSTextType;
     inputForm?: JSX.Element;
     titleRequirementMode?: 'use' | 'none';
-    multilingualBtnMode?: 'use' | 'none';
-    multilingualBtnState?: 'normal' | 'disabled';
-    multilingualConfig?: MultilingualConfig;
 };
-declare function BasicFormGroup({ titleStyleTheme, titleText, descText, captionText, inputForm, titleRequirementMode, multilingualBtnMode, multilingualBtnState, multilingualConfig }: BasicFormGroupProps): JSX.Element;
+declare function BasicFormGroup({ titleStyleTheme, titleText, descText, captionText, inputForm, titleRequirementMode }: BasicFormGroupProps): JSX.Element;
 export default BasicFormGroup;

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

@@ -19,66 +19,17 @@ var __importDefault = (this && this.__importDefault) || 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("../../components");
-var MultilingualModal_1 = __importDefault(require("../../panels/MultilingualModal"));
-var components_2 = require("../../../hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
+var hybrid_1 = require("../../../hybrid");
+var TextLabel_1 = require("../TextLabel");
 function BasicFormGroup(_a) {
-    var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _c = _a.titleRequirementMode, titleRequirementMode = _c === void 0 ? 'none' : _c, _d = _a.multilingualBtnMode, multilingualBtnMode = _d === void 0 ? 'none' : _d, _e = _a.multilingualBtnState, multilingualBtnState = _e === void 0 ? 'normal' : _e, multilingualConfig = _a.multilingualConfig;
-    var _f = (0, react_1.useState)(false), isMultiLanguageModalOpen = _f[0], setIsMultiLanguageModalOpen = _f[1];
-    var _g = (0, react_1.useState)(false), hasMultilingualValues = _g[0], setHasMultilingualValues = _g[1];
-    var _h = (0, react_1.useState)(function () {
-        return JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
-    }), hiddenInputValue = _h[0], setHiddenInputValue = _h[1];
-    // hiddenInput의 값이 있는지 확인하는 함수
-    var checkMultilingualValues = function () {
-        try {
-            var values = JSON.parse(hiddenInputValue || '{}');
-            var hasValues = Object.values(values).some(function (value) { return value && value.toString().trim() !== ''; });
-            setHasMultilingualValues(hasValues);
-        }
-        catch (_a) {
-            setHasMultilingualValues(false);
-        }
-    };
-    // initialValues가 변경될 때 hiddenInputValue 업데이트
-    (0, react_1.useEffect)(function () {
-        var newValue = JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
-        setHiddenInputValue(newValue);
-    }, [multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues]);
-    // hiddenInputValue가 변경될 때마다 체크
-    (0, react_1.useEffect)(function () {
-        checkMultilingualValues();
-    }, [hiddenInputValue]);
-    var handleLanguageButtonClick = function () {
-        // TinyEditor 모드일 때는 모달을 열지 않고 onTinyEditorAction 실행
-        if ((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.textFieldLineType) === 'tinyeditor') {
-            if (multilingualConfig.onTinyEditorAction) {
-                multilingualConfig.onTinyEditorAction();
-            }
-            return;
-        }
-        setIsMultiLanguageModalOpen(true);
-    };
-    var handleLanguageModalClose = function () {
-        setIsMultiLanguageModalOpen(false);
-    };
-    var handleHiddenInputUpdate = function (newValue) {
-        setHiddenInputValue(newValue);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) })), multilingualBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MultilingualButtonWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_icon_default", iconColorKey: hasMultilingualValues
-                                        ? 'ui_cpnt_button_icon_primary'
-                                        : 'ui_cpnt_button_icon_disabled', state: multilingualBtnState, onClick: multilingualBtnState === 'normal' ? handleLanguageButtonClick : undefined }) }))] }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" })] })), multilingualBtnMode === 'use' && multilingualConfig && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "hiddenInput_".concat(multilingualConfig.hiddenInputId), name: multilingualConfig.hiddenInputId, value: hiddenInputValue, readOnly: true }), (0, jsx_runtime_1.jsx)(MultilingualModal_1.default, { isOpen: isMultiLanguageModalOpen, onClose: handleLanguageModalClose, config: multilingualConfig, onHiddenInputUpdate: handleHiddenInputUpdate })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
+    var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _c = _a.titleRequirementMode, titleRequirementMode = _c === void 0 ? 'none' : _c;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
 }
 var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
 var S_IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  height: 16px;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  height: 16px;\n  justify-content: center;\n  padding: 0 ", ";\n  width: 16px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingA;
 });
-var S_MultilingualButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  margin-left: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  margin-left: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
 exports.default = BasicFormGroup;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2;