pds-dev-kit-web 2.1.11 → 2.1.12

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

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var UIColor_json_1 = __importDefault(require("./UIColor.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 = {
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     SemanticColor: SemanticColor_json_1.default,
-    UIColor: UIColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_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

@@ -828,4 +828,5 @@ export interface UITheme {
     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/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  ", "\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) {
+    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) {
@@ -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;

package/dist/src/mobile/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/mobile/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,34 +1,103 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.10]
+## [v2.1.12]
 ## daily|https://design.storybook.publ.biz/
 
 ### Components
-* BasicButtonGroup
-    * iconFillType이 제대로 작동하도록 수정
-* SegmentedButtonGroup
-    * iconFillType이 제대로 작동하도록 수정
+* TextField
+    * 각 prop에 따른 내부 간격 수정
+* TextLabel
+    * 각 styleTheme에 맞게 tooltip icon이 중앙정렬되어 보일 수 있도록 수정
 * Icon
+    * ic_links
+        * fill 수정
+    * ic_plus_circle
+        * line 수정
+        * fill 추가
+    * ic_minus_circle
+        * line 수정
+        * fill 추가
+    * ic_video_type
+        * line, fill 추가
+    * ic_arrow_up_stepper
+        * fill 추가
+    * ic_arrow_down_stepper
+        * fill 추가
+    * ic_accordion
+        * fill 수정
+    * ic_align_bottom
+        * fill 수정
+    * ic_align_center
+        * fill 수정
+    * ic_align_left
+        * fill 수정
+    * ic_align_middle
+        * fill 수정
+    * ic_align_right
+        * fill 수정
+    * ic_align_top
+        * fill 수정
     * ic_audio
-        * fill, line 추가
+        * fill 수정
+    * ic_button
+        * fill 수정
     * ic_calendar
-        * fill, line 추가
+        * fill 수정
+    * ic_carousel
+        * line, fill 수정
+    * ic_copy
+        * fill 수정
+    * ic_device_app
+        * fill 수정
+    * ic_device_desktop
+        * fill 수정
+    * ic_device_mobile
+        * fill 수정
+    * ic_divider
+        * fill 수정
+    * ic_download
+        * fill 수정
+    * ic_editor_left_side
+        * fill 수정
+    *  ic_editor_right_side
+        * fill 수정
     * ic_embed
-        * fill, line 추가
+        * fill 수정
     * ic_icon
-        * fill, line 추가
+        * fill 수정
+    * ic_image
+        * fill 수정
+    * ic_layer_backward
+        * fill 수정
+    * ic_layer_forward
+        * fill 수정
+    * ic_layout
+        * fill 수정
+    * ic_light_bulb
+        * line, fill 수정
     * ic_list
-        * fill, line 추가
-    * ic_post_inquiry
-        * fill 추가
+        * fill 수정
+    * ic_logo_insta
+        * fill 수정
+    * ic_logo_twitter
+        * fill 수정
+    * ic_paint
+        * fill 수정
+    * ic_plus_round
+        * fill 수정
+    * ic_rich_text
+        * line, fill 수정
     * ic_scrolling_text
-        * fill, line 추가
-    * ic_seller_page
-        * fill 추가
+        * fill 수정
+    * ic_shape
+        * fill 수정
     * ic_slider
-        * fill, line 추가
-* TextLabel
-    * 툴팁 텍스트의 행간을 1.2로 수정
-    * 툴팁 최대 너비를 320px -> 240px로 수정
+        * fill 수정
+    * ic_text
+        * fill 수정
+    * ic_trashcan
+        * fill 수정
+    * ic_upload
+        * fill 수정
 
 ### Color
-* 컬러 키 값 23.07.29 15시 46분 기준 싱크
+* 컬러 키 값 23.08.02 18시 25분 기준 싱크