pds-dev-kit-web 0.7.2 → 1.1.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.
@@ -134,5 +134,9 @@
134
134
  "sys_channeldesc_bottomsheet_base": "grey950/opacity80",
135
135
  "sys_channeldesc_bottomsheet_border": "darkgrey100",
136
136
  "sys_channeldesc_contents_base": "darkgrey50/opacity80",
137
- "sys_channeldesc_dimmed": "grey950/opacity30"
137
+ "sys_channeldesc_dimmed": "grey950/opacity30",
138
+ "sys_gradient_base_01_opacity50": "grey950/opacity50",
139
+ "sys_gradient_base_01_opacity75": "grey950/opacity75",
140
+ "sys_gradient_base_01_opacity40": "grey950/opacity40",
141
+ "sys_widget_black": "black"
138
142
  }
@@ -134,5 +134,9 @@
134
134
  "sys_channeldesc_bottomsheet_base": "white/opacity95",
135
135
  "sys_channeldesc_bottomsheet_border": "grey100",
136
136
  "sys_channeldesc_contents_base": "grey50/opacity80",
137
- "sys_channeldesc_dimmed": "grey950/opacity30"
137
+ "sys_channeldesc_dimmed": "grey950/opacity30",
138
+ "sys_gradient_base_01_opacity50": "white/opacity50",
139
+ "sys_gradient_base_01_opacity75": "white/opacity75",
140
+ "sys_gradient_base_01_opacity40": "white/opacity40",
141
+ "sys_widget_black": "black"
138
142
  }
@@ -194,7 +194,7 @@
194
194
  "ui_cpnt_datatable_base_default": "sys_component_base_white_opacity00",
195
195
  "ui_cpnt_datatable_base_hover": "sys_component_base_01",
196
196
  "ui_cpnt_datatable_text_inactive": "sys_text_grey_03",
197
- "ui_cpnt_datatable_bulkaction_base": "sys_widget_grey_01",
197
+ "ui_cpnt_datatable_bulkaction_base": "sys_widget_black",
198
198
  "ui_cpnt_datatable_icon_01": "sys_widget_white",
199
199
  "ui_cpnt_datatable_text_04": "sys_text_white",
200
200
  "ui_cpnt_chip_fill_base_active_02": "sys_component_base_01",
@@ -464,5 +464,8 @@
464
464
  "ui_channeldesc_bottomsheet_base": "sys_channeldesc_bottomsheet_base",
465
465
  "ui_channeldesc_bottomsheet_border": "sys_channeldesc_bottomsheet_border",
466
466
  "ui_channeldesc_contents_base": "sys_channeldesc_contents_base",
467
- "ui_channeldesc_dimmed": "sys_channeldesc_dimmed"
467
+ "ui_channeldesc_dimmed": "sys_channeldesc_dimmed",
468
+ "ui_cpnt_pg_gradient_03": "sys_gradient_base_01_opacity50",
469
+ "ui_cpnt_pg_gradient_04": "sys_gradient_base_01_opacity75",
470
+ "ui_cpnt_pg_gradient_05": "sys_gradient_base_01_opacity40"
468
471
  }
