pds-dev-kit-web 0.3.17 → 0.3.18

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 (11) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -1
  3. package/dist/src/common/styles/colorSet/SemanticColor.json +4 -1
  4. package/dist/src/common/styles/colorSet/UIColor.json +11 -3
  5. package/dist/src/common/styles/colorSet/index.d.ts +64 -47
  6. package/dist/src/common/styles/colorSet/index.js +2 -2
  7. package/dist/src/common/styles/colorSet/ui-type.d.ts +8 -0
  8. package/dist/src/common/styles/ui-colors.js +1 -1
  9. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFK.js +1 -1
  10. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js +4 -3
  11. package/package.json +1 -1
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -90,5 +90,8 @@
90
90
  "sys_selcontrols_base_on_disabled": "darklightgreen500/opacity65",
91
91
  "sys_component_base_blue_opacity10": "blue500/opacity10",
92
92
  "sys_component_base_05": "grey950",
93
- "sys_background_dimmed_65": "black/opacity65"
93
+ "sys_background_dimmed_65": "black/opacity65",
94
+ "sys_temp_grey_06": "darkgrey70",
95
+ "sys_on_base_white_opacity10": "white/opacity10",
96
+ "sys_on_base_black_opacity10": "black/opacity10"
94
97
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -90,5 +90,8 @@
90
90
  "sys_selcontrols_base_on_disabled": "lightgreen500/opacity65",
91
91
  "sys_component_base_blue_opacity10": "blue500/opacity10",
92
92
  "sys_component_base_05": "grey950",
93
- "sys_background_dimmed_65": "black/opacity65"
93
+ "sys_background_dimmed_65": "black/opacity65",
94
+ "sys_temp_grey_06": "grey70",
95
+ "sys_on_base_white_opacity10": "white/opacity10",
96
+ "sys_on_base_black_opacity10": "black/opacity10"
94
97
  }
package/dist/src/common/styles/colorSet/SemanticColor.json CHANGED
@@ -43,5 +43,8 @@
43
43
  "skyblue500": "#458BEF",
44
44
  "skyblue300": "#45B9EF",
45
45
  "pink300": "#FD5B7D",
46
- "lightpink500": "#FF708C"
46
+ "lightpink500": "#FF708C",
47
+ "darkblue300": "#939AFF",
48
+ "darkblue700": "#064ACD",
49
+ "darkgreen300": "#47F0C3"
47
50
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -2,8 +2,8 @@
2
2
  "ui_cpnt_button_fill_base_primary": "usr_brand_primary",
3
3
  "ui_cpnt_button_fill_base_default": "sys_component_base_01",
4
4
  "ui_cpnt_button_fill_base_white": "sys_component_base_02",
5
- "ui_cpnt_button_fill_on_base_hover": "sys_on_base_white_opacity30",
6
- "ui_cpnt_button_fill_on_base_pressed": "sys_on_base_black_opacity20",
5
+ "ui_cpnt_button_fill_on_base_hover": "sys_on_base_white_opacity10",
6
+ "ui_cpnt_button_fill_on_base_pressed": "sys_on_base_black_opacity10",
7
7
  "ui_cpnt_button_fill_base_disabled": "sys_component_base_03",
8
8
  "ui_cpnt_button_line_base_pressed": "sys_component_base_03",
9
9
  "ui_cpnt_button_line_base_hover": "sys_component_base_01",
@@ -364,5 +364,13 @@
364
364
  "ui_cpnt_modal_border": "sys_border_line_01",
365
365
  "ui_cpnt_card_border": "sys_border_line_01",
366
366
  "ui_cpnt_overlay_border": "sys_border_line_01",
