pds-dev-kit-web 1.6.8 → 1.6.9

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 (15) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +11 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +11 -1
  3. package/dist/src/common/styles/colorSet/SemanticColor.json +8 -1
  4. package/dist/src/common/styles/colorSet/UIColor.json +19 -1
  5. package/dist/src/common/styles/colorSet/index.d.ts +258 -213
  6. package/dist/src/common/styles/colorSet/index.js +3 -3
  7. package/dist/src/common/styles/colorSet/ui-type.d.ts +18 -0
  8. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -1
  9. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +2 -0
  10. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +2 -2
  11. package/dist/src/desktop/components/TextLabel/TextLabel.js +24 -19
  12. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +2 -2
  13. package/dist/src/mobile/components/TextLabel/TextLabel.js +19 -14
  14. package/package.json +1 -1
  15. package/release-note.md +7 -2
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -209,5 +209,15 @@
209
209
  "sys_cpnt_sheet_base_03": "black/opacity80",
210
210
  "sys_dimmed_gradient_01": "black",
211
211
  "sys_dimmed_gradient_02": "black/opacity00",
212
- "sys_border_line_13": "darkgreen700"
212
+ "sys_border_line_13": "darkgreen700",
213
+ "sys_component_base_12": "darkorange50/opacity90",
214
+ "sys_border_line_14": "darkorange500",
215
+ "sys_component_base_13": "darkgreen50/opacity90",
216
+ "sys_component_base_14": "darkgrey50/opacity90",
217
+ "sys_component_base_15": "darkorange50/opacity50",
218
+ "sys_component_base_16": "darkgreen50/opacity50",
219
+ "sys_component_base_17": "darkgrey50/opacity50",
220
+ "sys_widget_red_01": "darkred500",
221
+ "sys_widget_orange_01": "darkorange500",
222
+ "sys_text_warning_01": "darkorange500"
213
223
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -209,5 +209,15 @@
209
209
  "sys_cpnt_sheet_base_03": "white",
210
210
  "sys_dimmed_gradient_01": "black",
211
211
  "sys_dimmed_gradient_02": "black/opacity00",
212
- "sys_border_line_13": "green700"
212
+ "sys_border_line_13": "green700",
213
+ "sys_component_base_12": "orange50/opacity90",
214
+ "sys_border_line_14": "orange500",
215
+ "sys_component_base_13": "green50/opacity90",
216
+ "sys_component_base_14": "grey50/opacity90",
217
+ "sys_component_base_15": "orange50/opacity50",
218
+ "sys_component_base_16": "green50/opacity50",
219
+ "sys_component_base_17": "grey50/opacity50",
220
+ "sys_widget_red_01": "red500",
221
+ "sys_widget_orange_01": "orange500",
222
+ "sys_text_warning_01": "orange500"
213
223
  }
package/dist/src/common/styles/colorSet/SemanticColor.json CHANGED
@@ -68,5 +68,12 @@
68
68
  "darkpastelgreen500": "#56CE65",
69
69
  "darkpastelpurple500": "#aa61e2",
70
70
  "green30": "#E5F9F3",
71
- "darkgreen30": "#132520"
71
+ "darkgreen30": "#132520",
72
+ "orange50": "#FBE0C5",
73
+ "darkorange50": "#472E15",
74
+ "orange30": "#FAEDE0",
75
+ "darkorange30": "#2C2015",
76
+ "green50": "#CCF5E9",
77
+ "darkgreen50": "#134034",
78
+ "opacity90": "E6"
72
79
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -611,5 +611,23 @@
611
611
  "ui_cpnt_calendar_label_border_schedules": "sys_border_line_13",
612
612
  "ui_cpnt_calendar_label_border_expired_schedules": "sys_border_line_02",
613
613
  "ui_cpnt_calendar_real_time_line": "sys_border_line_04",
