pds-dev-kit-web 2.2.81 → 2.2.82
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.
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +3 -0
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.d.ts +1 -1
- package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.js +25 -2
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -354,5 +354,6 @@
|
|
|
354
354
|
"sys_cpnt_sheet_base_13": "grey50",
|
|
355
355
|
"sys_cpnt_sheet_base_14": "grey900",
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
|
-
"sys_border_line_17": "darkgrey600"
|
|
357
|
+
"sys_border_line_17": "darkgrey600",
|
|
358
|
+
"usr_brand_primary_opacity05": "darkblue500/opacity05"
|
|
358
359
|
}
|
|
@@ -354,5 +354,6 @@
|
|
|
354
354
|
"sys_cpnt_sheet_base_13": "grey50",
|
|
355
355
|
"sys_cpnt_sheet_base_14": "grey900",
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
|
-
"sys_border_line_17": "black/opacity00"
|
|
357
|
+
"sys_border_line_17": "black/opacity00",
|
|
358
|
+
"usr_brand_primary_opacity05": "blue500/opacity05"
|
|
358
359
|
}
|
|
@@ -858,5 +858,6 @@
|
|
|
858
858
|
"ui_120": "sys_cpnt_white_opacity60",
|
|
859
859
|
"ui_121": "sys_component_base_03",
|
|
860
860
|
"ui_cpnt_tooltip_base_border": "sys_border_line_17",
|
|
861
|
-
"ui_122": "sys_widget_green_01"
|
|
861
|
+
"ui_122": "sys_widget_green_01",
|
|
862
|
+
"ui_123": "usr_brand_primary_opacity05"
|
|
862
863
|
}
|
|
@@ -476,6 +476,7 @@ declare const colorSet: {
|
|
|
476
476
|
sys_cpnt_sheet_base_14: string;
|
|
477
477
|
sys_cpnt_white_opacity60: string;
|
|
478
478
|
sys_border_line_17: string;
|
|
479
|
+
usr_brand_primary_opacity05: string;
|
|
479
480
|
};
|
|
480
481
|
readonly PaletteColor_Dark: {
|
|
481
482
|
sys_container_background_01: string;
|
|
@@ -834,6 +835,7 @@ declare const colorSet: {
|
|
|
834
835
|
sys_cpnt_sheet_base_14: string;
|
|
835
836
|
sys_cpnt_white_opacity60: string;
|
|
836
837
|
sys_border_line_17: string;
|
|
838
|
+
usr_brand_primary_opacity05: string;
|
|
837
839
|
};
|
|
838
840
|
readonly UIColor: {
|
|
839
841
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -1696,6 +1698,7 @@ declare const colorSet: {
|
|
|
1696
1698
|
ui_121: string;
|
|
1697
1699
|
ui_cpnt_tooltip_base_border: string;
|
|
1698
1700
|
ui_122: string;
|
|
1701
|
+
ui_123: string;
|
|
1699
1702
|
};
|
|
1700
1703
|
};
|
|
1701
1704
|
export default colorSet;
|
|
@@ -56,6 +56,9 @@ function UserDesktopTabBar(_a) {
|
|
|
56
56
|
if (styleTheme === 'content') {
|
|
57
57
|
return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: "content", text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "headingBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use" }) }), index));
|
|
58
58
|
}
|
|
59
|
+
if (styleTheme === 'content2') {
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: "content2", text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "leadParaBold", colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextTertiary', singleLineMode: "use" }) }), index));
|
|
61
|
+
}
|
|
59
62
|
return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ isActive: item.isActive, styleTheme: styleTheme, text: item.title, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: item.isActive ? 'body2Bold' : 'body2Regular', colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextSecondary', singleLineMode: "use" }) }), index));
|
|
60
63
|
}) })));
|
|
61
64
|
}
|
|
@@ -83,6 +86,8 @@ var S_TabWrapper = styled_components_1.default.div(templateObject_2 || (template
|
|
|
83
86
|
return mainStyle;
|
|
84
87
|
case 'content':
|
|
85
88
|
return contentStyle;
|
|
89
|
+
case 'content2':
|
|
90
|
+
return content2Style;
|
|
86
91
|
default:
|
|
87
92
|
return mainStyle;
|
|
88
93
|
}
|
|
@@ -119,7 +124,23 @@ var contentStyle = (0, styled_components_1.css)(templateObject_4 || (templateObj
|
|
|
119
124
|
var isActive = _a.isActive;
|
|
120
125
|
return !isActive && "display: none;";
|
|
121
126
|
});
|
|
122
|
-
var
|
|
127
|
+
var content2Style = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n cursor: pointer;\n display: flex;\n height: 48px;\n margin-right: ", ";\n padding: ", ";\n position: relative;\n\n ", "\n\n &:last-child {\n margin-right: 0;\n }\n"], ["\n align-items: center;\n background-color: ", ";\n cursor: pointer;\n display: flex;\n height: 48px;\n margin-right: ", ";\n padding: ", ";\n position: relative;\n\n ", "\n\n &:last-child {\n margin-right: 0;\n }\n"])), function (_a) {
|
|
128
|
+
var isActive = _a.isActive, theme = _a.theme;
|
|
129
|
+
return isActive ? theme.ui_123 : theme.ui_cpnt_sheet_base_03;
|
|
130
|
+
}, function (_a) {
|
|
131
|
+
var theme = _a.theme;
|
|
132
|
+
return theme.spacing.spacingC;
|
|
133
|
+
}, function (_a) {
|
|
134
|
+
var theme = _a.theme;
|
|
135
|
+
return "0 ".concat(theme.spacing.spacingD);
|
|
136
|
+
}, function (_a) {
|
|
137
|
+
var isActive = _a.isActive;
|
|
138
|
+
return isActive && "border-radius: 24px;";
|
|
139
|
+
});
|
|
140
|
+
var S_TabBar = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"], ["\n align-items: ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n height: ", ";\n justify-content: center;\n"])), function (_a) {
|
|
141
|
+
var styleTheme = _a.styleTheme;
|
|
142
|
+
return styleTheme === 'content2' && 'center';
|
|
143
|
+
}, function (_a) {
|
|
123
144
|
var theme = _a.theme;
|
|
124
145
|
return theme.ui_cpnt_tabbar_base_area;
|
|
125
146
|
}, function (_a) {
|
|
@@ -130,9 +151,11 @@ var S_TabBar = styled_components_1.default.div(templateObject_5 || (templateObje
|
|
|
130
151
|
switch (styleTheme) {
|
|
131
152
|
case 'content':
|
|
132
153
|
return '64px';
|
|
154
|
+
case 'content2':
|
|
155
|
+
return '96px';
|
|
133
156
|
default:
|
|
134
157
|
return '48px';
|
|
135
158
|
}
|
|
136
159
|
});
|
|
137
160
|
exports.default = UserDesktopTabBar;
|
|
138
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
161
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
package/package.json
CHANGED
package/release-note.md
CHANGED