@@ -1,4 +1,146 @@
1
1
  declare const colorSet: {
2
+ readonly PaletteColor_Dark: {
3
+ sys_container_background_01: string;
4
+ sys_container_background_02: string;
5
+ sys_container_background_03: string;
6
+ sys_background_dimmed: string;
7
+ sys_text_grey_01: string;
8
+ sys_text_grey_02: string;
9
+ sys_text_grey_03: string;
10
+ sys_text_white: string;
11
+ sys_text_brand_primary: string;
12
+ sys_text_error_01: string;
13
+ sys_widget_grey_01: string;
14
+ sys_widget_grey_02: string;
15
+ sys_widget_grey_03: string;
16
+ sys_widget_primary_01: string;
17
+ sys_widget_error_01: string;
18
+ sys_widget_warning_01: string;
19
+ sys_widget_success_01: string;
20
+ sys_widget_white: string;
21
+ sys_border_area_01: string;
22
+ sys_border_line_01: string;
23
+ sys_border_line_02: string;
24
+ sys_border_line_03: string;
25
+ sys_border_line_04: string;
26
+ sys_border_line_05: string;
27
+ sys_component_base_01: string;
28
+ sys_component_base_02: string;
29
+ sys_component_base_03: string;
30
+ sys_component_base_red: string;
31
+ sys_component_base_white: string;
32
+ sys_component_base_white_opacity00: string;
33
+ sys_on_base_white_opacity00: string;
34
+ sys_on_base_white_opacity30: string;
35
+ sys_on_base_black_opacity20: string;
36
+ usr_brand_primary: string;
37
+ usr_brand_secondary: string;
38
+ usr_brand_secondary_variant: string;
39
+ usr_background: string;
40
+ usr_surface: string;
41
+ usr_border: string;
42
+ usr_on_brand_primary: string;
43
+ usr_on_brand_secondary: string;
44
+ usr_on_background: string;
45
+ usr_on_surface: string;
46
+ sys_widget_status_active_01: string;
47
+ sys_text_success_01: string;
48
+ sys_widget_grey_04: string;
49
+ sys_text_active: string;
50
+ sys_component_base_blue: string;
51
+ sys_on_base_black_opacity65: string;
52
+ sys_component_base_04: string;
53
+ sys_component_base_black: string;
54
+ sys_component_base_black_opacity00: string;
55
+ usr_text_brand_secondary_variant: string;
56
+ usr_text_brand_primary: string;
57
+ usr_text_brand_on_primary: string;
58
+ sys_text_brand_secondary_variant: string;
59
+ sys_component_base_navy: string;
60
+ sys_widget_lightgreen: string;
61
+ sys_border_line_06: string;
62
+ sys_background_dimmed_20: string;
63
+ sys_widget_pink: string;
64
+ sys_widget_primary_opacity20: string;
65
+ sys_widget_secondary_variant_01: string;
66
+ usr_component_base_brand_primary_opacity10: string;
67
+ sys_temp_grey_01: string;
68
+ sys_temp_grey_02: string;
69
+ sys_temp_grey_03: string;
70
+ sys_temp_grey_04: string;
71
+ sys_temp_grey_05: string;
72
+ sys_temp_white: string;
73
+ sys_temp_primary_01: string;
74
+ sys_temp_secondary_01: string;
75
+ sys_temp_red: string;
76
+ sys_temp_white_opacity_00: string;
77
+ sys_temp_dimmed: string;
78
+ sys_temp_black: string;
79
+ sys_temp_primary_02: string;
80
+ sys_temp_primary_03: string;
81
+ sys_temp_secondary_02: string;
82
+ sys_temp_lightgreen_01: string;
83
+ sys_text_grey_04: string;
84
+ sys_papp_post_social_background: string;
85
+ sys_papp_post_notice_background: string;
86
+ sys_papp_post_free_background: string;
87
+ sys_papp_vod_background: string;
88
+ sys_papp_vodplus_background: string;
89
+ sys_papp_live_background: string;
90
+ sys_selcontrols_base_off_disabled: string;
91
+ sys_selcontrols_base_on_disabled: string;
92
+ sys_component_base_blue_opacity10: string;
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;
98
+ sys_component_base_05_opacity00: string;
99
+ sys_papp_post_notice_link: string;
100
+ sys_component_base_navy_light: string;
101
+ sys_component_base_orange: string;
102
+ sys_component_base_grey: string;
103
+ sys_component_base_black_opacity80: string;
104
+ sys_text_darkgrey_02: string;
105
+ sys_border_line_darktheme_01: string;
106
+ sys_border_line_darktheme_02: string;
107
+ sys_component_base_darktheme_01: string;
108
+ sys_component_base_darktheme_02: string;
109
+ sys_component_base_darktheme_03: string;
110
+ sys_text_grey_darktheme_01: string;
111
+ sys_text_grey_darktheme_02: string;
112
+ sys_text_grey_darktheme_03: string;
113
+ sys_widget_grey_darktheme_01: string;
114
+ sys_widget_grey_darktheme_02: string;
115
+ sys_widget_grey_darktheme_03: string;
116
+ sys_component_base_green: string;
117
+ sys_text_error_darktheme_01: string;
118
+ sys_border_line_darktheme_03: string;
119
+ sys_border_line_darktheme_04: string;
120
+ usr_widget_brand_primary_darktheme_01: string;
121
+ usr_text_brand_primary_darktheme_01: string;
122
+ sys_component_base_black_opacity50: string;
123
+ sys_component_base_card: string;
124
+ sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
125
+ sys_widget_green_01: string;
126
+ sys_component_base_black_opacity30: string;
127
+ sys_area_background: string;
128
+ sys_border_white_opacity30: string;
129
+ sys_container_background_wt: string;
130
+ sys_channeldesc_grey_03: string;
131
+ sys_channeldesc_border_grey_03: string;
132
+ sys_gradient_base_01: string;
133
+ sys_gradient_base_01_opacity00: string;
134
+ sys_channeldesc_background: string;
135
+ sys_channeldesc_bottomsheet_base: string;
136
+ sys_channeldesc_bottomsheet_border: string;
137
+ sys_channeldesc_contents_base: string;
138
+ sys_channeldesc_dimmed: string;
139
+ sys_gradient_base_01_opacity50: string;
140
+ sys_gradient_base_01_opacity75: string;
141
+ sys_gradient_base_01_opacity40: string;
142
+ sys_widget_black: string;
143
+ };
2
144
  readonly PaletteColor_light: {
3
145
  sys_container_background_01: string;
4
146
  sys_container_background_02: string;
@@ -136,6 +278,10 @@ declare const colorSet: {
136
278
  sys_channeldesc_bottomsheet_border: string;
137
279
  sys_channeldesc_contents_base: string;
138
280
  sys_channeldesc_dimmed: string;
281
+ sys_gradient_base_01_opacity50: string;
282
+ sys_gradient_base_01_opacity75: string;
283
+ sys_gradient_base_01_opacity40: string;
284
+ sys_widget_black: string;
139
285
  };
140
286
  readonly SemanticColor: {
141
287
  blue500: string;
@@ -661,144 +807,9 @@ declare const colorSet: {
661
807
  ui_channeldesc_bottomsheet_border: string;
662
808
  ui_channeldesc_contents_base: string;
663
809
  ui_channeldesc_dimmed: string;
664
- };
665
- readonly PaletteColor_Dark: {
666
- sys_container_background_01: string;
667
- sys_container_background_02: string;
668
- sys_container_background_03: string;
669
- sys_background_dimmed: string;
670
- sys_text_grey_01: string;
671
- sys_text_grey_02: string;
672
- sys_text_grey_03: string;
673
- sys_text_white: string;
674
- sys_text_brand_primary: string;
675
- sys_text_error_01: string;
676
- sys_widget_grey_01: string;
677
- sys_widget_grey_02: string;
678
- sys_widget_grey_03: string;
679
- sys_widget_primary_01: string;
680
- sys_widget_error_01: string;
681
- sys_widget_warning_01: string;
682
- sys_widget_success_01: string;
683
- sys_widget_white: string;
684
- sys_border_area_01: string;
685
- sys_border_line_01: string;
686
- sys_border_line_02: string;
687
- sys_border_line_03: string;
688
- sys_border_line_04: string;
689
- sys_border_line_05: string;
690
- sys_component_base_01: string;
691
- sys_component_base_02: string;
692
- sys_component_base_03: string;
693
- sys_component_base_red: string;
694
- sys_component_base_white: string;
695
- sys_component_base_white_opacity00: string;
696
- sys_on_base_white_opacity00: string;
697
- sys_on_base_white_opacity30: string;
698
- sys_on_base_black_opacity20: string;
699
- usr_brand_primary: string;
700
- usr_brand_secondary: string;
701
- usr_brand_secondary_variant: string;
702
- usr_background: string;
703
- usr_surface: string;
704
- usr_border: string;
705
- usr_on_brand_primary: string;
706
- usr_on_brand_secondary: string;
707
- usr_on_background: string;
708
- usr_on_surface: string;
709
- sys_widget_status_active_01: string;
710
- sys_text_success_01: string;
711
- sys_widget_grey_04: string;
712
- sys_text_active: string;
713
- sys_component_base_blue: string;
714
- sys_on_base_black_opacity65: string;
715
- sys_component_base_04: string;
716
- sys_component_base_black: string;
717
- sys_component_base_black_opacity00: string;
718
- usr_text_brand_secondary_variant: string;
719
- usr_text_brand_primary: string;
720
- usr_text_brand_on_primary: string;
721
- sys_text_brand_secondary_variant: string;
722
- sys_component_base_navy: string;
723
- sys_widget_lightgreen: string;
724
- sys_border_line_06: string;
725
- sys_background_dimmed_20: string;
726
- sys_widget_pink: string;
727
- sys_widget_primary_opacity20: string;
728
- sys_widget_secondary_variant_01: string;
729
- usr_component_base_brand_primary_opacity10: string;
730
- sys_temp_grey_01: string;
731
- sys_temp_grey_02: string;
732
- sys_temp_grey_03: string;
733
- sys_temp_grey_04: string;
734
- sys_temp_grey_05: string;
735
- sys_temp_white: string;
736
- sys_temp_primary_01: string;
737
- sys_temp_secondary_01: string;
738
- sys_temp_red: string;
739
- sys_temp_white_opacity_00: string;
740
- sys_temp_dimmed: string;
741
- sys_temp_black: string;
742
- sys_temp_primary_02: string;
743
- sys_temp_primary_03: string;
744
- sys_temp_secondary_02: string;
745
- sys_temp_lightgreen_01: string;
746
- sys_text_grey_04: string;
747
- sys_papp_post_social_background: string;
748
- sys_papp_post_notice_background: string;
749
- sys_papp_post_free_background: string;
750
- sys_papp_vod_background: string;
751
- sys_papp_vodplus_background: string;
752
- sys_papp_live_background: string;
753
- sys_selcontrols_base_off_disabled: string;
754
- sys_selcontrols_base_on_disabled: string;
755
- sys_component_base_blue_opacity10: string;
756
- sys_component_base_05: string;
757
- sys_background_dimmed_65: string;
758
- sys_temp_grey_06: string;
759
- sys_on_base_white_opacity10: string;
760
- sys_on_base_black_opacity10: string;
761
- sys_component_base_05_opacity00: string;
762
- sys_papp_post_notice_link: string;
763
- sys_component_base_navy_light: string;
764
- sys_component_base_orange: string;
765
- sys_component_base_grey: string;
766
- sys_component_base_black_opacity80: string;
767
- sys_text_darkgrey_02: string;
768
- sys_border_line_darktheme_01: string;
769
- sys_border_line_darktheme_02: string;
770
- sys_component_base_darktheme_01: string;
771
- sys_component_base_darktheme_02: string;
772
- sys_component_base_darktheme_03: string;
773
- sys_text_grey_darktheme_01: string;
774
- sys_text_grey_darktheme_02: string;
775
- sys_text_grey_darktheme_03: string;
776
- sys_widget_grey_darktheme_01: string;
777
- sys_widget_grey_darktheme_02: string;
778
- sys_widget_grey_darktheme_03: string;
779
- sys_component_base_green: string;
780
- sys_text_error_darktheme_01: string;
781
- sys_border_line_darktheme_03: string;
782
- sys_border_line_darktheme_04: string;
783
- usr_widget_brand_primary_darktheme_01: string;
784
- usr_text_brand_primary_darktheme_01: string;
785
- sys_component_base_black_opacity50: string;
786
- sys_component_base_card: string;
787
- sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
788
- sys_widget_green_01: string;
789
- sys_component_base_black_opacity30: string;
790
- sys_area_background: string;
791
- sys_border_white_opacity30: string;
792
- sys_container_background_wt: string;
793
- sys_channeldesc_grey_03: string;
794
- sys_channeldesc_border_grey_03: string;
795
- sys_gradient_base_01: string;
796
- sys_gradient_base_01_opacity00: string;
797
- sys_channeldesc_background: string;
798
- sys_channeldesc_bottomsheet_base: string;
799
- sys_channeldesc_bottomsheet_border: string;
800
- sys_channeldesc_contents_base: string;
801
- sys_channeldesc_dimmed: string;
810
+ ui_cpnt_pg_gradient_03: string;
811
+ ui_cpnt_pg_gradient_04: string;
812
+ ui_cpnt_pg_gradient_05: string;
802
813
  };
803
814
  };
804
815
  export default colorSet;
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
7
8
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
9
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
10
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
11
11
  var colorSet = {
12
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default,
12
13
  PaletteColor_light: PaletteColor_light_json_1.default,
13
14
  SemanticColor: SemanticColor_json_1.default,
14
- UIColor: UIColor_json_1.default,
15
- PaletteColor_Dark: PaletteColor_Dark_json_1.default
15
+ UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
@@ -465,4 +465,7 @@ export interface UITheme {
465
465
  ui_channeldesc_bottomsheet_border: string;
466
466
  ui_channeldesc_contents_base: string;
467
467
  ui_channeldesc_dimmed: string;
468
+ ui_cpnt_pg_gradient_03: string;
469
+ ui_cpnt_pg_gradient_04: string;
470
+ ui_cpnt_pg_gradient_05: string;
468
471
  }
@@ -259,7 +259,7 @@ var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateO
259
259
  return lineLimit;
260
260
  });
261
261
  var userSelectModeStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
262
- var S_TextLabel = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-all;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-all;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
262
+ var S_TextLabel = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
263
263
  var textAlign = _a.textAlign;
264
264
  return textAlign;
265
265
  }, function (_a) {
@@ -259,7 +259,7 @@ var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateO
259
259
  return lineLimit;
260
260
  });
261
261
  var userSelectModeStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
262
- var S_TextLabel = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-all;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-all;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
262
+ var S_TextLabel = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
263
263
  var textAlign = _a.textAlign;
264
264
  return textAlign;
265
265
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.7.2",
3
+ "version": "1.1.0",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,9 +1,4 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v0.7.2]
2
+ ## [v1.1.0]
3
3
 
4
- ### Layout
5
- * WTQ_1 수정 (전체 배경색 위한 임시 조치)
6
- * WTN 수정 (Area단에 고정 너비 부여)
7
-
8
- ### Color
9
- * 컬러 키 값 22.04.06 16시 03분 기준 싱크
4
+ * 문서와 버전을 맞추기 위해 버전만 올림 - 변경사항 없음