614
- "ui_cpnt_calendar_date_selected": "sys_component_base_blue"
614
+ "ui_cpnt_calendar_date_selected": "sys_component_base_blue",
615
+ "ui_pagination_base_area": "white/opacity00",
616
+ "ui_cpnt_calendar_label_base_standby_selected": "sys_component_base_12",
617
+ "ui_cpnt_calendar_label_border_standby": "sys_border_line_14",
618
+ "ui_cpnt_calendar_text_status_standby": "sys_widget_orange_01",
619
+ "ui_cpnt_calendar_label_base_booked_selected": "sys_component_base_13",
620
+ "ui_cpnt_calendar_label_border_booked": "sys_border_line_13",
621
+ "ui_cpnt_calendar_text_status_booked": "sys_widget_success_01",
622
+ "ui_cpnt_calendar_label_base_expired_selected": "sys_component_base_14",
623
+ "ui_cpnt_calendar_label_border_expired": "sys_border_line_02",
624
+ "ui_cpnt_calendar_text_status_expired": "sys_widget_grey_02",
625
+ "ui_cpnt_calendar_label_base_standby_default": "sys_component_base_15",
626
+ "ui_cpnt_calendar_label_base_booked_default": "sys_component_base_16",
627
+ "ui_cpnt_calendar_label_base_expired_default": "sys_component_base_17",
628
+ "ui_cpnt_calendar_badge_standby": "sys_widget_orange_01",
629
+ "ui_cpnt_calendar_badge_booked": "sys_widget_success_01",
630
+ "ui_cpnt_calendar_badge_expired": "sys_widget_grey_03",
631
+ "ui_cpnt_calendar_text_today": "sys_widget_red_01",
632
+ "ui_cpnt_textlabel_sys_warning": "sys_text_warning_01"
615
633
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -70,6 +70,13 @@ declare const colorSet: {
70
70
  darkpastelpurple500: string;
71
71
  green30: string;
72
72
  darkgreen30: string;
73
+ orange50: string;
74
+ darkorange50: string;
75
+ orange30: string;
76
+ darkorange30: string;
77
+ green50: string;
78
+ darkgreen50: string;
79
+ opacity90: string;
73
80
  };
