pds-dev-kit-web-test 0.0.9 → 0.0.10

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 (5) hide show
  1. package/dist/src/common/styles/theme.d.ts +24 -0
  2. package/dist/src/common/styles/theme.js +40 -15
  3. package/dist/src/common/types/styled-components.d.ts +38 -14
  4. package/package.json +1 -1
  5. package/release-note.md +4 -4
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',
@@ -79,21 +103,22 @@ exports.boxShadow = {
79
103
  elevation4: '0 5px 20px 0 #0003',
80
104
  elevation5: '0 6px 24px 0 #0003'
81
105
  };
106
+ var spacingMultiple = 1.3;
82
107
  exports.spacing = {
83
- spacingA: '4px',
84
- spacingB: '8px',
85
- spacingC: '12px',
86
- spacingD: '16px',
87
- spacingE: '24px',
88
- spacingF: '32px',
89
- spacingG: '48px',
90
- spacingH: '64px',
91
- spacingI: '88px',
92
- spacingJ: '120px',
93
- spacingK: '160px',
94
- spacingL: '240px',
95
- spacingM: '288px',
96
- spacingN: '320px'
108
+ spacingA: "calc(4px * " + spacingMultiple + ")",
109
+ spacingB: "calc(8px * " + spacingMultiple + ")",
110
+ spacingC: "calc(12px * " + spacingMultiple + ")",
111
+ spacingD: "calc(16px * " + spacingMultiple + ")",
112
+ spacingE: "calc(24px * " + spacingMultiple + ")",
113
+ spacingF: "calc(32px * " + spacingMultiple + ")",
114
+ spacingG: "calc(48px * " + spacingMultiple + ")",
115
+ spacingH: "calc(64px * " + spacingMultiple + ")",
116
+ spacingI: "calc(88px * " + spacingMultiple + ")",
117
+ spacingJ: "calc(120px * " + spacingMultiple + ")",
118
+ spacingK: "calc(160px * " + spacingMultiple + ")",
119
+ spacingL: "calc(240px * " + spacingMultiple + ")",
120
+ spacingM: "calc(288px * " + spacingMultiple + ")",
121
+ spacingN: "calc(320px * " + spacingMultiple + ")"
97
122
  };
98
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 : {}));
99
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 })); };
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';
@@ -67,20 +91,20 @@ export interface PdsDevKitTheme {
67
91
  elevation5: '0 6px 24px 0 #0003';
68
92
  };
69
93
  spacing: {
70
- spacingA: '4px';
71
- spacingB: '8px';
72
- spacingC: '12px';
73
- spacingD: '16px';
74
- spacingE: '24px';
75
- spacingF: '32px';
76
- spacingG: '48px';
77
- spacingH: '64px';
78
- spacingI: '88px';
79
- spacingJ: '120px';
80
- spacingK: '160px';
81
- spacingL: '240px';
82
- spacingM: '288px';
83
- spacingN: '320px';
94
+ spacingA: `calc(4px * 1.3)`;
95
+ spacingB: `calc(8px * 1.3)`;
96
+ spacingC: `calc(12px * 1.3)`;
97
+ spacingD: `calc(16px * 1.3)`;
98
+ spacingE: `calc(24px * 1.3)`;
99
+ spacingF: `calc(32px * 1.3)`;
100
+ spacingG: `calc(48px * 1.3)`;
101
+ spacingH: `calc(64px * 1.3)`;
102
+ spacingI: `calc(88px * 1.3)`;
103
+ spacingJ: `calc(120px * 1.3)`;
104
+ spacingK: `calc(160px * 1.3)`;
105
+ spacingL: `calc(240px * 1.3)`;
106
+ spacingM: `calc(288px * 1.3)`;
107
+ spacingN: `calc(320px * 1.3)`;
84
108
  };
85
109
  }
86
110
  export declare type DesktopFontSize = keyof typeof desktopFontSize;
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.10",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.0.9]
3
-
4
- * theme의 font-size 작게 변경
5
-
2
+ ## [v0.0.10]
6
3
 
4
+ * theme의 spacing에 1.3배 부여
5
+ * theme에 editor관련 font size 추가
6
+ * theme에 editor관련 line height 추가