pds-dev-kit-web 0.3.15 → 0.3.19

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.
@@ -38,7 +38,7 @@
38
38
  "usr_background": "grey950",
39
39
  "usr_surface": "darkgrey50",
40
40
  "usr_border": "darkgrey100",
41
- "usr_on_brand_primary": "grey900",
41
+ "usr_on_brand_primary": "white",
42
42
  "usr_on_brand_secondary": "darkgrey900",
43
43
  "usr_on_background": "darkgrey900",
44
44
  "usr_on_surface": "grey900",
@@ -88,6 +88,10 @@
88
88
  "sys_papp_live_background": "",
89
89
  "sys_selcontrols_base_off_disabled": "darkgrey400/opacity65",
90
90
  "sys_selcontrols_base_on_disabled": "darklightgreen500/opacity65",
91
- "sys_component_base_blue_opacity10": "",
92
- "sys_component_base_05": "grey950"
91
+ "sys_component_base_blue_opacity10": "blue500/opacity10",
92
+ "sys_component_base_05": "grey950",
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"
93
97
  }
@@ -89,5 +89,9 @@
89
89
  "sys_selcontrols_base_off_disabled": "grey400/opacity65",
90
90
  "sys_selcontrols_base_on_disabled": "lightgreen500/opacity65",
91
91
  "sys_component_base_blue_opacity10": "blue500/opacity10",
92
- "sys_component_base_05": "grey950"
92
+ "sys_component_base_05": "grey950",
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"
93
97
  }
@@ -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
  }
@@ -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",
@@ -280,8 +280,8 @@
280
280
  "ui_cpnt_card_icon_basic": "sys_widget_primary_01",
281
281
  "ui_cpnt_card_icon_custom": "sys_widget_grey_01",
282
282
  "ui_cpnt_card_icon_create": "sys_widget_grey_01",
283
- "ui_cpnt_modal_dimmed": "sys_background_dimmed_20",
284
- "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_20",
283
+ "ui_cpnt_modal_dimmed": "sys_background_dimmed_65",
284
+ "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_65",
285
285
  "ui_cpnt_bottomsheet_base": "sys_component_base_02",
286
286
  "ui_cpnt_bottomsheet_icon_03": "sys_widget_grey_03",
287
287
  "ui_cpnt_button_icon_white": "sys_widget_white",
@@ -306,8 +306,8 @@
306
306
  "ui_cpnt_card_icon_background_01": "sys_widget_primary_01",
307
307
  "ui_cpnt_card_icon_background_02": "sys_widget_pink",
308
308
  "ui_cpnt_card_icon_background_03": "sys_widget_success_01",
309
- "ui_cpnt_bannerslide_gradient_1": "sys_component_base_05",
310
- "ui_cpnt_bannerslide_gradient_2": "sys_component_base_05_opacity00",
309
+ "ui_cpnt_bannerslide_gradient_1": "sys_component_base_black",
310
+ "ui_cpnt_bannerslide_gradient_2": "sys_component_base_black_opacity00",
311
311
  "ui_cpnt_modal_gradient_1": "sys_component_base_black_opacity00",
312
312
  "ui_cpnt_modal_gradient_2": "sys_component_base_black",
313
313
  "ui_cpnt_list_icon_04": "sys_widget_white",
@@ -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
  }
@@ -91,6 +91,10 @@ declare const colorSet: {
91
91
  sys_selcontrols_base_on_disabled: string;
92
92
  sys_component_base_blue_opacity10: string;
93
93
  sys_component_base_05: string;
94
+ sys_background_dimmed_65: string;
95
+ sys_temp_grey_06: string;
96
+ sys_on_base_white_opacity10: string;
97
+ sys_on_base_black_opacity10: string;
94
98
  };
95
99
  readonly PaletteColor_Dark: {
96
100
  sys_container_background_01: string;
@@ -184,6 +188,10 @@ declare const colorSet: {
184
188
  sys_selcontrols_base_on_disabled: string;
185
189
  sys_component_base_blue_opacity10: string;
186
190
  sys_component_base_05: string;
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;
187
195
  };
188
196
  readonly SemanticColor: {
189
197
  blue500: string;
@@ -231,6 +239,9 @@ declare const colorSet: {
231
239
  skyblue300: string;
232
240
  pink300: string;
233
241
  lightpink500: string;
242
+ darkblue300: string;
243
+ darkblue700: string;
244
+ darkgreen300: string;
234
245
  };
235
246
  readonly UIColor: {
236
247
  ui_cpnt_button_fill_base_primary: string;
@@ -599,6 +610,14 @@ declare const colorSet: {
599
610
  ui_cpnt_card_border: string;
600
611
  ui_cpnt_overlay_border: string;
601
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;
602
621
  };
603
622
  };
604
623
  export default colorSet;
@@ -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
  }
@@ -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
  });
@@ -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.15",
3
+ "version": "0.3.19",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",