pds-dev-kit-web 1.6.10 → 1.6.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.
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +226 -223
- package/dist/src/common/styles/colorSet/index.js +3 -3
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.js +6 -6
- package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.js +6 -6
- package/package.json +1 -1
- package/release-note.md +6 -10
|
@@ -219,5 +219,6 @@
|
|
|
219
219
|
"sys_component_base_17": "darkgrey50/opacity50",
|
|
220
220
|
"sys_widget_red_01": "darkred500",
|
|
221
221
|
"sys_widget_orange_01": "darkorange500",
|
|
222
|
-
"sys_text_warning_01": "darkorange500"
|
|
222
|
+
"sys_text_warning_01": "darkorange500",
|
|
223
|
+
"sys_component_base_18": "darkgrey400"
|
|
223
224
|
}
|
|
@@ -629,5 +629,6 @@
|
|
|
629
629
|
"ui_cpnt_calendar_badge_booked": "sys_widget_success_01",
|
|
630
630
|
"ui_cpnt_calendar_badge_expired": "sys_widget_grey_03",
|
|
631
631
|
"ui_cpnt_calendar_text_today": "sys_widget_red_01",
|
|
632
|
-
"ui_cpnt_textlabel_sys_warning": "sys_text_warning_01"
|
|
632
|
+
"ui_cpnt_textlabel_sys_warning": "sys_text_warning_01",
|
|
633
|
+
"ui_cpnt_lottiereactionbutton_base_default": "sys_component_base_18"
|
|
633
634
|
}
|
|
@@ -78,6 +78,230 @@ declare const colorSet: {
|
|
|
78
78
|
darkgreen50: string;
|
|
79
79
|
opacity90: string;
|
|
80
80
|
};
|
|
81
|
+
readonly PaletteColor_Dark: {
|
|
82
|
+
sys_container_background_01: string;
|
|
83
|
+
sys_container_background_02: string;
|
|
84
|
+
sys_container_background_03: string;
|
|
85
|
+
sys_background_dimmed: string;
|
|
86
|
+
sys_text_grey_01: string;
|
|
87
|
+
sys_text_grey_02: string;
|
|
88
|
+
sys_text_grey_03: string;
|
|
89
|
+
sys_text_white: string;
|
|
90
|
+
sys_text_brand_primary: string;
|
|
91
|
+
sys_text_error_01: string;
|
|
92
|
+
sys_widget_grey_01: string;
|
|
93
|
+
sys_widget_grey_02: string;
|
|
94
|
+
sys_widget_grey_03: string;
|
|
95
|
+
sys_widget_primary_01: string;
|
|
96
|
+
sys_widget_error_01: string;
|
|
97
|
+
sys_widget_warning_01: string;
|
|
98
|
+
sys_widget_success_01: string;
|
|
99
|
+
sys_widget_white: string;
|
|
100
|
+
sys_border_area_01: string;
|
|
101
|
+
sys_border_line_01: string;
|
|
102
|
+
sys_border_line_02: string;
|
|
103
|
+
sys_border_line_03: string;
|
|
104
|
+
sys_border_line_04: string;
|
|
105
|
+
sys_border_line_05: string;
|
|
106
|
+
sys_component_base_01: string;
|
|
107
|
+
sys_component_base_02: string;
|
|
108
|
+
sys_component_base_03: string;
|
|
109
|
+
sys_component_base_red: string;
|
|
110
|
+
sys_component_base_white: string;
|
|
111
|
+
sys_component_base_white_opacity00: string;
|
|
112
|
+
sys_on_base_white_opacity00: string;
|
|
113
|
+
sys_on_base_white_opacity30: string;
|
|
114
|
+
sys_on_base_black_opacity20: string;
|
|
115
|
+
usr_brand_primary: string;
|
|
116
|
+
usr_brand_secondary: string;
|
|
117
|
+
usr_brand_secondary_variant: string;
|
|
118
|
+
usr_background: string;
|
|
119
|
+
usr_surface: string;
|
|
120
|
+
usr_border: string;
|
|
121
|
+
usr_on_brand_primary: string;
|
|
122
|
+
usr_on_brand_secondary: string;
|
|
123
|
+
usr_on_background: string;
|
|
124
|
+
usr_on_surface: string;
|
|
125
|
+
sys_widget_status_active_01: string;
|
|
126
|
+
sys_text_success_01: string;
|
|
127
|
+
sys_widget_grey_04: string;
|
|
128
|
+
sys_text_active: string;
|
|
129
|
+
sys_component_base_blue: string;
|
|
130
|
+
sys_on_base_black_opacity65: string;
|
|
131
|
+
sys_component_base_04: string;
|
|
132
|
+
sys_component_base_black: string;
|
|
133
|
+
sys_component_base_black_opacity00: string;
|
|
134
|
+
usr_text_brand_secondary_variant: string;
|
|
135
|
+
usr_text_brand_primary: string;
|
|
136
|
+
usr_text_brand_on_primary: string;
|
|
137
|
+
sys_text_brand_secondary_variant: string;
|
|
138
|
+
sys_component_base_navy: string;
|
|
139
|
+
sys_widget_lightgreen: string;
|
|
140
|
+
sys_border_line_06: string;
|
|
141
|
+
sys_background_dimmed_20: string;
|
|
142
|
+
sys_widget_pink: string;
|
|
143
|
+
sys_widget_primary_opacity20: string;
|
|
144
|
+
sys_widget_secondary_variant_01: string;
|
|
145
|
+
usr_component_base_brand_primary_opacity10: string;
|
|
146
|
+
sys_temp_grey_01: string;
|
|
147
|
+
sys_temp_grey_02: string;
|
|
148
|
+
sys_temp_grey_03: string;
|
|
149
|
+
sys_temp_grey_04: string;
|
|
150
|
+
sys_temp_grey_05: string;
|
|
151
|
+
sys_temp_white: string;
|
|
152
|
+
sys_temp_primary_01: string;
|
|
153
|
+
sys_temp_secondary_01: string;
|
|
154
|
+
sys_temp_red: string;
|
|
155
|
+
sys_temp_white_opacity_00: string;
|
|
156
|
+
sys_temp_dimmed: string;
|
|
157
|
+
sys_temp_black: string;
|
|
158
|
+
sys_temp_primary_02: string;
|
|
159
|
+
sys_temp_primary_03: string;
|
|
160
|
+
sys_temp_secondary_02: string;
|
|
161
|
+
sys_temp_lightgreen_01: string;
|
|
162
|
+
sys_text_grey_04: string;
|
|
163
|
+
sys_papp_post_social_background: string;
|
|
164
|
+
sys_papp_post_notice_background: string;
|
|
165
|
+
sys_papp_post_free_background: string;
|
|
166
|
+
sys_papp_vod_background: string;
|
|
167
|
+
sys_papp_vodplus_background: string;
|
|
168
|
+
sys_papp_live_background: string;
|
|
169
|
+
sys_selcontrols_base_off_disabled: string;
|
|
170
|
+
sys_selcontrols_base_on_disabled: string;
|
|
171
|
+
sys_component_base_blue_opacity10: string;
|
|
172
|
+
sys_component_base_05: string;
|
|
173
|
+
sys_background_dimmed_65: string;
|
|
174
|
+
sys_temp_grey_06: string;
|
|
175
|
+
sys_on_base_white_opacity10: string;
|
|
176
|
+
sys_on_base_black_opacity10: string;
|
|
177
|
+
sys_component_base_05_opacity00: string;
|
|
178
|
+
sys_papp_post_notice_link: string;
|
|
179
|
+
sys_component_base_navy_light: string;
|
|
180
|
+
sys_component_base_orange: string;
|
|
181
|
+
sys_component_base_grey: string;
|
|
182
|
+
sys_component_base_black_opacity80: string;
|
|
183
|
+
sys_text_darkgrey_02: string;
|
|
184
|
+
sys_border_line_darktheme_01: string;
|
|
185
|
+
sys_border_line_darktheme_02: string;
|
|
186
|
+
sys_component_base_darktheme_01: string;
|
|
187
|
+
sys_component_base_darktheme_02: string;
|
|
188
|
+
sys_component_base_darktheme_03: string;
|
|
189
|
+
sys_text_grey_darktheme_01: string;
|
|
190
|
+
sys_text_grey_darktheme_02: string;
|
|
191
|
+
sys_text_grey_darktheme_03: string;
|
|
192
|
+
sys_widget_grey_darktheme_01: string;
|
|
193
|
+
sys_widget_grey_darktheme_02: string;
|
|
194
|
+
sys_widget_grey_darktheme_03: string;
|
|
195
|
+
sys_component_base_green: string;
|
|
196
|
+
sys_text_error_darktheme_01: string;
|
|
197
|
+
sys_border_line_darktheme_03: string;
|
|
198
|
+
sys_border_line_darktheme_04: string;
|
|
199
|
+
usr_widget_brand_primary_darktheme_01: string;
|
|
200
|
+
usr_text_brand_primary_darktheme_01: string;
|
|
201
|
+
sys_component_base_black_opacity50: string;
|
|
202
|
+
sys_component_base_card: string;
|
|
203
|
+
sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
|
|
204
|
+
sys_widget_green_01: string;
|
|
205
|
+
sys_component_base_black_opacity30: string;
|
|
206
|
+
sys_area_background: string;
|
|
207
|
+
sys_border_white_opacity30: string;
|
|
208
|
+
sys_container_background_wt: string;
|
|
209
|
+
sys_channeldesc_grey_03: string;
|
|
210
|
+
sys_channeldesc_border_grey_03: string;
|
|
211
|
+
sys_gradient_base_01: string;
|
|
212
|
+
sys_gradient_base_01_opacity00: string;
|
|
213
|
+
sys_channeldesc_background: string;
|
|
214
|
+
sys_channeldesc_bottomsheet_base: string;
|
|
215
|
+
sys_channeldesc_bottomsheet_border: string;
|
|
216
|
+
sys_channeldesc_contents_base: string;
|
|
217
|
+
sys_channeldesc_dimmed: string;
|
|
218
|
+
sys_gradient_base_01_opacity50: string;
|
|
219
|
+
sys_gradient_base_01_opacity75: string;
|
|
220
|
+
sys_gradient_base_01_opacity40: string;
|
|
221
|
+
sys_widget_black: string;
|
|
222
|
+
usr_temp_primary_01: string;
|
|
223
|
+
sys_cpnt_sheet_base_02_opacity50: string;
|
|
224
|
+
usr_menu_primarymenu_main: string;
|
|
225
|
+
usr_menu_primarymenu_sub: string;
|
|
226
|
+
usr_menu_secondarymenu_main: string;
|
|
227
|
+
usr_menu_secondarymenu_sub: string;
|
|
228
|
+
usr_menu_hover: string;
|
|
229
|
+
usr_menu_active: string;
|
|
230
|
+
usr_menu_background: string;
|
|
231
|
+
sys_cpnt_base_white_opacity50: string;
|
|
232
|
+
sys_widget_dark_01: string;
|
|
233
|
+
usr_menu_background_gradient_opacity00: string;
|
|
234
|
+
sys_border_line_white: string;
|
|
235
|
+
sys_component_base_white_opacity10: string;
|
|
236
|
+
sys_cpnt_sheet_base_01: string;
|
|
237
|
+
sys_component_base_white_opacity20: string;
|
|
238
|
+
sys_border_line_07: string;
|
|
239
|
+
sys_border_line_white_opacity50: string;
|
|
240
|
+
sys_background_dimmed_02: string;
|
|
241
|
+
sys_border_line_08: string;
|
|
242
|
+
sys_component_base_06: string;
|
|
243
|
+
sys_component_base_07: string;
|
|
244
|
+
sys_border_line_09: string;
|
|
245
|
+
sys_component_base_darktheme_04: string;
|
|
246
|
+
sys_border_line_10: string;
|
|
247
|
+
sys_component_base_darktheme_05: string;
|
|
248
|
+
sys_border_line_darktheme_05: string;
|
|
249
|
+
sys_component_base_darktheme_06: string;
|
|
250
|
+
sys_border_line_darktheme_06: string;
|
|
251
|
+
sys_border_line_darktheme_07: string;
|
|
252
|
+
sys_border_line_11: string;
|
|
253
|
+
sys_base_dimmed_01: string;
|
|
254
|
+
sys_kakao: string;
|
|
255
|
+
sys_border_line_12: string;
|
|
256
|
+
sys_component_base_08: string;
|
|
257
|
+
sys_text_social_login_01: string;
|
|
258
|
+
sys_text_social_login_02: string;
|
|
259
|
+
sys_papp_livechat_link: string;
|
|
260
|
+
sys_text_lighttone_grey_01: string;
|
|
261
|
+
sys_widget_lighttone_primary_01: string;
|
|
262
|
+
sys_text_lighttone_grey_02: string;
|
|
263
|
+
sys_component_base_09: string;
|
|
264
|
+
sys_component_base_darktheme_opacity20: string;
|
|
265
|
+
sys_component_base_darktheme_disabled_opacity20: string;
|
|
266
|
+
sys_border_white_opacity00: string;
|
|
267
|
+
sys_border_line_darktheme_07_opacity00: string;
|
|
268
|
+
sys_border_line_darktheme_02_opacity20: string;
|
|
269
|
+
sys_border_line_darktheme_03_opacity20: string;
|
|
270
|
+
sys_border_line_darktheme_07_opacity20: string;
|
|
271
|
+
sys_component_base_grey_02_opacity80: string;
|
|
272
|
+
sys_component_base_10: string;
|
|
273
|
+
sys_component_pastel_base_01: string;
|
|
274
|
+
sys_component_pastel_base_02: string;
|
|
275
|
+
sys_component_pastel_base_03: string;
|
|
276
|
+
sys_component_pastel_base_04: string;
|
|
277
|
+
sys_component_pastel_base_05: string;
|
|
278
|
+
sys_component_base_11: string;
|
|
279
|
+
sys_loading_skeleton_01: string;
|
|
280
|
+
sys_loading_skeleton_02: string;
|
|
281
|
+
sys_loading_linear_bar: string;
|
|
282
|
+
sys_loading_linear_base: string;
|
|
283
|
+
sys_loading_three_bar: string;
|
|
284
|
+
sys_widget_grey_05: string;
|
|
285
|
+
sys_menu_background_transparent: string;
|
|
286
|
+
sys_container_background_04: string;
|
|
287
|
+
sys_menu_button_base: string;
|
|
288
|
+
sys_background_dimmed_03: string;
|
|
289
|
+
sys_cpnt_sheet_base_03: string;
|
|
290
|
+
sys_dimmed_gradient_01: string;
|
|
291
|
+
sys_dimmed_gradient_02: string;
|
|
292
|
+
sys_border_line_13: string;
|
|
293
|
+
sys_component_base_12: string;
|
|
294
|
+
sys_border_line_14: string;
|
|
295
|
+
sys_component_base_13: string;
|
|
296
|
+
sys_component_base_14: string;
|
|
297
|
+
sys_component_base_15: string;
|
|
298
|
+
sys_component_base_16: string;
|
|
299
|
+
sys_component_base_17: string;
|
|
300
|
+
sys_widget_red_01: string;
|
|
301
|
+
sys_widget_orange_01: string;
|
|
302
|
+
sys_text_warning_01: string;
|
|
303
|
+
sys_component_base_18: string;
|
|
304
|
+
};
|
|
81
305
|
readonly PaletteColor_light: {
|
|
82
306
|
sys_container_background_01: string;
|
|
83
307
|
sys_container_background_02: string;
|
|
@@ -300,6 +524,7 @@ declare const colorSet: {
|
|
|
300
524
|
sys_widget_red_01: string;
|
|
301
525
|
sys_widget_orange_01: string;
|
|
302
526
|
sys_text_warning_01: string;
|
|
527
|
+
sys_component_base_18: string;
|
|
303
528
|
};
|
|
304
529
|
readonly UIColor: {
|
|
305
530
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -933,229 +1158,7 @@ declare const colorSet: {
|
|
|
933
1158
|
ui_cpnt_calendar_badge_expired: string;
|
|
934
1159
|
ui_cpnt_calendar_text_today: string;
|
|
935
1160
|
ui_cpnt_textlabel_sys_warning: string;
|
|
936
|
-
|
|
937
|
-
readonly PaletteColor_Dark: {
|
|
938
|
-
sys_container_background_01: string;
|
|
939
|
-
sys_container_background_02: string;
|
|
940
|
-
sys_container_background_03: string;
|
|
941
|
-
sys_background_dimmed: string;
|
|
942
|
-
sys_text_grey_01: string;
|
|
943
|
-
sys_text_grey_02: string;
|
|
944
|
-
sys_text_grey_03: string;
|
|
945
|
-
sys_text_white: string;
|
|
946
|
-
sys_text_brand_primary: string;
|
|
947
|
-
sys_text_error_01: string;
|
|
948
|
-
sys_widget_grey_01: string;
|
|
949
|
-
sys_widget_grey_02: string;
|
|
950
|
-
sys_widget_grey_03: string;
|
|
951
|
-
sys_widget_primary_01: string;
|
|
952
|
-
sys_widget_error_01: string;
|
|
953
|
-
sys_widget_warning_01: string;
|
|
954
|
-
sys_widget_success_01: string;
|
|
955
|
-
sys_widget_white: string;
|
|
956
|
-
sys_border_area_01: string;
|
|
957
|
-
sys_border_line_01: string;
|
|
958
|
-
sys_border_line_02: string;
|
|
959
|
-
sys_border_line_03: string;
|
|
960
|
-
sys_border_line_04: string;
|
|
961
|
-
sys_border_line_05: string;
|
|
962
|
-
sys_component_base_01: string;
|
|
963
|
-
sys_component_base_02: string;
|
|
964
|
-
sys_component_base_03: string;
|
|
965
|
-
sys_component_base_red: string;
|
|
966
|
-
sys_component_base_white: string;
|
|
967
|
-
sys_component_base_white_opacity00: string;
|
|
968
|
-
sys_on_base_white_opacity00: string;
|
|
969
|
-
sys_on_base_white_opacity30: string;
|
|
970
|
-
sys_on_base_black_opacity20: string;
|
|
971
|
-
usr_brand_primary: string;
|
|
972
|
-
usr_brand_secondary: string;
|
|
973
|
-
usr_brand_secondary_variant: string;
|
|
974
|
-
usr_background: string;
|
|
975
|
-
usr_surface: string;
|
|
976
|
-
usr_border: string;
|
|
977
|
-
usr_on_brand_primary: string;
|
|
978
|
-
usr_on_brand_secondary: string;
|
|
979
|
-
usr_on_background: string;
|
|
980
|
-
usr_on_surface: string;
|
|
981
|
-
sys_widget_status_active_01: string;
|
|
982
|
-
sys_text_success_01: string;
|
|
983
|
-
sys_widget_grey_04: string;
|
|
984
|
-
sys_text_active: string;
|
|
985
|
-
sys_component_base_blue: string;
|
|
986
|
-
sys_on_base_black_opacity65: string;
|
|
987
|
-
sys_component_base_04: string;
|
|
988
|
-
sys_component_base_black: string;
|
|
989
|
-
sys_component_base_black_opacity00: string;
|
|
990
|
-
usr_text_brand_secondary_variant: string;
|
|
991
|
-
usr_text_brand_primary: string;
|
|
992
|
-
usr_text_brand_on_primary: string;
|
|
993
|
-
sys_text_brand_secondary_variant: string;
|
|
994
|
-
sys_component_base_navy: string;
|
|
995
|
-
sys_widget_lightgreen: string;
|
|
996
|
-
sys_border_line_06: string;
|
|
997
|
-
sys_background_dimmed_20: string;
|
|
998
|
-
sys_widget_pink: string;
|
|
999
|
-
sys_widget_primary_opacity20: string;
|
|
1000
|
-
sys_widget_secondary_variant_01: string;
|
|
1001
|
-
usr_component_base_brand_primary_opacity10: string;
|
|
1002
|
-
sys_temp_grey_01: string;
|
|
1003
|
-
sys_temp_grey_02: string;
|
|
1004
|
-
sys_temp_grey_03: string;
|
|
1005
|
-
sys_temp_grey_04: string;
|
|
1006
|
-
sys_temp_grey_05: string;
|
|
1007
|
-
sys_temp_white: string;
|
|
1008
|
-
sys_temp_primary_01: string;
|
|
1009
|
-
sys_temp_secondary_01: string;
|
|
1010
|
-
sys_temp_red: string;
|
|
1011
|
-
sys_temp_white_opacity_00: string;
|
|
1012
|
-
sys_temp_dimmed: string;
|
|
1013
|
-
sys_temp_black: string;
|
|
1014
|
-
sys_temp_primary_02: string;
|
|
1015
|
-
sys_temp_primary_03: string;
|
|
1016
|
-
sys_temp_secondary_02: string;
|
|
1017
|
-
sys_temp_lightgreen_01: string;
|
|
1018
|
-
sys_text_grey_04: string;
|
|
1019
|
-
sys_papp_post_social_background: string;
|
|
1020
|
-
sys_papp_post_notice_background: string;
|
|
1021
|
-
sys_papp_post_free_background: string;
|
|
1022
|
-
sys_papp_vod_background: string;
|
|
1023
|
-
sys_papp_vodplus_background: string;
|
|
1024
|
-
sys_papp_live_background: string;
|
|
1025
|
-
sys_selcontrols_base_off_disabled: string;
|
|
1026
|
-
sys_selcontrols_base_on_disabled: string;
|
|
1027
|
-
sys_component_base_blue_opacity10: string;
|
|
1028
|
-
sys_component_base_05: string;
|
|
1029
|
-
sys_background_dimmed_65: string;
|
|
1030
|
-
sys_temp_grey_06: string;
|
|
1031
|
-
sys_on_base_white_opacity10: string;
|
|
1032
|
-
sys_on_base_black_opacity10: string;
|
|
1033
|
-
sys_component_base_05_opacity00: string;
|
|
1034
|
-
sys_papp_post_notice_link: string;
|
|
1035
|
-
sys_component_base_navy_light: string;
|
|
1036
|
-
sys_component_base_orange: string;
|
|
1037
|
-
sys_component_base_grey: string;
|
|
1038
|
-
sys_component_base_black_opacity80: string;
|
|
1039
|
-
sys_text_darkgrey_02: string;
|
|
1040
|
-
sys_border_line_darktheme_01: string;
|
|
1041
|
-
sys_border_line_darktheme_02: string;
|
|
1042
|
-
sys_component_base_darktheme_01: string;
|
|
1043
|
-
sys_component_base_darktheme_02: string;
|
|
1044
|
-
sys_component_base_darktheme_03: string;
|
|
1045
|
-
sys_text_grey_darktheme_01: string;
|
|
1046
|
-
sys_text_grey_darktheme_02: string;
|
|
1047
|
-
sys_text_grey_darktheme_03: string;
|
|
1048
|
-
sys_widget_grey_darktheme_01: string;
|
|
1049
|
-
sys_widget_grey_darktheme_02: string;
|
|
1050
|
-
sys_widget_grey_darktheme_03: string;
|
|
1051
|
-
sys_component_base_green: string;
|
|
1052
|
-
sys_text_error_darktheme_01: string;
|
|
1053
|
-
sys_border_line_darktheme_03: string;
|
|
1054
|
-
sys_border_line_darktheme_04: string;
|
|
1055
|
-
usr_widget_brand_primary_darktheme_01: string;
|
|
1056
|
-
usr_text_brand_primary_darktheme_01: string;
|
|
1057
|
-
sys_component_base_black_opacity50: string;
|
|
1058
|
-
sys_component_base_card: string;
|
|
1059
|
-
sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
|
|
1060
|
-
sys_widget_green_01: string;
|
|
1061
|
-
sys_component_base_black_opacity30: string;
|
|
1062
|
-
sys_area_background: string;
|
|
1063
|
-
sys_border_white_opacity30: string;
|
|
1064
|
-
sys_container_background_wt: string;
|
|
1065
|
-
sys_channeldesc_grey_03: string;
|
|
1066
|
-
sys_channeldesc_border_grey_03: string;
|
|
1067
|
-
sys_gradient_base_01: string;
|
|
1068
|
-
sys_gradient_base_01_opacity00: string;
|
|
1069
|
-
sys_channeldesc_background: string;
|
|
1070
|
-
sys_channeldesc_bottomsheet_base: string;
|
|
1071
|
-
sys_channeldesc_bottomsheet_border: string;
|
|
1072
|
-
sys_channeldesc_contents_base: string;
|
|
1073
|
-
sys_channeldesc_dimmed: string;
|
|
1074
|
-
sys_gradient_base_01_opacity50: string;
|
|
1075
|
-
sys_gradient_base_01_opacity75: string;
|
|
1076
|
-
sys_gradient_base_01_opacity40: string;
|
|
1077
|
-
sys_widget_black: string;
|
|
1078
|
-
usr_temp_primary_01: string;
|
|
1079
|
-
sys_cpnt_sheet_base_02_opacity50: string;
|
|
1080
|
-
usr_menu_primarymenu_main: string;
|
|
1081
|
-
usr_menu_primarymenu_sub: string;
|
|
1082
|
-
usr_menu_secondarymenu_main: string;
|
|
1083
|
-
usr_menu_secondarymenu_sub: string;
|
|
1084
|
-
usr_menu_hover: string;
|
|
1085
|
-
usr_menu_active: string;
|
|
1086
|
-
usr_menu_background: string;
|
|
1087
|
-
sys_cpnt_base_white_opacity50: string;
|
|
1088
|
-
sys_widget_dark_01: string;
|
|
1089
|
-
usr_menu_background_gradient_opacity00: string;
|
|
1090
|
-
sys_border_line_white: string;
|
|
1091
|
-
sys_component_base_white_opacity10: string;
|
|
1092
|
-
sys_cpnt_sheet_base_01: string;
|
|
1093
|
-
sys_component_base_white_opacity20: string;
|
|
1094
|
-
sys_border_line_07: string;
|
|
1095
|
-
sys_border_line_white_opacity50: string;
|
|
1096
|
-
sys_background_dimmed_02: string;
|
|
1097
|
-
sys_border_line_08: string;
|
|
1098
|
-
sys_component_base_06: string;
|
|
1099
|
-
sys_component_base_07: string;
|
|
1100
|
-
sys_border_line_09: string;
|
|
1101
|
-
sys_component_base_darktheme_04: string;
|
|
1102
|
-
sys_border_line_10: string;
|
|
1103
|
-
sys_component_base_darktheme_05: string;
|
|
1104
|
-
sys_border_line_darktheme_05: string;
|
|
1105
|
-
sys_component_base_darktheme_06: string;
|
|
1106
|
-
sys_border_line_darktheme_06: string;
|
|
1107
|
-
sys_border_line_darktheme_07: string;
|
|
1108
|
-
sys_border_line_11: string;
|
|
1109
|
-
sys_base_dimmed_01: string;
|
|
1110
|
-
sys_kakao: string;
|
|
1111
|
-
sys_border_line_12: string;
|
|
1112
|
-
sys_component_base_08: string;
|
|
1113
|
-
sys_text_social_login_01: string;
|
|
1114
|
-
sys_text_social_login_02: string;
|
|
1115
|
-
sys_papp_livechat_link: string;
|
|
1116
|
-
sys_text_lighttone_grey_01: string;
|
|
1117
|
-
sys_widget_lighttone_primary_01: string;
|
|
1118
|
-
sys_text_lighttone_grey_02: string;
|
|
1119
|
-
sys_component_base_09: string;
|
|
1120
|
-
sys_component_base_darktheme_opacity20: string;
|
|
1121
|
-
sys_component_base_darktheme_disabled_opacity20: string;
|
|
1122
|
-
sys_border_white_opacity00: string;
|
|
1123
|
-
sys_border_line_darktheme_07_opacity00: string;
|
|
1124
|
-
sys_border_line_darktheme_02_opacity20: string;
|
|
1125
|
-
sys_border_line_darktheme_03_opacity20: string;
|
|
1126
|
-
sys_border_line_darktheme_07_opacity20: string;
|
|
1127
|
-
sys_component_base_grey_02_opacity80: string;
|
|
1128
|
-
sys_component_base_10: string;
|
|
1129
|
-
sys_component_pastel_base_01: string;
|
|
1130
|
-
sys_component_pastel_base_02: string;
|
|
1131
|
-
sys_component_pastel_base_03: string;
|
|
1132
|
-
sys_component_pastel_base_04: string;
|
|
1133
|
-
sys_component_pastel_base_05: string;
|
|
1134
|
-
sys_component_base_11: string;
|
|
1135
|
-
sys_loading_skeleton_01: string;
|
|
1136
|
-
sys_loading_skeleton_02: string;
|
|
1137
|
-
sys_loading_linear_bar: string;
|
|
1138
|
-
sys_loading_linear_base: string;
|
|
1139
|
-
sys_loading_three_bar: string;
|
|
1140
|
-
sys_widget_grey_05: string;
|
|
1141
|
-
sys_menu_background_transparent: string;
|
|
1142
|
-
sys_container_background_04: string;
|
|
1143
|
-
sys_menu_button_base: string;
|
|
1144
|
-
sys_background_dimmed_03: string;
|
|
1145
|
-
sys_cpnt_sheet_base_03: string;
|
|
1146
|
-
sys_dimmed_gradient_01: string;
|
|
1147
|
-
sys_dimmed_gradient_02: string;
|
|
1148
|
-
sys_border_line_13: string;
|
|
1149
|
-
sys_component_base_12: string;
|
|
1150
|
-
sys_border_line_14: string;
|
|
1151
|
-
sys_component_base_13: string;
|
|
1152
|
-
sys_component_base_14: string;
|
|
1153
|
-
sys_component_base_15: string;
|
|
1154
|
-
sys_component_base_16: string;
|
|
1155
|
-
sys_component_base_17: string;
|
|
1156
|
-
sys_widget_red_01: string;
|
|
1157
|
-
sys_widget_orange_01: string;
|
|
1158
|
-
sys_text_warning_01: string;
|
|
1161
|
+
ui_cpnt_lottiereactionbutton_base_default: string;
|
|
1159
1162
|
};
|
|
1160
1163
|
};
|
|
1161
1164
|
export default colorSet;
|
|
@@ -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 SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
8
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
8
9
|
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.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
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
13
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
13
14
|
PaletteColor_light: PaletteColor_light_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;
|
|
@@ -38,7 +38,7 @@ function LottieReactionButton(_a) {
|
|
|
38
38
|
};
|
|
39
39
|
var convertFormatText = convertFormatHelper(text);
|
|
40
40
|
var _g = (0, react_1.useState)(false), isAnimation = _g[0], setIsAnimation = _g[1];
|
|
41
|
-
var _h = (0, react_1.useState)(
|
|
41
|
+
var _h = (0, react_1.useState)(false), isActionText = _h[0], setIsActionText = _h[1];
|
|
42
42
|
var _j = (0, react_1.useState)(false), isBackgroundColor = _j[0], setIsBackgroundColor = _j[1];
|
|
43
43
|
var handleMouseDown = function (e) {
|
|
44
44
|
if (state !== 'no_animation') {
|
|
@@ -49,11 +49,11 @@ function LottieReactionButton(_a) {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var handleClick = function (e) {
|
|
52
|
-
var _a
|
|
52
|
+
var _a;
|
|
53
53
|
if (state !== 'no_animation') {
|
|
54
54
|
setIsAnimation(true);
|
|
55
55
|
(_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.playSegments([[0, 30]], true);
|
|
56
|
-
|
|
56
|
+
setIsActionText(true);
|
|
57
57
|
setIsBackgroundColor(true);
|
|
58
58
|
}
|
|
59
59
|
if (onClick) {
|
|
@@ -61,7 +61,7 @@ function LottieReactionButton(_a) {
|
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
var handleLottieIconComplete = function (e) {
|
|
64
|
-
|
|
64
|
+
setIsActionText(false);
|
|
65
65
|
setIsBackgroundColor(false);
|
|
66
66
|
if (onComplete) {
|
|
67
67
|
onComplete(e);
|
|
@@ -71,7 +71,7 @@ function LottieReactionButton(_a) {
|
|
|
71
71
|
react_1.default.createElement(hybrid_1.LottieIcon, { iconName: iconName, lottieRef: lottieRef, autoplayMode: "none", loopMode: "none", onComplete: handleLottieIconComplete }),
|
|
72
72
|
displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
73
73
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
|
|
74
|
-
react_1.default.createElement(TextLabel_1.TextLabel, { text:
|
|
74
|
+
react_1.default.createElement(TextLabel_1.TextLabel, { text: isActionText && actionText ? actionText : convertFormatText, singleLineMode: "use", colorTheme: "sysTextWhite", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" })))));
|
|
75
75
|
}
|
|
76
76
|
var disabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n cursor: default;\n"], ["\n background-color: ", ";\n cursor: default;\n"])), function (_a) {
|
|
77
77
|
var theme = _a.theme;
|
|
@@ -93,7 +93,7 @@ var icon_text = (0, styled_components_1.css)(templateObject_6 || (templateObject
|
|
|
93
93
|
});
|
|
94
94
|
var greyBackgroundColor = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n transition: background-color 0.8s;\n"], ["\n background-color: ", ";\n transition: background-color 0.8s;\n"])), function (_a) {
|
|
95
95
|
var theme = _a.theme;
|
|
96
|
-
return theme.
|
|
96
|
+
return theme.ui_cpnt_lottiereactionbutton_base_default;
|
|
97
97
|
});
|
|
98
98
|
var base1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
|
|
99
99
|
var theme = _a.theme;
|
|
@@ -38,7 +38,7 @@ function LottieReactionButton(_a) {
|
|
|
38
38
|
};
|
|
39
39
|
var convertFormatText = convertFormatHelper(text);
|
|
40
40
|
var _g = (0, react_1.useState)(false), isAnimation = _g[0], setIsAnimation = _g[1];
|
|
41
|
-
var _h = (0, react_1.useState)(
|
|
41
|
+
var _h = (0, react_1.useState)(false), isActionText = _h[0], setIsActionText = _h[1];
|
|
42
42
|
var _j = (0, react_1.useState)(false), isBackgroundColor = _j[0], setIsBackgroundColor = _j[1];
|
|
43
43
|
var handleTouchStart = function (e) {
|
|
44
44
|
if (state !== 'no_animation') {
|
|
@@ -49,11 +49,11 @@ function LottieReactionButton(_a) {
|
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
var handleTouchEnd = function (e) {
|
|
52
|
-
var _a
|
|
52
|
+
var _a;
|
|
53
53
|
if (state !== 'no_animation') {
|
|
54
54
|
setIsAnimation(true);
|
|
55
55
|
(_a = lottieRef.current) === null || _a === void 0 ? void 0 : _a.playSegments([[0, 30]], true);
|
|
56
|
-
|
|
56
|
+
setIsActionText(true);
|
|
57
57
|
setIsBackgroundColor(true);
|
|
58
58
|
}
|
|
59
59
|
if (onTouchEnd) {
|
|
@@ -62,7 +62,7 @@ function LottieReactionButton(_a) {
|
|
|
62
62
|
e.preventDefault();
|
|
63
63
|
};
|
|
64
64
|
var handleLottieIconComplete = function (e) {
|
|
65
|
-
|
|
65
|
+
setIsActionText(false);
|
|
66
66
|
setIsBackgroundColor(false);
|
|
67
67
|
if (onComplete) {
|
|
68
68
|
onComplete(e);
|
|
@@ -72,7 +72,7 @@ function LottieReactionButton(_a) {
|
|
|
72
72
|
react_1.default.createElement(hybrid_1.LottieIcon, { iconName: iconName, lottieRef: lottieRef, autoplayMode: "none", loopMode: "none", onComplete: handleLottieIconComplete }),
|
|
73
73
|
displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
74
74
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
|
|
75
|
-
react_1.default.createElement(TextLabel_1.TextLabel, { text:
|
|
75
|
+
react_1.default.createElement(TextLabel_1.TextLabel, { text: isActionText && actionText ? actionText : convertFormatText, singleLineMode: "use", colorTheme: "sysTextWhite", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" })))));
|
|
76
76
|
}
|
|
77
77
|
var disabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n cursor: default;\n"], ["\n background-color: ", ";\n cursor: default;\n"])), function (_a) {
|
|
78
78
|
var theme = _a.theme;
|
|
@@ -91,7 +91,7 @@ var icon_text = (0, styled_components_1.css)(templateObject_6 || (templateObject
|
|
|
91
91
|
});
|
|
92
92
|
var greyBackgroundColor = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n transition: background-color 0.8s;\n"], ["\n background-color: ", ";\n transition: background-color 0.8s;\n"])), function (_a) {
|
|
93
93
|
var theme = _a.theme;
|
|
94
|
-
return theme.
|
|
94
|
+
return theme.ui_cpnt_lottiereactionbutton_base_default;
|
|
95
95
|
});
|
|
96
96
|
var base1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
|
|
97
97
|
var theme = _a.theme;
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.6.
|
|
2
|
+
## [v1.6.11]
|
|
3
3
|
### Component
|
|
4
|
-
*
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*
|
|
9
|
-
* 디자인 스펙 수정(회색 배경이 기본이 되도록)
|
|
10
|
-
* state prop에 no_animation value 추가
|
|
11
|
-
* onMouseDown와 onClick prop 삭제
|
|
12
|
-
* disabled과 view_only일때도 액션이 되던 부분을 수정
|
|
4
|
+
* LottieReactionButton
|
|
5
|
+
* 내부에서 text와 actionText 관리 방법 변경
|
|
6
|
+
* 기본 배경 색상의 컬러키 변경
|
|
7
|
+
### Color
|
|
8
|
+
* 컬러 키 값 22.12.02 15시 00분 기준 싱크
|