pds-dev-kit-web-test 0.0.10 → 0.0.11
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/index.d.ts +2 -2
- package/dist/index.js +7 -3
- package/dist/src/common/index.d.ts +2 -2
- package/dist/src/common/index.js +5 -1
- package/dist/src/common/styles/theme.js +16 -17
- package/dist/src/common/types/styled-components.d.ts +13 -13
- package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.js +1 -1
- package/package.json +1 -1
- package/release-note.md +5 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
|
|
1
|
+
import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
|
|
2
2
|
export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
|
|
3
|
-
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme };
|
|
3
|
+
export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
|
|
4
4
|
export { theme };
|
|
5
5
|
export { Form };
|
|
6
6
|
import { Divider, Icon, ImageView, Spacing, Switch } from './src/hybrid';
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileBasicModal = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_ImageSlide = void 0;
|
|
3
|
+
exports.D_DesktopTabBar = exports.D_DesktopHeadlessModal = exports.D_DesktopHeaderBar = exports.D_DesktopBasicModal = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WFContainersBox = exports.LayoutWF = exports.Switch = exports.Spacing = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
|
|
4
|
+
exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_DynamicDesktopNavBarTemplates = exports.D_UserDesktopSideTab = exports.D_DynamicDesktopNavBar = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_Dropdown = void 0;
|
|
5
|
+
exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileBasicModal = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_Dropdown = exports.M_ContextMenuItem = void 0;
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
7
|
/* eslint-disable import/first */
|
|
8
8
|
// common
|
|
@@ -10,8 +10,12 @@ var common_1 = require("./src/common");
|
|
|
10
10
|
Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return common_1.fontWeight; } });
|
|
11
11
|
Object.defineProperty(exports, "desktopFontSize", { enumerable: true, get: function () { return common_1.desktopFontSize; } });
|
|
12
12
|
Object.defineProperty(exports, "desktopLineHeight", { enumerable: true, get: function () { return common_1.desktopLineHeight; } });
|
|
13
|
+
Object.defineProperty(exports, "desktopEditorFontSize", { enumerable: true, get: function () { return common_1.desktopEditorFontSize; } });
|
|
14
|
+
Object.defineProperty(exports, "desktopEditorLineHeight", { enumerable: true, get: function () { return common_1.desktopEditorLineHeight; } });
|
|
13
15
|
Object.defineProperty(exports, "mobileFontSize", { enumerable: true, get: function () { return common_1.mobileFontSize; } });
|
|
14
16
|
Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: function () { return common_1.mobileLineHeight; } });
|
|
17
|
+
Object.defineProperty(exports, "mobileEditorFontSize", { enumerable: true, get: function () { return common_1.mobileEditorFontSize; } });
|
|
18
|
+
Object.defineProperty(exports, "mobileEditorLineHeight", { enumerable: true, get: function () { return common_1.mobileEditorLineHeight; } });
|
|
15
19
|
Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return common_1.boxShadow; } });
|
|
16
20
|
Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return common_1.spacing; } });
|
|
17
21
|
Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return common_1.uiColors; } });
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { UITheme } from './styles/colorSet/ui-type';
|
|
2
2
|
import { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
|
|
3
3
|
export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType };
|
|
4
|
-
import { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing } from './styles/theme';
|
|
4
|
+
import { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
|
|
5
5
|
import { uiColors, customTheme } from './styles/ui-colors';
|
|
6
|
-
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme };
|
|
6
|
+
export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
|
|
7
7
|
import { theme } from './styles';
|
|
8
8
|
export { theme };
|
|
9
9
|
import { Form } from './components';
|
package/dist/src/common/index.js
CHANGED
|
@@ -2,14 +2,18 @@
|
|
|
2
2
|
/* eslint-disable import/order */
|
|
3
3
|
/* eslint-disable import/first */
|
|
4
4
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
5
|
-
exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
|
|
5
|
+
exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
|
|
6
6
|
// theme
|
|
7
7
|
var theme_1 = require("./styles/theme");
|
|
8
8
|
Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return theme_1.fontWeight; } });
|
|
9
9
|
Object.defineProperty(exports, "desktopFontSize", { enumerable: true, get: function () { return theme_1.desktopFontSize; } });
|
|
10
10
|
Object.defineProperty(exports, "desktopLineHeight", { enumerable: true, get: function () { return theme_1.desktopLineHeight; } });
|
|
11
|
+
Object.defineProperty(exports, "desktopEditorFontSize", { enumerable: true, get: function () { return theme_1.desktopEditorFontSize; } });
|
|
12
|
+
Object.defineProperty(exports, "desktopEditorLineHeight", { enumerable: true, get: function () { return theme_1.desktopEditorLineHeight; } });
|
|
11
13
|
Object.defineProperty(exports, "mobileFontSize", { enumerable: true, get: function () { return theme_1.mobileFontSize; } });
|
|
12
14
|
Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: function () { return theme_1.mobileLineHeight; } });
|
|
15
|
+
Object.defineProperty(exports, "mobileEditorFontSize", { enumerable: true, get: function () { return theme_1.mobileEditorFontSize; } });
|
|
16
|
+
Object.defineProperty(exports, "mobileEditorLineHeight", { enumerable: true, get: function () { return theme_1.mobileEditorLineHeight; } });
|
|
13
17
|
Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return theme_1.boxShadow; } });
|
|
14
18
|
Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return theme_1.spacing; } });
|
|
15
19
|
var ui_colors_1 = require("./styles/ui-colors");
|
|
@@ -103,24 +103,23 @@ exports.boxShadow = {
|
|
|
103
103
|
elevation4: '0 5px 20px 0 #0003',
|
|
104
104
|
elevation5: '0 6px 24px 0 #0003'
|
|
105
105
|
};
|
|
106
|
-
var spacingMultiple = 1.3;
|
|
107
106
|
exports.spacing = {
|
|
108
|
-
spacingA:
|
|
109
|
-
spacingB:
|
|
110
|
-
spacingC:
|
|
111
|
-
spacingD:
|
|
112
|
-
spacingE: "calc(24px *
|
|
113
|
-
spacingF: "calc(32px *
|
|
114
|
-
spacingG: "calc(48px *
|
|
115
|
-
spacingH: "calc(64px *
|
|
116
|
-
spacingI: "calc(88px *
|
|
117
|
-
spacingJ:
|
|
118
|
-
spacingK:
|
|
119
|
-
spacingL:
|
|
120
|
-
spacingM:
|
|
121
|
-
spacingN:
|
|
107
|
+
spacingA: '4px',
|
|
108
|
+
spacingB: '8px',
|
|
109
|
+
spacingC: '12px',
|
|
110
|
+
spacingD: '16px',
|
|
111
|
+
spacingE: "calc(24px * 1.1)",
|
|
112
|
+
spacingF: "calc(32px * 1.2)",
|
|
113
|
+
spacingG: "calc(48px * 1.3)",
|
|
114
|
+
spacingH: "calc(64px * 1.2)",
|
|
115
|
+
spacingI: "calc(88px * 1.1)",
|
|
116
|
+
spacingJ: '120px',
|
|
117
|
+
spacingK: '160px',
|
|
118
|
+
spacingL: '240px',
|
|
119
|
+
spacingM: '288px',
|
|
120
|
+
spacingN: '320px'
|
|
122
121
|
};
|
|
123
|
-
var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
|
|
124
|
-
var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing })); };
|
|
122
|
+
var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
|
|
123
|
+
var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing })); };
|
|
125
124
|
exports.themeByGivenTone = themeByGivenTone;
|
|
126
125
|
exports.default = theme;
|
|
@@ -91,20 +91,20 @@ export interface PdsDevKitTheme {
|
|
|
91
91
|
elevation5: '0 6px 24px 0 #0003';
|
|
92
92
|
};
|
|
93
93
|
spacing: {
|
|
94
|
-
spacingA:
|
|
95
|
-
spacingB:
|
|
96
|
-
spacingC:
|
|
97
|
-
spacingD:
|
|
98
|
-
spacingE: `calc(24px * 1.
|
|
99
|
-
spacingF: `calc(32px * 1.
|
|
94
|
+
spacingA: '4px';
|
|
95
|
+
spacingB: '8px';
|
|
96
|
+
spacingC: '12px';
|
|
97
|
+
spacingD: '16px';
|
|
98
|
+
spacingE: `calc(24px * 1.1)`;
|
|
99
|
+
spacingF: `calc(32px * 1.2)`;
|
|
100
100
|
spacingG: `calc(48px * 1.3)`;
|
|
101
|
-
spacingH: `calc(64px * 1.
|
|
102
|
-
spacingI: `calc(88px * 1.
|
|
103
|
-
spacingJ:
|
|
104
|
-
spacingK:
|
|
105
|
-
spacingL:
|
|
106
|
-
spacingM:
|
|
107
|
-
spacingN:
|
|
101
|
+
spacingH: `calc(64px * 1.2)`;
|
|
102
|
+
spacingI: `calc(88px * 1.1)`;
|
|
103
|
+
spacingJ: '120px';
|
|
104
|
+
spacingK: '160px';
|
|
105
|
+
spacingL: '240px';
|
|
106
|
+
spacingM: '288px';
|
|
107
|
+
spacingN: '320px';
|
|
108
108
|
};
|
|
109
109
|
}
|
|
110
110
|
export declare type DesktopFontSize = keyof typeof desktopFontSize;
|
|
@@ -19,7 +19,7 @@ function UserDesktopSideTab(_a) {
|
|
|
19
19
|
};
|
|
20
20
|
return (react_1.default.createElement(react_1.default.Fragment, null, itemArray.map(function (item, index) {
|
|
21
21
|
return (react_1.default.createElement(S_TabWrapper, { key: index, onClick: function (e) { return handleClickTabItem(item, e); } },
|
|
22
|
-
react_1.default.createElement(TextLabel_1.TextLabel, { text: item.title, lineLimit: 1, ellipsisMode: "use", styleTheme: "
|
|
22
|
+
react_1.default.createElement(TextLabel_1.TextLabel, { text: item.title, lineLimit: 1, ellipsisMode: "use", styleTheme: "leadParaBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use", wordBreak: "break_all" })));
|
|
23
23
|
})));
|
|
24
24
|
}
|
|
25
25
|
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) {
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB-TEST Release Notes
|
|
2
|
-
## [v0.0.
|
|
2
|
+
## [v0.0.11]
|
|
3
3
|
|
|
4
|
-
* theme의 spacing에
|
|
5
|
-
* theme에 editor관련 font size
|
|
6
|
-
* theme에 editor관련 line height
|
|
4
|
+
* theme의 spacing에 각각 다른 배수 부여
|
|
5
|
+
* theme에 editor관련 font size export 처리
|
|
6
|
+
* theme에 editor관련 line height export 처리
|
|
7
|
+
* UserDesktopSideTab의 styleTheme headingBold에서 leadParaBold로 변경
|