pds-dev-kit-web 2.2.85 → 2.2.87

package/dist/src/common/styles/ui-colors.js

@@ -9,14 +9,22 @@ function buildCascadedColors(lowLevel, highLevel, override) {
     if (override === void 0) { override = {}; }
     return Object.keys(highLevel).reduce(function (acc, key) {
         var keyInLowLevelColors = highLevel[key];
+        var hasOpacity = keyInLowLevelColors.indexOf('/') !== -1;
         var colorValue;
-        if (keyInLowLevelColors.indexOf('/') !== -1) {
-            colorValue = override[key]
-                ? override[key]
-                : lowLevel[keyInLowLevelColors.split('/')[0]] + lowLevel[keyInLowLevelColors.split('/')[1]];
+        if (hasOpacity) {
+            var _a = keyInLowLevelColors.split('/'), colorKey = _a[0], opacity = _a[1];
+            var isUserBrandPrimaryColor = key.includes('usr_brand_primary');
+            if (isUserBrandPrimaryColor) {
+                colorValue = override.usr_brand_primary
+                    ? override.usr_brand_primary + lowLevel[opacity]
+                    : lowLevel[colorKey] + lowLevel[opacity];
+            }
+            else {
+                colorValue = override[key] || lowLevel[colorKey] + lowLevel[opacity];
+            }
         }
         else {
-            colorValue = override[key] ? override[key] : lowLevel[keyInLowLevelColors];
+            colorValue = override[key] || lowLevel[keyInLowLevelColors];
         }
         acc[key] = colorValue;
         return acc;

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

@@ -3,6 +3,7 @@ import type { PDSTabItemOption } from '../../../common/types';
 export type ItemType = PDSTabItemOption;
 type UserDesktopSideTabProps = {
     itemArray: ItemType[];
+    spacingMode?: 'use' | 'none';
 };
-declare function UserDesktopSideTab({ itemArray }: UserDesktopSideTabProps): JSX.Element;
+declare function UserDesktopSideTab({ itemArray, spacingMode }: UserDesktopSideTabProps): JSX.Element;
 export default UserDesktopSideTab;

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

@@ -22,22 +22,22 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var TextLabel_1 = require("../TextLabel");
 function UserDesktopSideTab(_a) {
-    var itemArray = _a.itemArray;
+    var itemArray = _a.itemArray, _b = _a.spacingMode, spacingMode = _b === void 0 ? 'use' : _b;
     var handleClickTabItem = function (item, e) {
         if (item.onClick) {
             item.onClick(e);
         }
     };
     return ((0, jsx_runtime_1.jsx)("div", __assign({ "x-pds-name": "UserDesktopSideTab", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: itemArray.map(function (item, index) {
-            return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ onClick: function (e) { return handleClickTabItem(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, lineLimit: 1, ellipsisMode: "use", styleTheme: "headingBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use", wordBreak: "break_all" }) }), index));
+            return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ spacingMode: spacingMode, onClick: function (e) { return handleClickTabItem(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, lineLimit: 1, ellipsisMode: "use", styleTheme: "headingBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use", wordBreak: "break_all" }) }), index));
         }) })));
 }
 var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  cursor: pointer;\n  display: flex;\n  height: 56px;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  cursor: pointer;\n  display: flex;\n  height: 56px;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_userdesktopsidetab_base_area;
 }, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
+    var theme = _a.theme, spacingMode = _a.spacingMode;
+    return (spacingMode === 'use' ? theme.spacing.spacingE : 0);
 }, function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingD;

package/package.json

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

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.85]
+## [v2.2.87]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1239] HorizontalFormGroup에 labelRequirementMode prop 추가 건
+* [PDS-1241] UserDestopTabBar의 styleTheme : content2의 컬러 이슈 해결 건