74
81
  readonly PaletteColor_light: {
75
82
  sys_container_background_01: string;
@@ -283,219 +290,16 @@ declare const colorSet: {
283
290
  sys_dimmed_gradient_01: string;
284
291
  sys_dimmed_gradient_02: string;
285
292
  sys_border_line_13: string;
286
- };
287
- readonly PaletteColor_Dark: {
288
- sys_container_background_01: string;
289
- sys_container_background_02: string;
290
- sys_container_background_03: string;
291
- sys_background_dimmed: string;
292
- sys_text_grey_01: string;
293
- sys_text_grey_02: string;
294
- sys_text_grey_03: string;
295
- sys_text_white: string;
296
- sys_text_brand_primary: string;
297
- sys_text_error_01: string;
298
- sys_widget_grey_01: string;
299
- sys_widget_grey_02: string;
300
- sys_widget_grey_03: string;
301
- sys_widget_primary_01: string;
302
- sys_widget_error_01: string;
303
- sys_widget_warning_01: string;
304
- sys_widget_success_01: string;
305
- sys_widget_white: string;
306
- sys_border_area_01: string;
307
- sys_border_line_01: string;
308
- sys_border_line_02: string;
309
- sys_border_line_03: string;
310
- sys_border_line_04: string;
311
- sys_border_line_05: string;
312
- sys_component_base_01: string;
313
- sys_component_base_02: string;
314
- sys_component_base_03: string;
315
- sys_component_base_red: string;
316
- sys_component_base_white: string;
317
- sys_component_base_white_opacity00: string;
318
- sys_on_base_white_opacity00: string;
319
- sys_on_base_white_opacity30: string;
320
- sys_on_base_black_opacity20: string;
321
- usr_brand_primary: string;
322
- usr_brand_secondary: string;
323
- usr_brand_secondary_variant: string;
324
- usr_background: string;
325
- usr_surface: string;
326
- usr_border: string;
327
- usr_on_brand_primary: string;
328
- usr_on_brand_secondary: string;
329
- usr_on_background: string;
330
- usr_on_surface: string;
331
- sys_widget_status_active_01: string;
332
- sys_text_success_01: string;
333
- sys_widget_grey_04: string;
334
- sys_text_active: string;
335
- sys_component_base_blue: string;
336
- sys_on_base_black_opacity65: string;
337
- sys_component_base_04: string;
338
- sys_component_base_black: string;
339
- sys_component_base_black_opacity00: string;
340
- usr_text_brand_secondary_variant: string;
341
- usr_text_brand_primary: string;
342
- usr_text_brand_on_primary: string;
343
- sys_text_brand_secondary_variant: string;
344
- sys_component_base_navy: string;
345
- sys_widget_lightgreen: string;
346
- sys_border_line_06: string;
347
- sys_background_dimmed_20: string;
348
- sys_widget_pink: string;
349
- sys_widget_primary_opacity20: string;
350
- sys_widget_secondary_variant_01: string;
351
- usr_component_base_brand_primary_opacity10: string;
352
- sys_temp_grey_01: string;
353
- sys_temp_grey_02: string;
354
- sys_temp_grey_03: string;
355
- sys_temp_grey_04: string;
356
- sys_temp_grey_05: string;
357
- sys_temp_white: string;
358
- sys_temp_primary_01: string;
359
- sys_temp_secondary_01: string;
360
- sys_temp_red: string;
361
- sys_temp_white_opacity_00: string;
362
- sys_temp_dimmed: string;
363
- sys_temp_black: string;
364
- sys_temp_primary_02: string;
365
- sys_temp_primary_03: string;
366
- sys_temp_secondary_02: string;
367
- sys_temp_lightgreen_01: string;
368
- sys_text_grey_04: string;
369
- sys_papp_post_social_background: string;
370
- sys_papp_post_notice_background: string;
371
- sys_papp_post_free_background: string;
372
- sys_papp_vod_background: string;
373
- sys_papp_vodplus_background: string;
374
- sys_papp_live_background: string;
375
- sys_selcontrols_base_off_disabled: string;
376
- sys_selcontrols_base_on_disabled: string;
377
- sys_component_base_blue_opacity10: string;
378
- sys_component_base_05: string;
379
- sys_background_dimmed_65: string;
380
- sys_temp_grey_06: string;
381
- sys_on_base_white_opacity10: string;
382
- sys_on_base_black_opacity10: string;
383
- sys_component_base_05_opacity00: string;
384
- sys_papp_post_notice_link: string;
385
- sys_component_base_navy_light: string;
386
- sys_component_base_orange: string;
387
- sys_component_base_grey: string;
388
- sys_component_base_black_opacity80: string;
389
- sys_text_darkgrey_02: string;
390
- sys_border_line_darktheme_01: string;
391
- sys_border_line_darktheme_02: string;
392
- sys_component_base_darktheme_01: string;
393
- sys_component_base_darktheme_02: string;
394
- sys_component_base_darktheme_03: string;
395
- sys_text_grey_darktheme_01: string;
396
- sys_text_grey_darktheme_02: string;
397
- sys_text_grey_darktheme_03: string;
398
- sys_widget_grey_darktheme_01: string;
399
- sys_widget_grey_darktheme_02: string;
400
- sys_widget_grey_darktheme_03: string;
401
- sys_component_base_green: string;
402
- sys_text_error_darktheme_01: string;
403
- sys_border_line_darktheme_03: string;
404
- sys_border_line_darktheme_04: string;
405
- usr_widget_brand_primary_darktheme_01: string;
406
- usr_text_brand_primary_darktheme_01: string;
407
- sys_component_base_black_opacity50: string;
408
- sys_component_base_card: string;
409
- sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
410
- sys_widget_green_01: string;
411
- sys_component_base_black_opacity30: string;
412
- sys_area_background: string;
413
- sys_border_white_opacity30: string;
414
- sys_container_background_wt: string;
415
- sys_channeldesc_grey_03: string;
416
- sys_channeldesc_border_grey_03: string;
417
- sys_gradient_base_01: string;
418
- sys_gradient_base_01_opacity00: string;
419
- sys_channeldesc_background: string;
420
- sys_channeldesc_bottomsheet_base: string;
421
- sys_channeldesc_bottomsheet_border: string;
422
- sys_channeldesc_contents_base: string;
423
- sys_channeldesc_dimmed: string;
424
- sys_gradient_base_01_opacity50: string;
425
- sys_gradient_base_01_opacity75: string;
426
- sys_gradient_base_01_opacity40: string;
427
- sys_widget_black: string;
428
- usr_temp_primary_01: string;
429
- sys_cpnt_sheet_base_02_opacity50: string;
430
- usr_menu_primarymenu_main: string;
431
- usr_menu_primarymenu_sub: string;
432
- usr_menu_secondarymenu_main: string;
433
- usr_menu_secondarymenu_sub: string;
434
- usr_menu_hover: string;
435
- usr_menu_active: string;
436
- usr_menu_background: string;
437
- sys_cpnt_base_white_opacity50: string;
438
- sys_widget_dark_01: string;
439
- usr_menu_background_gradient_opacity00: string;
440
- sys_border_line_white: string;
441
- sys_component_base_white_opacity10: string;
442
- sys_cpnt_sheet_base_01: string;
443
- sys_component_base_white_opacity20: string;
444
- sys_border_line_07: string;
445
- sys_border_line_white_opacity50: string;
446
- sys_background_dimmed_02: string;
447
- sys_border_line_08: string;
448
- sys_component_base_06: string;
449
- sys_component_base_07: string;
450
- sys_border_line_09: string;
451
- sys_component_base_darktheme_04: string;
452
- sys_border_line_10: string;
453
- sys_component_base_darktheme_05: string;
454
- sys_border_line_darktheme_05: string;
455
- sys_component_base_darktheme_06: string;
456
- sys_border_line_darktheme_06: string;
457
- sys_border_line_darktheme_07: string;
458
- sys_border_line_11: string;
459
- sys_base_dimmed_01: string;
460
- sys_kakao: string;
461
- sys_border_line_12: string;
462
- sys_component_base_08: string;
463
- sys_text_social_login_01: string;
464
- sys_text_social_login_02: string;
465
- sys_papp_livechat_link: string;
466
- sys_text_lighttone_grey_01: string;
467
- sys_widget_lighttone_primary_01: string;
468
- sys_text_lighttone_grey_02: string;
469
- sys_component_base_09: string;
470
- sys_component_base_darktheme_opacity20: string;
471
- sys_component_base_darktheme_disabled_opacity20: string;
472
- sys_border_white_opacity00: string;
473
- sys_border_line_darktheme_07_opacity00: string;
474
- sys_border_line_darktheme_02_opacity20: string;
475
- sys_border_line_darktheme_03_opacity20: string;
476
- sys_border_line_darktheme_07_opacity20: string;
477
- sys_component_base_grey_02_opacity80: string;
478
- sys_component_base_10: string;
479
- sys_component_pastel_base_01: string;
480
- sys_component_pastel_base_02: string;
481
- sys_component_pastel_base_03: string;
482
- sys_component_pastel_base_04: string;
483
- sys_component_pastel_base_05: string;
484
- sys_component_base_11: string;
485
- sys_loading_skeleton_01: string;
486
- sys_loading_skeleton_02: string;
487
- sys_loading_linear_bar: string;
488
- sys_loading_linear_base: string;
489
- sys_loading_three_bar: string;
490
- sys_widget_grey_05: string;
491
- sys_menu_background_transparent: string;
492
- sys_container_background_04: string;
493
- sys_menu_button_base: string;
494
- sys_background_dimmed_03: string;
495
- sys_cpnt_sheet_base_03: string;
496
- sys_dimmed_gradient_01: string;
497
- sys_dimmed_gradient_02: string;
498
- 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;
499
303
  };
500
304
  readonly UIColor: {
501
305
  ui_cpnt_button_fill_base_primary: string;
@@ -1111,6 +915,247 @@ declare const colorSet: {
1111
915
  ui_cpnt_calendar_label_border_expired_schedules: string;
1112
916
  ui_cpnt_calendar_real_time_line: string;
1113
917
  ui_cpnt_calendar_date_selected: string;
918
+ ui_pagination_base_area: string;
919
+ ui_cpnt_calendar_label_base_standby_selected: string;
920
+ ui_cpnt_calendar_label_border_standby: string;
921
+ ui_cpnt_calendar_text_status_standby: string;
922
+ ui_cpnt_calendar_label_base_booked_selected: string;
923
+ ui_cpnt_calendar_label_border_booked: string;
924
+ ui_cpnt_calendar_text_status_booked: string;
925
+ ui_cpnt_calendar_label_base_expired_selected: string;
926
+ ui_cpnt_calendar_label_border_expired: string;
927
+ ui_cpnt_calendar_text_status_expired: string;
928
+ ui_cpnt_calendar_label_base_standby_default: string;
929
+ ui_cpnt_calendar_label_base_booked_default: string;
930
+ ui_cpnt_calendar_label_base_expired_default: string;
931
+ ui_cpnt_calendar_badge_standby: string;
932
+ ui_cpnt_calendar_badge_booked: string;
933
+ ui_cpnt_calendar_badge_expired: string;
934
+ ui_cpnt_calendar_text_today: string;
935
+ 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;
1114
1159
  };
1115
1160
  };
1116
1161
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
8
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
10
9
  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
13
  PaletteColor_light: PaletteColor_light_json_1.default,
14
- PaletteColor_Dark: PaletteColor_Dark_json_1.default,
15
- UIColor: UIColor_json_1.default
14
+ UIColor: UIColor_json_1.default,
15
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -612,4 +612,22 @@ export interface UITheme {
612
612
  ui_cpnt_calendar_label_border_expired_schedules: string;
613
613
  ui_cpnt_calendar_real_time_line: string;
614
614
  ui_cpnt_calendar_date_selected: string;
615
+ ui_pagination_base_area: string;
616
+ ui_cpnt_calendar_label_base_standby_selected: string;
617
+ ui_cpnt_calendar_label_border_standby: string;
618
+ ui_cpnt_calendar_text_status_standby: string;
619
+ ui_cpnt_calendar_label_base_booked_selected: string;
620
+ ui_cpnt_calendar_label_border_booked: string;
621
+ ui_cpnt_calendar_text_status_booked: string;
622
+ ui_cpnt_calendar_label_base_expired_selected: string;
623
+ ui_cpnt_calendar_label_border_expired: string;
624
+ ui_cpnt_calendar_text_status_expired: string;
625
+ ui_cpnt_calendar_label_base_standby_default: string;
626
+ ui_cpnt_calendar_label_base_booked_default: string;
627
+ ui_cpnt_calendar_label_base_expired_default: string;
628
+ ui_cpnt_calendar_badge_standby: string;
629
+ ui_cpnt_calendar_badge_booked: string;
630
+ ui_cpnt_calendar_badge_expired: string;
631
+ ui_cpnt_calendar_text_today: string;
632
+ ui_cpnt_textlabel_sys_warning: string;
615
633
  }
package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts CHANGED
@@ -2,7 +2,7 @@ import { TFunctionResult } from 'i18next';
2
2
  import React from 'react';
3
3
  import { PDSTextType } from '../../../common';
4
4
  declare type ColumnWidthType = 'small' | 'medium' | 'large';
5
- declare type ColumnTextType = 'normal' | 'active' | 'active2' | 'inactive' | 'report';
5
+ declare type ColumnTextType = 'normal' | 'active' | 'active2' | 'inactive' | 'report' | 'report2';
6
6
  export declare type AdminListItemProps = {
7
7
  rowSize?: 'high' | 'medium' | 'low';
8
8
  selectionMode?: 'none' | 'single' | 'multi';
package/dist/src/desktop/components/AdminListItem/AdminListItem.js CHANGED
@@ -118,6 +118,8 @@ var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
118
118
  return 'sysTextTertiary';
119
119
  case 'report':
120
120
  return 'sysTextError';
121
+ case 'report2':
122
+ return 'sysTextWarning';
121
123
  default:
122
124
  return 'sysTextSecondary';
123
125
  }
package/dist/src/desktop/components/TextLabel/TextLabel.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare type TextLabelProps = {
7
7
  textAlign?: 'left' | 'center' | 'right';
8
8
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
9
9
  colorOverride?: UiColors;
10
- colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
10
+ colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
11
11
  singleLineMode?: 'none' | 'use';
12
12
  ellipsisMode?: 'none' | 'use';
13
13
  lineLimit?: number;
@@ -24,7 +24,7 @@ export declare type TextStyleProps = {
24
24
  tooltipPosition?: 'left_top' | 'left_bottom' | 'right_top' | 'right_bottom';
25
25
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
26
26
  colorOverride?: UiColors;
27
- colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
27
+ colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
28
28
  singleLineMode?: 'none' | 'use';
29
29
  ellipsisMode?: 'none' | 'use';
30
30
  lineLimit?: number;
package/dist/src/desktop/components/TextLabel/TextLabel.js CHANGED
@@ -232,48 +232,52 @@ var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateOb
232
232
  var theme = _a.theme;
233
233
  return theme.ui_cpnt_textlabel_sys_error;
234
234
  });
235
- var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
235
+ var sysTextWarning = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
236
+ var theme = _a.theme;
237
+ return theme.ui_cpnt_textlabel_sys_warning;
238
+ });
239
+ var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
236
240
  var theme = _a.theme;
