pds-dev-kit-web-test 0.0.9 → 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.
Files changed (10) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.js +7 -3
  3. package/dist/src/common/index.d.ts +2 -2
  4. package/dist/src/common/index.js +5 -1
  5. package/dist/src/common/styles/theme.d.ts +24 -0
  6. package/dist/src/common/styles/theme.js +32 -8
  7. package/dist/src/common/types/styled-components.d.ts +29 -5
  8. package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.js +1 -1
  9. package/package.json +1 -1
  10. 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.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_Dropdown = 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.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
4
- exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_Dropdown = exports.M_ContextMenuItem = 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 = 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 = 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; } });
package/dist/src/common/index.d.ts CHANGED
@@ -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");
package/dist/src/common/styles/theme.d.ts CHANGED
@@ -30,6 +30,18 @@ export declare const desktopLineHeight: {
30
30
  blog1: string;
31
31
  singleLine: string;
32
32
  };
33
+ export declare const desktopEditorFontSize: {
34
+ h1: string;
35
+ h2: string;
36
+ h3: string;
37
+ p: string;
38
+ };
39
+ export declare const desktopEditorLineHeight: {
40
+ h1: string;
41
+ h2: string;
42
+ h3: string;
43
+ p: string;
44
+ };
33
45
  export declare const mobileFontSize: {
34
46
  displayHeading: string;
35
47
  heading: string;
@@ -57,6 +69,18 @@ export declare const mobileLineHeight: {
57
69
  blog1: string;
58
70
  singleLine: string;
59
71
  };
72
+ export declare const mobileEditorFontSize: {
73
+ h1: string;
74
+ h2: string;
75
+ h3: string;
76
+ p: string;
77
+ };
78
+ export declare const mobileEditorLineHeight: {
79
+ h1: string;
80
+ h2: string;
81
+ h3: string;
82
+ p: string;
83
+ };
60
84
  export declare const boxShadow: {
61
85
  elevation0: string;
62
86
  elevation1: string;
package/dist/src/common/styles/theme.js CHANGED
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.themeByGivenTone = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
14
+ exports.themeByGivenTone = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
15
15
  var ui_colors_1 = require("./ui-colors");
16
16
  exports.fontWeight = {
17
17
  normal: '500',
@@ -44,6 +44,18 @@ exports.desktopLineHeight = {
44
44
  blog1: '1.6',
45
45
  singleLine: '1'
46
46
  };
47
+ exports.desktopEditorFontSize = {
48
+ h1: '38px',
49
+ h2: '30px',
50
+ h3: '24px',
51
+ p: '18px'
52
+ };
53
+ exports.desktopEditorLineHeight = {
54
+ h1: '1.5',
55
+ h2: '1.5',
56
+ h3: '1.5',
57
+ p: '1.8'
58
+ };
47
59
  exports.mobileFontSize = {
48
60
  displayHeading: '36px',
49
61
  heading: '28px',
@@ -71,6 +83,18 @@ exports.mobileLineHeight = {
71
83
  blog1: '1.6',
72
84
  singleLine: '1'
73
85
  };
86
+ exports.mobileEditorFontSize = {
87
+ h1: '38px',
88
+ h2: '30px',
89
+ h3: '24px',
90
+ p: '18px'
91
+ };
92
+ exports.mobileEditorLineHeight = {
93
+ h1: '1.5',
94
+ h2: '1.5',
95
+ h3: '1.5',
96
+ p: '1.8'
97
+ };
74
98
  exports.boxShadow = {
75
99
  elevation0: '0 0 0 0 #0003',
76
100
  elevation1: '0 2px 8px 0 #0003',
@@ -84,18 +108,18 @@ exports.spacing = {
84
108
  spacingB: '8px',
85
109
  spacingC: '12px',
86
110
  spacingD: '16px',
87
- spacingE: '24px',
88
- spacingF: '32px',
89
- spacingG: '48px',
90
- spacingH: '64px',
91
- spacingI: '88px',
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)",
92
116
  spacingJ: '120px',
93
117
  spacingK: '160px',
94
118
  spacingL: '240px',
95
119
  spacingM: '288px',
96
120
  spacingN: '320px'
97
121
  };
98
- 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 : {}));
99
- 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 })); };
100
124
  exports.themeByGivenTone = themeByGivenTone;
101
125
  exports.default = theme;
package/dist/src/common/types/styled-components.d.ts CHANGED
@@ -31,6 +31,18 @@ export interface PdsDevKitTheme {
31
31
  blog1: '1.6';
32
32
  singleLine: '1';
33
33
  };
34
+ desktopEditorFontSize: {
35
+ h1: '38px';
36
+ h2: '30px';
37
+ h3: '24px';
38
+ p: '18px';
39
+ };
40
+ desktopEditorLineHeight: {
41
+ h1: '1.5';
42
+ h2: '1.5';
43
+ h3: '1.5';
44
+ p: '1.8';
45
+ };
34
46
  mobileFontSize: {
35
47
  displayHeading: '32px';
36
48
  heading: '24px';
@@ -58,6 +70,18 @@ export interface PdsDevKitTheme {
58
70
  blog1: '1.6';
59
71
  singleLine: '1';
60
72
  };
73
+ mobileEditorFontSize: {
74
+ h1: '38px';
75
+ h2: '30px';
76
+ h3: '24px';
77
+ p: '18px';
78
+ };
79
+ mobileEditorLineHeight: {
80
+ h1: '1.5';
81
+ h2: '1.5';
82
+ h3: '1.5';
83
+ p: '1.8';
84
+ };
61
85
  boxShadow: {
62
86
  elevation0: '0 0 0 0 #0003';
63
87
  elevation1: '0 2px 8px 0 #0003';
@@ -71,11 +95,11 @@ export interface PdsDevKitTheme {
71
95
  spacingB: '8px';
72
96
  spacingC: '12px';
73
97
  spacingD: '16px';
74
- spacingE: '24px';
75
- spacingF: '32px';
76
- spacingG: '48px';
77
- spacingH: '64px';
78
- spacingI: '88px';
98
+ spacingE: `calc(24px * 1.1)`;
99
+ spacingF: `calc(32px * 1.2)`;
100
+ spacingG: `calc(48px * 1.3)`;
101
+ spacingH: `calc(64px * 1.2)`;
102
+ spacingI: `calc(88px * 1.1)`;
79
103
  spacingJ: '120px';
80
104
  spacingK: '160px';
81
105
  spacingL: '240px';
package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.js CHANGED
@@ -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: "headingBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use", wordBreak: "break_all" })));
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.0.9]
3
-
4
- * theme의 font-size 작게 변경
5
-
2
+ ## [v0.0.11]
6
3
 
4
+ * theme의 spacing에 각각 다른 배수 부여
5
+ * theme에 editor관련 font size export 처리
6
+ * theme에 editor관련 line height export 처리
7
+ * UserDesktopSideTab의 styleTheme headingBold에서 leadParaBold로 변경