pds-dev-kit-web 0.5.21 → 0.6.0
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, theme, Form } from './src/common';
|
|
1
|
+
import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form } from './src/common';
|
|
2
2
|
export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, UiColors };
|
|
3
|
-
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors };
|
|
3
|
+
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, 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,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
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_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_CardList = exports.M_Card = exports.M_BlogTextField = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = void 0;
|
|
3
|
+
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_MainButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_CardList = exports.D_Card = 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.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
|
|
4
|
+
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_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_CardList = exports.M_Card = exports.M_BlogTextField = 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_UserDesktopTabBar = void 0;
|
|
5
5
|
/* eslint-disable import/order */
|
|
6
6
|
/* eslint-disable import/first */
|
|
7
7
|
// common
|
|
@@ -14,6 +14,7 @@ Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: func
|
|
|
14
14
|
Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return common_1.boxShadow; } });
|
|
15
15
|
Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return common_1.spacing; } });
|
|
16
16
|
Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return common_1.uiColors; } });
|
|
17
|
+
Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return common_1.customTheme; } });
|
|
17
18
|
Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
|
|
18
19
|
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
|
|
19
20
|
// hybrid
|
|
@@ -2,8 +2,8 @@ import { UITheme } from './styles/colorSet/ui-type';
|
|
|
2
2
|
import { IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, UiColors } from './types';
|
|
3
3
|
export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, UiColors };
|
|
4
4
|
import { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing } from './styles/theme';
|
|
5
|
-
import { uiColors } from './styles/ui-colors';
|
|
6
|
-
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors };
|
|
5
|
+
import { uiColors, customTheme } from './styles/ui-colors';
|
|
6
|
+
export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, 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,7 +2,7 @@
|
|
|
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.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.mobileLineHeight = exports.mobileFontSize = 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; } });
|
|
@@ -14,6 +14,7 @@ Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function ()
|
|
|
14
14
|
Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return theme_1.spacing; } });
|
|
15
15
|
var ui_colors_1 = require("./styles/ui-colors");
|
|
16
16
|
Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return ui_colors_1.uiColors; } });
|
|
17
|
+
Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return ui_colors_1.customTheme; } });
|
|
17
18
|
// all theme
|
|
18
19
|
var styles_1 = require("./styles");
|
|
19
20
|
Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return styles_1.theme; } });
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.uiColors = void 0;
|
|
6
|
+
exports.customTheme = exports.uiColors = void 0;
|
|
7
7
|
var colorSet_1 = __importDefault(require("./colorSet"));
|
|
8
8
|
function buildCascadedColors(lowLevel, highLevel, override) {
|
|
9
9
|
if (override === void 0) { override = {}; }
|
|
@@ -26,13 +26,18 @@ function buildCascadedColors(lowLevel, highLevel, override) {
|
|
|
26
26
|
// 서버로부터 해당 채널이 라이트 톤을 사용하는지, 다크 톤을 사용하는지 가져오기
|
|
27
27
|
// 서버로부터 해당 채널에서 커스텀으로 설정한 팔레트 가져오기
|
|
28
28
|
// from server (원래는 비동기)
|
|
29
|
-
var
|
|
30
|
-
tone: '
|
|
29
|
+
var colorSetting = {
|
|
30
|
+
tone: 'DARK',
|
|
31
31
|
customPalette: {
|
|
32
32
|
usr_good_job: '#999999'
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
var phaseTwoJSON =
|
|
35
|
+
var phaseTwoJSON = colorSetting.tone === 'LIGHT' ? colorSet_1.default.PaletteColor_light : colorSet_1.default.PaletteColor_Dark;
|
|
36
36
|
// ui-color-build-phase
|
|
37
|
-
var paletteColors = buildCascadedColors(colorSet_1.default.SemanticColor, phaseTwoJSON,
|
|
37
|
+
var paletteColors = buildCascadedColors(colorSet_1.default.SemanticColor, phaseTwoJSON, colorSetting.customPalette);
|
|
38
38
|
exports.uiColors = buildCascadedColors(paletteColors, colorSet_1.default.UIColor);
|
|
39
|
+
var customTheme = function (tone) {
|
|
40
|
+
var buildedColors = buildCascadedColors(buildCascadedColors(colorSet_1.default.SemanticColor, tone === 'LIGHT' ? colorSet_1.default.PaletteColor_light : colorSet_1.default.PaletteColor_Dark, colorSetting.customPalette), colorSet_1.default.UIColor);
|
|
41
|
+
return buildedColors;
|
|
42
|
+
};
|
|
43
|
+
exports.customTheme = customTheme;
|