237
241
  return theme.ui_cpnt_textlabel_sys_brandprimary;
238
242
  });
239
- var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
243
+ var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
240
244
  var theme = _a.theme;
241
245
  return theme.ui_cpnt_textlabel_sys_brandseconvariant;
242
246
  });
243
- var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
247
+ var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
244
248
  var theme = _a.theme;
245
249
  return theme.ui_cpnt_textlabel_usr_brandprimary;
246
250
  });
247
- var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
251
+ var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
248
252
  var theme = _a.theme;
249
253
  return theme.ui_cpnt_textlabel_usr_brandseconvariant;
250
254
  });
251
- var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
255
+ var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
252
256
  var theme = _a.theme;
253
257
  return theme.ui_cpnt_textlabel_usr_brandonprimary;
254
258
  });
255
- var customFontStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
259
+ var customFontStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
256
260
  var customFontSize = _a.customFontSize;
257
261
  return customFontSize;
258
262
  }, function (_a) {
259
263
  var theme = _a.theme, customFontWeight = _a.customFontWeight;
260
264
  return customFontWeight === 'bold' ? theme.fontWeight.bold : theme.fontWeight.normal;
261
265
  });
262
- var colorOverrideStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
266
+ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
263
267
  var colorOverride = _a.colorOverride, theme = _a.theme;