367
- "ui_cpnt_datatable_base_selected": "sys_component_base_blue_opacity10"
367
+ "ui_cpnt_datatable_base_selected": "sys_component_base_blue_opacity10",
368
+ "ui_cpnt_icon_sys_brandprimary": "sys_widget_primary_01",
369
+ "ui_cpnt_icon_sys_grey_01": "sys_widget_grey_01",
370
+ "ui_cpnt_icon_sys_grey_02": "sys_widget_grey_02",
371
+ "ui_cpnt_icon_sys_grey_03": "sys_widget_grey_03",
372
+ "ui_cpnt_icon_sys_error_01": "sys_widget_error_01",
373
+ "ui_cpnt_icon_sys_warning_01": "sys_widget_warning_01",
374
+ "ui_cpnt_icon_sys_success_01": "sys_widget_success_01",
375
+ "ui_cpnt_icon_usr_brandsecondary": "usr_brand_secondary"
368
376
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -92,53 +92,9 @@ declare const colorSet: {
92
92
  sys_component_base_blue_opacity10: string;
93
93
  sys_component_base_05: string;
94
94
  sys_background_dimmed_65: string;
95
- };
96
- readonly SemanticColor: {
97
- blue500: string;
98
- blue700: string;
99
- blue300: string;
100
- green700: string;
101
- green500: string;
102
- green300: string;
103
- red500: string;
104
- grey900: string;
105
- grey500: string;
106
- grey400: string;
107
- grey100: string;
108
- grey50: string;
109
- white: string;
110
- black: string;
111
- darkblue500: string;
112
- grey950: string;
113
- darkgrey900: string;
114
- darkgrey500: string;
115
- darkgrey400: string;
116
- darkgrey100: string;
117
- darkgrey50: string;
118
- darkred500: string;
119
- darkgreen700: string;
120
- orange500: string;
121
- darkorange500: string;
122
- opacity00: string;
123
- opacity20: string;
124
- opacity30: string;
125
- opacity65: string;
126
- darkgreen500: string;
127
- grey70: string;
128
- navy500: string;
129
- lightgreen500: string;
130
- pink500: string;
131
- darkgrey70: string;
132
- darknavy500: string;
133
- darkpink500: string;
134
- darklightgreen500: string;
135
- opacity10: string;
136
- grey600: string;
137
- darkgrey600: string;
138
- skyblue500: string;
139
- skyblue300: string;
140
- pink300: string;
141
- lightpink500: string;
95
+ sys_temp_grey_06: string;
96
+ sys_on_base_white_opacity10: string;
97
+ sys_on_base_black_opacity10: string;
142
98
  };
