npm - pds-dev-kit-web - Versions diffs - 2.2.198 → 2.2.199 - Mend

pds-dev-kit-web 2.2.198 → 2.2.199

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/src/desktop/components/BoxItem/BoxItem.d.ts CHANGED Viewed

@@ -36,6 +36,7 @@ export type BoxItemProps = {
     iBtn3IconName?: PDSIconType;
     iBtn3IconFillType?: 'fill' | 'line';
     iBtn3IconColorKey?: UiColors;
+    overrideBorderColorKey?: UiColors;
     paddingTop?: PaddingSpacingType;
     paddingRight?: PaddingSpacingType;
     paddingBottom?: PaddingSpacingType;
@@ -62,5 +63,5 @@ declare const paddingSpacing: {
     readonly spacing_m: "spacingM";
     readonly spacing_n: "spacingN";
 };
-declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descTextWordBreak, descLineLimit, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
+declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descTextWordBreak, descLineLimit, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, iBtn3IconFillType, iBtn3IconColorKey, overrideBorderColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
 export default BoxItem;

package/dist/src/desktop/components/BoxItem/BoxItem.js CHANGED Viewed

@@ -42,7 +42,7 @@ var paddingSpacing = {
     spacing_n: 'spacingN'
 };
 function BoxItem(_a) {
-    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, _j = _a.titleTextWordBreak, titleTextWordBreak = _j === void 0 ? 'normal' : _j, descText = _a.descText, _k = _a.descTextColorKey, descTextColorKey = _k === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _k, _l = _a.descTextWordBreak, descTextWordBreak = _l === void 0 ? 'normal' : _l, _m = _a.descLineLimit, descLineLimit = _m === void 0 ? 2 : _m, _o = _a.imageMode, imageMode = _o === void 0 ? 'none' : _o, _p = _a.imageShapeType, imageShapeType = _p === void 0 ? 'round' : _p, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _q = _a.imageRatio, imageRatio = _q === void 0 ? '1_1' : _q, _r = _a.imageScaleType, imageScaleType = _r === void 0 ? 'cover' : _r, _s = _a.chipMode, chipMode = _s === void 0 ? 'none' : _s, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _t = _a.displayType, displayType = _t === void 0 ? 'none' : _t, iBtn1IconName = _a.iBtn1IconName, _u = _a.iBtn1IconFillType, iBtn1IconFillType = _u === void 0 ? 'line' : _u, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _v = _a.iBtn2IconFillType, iBtn2IconFillType = _v === void 0 ? 'line' : _v, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, _w = _a.iBtn3IconFillType, iBtn3IconFillType = _w === void 0 ? 'line' : _w, iBtn3IconColorKey = _a.iBtn3IconColorKey, _x = _a.paddingTop, paddingTop = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingRight, paddingRight = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingBottom, paddingBottom = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingLeft, paddingLeft = _0 === void 0 ? 'spacing_d' : _0, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
+    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, _j = _a.titleTextWordBreak, titleTextWordBreak = _j === void 0 ? 'normal' : _j, descText = _a.descText, _k = _a.descTextColorKey, descTextColorKey = _k === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _k, _l = _a.descTextWordBreak, descTextWordBreak = _l === void 0 ? 'normal' : _l, _m = _a.descLineLimit, descLineLimit = _m === void 0 ? 2 : _m, _o = _a.imageMode, imageMode = _o === void 0 ? 'none' : _o, _p = _a.imageShapeType, imageShapeType = _p === void 0 ? 'round' : _p, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _q = _a.imageRatio, imageRatio = _q === void 0 ? '1_1' : _q, _r = _a.imageScaleType, imageScaleType = _r === void 0 ? 'cover' : _r, _s = _a.chipMode, chipMode = _s === void 0 ? 'none' : _s, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _t = _a.displayType, displayType = _t === void 0 ? 'none' : _t, iBtn1IconName = _a.iBtn1IconName, _u = _a.iBtn1IconFillType, iBtn1IconFillType = _u === void 0 ? 'line' : _u, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _v = _a.iBtn2IconFillType, iBtn2IconFillType = _v === void 0 ? 'line' : _v, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, _w = _a.iBtn3IconFillType, iBtn3IconFillType = _w === void 0 ? 'line' : _w, iBtn3IconColorKey = _a.iBtn3IconColorKey, overrideBorderColorKey = _a.overrideBorderColorKey, _x = _a.paddingTop, paddingTop = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingRight, paddingRight = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingBottom, paddingBottom = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingLeft, paddingLeft = _0 === void 0 ? 'spacing_d' : _0, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
     var handleClick = function () {
         if (state === 'disabled') {
             return;
@@ -81,7 +81,9 @@ function BoxItem(_a) {
     return ((0, jsx_runtime_1.jsx)(S_BoxItem, __assign({ "x-pds-name": "BoxItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ shapeType: "round", radius: 16, width: "100%", height: "responsive", paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, borderMode: "use", borderColorTheme: state === 'disabled' ? undefined : selectState === 'selected' ? 'blue' : undefined, overrideBorderColorKey: state === 'disabled'
                 ? 'ui_cpnt_sheet_base'
                 : selectState === 'selected'
-                    ? undefined
+                    ? overrideBorderColorKey
+                        ? overrideBorderColorKey
+                        : undefined
                     : 'ui_cpnt_sheet_base', borderWidth: selectionMode === 'use' ? 2 : undefined, overrideCSS: {
                 display: 'flex',
                 flexDirection: 'row',

package/dist/src/mobile/components/BoxItem/BoxItem.d.ts CHANGED Viewed

@@ -36,6 +36,7 @@ export type BoxItemProps = {
     iBtn3IconName?: PDSIconType;
     iBtn3IconFillType?: 'fill' | 'line';
     iBtn3IconColorKey?: UiColors;
+    overrideBorderColorKey?: UiColors;
     paddingTop?: PaddingSpacingType;
     paddingRight?: PaddingSpacingType;
     paddingBottom?: PaddingSpacingType;
@@ -62,5 +63,5 @@ declare const paddingSpacing: {
     readonly spacing_m: "spacingM";
     readonly spacing_n: "spacingN";
 };
-declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descLineLimit, descTextWordBreak, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
+declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descLineLimit, descTextWordBreak, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, overrideBorderColorKey, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
 export default BoxItem;

package/dist/src/mobile/components/BoxItem/BoxItem.js CHANGED Viewed

@@ -42,7 +42,7 @@ var paddingSpacing = {
     spacing_n: 'spacingN'
 };
 function BoxItem(_a) {
-    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, _j = _a.titleTextWordBreak, titleTextWordBreak = _j === void 0 ? 'normal' : _j, descText = _a.descText, _k = _a.descTextColorKey, descTextColorKey = _k === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _k, _l = _a.descLineLimit, descLineLimit = _l === void 0 ? 2 : _l, _m = _a.descTextWordBreak, descTextWordBreak = _m === void 0 ? 'normal' : _m, _o = _a.imageMode, imageMode = _o === void 0 ? 'none' : _o, _p = _a.imageShapeType, imageShapeType = _p === void 0 ? 'round' : _p, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _q = _a.imageRatio, imageRatio = _q === void 0 ? '1_1' : _q, _r = _a.imageScaleType, imageScaleType = _r === void 0 ? 'cover' : _r, _s = _a.chipMode, chipMode = _s === void 0 ? 'none' : _s, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _t = _a.displayType, displayType = _t === void 0 ? 'none' : _t, iBtn1IconName = _a.iBtn1IconName, _u = _a.iBtn1IconFillType, iBtn1IconFillType = _u === void 0 ? 'line' : _u, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _v = _a.iBtn2IconFillType, iBtn2IconFillType = _v === void 0 ? 'line' : _v, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, _w = _a.iBtn3IconFillType, iBtn3IconFillType = _w === void 0 ? 'line' : _w, iBtn3IconColorKey = _a.iBtn3IconColorKey, _x = _a.paddingTop, paddingTop = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingRight, paddingRight = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingBottom, paddingBottom = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingLeft, paddingLeft = _0 === void 0 ? 'spacing_d' : _0, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
+    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, _j = _a.titleTextWordBreak, titleTextWordBreak = _j === void 0 ? 'normal' : _j, descText = _a.descText, _k = _a.descTextColorKey, descTextColorKey = _k === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _k, _l = _a.descLineLimit, descLineLimit = _l === void 0 ? 2 : _l, _m = _a.descTextWordBreak, descTextWordBreak = _m === void 0 ? 'normal' : _m, _o = _a.imageMode, imageMode = _o === void 0 ? 'none' : _o, _p = _a.imageShapeType, imageShapeType = _p === void 0 ? 'round' : _p, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _q = _a.imageRatio, imageRatio = _q === void 0 ? '1_1' : _q, _r = _a.imageScaleType, imageScaleType = _r === void 0 ? 'cover' : _r, _s = _a.chipMode, chipMode = _s === void 0 ? 'none' : _s, chipText = _a.chipText, chipOverrideTextColorKey = _a.chipOverrideTextColorKey, chipOverrideBackgroundColorKey = _a.chipOverrideBackgroundColorKey, _t = _a.displayType, displayType = _t === void 0 ? 'none' : _t, iBtn1IconName = _a.iBtn1IconName, _u = _a.iBtn1IconFillType, iBtn1IconFillType = _u === void 0 ? 'line' : _u, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _v = _a.iBtn2IconFillType, iBtn2IconFillType = _v === void 0 ? 'line' : _v, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, overrideBorderColorKey = _a.overrideBorderColorKey, _w = _a.iBtn3IconFillType, iBtn3IconFillType = _w === void 0 ? 'line' : _w, iBtn3IconColorKey = _a.iBtn3IconColorKey, _x = _a.paddingTop, paddingTop = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingRight, paddingRight = _y === void 0 ? 'spacing_d' : _y, _z = _a.paddingBottom, paddingBottom = _z === void 0 ? 'spacing_d' : _z, _0 = _a.paddingLeft, paddingLeft = _0 === void 0 ? 'spacing_d' : _0, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
     var handleClick = function () {
         if (state === 'disabled') {
             return;
@@ -81,7 +81,9 @@ function BoxItem(_a) {
     return ((0, jsx_runtime_1.jsx)(S_BoxItem, __assign({ "x-pds-name": "BoxItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ shapeType: "round", radius: 16, width: "100%", height: "responsive", paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, borderMode: "use", borderColorTheme: state === 'disabled' ? undefined : selectState === 'selected' ? 'blue' : undefined, overrideBorderColorKey: state === 'disabled'
                 ? 'ui_cpnt_sheet_base'
                 : selectState === 'selected'
-                    ? undefined
+                    ? overrideBorderColorKey
+                        ? overrideBorderColorKey
+                        : undefined
                     : 'ui_cpnt_sheet_base', borderWidth: selectionMode === 'use' ? 2 : undefined, overrideCSS: {
                 display: 'flex',
                 flexDirection: 'row',

package/package.json CHANGED Viewed

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

package/release-note.md CHANGED Viewed

@@ -1,7 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.198]
+## [v2.2.199]
 ## daily|https://design.storybook.publ.biz/
 ### 업데이트 사항
-*  [PDS-1323] 다국어 관련 컴포넌트 변경 및 추가 건
+*  [PDS-1332] BoxItem OverrideBorderColorKey 적용