264
268
  return colorOverride && theme[colorOverride];
265
269
  });
266
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
270
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
267
271
  var lineLimit = _a.lineLimit;
268
272
  return lineLimit;
269
273
  });
270
- 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"])));
271
- var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
272
- var tooltipLeftTop = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"])));
273
- var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
274
- var tooltipRightTop = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
275
- var tooltipRightBottom = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
276
- var S_TextLabel = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\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: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
274
+ var userSelectModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __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"])));
275
+ var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
276
+ var tooltipLeftTop = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"])));
277
+ var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
278
+ var tooltipRightTop = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
279
+ var tooltipRightBottom = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
280
+ var S_TextLabel = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\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: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
277
281
  var textAlign = _a.textAlign;
278
282
  return textAlign;
279
283
  }, function (_a) {
@@ -316,6 +320,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_37 || (template
316
320
  sysTextTertiary: sysTextTertiary,
317
321
  sysTextWhite: sysTextWhite,
318
322
  sysTextError: sysTextError,
323
+ sysTextWarning: sysTextWarning,
319
324
  sysTextBrandPrimary: sysTextBrandPrimary,
320
325
  sysTextBrandSeconVariant: sysTextBrandSeconVariant,
321
326
  usrTextBrandPrimary: usrTextBrandPrimary,
@@ -350,7 +355,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_37 || (template
350
355
  var bulletPointMode = _a.bulletPointMode;
351
356
  return bulletPointMode === 'use' && bulletPointModeStyle;
352
357
  });
353
- var S_AfterTextBox = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
358
+ var S_AfterTextBox = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
354
359
  var theme = _a.theme;
355
360
  return theme.spacing.spacingA;
356
361
  }, function (_a) {
@@ -366,8 +371,8 @@ var S_AfterTextBox = styled_components_1.default.div(templateObject_38 || (templ
366
371
  return 'vertical-align: middle';
367
372
  }
368
373
  });