143
99
  readonly PaletteColor_Dark: {
144
100
  sys_container_background_01: string;
@@ -233,6 +189,59 @@ declare const colorSet: {
233
189
  sys_component_base_blue_opacity10: string;
234
190
  sys_component_base_05: string;
235
191
  sys_background_dimmed_65: string;
192
+ sys_temp_grey_06: string;
193
+ sys_on_base_white_opacity10: string;
194
+ sys_on_base_black_opacity10: string;
195
+ };
196
+ readonly SemanticColor: {
197
+ blue500: string;
198
+ blue700: string;
199
+ blue300: string;
200
+ green700: string;
201
+ green500: string;
202
+ green300: string;
203
+ red500: string;
204
+ grey900: string;
205
+ grey500: string;
206
+ grey400: string;
207
+ grey100: string;
208
+ grey50: string;
209
+ white: string;
210
+ black: string;
211
+ darkblue500: string;
212
+ grey950: string;
213
+ darkgrey900: string;
214
+ darkgrey500: string;
215
+ darkgrey400: string;
216
+ darkgrey100: string;
217
+ darkgrey50: string;
218
+ darkred500: string;
219
+ darkgreen700: string;
220
+ orange500: string;
221
+ darkorange500: string;
222
+ opacity00: string;
223
+ opacity20: string;
224
+ opacity30: string;
225
+ opacity65: string;
226
+ darkgreen500: string;
227
+ grey70: string;
228
+ navy500: string;
229
+ lightgreen500: string;
230
+ pink500: string;
231
+ darkgrey70: string;
232
+ darknavy500: string;
233
+ darkpink500: string;
234
+ darklightgreen500: string;
235
+ opacity10: string;
236
+ grey600: string;
237
+ darkgrey600: string;
238
+ skyblue500: string;
239
+ skyblue300: string;
240
+ pink300: string;
241
+ lightpink500: string;
242
+ darkblue300: string;
243
+ darkblue700: string;
244
+ darkgreen300: string;
236
245
  };
237
246
  readonly UIColor: {
238
247
  ui_cpnt_button_fill_base_primary: string;
@@ -601,6 +610,14 @@ declare const colorSet: {
601
610
  ui_cpnt_card_border: string;
602
611
  ui_cpnt_overlay_border: string;
603
612
  ui_cpnt_datatable_base_selected: string;
613
+ ui_cpnt_icon_sys_brandprimary: string;
614
+ ui_cpnt_icon_sys_grey_01: string;
615
+ ui_cpnt_icon_sys_grey_02: string;
616
+ ui_cpnt_icon_sys_grey_03: string;
617
+ ui_cpnt_icon_sys_error_01: string;
618
+ ui_cpnt_icon_sys_warning_01: string;
619
+ ui_cpnt_icon_sys_success_01: string;
620
+ ui_cpnt_icon_usr_brandsecondary: string;
604
621
  };
605
622
  };
606
623
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
- var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
8
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
+ var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
12
  PaletteColor_light: PaletteColor_light_json_1.default,
13
- SemanticColor: SemanticColor_json_1.default,
14
13
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
+ SemanticColor: SemanticColor_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -365,4 +365,12 @@ export interface UITheme {
365
365
  ui_cpnt_card_border: string;
366
366
  ui_cpnt_overlay_border: string;
367
367
  ui_cpnt_datatable_base_selected: string;
368
+ ui_cpnt_icon_sys_brandprimary: string;
369
+ ui_cpnt_icon_sys_grey_01: string;
370
+ ui_cpnt_icon_sys_grey_02: string;
371
+ ui_cpnt_icon_sys_grey_03: string;
372
+ ui_cpnt_icon_sys_error_01: string;
373
+ ui_cpnt_icon_sys_warning_01: string;
374
+ ui_cpnt_icon_sys_success_01: string;
375
+ ui_cpnt_icon_usr_brandsecondary: string;
368
376
  }
package/dist/src/common/styles/ui-colors.js CHANGED
@@ -27,7 +27,7 @@ function buildCascadedColors(lowLevel, highLevel, override) {
27
27
  // 서버로부터 해당 채널에서 커스텀으로 설정한 팔레트 가져오기
28
28
  // from server (원래는 비동기)
29
29
  var channelSettings = {
30
- tone: 'dark',
30
+ tone: 'light',
31
31
  customPalette: {
32
32
  usr_good_job: '#999999'
33
33
  }
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFK.js CHANGED
@@ -37,7 +37,7 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
37
37
  var containerColor = _a.containerColor;
38
38
  return "background-color: " + containerColor;
39
39
  });
40
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n height: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n height: 100%;\n ", ";\n"])), function (_a) {
40
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n height: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n height: 100%;\n ", ";\n"])), function (_a) {
41
41
  var areaColor = _a.areaColor;
42
42
  return "background-color: " + areaColor;
43
43
  });
package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js CHANGED
@@ -70,8 +70,9 @@ var ContainersBox = function (_a) {
70
70
  };
71
71
  var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
72
72
  var S_TopWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
73
- var S_BottomBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n overflow: hidden;\n align-items: flex-start;\n display: flex;\n flex: 1;\n"], ["\n flex: 1;\n height: 100%;\n overflow: hidden;\n align-items: flex-start;\n display: flex;\n flex: 1;\n"])));
74
- var S_RightBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"])));
75
- var S_ContentsWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n overflow: hidden;\n"], ["\n flex: 1;\n height: 100%;\n overflow: hidden;\n"])));
73
+ // TODO: 실제화면에서 이상 없는 것 확인 후 주석 처리부분 제거 예정
74
+ var S_BottomBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n /* height: 100%;\n overflow: hidden; */\n align-items: flex-start;\n display: flex;\n"], ["\n flex: 1;\n /* height: 100%;\n overflow: hidden; */\n align-items: flex-start;\n display: flex;\n"])));
75
+ var S_RightBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n /* height: 100%; */\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n /* height: 100%; */\n"])));
76
+ var S_ContentsWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n /* height: 100%; */\n /* overflow: hidden; */\n"], ["\n flex: 1;\n /* height: 100%; */\n /* overflow: hidden; */\n"])));
76
77
  exports.default = ContainersBox;
77
78
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.3.17",
3
+ "version": "0.3.18",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",