369
- var S_IconWrapper = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
370
- var S_TooltipWrapper = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
374
+ var S_IconWrapper = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
375
+ var S_TooltipWrapper = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
371
376
  var theme = _a.theme;
372
377
  return theme.ui_cpnt_contextmenu_base;
373
378
  }, function (_a) {
@@ -405,4 +410,4 @@ var S_TooltipWrapper = styled_components_1.default.div(templateObject_40 || (tem
405
410
  }[tooltipPosition];
406
411
  });
407
412
  exports.default = TextLabel;
408
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40;
413
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41;
package/dist/src/mobile/components/TextLabel/TextLabel.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare type TextLabelProps = {
5
5
  textAlign?: 'left' | 'center' | 'right';
6
6
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
7
7
  colorOverride?: UiColors;
8
- colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
8
+ colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
9
9
  singleLineMode?: 'none' | 'use';
10
10
  ellipsisMode?: 'none' | 'use';
11
11
  lineLimit?: number;
@@ -21,7 +21,7 @@ export declare type TextStyleProps = {
21
21
  textAlign?: 'left' | 'center' | 'right';
22
22
  styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
23
23
  colorOverride?: UiColors;
24
- colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
24
+ colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
25
25
  singleLineMode?: 'none' | 'use';
26
26
  ellipsisMode?: 'none' | 'use';
27
27
  lineLimit?: number;
package/dist/src/mobile/components/TextLabel/TextLabel.js CHANGED
@@ -227,44 +227,48 @@ var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateOb
227
227
  var theme = _a.theme;
228
228
  return theme.ui_cpnt_textlabel_sys_error;
229
229
  });
230
- var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
230
+ var sysTextWarning = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
231
+ var theme = _a.theme;
232
+ return theme.ui_cpnt_textlabel_sys_warning;
233
+ });
234
+ var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
231
235
  var theme = _a.theme;
232
236
  return theme.ui_cpnt_textlabel_sys_brandprimary;
233
237
  });
234
- var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
238
+ var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
235
239
  var theme = _a.theme;
236
240
  return theme.ui_cpnt_textlabel_sys_brandseconvariant;
237
241
  });
238
- var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
242
+ var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
239
243
  var theme = _a.theme;
240
244
  return theme.ui_cpnt_textlabel_usr_brandprimary;
241
245
  });
242
- var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
246
+ var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
243
247
  var theme = _a.theme;
244
248
  return theme.ui_cpnt_textlabel_usr_brandseconvariant;
245
249
  });
246
- var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
250
+ var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
247
251
  var theme = _a.theme;
248
252
  return theme.ui_cpnt_textlabel_usr_brandonprimary;
249
253
  });
250
- var customFontStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
254
+ var customFontStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
251
255
  var customFontSize = _a.customFontSize;
252
256
  return customFontSize;
253
257
  }, function (_a) {
254
258
  var theme = _a.theme, customFontWeight = _a.customFontWeight;
255
259
  return customFontWeight === 'bold' ? theme.fontWeight.bold : theme.fontWeight.normal;
256
260
  });
257
- var colorOverrideStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
261
+ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
258
262
  var colorOverride = _a.colorOverride, theme = _a.theme;
259
263
  return colorOverride && theme[colorOverride];
260
264
  });
261
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
265
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
262
266
  var lineLimit = _a.lineLimit;
263
267
  return lineLimit;
264
268
  });
265
- 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"])));
266
- var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
267
- var S_TextLabel = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\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: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
269
+ var userSelectModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __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"])));
270
+ var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
271
+ var S_TextLabel = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\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: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
268
272
  var textAlign = _a.textAlign;
269
273
  return textAlign;
270
274
  }, function (_a) {
@@ -307,6 +311,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_33 || (template
307
311
  sysTextTertiary: sysTextTertiary,
308
312
  sysTextWhite: sysTextWhite,
309
313
  sysTextError: sysTextError,
314
+ sysTextWarning: sysTextWarning,
310
315
  sysTextBrandPrimary: sysTextBrandPrimary,
311
316
  sysTextBrandSeconVariant: sysTextBrandSeconVariant,
312
317
  usrTextBrandPrimary: usrTextBrandPrimary,
@@ -341,7 +346,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_33 || (template
341
346
  var bulletPointMode = _a.bulletPointMode;
342
347
  return bulletPointMode === 'use' && bulletPointModeStyle;
343
348
  });
344
- var S_AfterTextBox = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
349
+ var S_AfterTextBox = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
345
350
  var theme = _a.theme;
346
351
  return theme.spacing.spacingA;
347
352
  }, function (_a) {
@@ -357,6 +362,6 @@ var S_AfterTextBox = styled_components_1.default.div(templateObject_34 || (templ
357
362
  return 'vertical-align: middle';
358
363
  }
359
364
  });
360
- var S_IconWrapper = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
365
+ var S_IconWrapper = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
361
366
  exports.default = TextLabel;
362
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
367
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.6.8",
3
+ "version": "1.6.9",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,4 +1,9 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.6.8]
2
+ ## [v1.6.9]
3
+ ### Component
4
+ * TextLabel
5
+ * colorTheme prop에 sysTextWarning value 추가
6
+ * AdminListItem
7
+ * 텍스트별 styleTheme prop에 report2 value 추가
3
8
  ### Color
4
- * 컬러 키 값 22.11.28 14시 59분 기준 싱크
9
+ * 컬러 키 값 22.11.29 19시 58분 기준 싱크