pds-dev-kit-web 0.3.5 → 0.3.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 (34) hide show
  1. package/README.md +3 -2
  2. package/dist/index.d.ts +3 -2
  3. package/dist/index.js +4 -1
  4. package/dist/src/common/components/Spacing/Spacing.d.ts +6 -0
  5. package/dist/src/common/components/Spacing/Spacing.js +154 -0
  6. package/dist/src/common/components/Spacing/index.d.ts +1 -0
  7. package/dist/src/common/components/Spacing/index.js +8 -0
  8. package/dist/src/common/components/index.d.ts +2 -0
  9. package/dist/src/common/components/index.js +5 -0
  10. package/dist/src/common/index.d.ts +4 -2
  11. package/dist/src/common/index.js +6 -1
  12. package/dist/src/common/services/i18n/resources/en.json +81 -12
  13. package/dist/src/common/services/i18n/resources/es.json +81 -12
  14. package/dist/src/common/services/i18n/resources/index.d.ts +284 -8
  15. package/dist/src/common/services/i18n/resources/jp.json +81 -12
  16. package/dist/src/common/services/i18n/resources/ko.json +81 -12
  17. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +25 -5
  18. package/dist/src/common/styles/colorSet/PaletteColor_light.json +24 -4
  19. package/dist/src/common/styles/colorSet/SemanticColor.json +7 -1
  20. package/dist/src/common/styles/colorSet/UIColor.json +29 -2
  21. package/dist/src/common/styles/colorSet/index.d.ts +122 -49
  22. package/dist/src/common/styles/colorSet/index.js +2 -2
  23. package/dist/src/common/styles/colorSet/ui-type.d.ts +27 -0
  24. package/dist/src/common/styles/theme.d.ts +24 -0
  25. package/dist/src/common/styles/theme.js +26 -2
  26. package/dist/src/common/styles/ui-colors.js +1 -1
  27. package/dist/src/common/types/styled-components.d.ts +24 -0
  28. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +5 -3
  29. package/dist/src/desktop/components/TextLabel/TextLabel.js +13 -5
  30. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFK.js +2 -2
  31. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js +1 -1
  32. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +5 -1
  33. package/dist/src/mobile/components/TextLabel/TextLabel.js +13 -5
  34. package/package.json +1 -1
@@ -859,7 +859,7 @@
859
859
  "str_description": "설명",
860
860
  "str_apply": "적용",
861
861
  "str_new_playlist": "새 재생목록",
862
- "str_back": "뒤로가기",
862
+ "str_back": "뒤로 가기",
863
863
  "str_360": "메뉴에서 표시될 pApp의 표시 제목",
864
864
  "str_361": "웹사이트나 메뉴 등에서 표시될 pApp의 제목을 설정해주세요.\n예를 들면 '영상 시청', '상담하기' 같이 표시할 수 있습니다.",
865
865
  "str_view_count": "조회수",
@@ -2085,7 +2085,7 @@
2085
2085
  "str_err_1116": "필수 정보를 입력해 주세요.",
2086
2086
  "str_err_1117": "숫자만 입력해 주세요.",
2087
2087
  "str_err_1118": "이미 가입된 이메일입니다. \n새로운 이메일 계정을 입력해주세요.",
2088
- "str_1119": "입력하신 이메일({{email}})로 인증 메일을 발송하였습니다. \n 메일에 포함된 안내사항에 따라 $t(str_password)를 재설정 해주세요. 메일 내 $t(str_reset_pw_label) 링크는 20분간 유효합니다.",
2088
+ "str_1119": "입력하신 이메일({{email}})로 인증 메일을 발송하였습니다. 메일에 포함된 안내사항에 따라 $t(str_password)를 재설정 해주세요. 메일 내 $t(str_reset_pw_label) 링크는 20분간 유효합니다.",
2089
2089
  "str_1120": "$t(str_marketing) 수신 약관",
2090
2090
  "str_err_1121": "채널의 제목은 최소 4자, 최대 20자까지 입력할 수 있습니다.",
2091
2091
  "str_err_1122": "이미 가입되었거나, 가입 대기중인 사업자등록번호입니다.",
@@ -2154,8 +2154,8 @@
2154
2154
  "str_err_1182": "표시 제목은 특수문자를 제외하고 입력해 주세요.",
2155
2155
  "str_1185": "이 pApp을 비활성화 하겠습니까?\npApp을 비활성화하면 구독자가 pApp의 기능을 사용할 수 없습니다.",
2156
2156
  "str_1186": "이 pApp을 활성화 하겠습니까?\npApp을 활성화하면 구독자가 pApp의 기능을 사용할 수 있습니다.",
2157
- "str_err_1187": "제목은 최소 2자, 최대 30자까지 입력할 수 있습니다.",
2158
- "str_err_1188": "본문은 최소 2자, 최대 200자까지 입력할 수 있습니다.",
2157
+ "str_err_1187": "제목은 최소 1자, 최대 30자까지 입력할 수 있습니다.",
2158
+ "str_err_1188": "본문은 최소 1자, 최대 200자까지 입력할 수 있습니다.",
2159
2159
  "str_err_1189": "썸네일 이미지는 최대 10MB까지 업로드 할 수 있습니다.({{errCode}})",
2160
2160
  "str_err_1190": "셀러에 의해 삭제된 에피소드입니다. 다른 에피소드를 선택해 주세요.({{errCode}})",
2161
2161
  "str_1191": "상호명 : (주)키클롭스 | 소재지 : 서울특별시 성동구 뚝섬로 317\n사업자등록번호 : 115-87-00415 | 통신판매업번호 : 2019-서울성동-01388",
@@ -2198,7 +2198,7 @@
2198
2198
  "str_textfield_temp_title": "배너의 제목을 입력해주세요.",
2199
2199
  "str_textfield_temp_body": "배너의 문구를 입력해주세요.",
2200
2200
  "str_1228": "드래그 앤 드롭하여 동영상 업로드",
2201
- "str_1229": "mp4 와 mov 파일만 업로드 가능합니다.",
2201
+ "str_1229": "mp4, movmkv 파일만 업로드 가능합니다.",
2202
2202
  "str_err_1231": "표시 제목은 최대 30자까지 가능합니다.",
2203
2203
  "str_err_1232": "한 줄 소개는 최대 40자까지 가능합니다.",
2204
2204
  "str_err_1233": "선택하신 pApp은 현재 $t(str_deactivate) 상태입니다.\n$t(str_activate)된 pApp을 선택하거나 해당 pApp의 설정 화면에서 $t(str_activate) 상태로 변경해 주세요. $t(str_deactivate) 상태에서는 $t(str_subscriber)가 서비스를 이용할 수 없습니다. ({{errCode}})",
@@ -2224,8 +2224,8 @@
2224
2224
  "str_err_1248": "지원되지 않는 자막파일 형식입니다. VTT, SMI, SRT 형식의 파일을 업로드해 주세요.",
2225
2225
  "str_err_1249": "장르 라벨은 3개 이상 추가할 수 없습니다.",
2226
2226
  "str_err_1250": "썸네일 이미지는 최대 10MB까지 업로드 할 수 있습니다.({{errCode}})",
2227
- "str_err_1251": "제목은 최소 2자, 최대 30자까지 입력할 수 있습니다.",
2228
- "str_err_1252": "내용은 최소 2자, 최대 200자까지 입력할 수 있습니다.",
2227
+ "str_err_1251": "제목은 최소 1자, 최대 30자까지 입력할 수 있습니다.",
2228
+ "str_err_1252": "내용은 최소 1자, 최대 200자까지 입력할 수 있습니다.",
2229
2229
  "str_err_1253": "셀러에 의해 삭제된 재생목록입니다. 다른 작품을 선택해 주세요.({{errCode}})",
2230
2230
  "str_err_gen_400": "유효하지 않은 입력값이 존재합니다. (400)",
2231
2231
  "str_err_gen_401": "인증되지 않은 사용자입니다. (401)",
@@ -2254,7 +2254,7 @@
2254
2254
  "str_1273": "돌아가기",
2255
2255
  "str_papp_event_live_name": "이벤트 라이브",
2256
2256
  "str_papp_event_live_id": "이벤트 라이브",
2257
- "str_err_1276": "이미 가입된 계정입니다.\n이전에 가입하신 계정으로 $t(str_sign_in)하시거나, $t(str_password)가 기억나지 않을 경우 $t(str_password)를 재설정하세요. ({{errCode}})",
2257
+ "str_err_1276": "이미 가입된 계정입니다. 이전에 가입하신 계정으로 $t(str_sign_in)하시거나, $t(str_password)가 기억나지 않을 경우 $t(str_password)를 재설정하세요. ({{errCode}})",
2258
2258
  "str_err_1277": "$t(str_password)는 최소 8자, 최대 30자까지 입력할 수 있습니다.",
2259
2259
  "str_1279": "$t(str_sign_up) 완료",
2260
2260
  "str_err_1280": "로고 이미지는 최대 10MB까지 업로드 할 수 있습니다.({{errCode}})",
@@ -2282,8 +2282,8 @@
2282
2282
  "str_1312": "유효시간 만료",
2283
2283
  "str_1314": "프로필 $t(str_nickname)",
2284
2284
  "str_1315": "대표 $t(str_nickname)을 입력해 주세요.",
2285
- "str_pam_sls_live_broadcast": "실시간 송출 방송",
2286
- "str_pam_sls_file_broadcast": "파일 송출 방송",
2285
+ "str_pam_sls_broadcast_live": "실시간 송출 방송",
2286
+ "str_pam_sls_broadcast_file": "파일 송출 방송",
2287
2287
  "str_pam_sls_broadcast": "방송",
2288
2288
  "str_1316": "기본",
2289
2289
  "str_1317": "자막 추가",
@@ -2334,7 +2334,7 @@
2334
2334
  "str_err_1358": "입력란에 DELETE_PAPP을 입력해 주세요.",
2335
2335
  "str_1359": "아직 생성된 라벨이 없습니다. [생성] 버튼을 눌러서 라벨을 생성해 보세요.",
2336
2336
  "str_1360": "유효하지 않은 링크입니다.",
2337
- "str_1361": "$t(str_reset_pw_label) 링크가 만료되었거나 유효하지 않은 접근입니다.\n$t(str_reset_pw_label)을 하시려면 처음부터 다시 진행해 주세요.",
2337
+ "str_1361": "$t(str_reset_pw_label) 링크가 만료되었거나 유효하지 않은 접근입니다. $t(str_reset_pw_label)을 하시려면 처음부터 다시 진행해 주세요.",
2338
2338
  "str_channel_status": "채널 상태",
2339
2339
  "str_1362": "아직 추가된 $t(str_papp_vodp_series) 요소가 없습니다. [요소 추가] 버튼을 눌러서 $t(str_papp_vodp_series) 요소를 추가해보세요.",
2340
2340
  "str_1363": "아직 추가된 요소가 없습니다. [요소 추가] 버튼을 눌러 작품에 에피소드를 추가하세요.",
@@ -2506,6 +2506,75 @@
2506
2506
  "str_1417": "구독 주문 목록이 존재하지 않습니다.",
2507
2507
  "str_1418": "본인인증 안내",
2508
2508
  "str_err_1420": "자막 파일에 오류가 있습니다.",
2509
- "str_err_1422": "자막 파일 처리 도중 오류가 발생하였습니다.\n해당 파일을 삭제하신 후 다시 업로드해 주세요."
2509
+ "str_err_1422": "자막 파일 처리 도중 오류가 발생하였습니다.\n해당 파일을 삭제하신 후 다시 업로드해 주세요.",
2510
+ "str_1423": "생년월일",
2511
+ "str_1424": "0원",
2512
+ "str_1425": "$t(str_buyer) 닉네임",
2513
+ "str_1426": "$t(str_refund) 가능 금액",
2514
+ "str_1427": "$t(str_refund) 금액",
2515
+ "str_1428": "영상 처리가 시작될 예정입니다.",
2516
+ "str_1429": "영상이 업로드된 이후, 처리 과정이 시작됩니다.\n처리 과정이 끝났면, 완료된 영상을 에피소드 목록에서 확인하실 수 있습니다.\n\n처리가 끝나기 전에 화면을 새고침하시거나 다른 사이트로 이동하면, 업로드가 중단됩니다.\n업로드하신 영상이 에피소드 목록에 뜰 때까지 페이지에 머물러있어 주세요.",
2517
+ "str_1430": "$t(str_refund) 후 남은 금액",
2518
+ "str_1431": "$t(str_refund) 방법",
2519
+ "str_1432": "$t(str_refund) 금액을 입력해 주세요.",
2520
+ "str_papp_scommunity_level": "등급",
2521
+ "str_1433": "전체 $t(str_refund)",
2522
+ "str_1434": "카드사 $t(str_refund)",
2523
+ "str_1435": "직접 $t(str_refund)",
2524
+ "str_1436": "이대로 진행하시겠습니까?",
2525
+ "str_1437": "카드사 $t(str_refund)의 경우, 카드사의 정산 주기 등에 따라 카드사 $t(str_refund)이 진행되지 않을 수 있습니다.",
2526
+ "str_1438": "$t(str_refund) 처리가 완료되었습니다.",
2527
+ "str_1439": "$t(str_unsubscribe)를 하시게 되면 {{expirationDate}}에 다음 결제가 진행되지 않습니다.",
2528
+ "str_1440": "$t(str_unsubscribe)가 완료되었습니다.",
2529
+ "str_err_1441": "셀러에 의해 비공개된 콘텐츠입니다. 다른 콘텐츠를 선택해 주세요.",
2530
+ "str_err_1442": "정보 및 콘텐츠를 표시하기에 적합한 나이가 아닙니다.\n다시 본인 인증을 수행하고 싶으시다면, [본인 인증] 버튼을 눌러주세요.",
2531
+ "str_all_channel_payment_record": "모든 채널 결제 기록 ",
2532
+ "str_err_1443": "닉네임은 공백을 제외하고 입력해 주세요.",
2533
+ "str_1444": "$t(str_subscription) 정보",
2534
+ "str_1445": "$t(str_refund) 처리 내역",
2535
+ "str_1446": "$t(str_subscription) 시작일",
2536
+ "str_1447": "다음 $t(str_payment) 예정일",
2537
+ "str_1448": "$t(str_subscription) 해지일",
2538
+ "str_1449": "직접 $t(str_refund)을 진행하였습니다.",
2539
+ "str_1450": "카드사 $t(str_refund)을 진행하였습니다.",
2540
+ "str_1451": "카드사 $t(str_refund)이 실패하였습니다.",
2541
+ "str_1452": "{{refundHistoryDate}}",
2542
+ "str_1453": "금액 : {{amount}}원",
2543
+ "str_1454": "카드사 $t(str_refund)에 성공하였습니다.",
2544
+ "str_pam_sls_live_event_default": "새로운 라이브 이벤트",
2545
+ "str_pam_sls_live_realtime_user": "동시 접속자",
2546
+ "str_pam_sls_live_chat_hidden_user": "숨김 처리된 사용자",
2547
+ "str_papp_event_live_event": "라이브 이벤트",
2548
+ "str_papp_event_live_default": "$t(str_pam_sls_live_event_default)",
2549
+ "str_papp_event_live_no_scheduled": "$t(str_pam_live_event_no_scheduled)",
2550
+ "str_papp_event_live_broadcast": "라이브",
2551
+ "str_papp_event_live_status_create": "라이브 예약",
2552
+ "str_papp_event_live_status_standby": "라이브 대기",
2553
+ "str_papp_event_live_status_onair": "라이브 중",
2554
+ "str_papp_event_live_status_end": "라이브 종료",
2555
+ "str_papp_event_live_status_canceled": "라이브 취소",
2556
+ "str_papp_event_live_realtime_user": "동시 접속자",
2557
+ "str_papp_event_live_broadcast_live": "라이브 (실시간)",
2558
+ "str_papp_event_live_broadcast_file": "라이브 (VOD)",
2559
+ "str_papp_event_live_broadcast_history": "라이브 기록",
2560
+ "str_papp_event_live_broadcast_recording": "라이브 녹화",
2561
+ "str_papp_event_live_chat_room": "라이브 채팅방",
2562
+ "str_papp_event_live_chat_msg": "채팅 메세지",
2563
+ "str_papp_event_live_chat_banned_user": "차단된 구독자",
2564
+ "str_papp_event_live_chat_hidden_user": "숨김 처리된 구독자",
2565
+ "str_1455": "$t(str_refund) 처리 내역이 존재하지 않습니다.",
2566
+ "str_papp_event_live_chat": "채팅",
2567
+ "str_1456": "내용을 입력하세요.",
2568
+ "str_papp_event_live_chat_room_enter": "입장하기",
2569
+ "str_papp_event_live_event_upcoming": "예정된 이벤트",
2570
+ "str_promotion_page_id": "프로모션 페이지 pApp",
2571
+ "str_promotion_page_name": "프로모션 페이지 pApp",
2572
+ "str_pam_lpc": "LPC pAM",
2573
+ "str_pam_lpc_landing_post": "랜딩 게시글",
2574
+ "str_pam_lpc_comment": "댓글",
2575
+ "str_pam_lpc_label": "라벨",
2576
+ "str_1458": "채널 데스크탑용 로고 이미지",
2577
+ "str_1459": "채널 데스크탑용 로고 이미지는 PC 웹에서 가로형으로 표시, 사용할 수 있는 이미지입니다.\n채널의 브랜드나 이미지를 표현할 수 있는 로고로 사용됩니다.\n최대 1MB, PNG 및 SVG 형식으로 업로드 할 수 있고, 투명한 배경에 120x24 크기를 권장합니다.",
2578
+ "str_1460": "무료로 시작하기"
2510
2579
  }
2511
2580
  }
@@ -32,7 +32,7 @@
32
32
  "sys_on_base_white_opacity00": "whiteopacity00",
33
33
  "sys_on_base_white_opacity30": "whiteopacity30",
34
34
  "sys_on_base_black_opacity20": "blackopacity20",
35
- "usr_brand_primary": "darkgrey500",
35
+ "usr_brand_primary": "darkblue500",
36
36
  "usr_brand_secondary": "darkgreen500",
37
37
  "usr_brand_secondary_variant": "darkgreen700",
38
38
  "usr_background": "grey950",
@@ -43,7 +43,6 @@
43
43
  "usr_on_background": "darkgrey900",
44
44
  "usr_on_surface": "grey900",
45
45
  "sys_widget_status_active_01": "darkgreen500",
46
- "ui_cpnt_list_badge_active": "sys_widget_status_active_01",
47
46
  "sys_text_success_01": "darkgreen700",
48
47
  "sys_widget_grey_04": "darkgrey100",
49
48
  "sys_text_active": "darkgreen700",
@@ -52,8 +51,6 @@
52
51
  "sys_component_base_04": "darkgrey70",
53
52
  "sys_component_base_black": "black",
54
53
  "sys_component_base_black_opacity00": "blackopacity00",
55
- "ui_cpnt_editorsidebar_text_disabled": "sys_text_grey_02",
56
- "ui_cpnt_editorsidebar_icon_disabled": "sys_widget_grey_02",
57
54
  "usr_text_brand_secondary_variant": "darkgreen700",
58
55
  "usr_text_brand_primary": "darkblue500",
59
56
  "usr_text_brand_on_primary": "grey900",
@@ -65,5 +62,28 @@
65
62
  "sys_widget_pink": "darkpink500",
66
63
  "sys_widget_primary_opacity20": "blue500opacity20",
67
64
  "sys_widget_secondary_variant_01": "darkgreen700",
68
- "usr_component_base_brand_primary_opacity10": "blue500opacity10"
65
+ "usr_component_base_brand_primary_opacity10": "blue500opacity10",
66
+ "sys_temp_grey_01": "darkgrey900",
67
+ "sys_temp_grey_02": "darkgrey500",
68
+ "sys_temp_grey_03": "darkgrey400",
69
+ "sys_temp_grey_04": "darkgrey100",
70
+ "sys_temp_grey_05": "darkgrey50",
71
+ "sys_temp_white": "white",
72
+ "sys_temp_primary_01": "darkblue500",
73
+ "sys_temp_secondary_01": "darkgreen700",
74
+ "sys_temp_red": "darkred500",
75
+ "sys_temp_white_opacity_00": "whiteopacity00",
76
+ "sys_temp_dimmed": "blackopacity65",
77
+ "sys_temp_black": "black",
78
+ "sys_temp_primary_02": "darkblue700",
79
+ "sys_temp_primary_03": "darkblue300",
80
+ "sys_temp_secondary_02": "darkgreen500",
81
+ "sys_temp_lightgreen_01": "darklightgreen500",
82
+ "sys_text_grey_04": "darkgrey600",
83
+ "sys_papp_post_social_background": "",
84
+ "sys_papp_post_notice_background": "",
85
+ "sys_papp_post_free_background": "",
86
+ "sys_papp_vod_background": "",
87
+ "sys_papp_vodplus_background": "",
88
+ "sys_papp_live_background": ""
69
89
  }
@@ -43,7 +43,6 @@
43
43
  "usr_on_background": "grey900",
44
44
  "usr_on_surface": "white",
45
45
  "sys_widget_status_active_01": "green500",
46
- "ui_cpnt_list_badge_active": "sys_widget_status_active_01",
47
46
  "sys_text_success_01": "green700",
48
47
  "sys_widget_grey_04": "grey100",
49
48
  "sys_text_active": "green700",
@@ -52,8 +51,6 @@
52
51
  "sys_component_base_04": "grey70",
53
52
  "sys_component_base_black": "black",
54
53
  "sys_component_base_black_opacity00": "blackopacity00",
55
- "ui_cpnt_editorsidebar_text_disabled": "sys_text_grey_02",
56
- "ui_cpnt_editorsidebar_icon_disabled": "sys_widget_grey_02",
57
54
  "usr_text_brand_secondary_variant": "green700",
58
55
  "usr_text_brand_primary": "blue500",
59
56
  "usr_text_brand_on_primary": "white",
@@ -65,5 +62,28 @@
65
62
  "sys_widget_pink": "pink500",
66
63
  "sys_widget_primary_opacity20": "blue500opacity20",
67
64
  "sys_widget_secondary_variant_01": "green700",
68
- "usr_component_base_brand_primary_opacity10": "blue500opacity10"
65
+ "usr_component_base_brand_primary_opacity10": "blue500opacity10",
66
+ "sys_temp_grey_01": "grey900",
67
+ "sys_temp_grey_02": "grey500",
68
+ "sys_temp_grey_03": "grey400",
69
+ "sys_temp_grey_04": "grey100",
70
+ "sys_temp_grey_05": "grey50",
71
+ "sys_temp_white": "white",
72
+ "sys_temp_primary_01": "blue500",
73
+ "sys_temp_secondary_01": "green700",
74
+ "sys_temp_red": "red500",
75
+ "sys_temp_white_opacity_00": "whiteopacity00",
76
+ "sys_temp_dimmed": "blackopacity65",
77
+ "sys_temp_black": "black",
78
+ "sys_temp_primary_02": "blue700",
79
+ "sys_temp_primary_03": "blue300",
80
+ "sys_temp_secondary_02": "green500",
81
+ "sys_temp_lightgreen_01": "lightgreen500",
82
+ "sys_text_grey_04": "grey600",
83
+ "sys_papp_post_social_background": "blue500",
84
+ "sys_papp_post_notice_background": "skyblue500",
85
+ "sys_papp_post_free_background": "skyblue300",
86
+ "sys_papp_vod_background": "lightpink500",
87
+ "sys_papp_vodplus_background": "pink500",
88
+ "sys_papp_live_background": "pink300"
69
89
  }
@@ -37,5 +37,11 @@
37
37
  "darknavy500": "#282A3C",
38
38
  "darkpink500": "#ED3058",
39
39
  "darklightgreen500": "#24C43D",
40
- "opacity10": "1A"
40
+ "opacity10": "1A",
41
+ "grey600": "#404042",
42
+ "darkgrey600": "#DADADF",
43
+ "skyblue500": "#458BEF",
44
+ "skyblue300": "#45B9EF",
45
+ "pink300": "#FD5B7D",
46
+ "lightpink500": "#FF708C"
41
47
  }
@@ -157,6 +157,7 @@
157
157
  "ui_cpnt_videoplayer_unavailable": "sys_widget_grey_03",
158
158
  "ui_cpnt_list_divider": "sys_border_line_01",
159
159
  "ui_cpnt_button_fill_base_transparent": "sys_component_base_white_opacity00",
160
+ "ui_cpnt_list_badge_active": "sys_widget_status_active_01",
160
161
  "ui_cpnt_list_badge_active_primary": "usr_brand_primary",
161
162
  "ui_cpnt_list_badge_disabled": "sys_widget_grey_03",
162
163
  "ui_cpnt_list_badge_cancle": "sys_widget_error_01",
@@ -258,12 +259,14 @@
258
259
  "ui_cpnt_step_text_number": "sys_text_white",
259
260
  "ui_cpnt_imageslide_dot_area_1": "sys_component_base_black",
260
261
  "ui_cpnt_imageslide_dot_area_2": "sys_component_base_black_opacity00",
262
+ "ui_cpnt_editorsidebar_text_disabled": "sys_text_grey_02",
263
+ "ui_cpnt_editorsidebar_icon_disabled": "sys_widget_grey_02",
261
264
  "ui_cpnt_editorsidebar_card_border_disabled": "sys_widget_grey_02",
262
265
  "ui_cpnt_userdesktopnavbar_base_area": "sys_component_base_white_opacity00",
263
266
  "ui_cpnt_button_line_base_default": "sys_component_base_02",
264
267
  "ui_cpnt_userdesktoptabbar_base_area": "sys_component_base_white_opacity00",
265
268
  "ui_cpnt_userdesktoptabbar_divider": "sys_border_line_01",
266
- "ui_cpnt_userdesktoptabbar_border_active_indicator": "sys_border_line_05",
269
+ "ui_cpnt_userdesktoptabbar_border_active_indicator": "usr_brand_primary",
267
270
  "ui_cpnt_userdesktoptabbar_text_active": "sys_text_grey_01",
268
271
  "ui_cpnt_userdesktoptabbar_text_inactive": "sys_text_grey_02",
269
272
  "ui_cpnt_selcontrols_base_off_disabled": "sys_widget_grey_03opacity65",
@@ -329,5 +332,29 @@
329
332
  "ui_cpnt_icon_usr_brandprimary": "usr_brand_primary",
330
333
  "ui_container_divider": "sys_border_line_01",
331
334
  "ui_area_divider": "sys_border_line_01",
332
- "ui_cpnt_list_base_area_seller": "usr_component_base_brand_primary_opacity10"
335
+ "ui_cpnt_list_base_area_seller": "usr_component_base_brand_primary_opacity10",
336
+ "ui_temp_grey_01": "sys_temp_grey_01",
337
+ "ui_temp_grey_02": "sys_temp_grey_02",
338
+ "ui_temp_grey_03": "sys_temp_grey_03",
339
+ "ui_temp_grey_04": "sys_temp_grey_04",
340
+ "ui_temp_grey_05": "sys_temp_grey_05",
341
+ "ui_temp_white": "sys_temp_white",
342
+ "ui_temp_primary_01": "sys_temp_primary_01",
343
+ "ui_temp_secondary_01": "sys_temp_secondary_01",
344
+ "ui_temp_red": "sys_temp_red",
345
+ "ui_temp_white_opacity_00": "sys_temp_white_opacity_00",
346
+ "ui_temp_dimmed": "sys_temp_dimmed",
347
+ "ui_temp_black": "sys_temp_black",
348
+ "ui_temp_primary_02": "sys_temp_primary_02",
349
+ "ui_temp_primary_03": "sys_temp_primary_03",
350
+ "ui_temp_secondary_02": "sys_temp_secondary_02",
351
+ "ui_temp_lightgreen_01": "sys_temp_lightgreen_01",
352
+ "ui_cpnt_userdesktopnavbar_profile_border": "sys_border_line_01",
353
+ "ui_cpnt_textlabel_sys_grey_04": "sys_text_grey_04",
354
+ "ui_papp_post_social_background": "sys_papp_post_social_background",
355
+ "ui_papp_post_notice_background": "sys_papp_post_notice_background",
356
+ "ui_papp_post_free_background": "sys_papp_post_free_background",
357
+ "ui_papp_vod_background": "sys_papp_vod_background",
358
+ "ui_papp_vodplus_background": "sys_papp_vodplus_background",
359
+ "ui_papp_live_background": "sys_papp_live_background"
333
360
  }
@@ -1,5 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_light: {
2
+ readonly PaletteColor_Dark: {
3
3
  sys_container_background_01: string;
4
4
  sys_container_background_02: string;
5
5
  sys_container_background_03: string;
@@ -44,7 +44,6 @@ declare const colorSet: {
44
44
  usr_on_background: string;
45
45
  usr_on_surface: string;
46
46
  sys_widget_status_active_01: string;
47
- ui_cpnt_list_badge_active: string;
48
47
  sys_text_success_01: string;
49
48
  sys_widget_grey_04: string;
50
49
  sys_text_active: string;
@@ -53,8 +52,6 @@ declare const colorSet: {
53
52
  sys_component_base_04: string;
54
53
  sys_component_base_black: string;
55
54
  sys_component_base_black_opacity00: string;
56
- ui_cpnt_editorsidebar_text_disabled: string;
57
- ui_cpnt_editorsidebar_icon_disabled: string;
58
55
  usr_text_brand_secondary_variant: string;
59
56
  usr_text_brand_primary: string;
60
57
  usr_text_brand_on_primary: string;
@@ -67,8 +64,78 @@ declare const colorSet: {
67
64
  sys_widget_primary_opacity20: string;
68
65
  sys_widget_secondary_variant_01: string;
69
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;
70
90
  };
71
- readonly PaletteColor_Dark: {
91
+ readonly SemanticColor: {
92
+ blue500: string;
93
+ blue700: string;
94
+ blue300: string;
95
+ green700: string;
96
+ green500: string;
97
+ green300: string;
98
+ red500: string;
99
+ grey900: string;
100
+ grey500: string;
101
+ grey400: string;
102
+ grey100: string;
103
+ grey50: string;
104
+ white: string;
105
+ black: string;
106
+ darkblue500: string;
107
+ grey950: string;
108
+ darkgrey900: string;
109
+ darkgrey500: string;
110
+ darkgrey400: string;
111
+ darkgrey100: string;
112
+ darkgrey50: string;
113
+ darkred500: string;
114
+ darkgreen700: string;
115
+ orange500: string;
116
+ darkorange500: string;
117
+ opacity00: string;
118
+ opacity20: string;
119
+ opacity30: string;
120
+ opacity65: string;
121
+ darkgreen500: string;
122
+ grey70: string;
123
+ navy500: string;
124
+ lightgreen500: string;
125
+ pink500: string;
126
+ darkgrey70: string;
127
+ darknavy500: string;
128
+ darkpink500: string;
129
+ darklightgreen500: string;
130
+ opacity10: string;
131
+ grey600: string;
132
+ darkgrey600: string;
133
+ skyblue500: string;
134
+ skyblue300: string;
135
+ pink300: string;
136
+ lightpink500: string;
137
+ };
138
+ readonly PaletteColor_light: {
72
139
  sys_container_background_01: string;
73
140
  sys_container_background_02: string;
74
141
  sys_container_background_03: string;
@@ -113,7 +180,6 @@ declare const colorSet: {
113
180
  usr_on_background: string;
114
181
  usr_on_surface: string;
115
182
  sys_widget_status_active_01: string;
116
- ui_cpnt_list_badge_active: string;
117
183
  sys_text_success_01: string;
118
184
  sys_widget_grey_04: string;
119
185
  sys_text_active: string;
@@ -122,8 +188,6 @@ declare const colorSet: {
122
188
  sys_component_base_04: string;
123
189
  sys_component_base_black: string;
124
190
  sys_component_base_black_opacity00: string;
125
- ui_cpnt_editorsidebar_text_disabled: string;
126
- ui_cpnt_editorsidebar_icon_disabled: string;
127
191
  usr_text_brand_secondary_variant: string;
128
192
  usr_text_brand_primary: string;
129
193
  usr_text_brand_on_primary: string;
@@ -136,47 +200,29 @@ declare const colorSet: {
136
200
  sys_widget_primary_opacity20: string;
137
201
  sys_widget_secondary_variant_01: string;
138
202
  usr_component_base_brand_primary_opacity10: string;
139
- };
140
- readonly SemanticColor: {
141
- blue500: string;
142
- blue700: string;
143
- blue300: string;
144
- green700: string;
145
- green500: string;
146
- green300: string;
147
- red500: string;
148
- grey900: string;
149
- grey500: string;
150
- grey400: string;
151
- grey100: string;
152
- grey50: string;
153
- white: string;
154
- black: string;
155
- darkblue500: string;
156
- grey950: string;
157
- darkgrey900: string;
158
- darkgrey500: string;
159
- darkgrey400: string;
160
- darkgrey100: string;
161
- darkgrey50: string;
162
- darkred500: string;
163
- darkgreen700: string;
164
- orange500: string;
165
- darkorange500: string;
166
- opacity00: string;
167
- opacity20: string;
168
- opacity30: string;
169
- opacity65: string;
170
- darkgreen500: string;
171
- grey70: string;
172
- navy500: string;
173
- lightgreen500: string;
174
- pink500: string;
175
- darkgrey70: string;
176
- darknavy500: string;
177
- darkpink500: string;
178
- darklightgreen500: string;
179
- opacity10: string;
203
+ sys_temp_grey_01: string;
204
+ sys_temp_grey_02: string;
205
+ sys_temp_grey_03: string;
206
+ sys_temp_grey_04: string;
207
+ sys_temp_grey_05: string;
208
+ sys_temp_white: string;
209
+ sys_temp_primary_01: string;
210
+ sys_temp_secondary_01: string;
211
+ sys_temp_red: string;
212
+ sys_temp_white_opacity_00: string;
213
+ sys_temp_dimmed: string;
214
+ sys_temp_black: string;
215
+ sys_temp_primary_02: string;
216
+ sys_temp_primary_03: string;
217
+ sys_temp_secondary_02: string;
218
+ sys_temp_lightgreen_01: string;
219
+ sys_text_grey_04: string;
220
+ sys_papp_post_social_background: string;
221
+ sys_papp_post_notice_background: string;
222
+ sys_papp_post_free_background: string;
223
+ sys_papp_vod_background: string;
224
+ sys_papp_vodplus_background: string;
225
+ sys_papp_live_background: string;
180
226
  };
181
227
  readonly UIColor: {
182
228
  ui_cpnt_button_fill_base_primary: string;
@@ -337,6 +383,7 @@ declare const colorSet: {
337
383
  ui_cpnt_videoplayer_unavailable: string;
338
384
  ui_cpnt_list_divider: string;
339
385
  ui_cpnt_button_fill_base_transparent: string;
386
+ ui_cpnt_list_badge_active: string;
340
387
  ui_cpnt_list_badge_active_primary: string;
341
388
  ui_cpnt_list_badge_disabled: string;
342
389
  ui_cpnt_list_badge_cancle: string;
@@ -438,6 +485,8 @@ declare const colorSet: {
438
485
  ui_cpnt_step_text_number: string;
439
486
  ui_cpnt_imageslide_dot_area_1: string;
440
487
  ui_cpnt_imageslide_dot_area_2: string;
488
+ ui_cpnt_editorsidebar_text_disabled: string;
489
+ ui_cpnt_editorsidebar_icon_disabled: string;
441
490
  ui_cpnt_editorsidebar_card_border_disabled: string;
442
491
  ui_cpnt_userdesktopnavbar_base_area: string;
443
492
  ui_cpnt_button_line_base_default: string;
@@ -510,6 +559,30 @@ declare const colorSet: {
510
559
  ui_container_divider: string;
511
560
  ui_area_divider: string;
512
561
  ui_cpnt_list_base_area_seller: string;
562
+ ui_temp_grey_01: string;
563
+ ui_temp_grey_02: string;
564
+ ui_temp_grey_03: string;
565
+ ui_temp_grey_04: string;
566
+ ui_temp_grey_05: string;
567
+ ui_temp_white: string;
568
+ ui_temp_primary_01: string;
569
+ ui_temp_secondary_01: string;
570
+ ui_temp_red: string;
571
+ ui_temp_white_opacity_00: string;
572
+ ui_temp_dimmed: string;
573
+ ui_temp_black: string;
574
+ ui_temp_primary_02: string;
575
+ ui_temp_primary_03: string;
576
+ ui_temp_secondary_02: string;
577
+ ui_temp_lightgreen_01: string;
578
+ ui_cpnt_userdesktopnavbar_profile_border: string;
579
+ ui_cpnt_textlabel_sys_grey_04: string;
580
+ ui_papp_post_social_background: string;
581
+ ui_papp_post_notice_background: string;
582
+ ui_papp_post_free_background: string;
583
+ ui_papp_vod_background: string;
584
+ ui_papp_vodplus_background: string;
585
+ ui_papp_live_background: string;
513
586
  };
514
587
  };
515
588
  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_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
7
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
8
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
- PaletteColor_light: PaletteColor_light_json_1.default,
13
12
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
13
  SemanticColor: SemanticColor_json_1.default,
14
+ PaletteColor_light: PaletteColor_light_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
@@ -157,6 +157,7 @@ export interface UITheme {
157
157
  ui_cpnt_videoplayer_unavailable: string;
158
158
  ui_cpnt_list_divider: string;
159
159
  ui_cpnt_button_fill_base_transparent: string;
160
+ ui_cpnt_list_badge_active: string;
160
161
  ui_cpnt_list_badge_active_primary: string;
161
162
  ui_cpnt_list_badge_disabled: string;
162
163
  ui_cpnt_list_badge_cancle: string;
@@ -258,6 +259,8 @@ export interface UITheme {
258
259
  ui_cpnt_step_text_number: string;
259
260
  ui_cpnt_imageslide_dot_area_1: string;
260
261
  ui_cpnt_imageslide_dot_area_2: string;
262
+ ui_cpnt_editorsidebar_text_disabled: string;
263
+ ui_cpnt_editorsidebar_icon_disabled: string;
261
264
  ui_cpnt_editorsidebar_card_border_disabled: string;
262
265
  ui_cpnt_userdesktopnavbar_base_area: string;
263
266
  ui_cpnt_button_line_base_default: string;
@@ -330,4 +333,28 @@ export interface UITheme {
330
333
  ui_container_divider: string;
331
334
  ui_area_divider: string;
332
335
  ui_cpnt_list_base_area_seller: string;
336
+ ui_temp_grey_01: string;
337
+ ui_temp_grey_02: string;
338
+ ui_temp_grey_03: string;
339
+ ui_temp_grey_04: string;
340
+ ui_temp_grey_05: string;
341
+ ui_temp_white: string;
342
+ ui_temp_primary_01: string;
343
+ ui_temp_secondary_01: string;
344
+ ui_temp_red: string;
345
+ ui_temp_white_opacity_00: string;
346
+ ui_temp_dimmed: string;
347
+ ui_temp_black: string;
348
+ ui_temp_primary_02: string;
349
+ ui_temp_primary_03: string;
350
+ ui_temp_secondary_02: string;
351
+ ui_temp_lightgreen_01: string;
352
+ ui_cpnt_userdesktopnavbar_profile_border: string;
353
+ ui_cpnt_textlabel_sys_grey_04: string;
354
+ ui_papp_post_social_background: string;
355
+ ui_papp_post_notice_background: string;
356
+ ui_papp_post_free_background: string;
357
+ ui_papp_vod_background: string;
358
+ ui_papp_vodplus_background: string;
359
+ ui_papp_live_background: string;
333
360
  }
@@ -57,5 +57,29 @@ export declare const mobileLineHeight: {
57
57
  blog1: string;
58
58
  singleLine: string;
59
59
  };
60
+ export declare const boxShadow: {
61
+ elevation0: string;
62
+ elevation1: string;
63
+ elevation2: string;
64
+ elevation3: string;
65
+ elevation4: string;
66
+ elevation5: string;
67
+ };
68
+ export declare const spacing: {
69
+ spacingA: string;
70
+ spacingB: string;
71
+ spacingC: string;
72
+ spacingD: string;
73
+ spacingE: string;
74
+ spacingF: string;
75
+ spacingG: string;
76
+ spacingH: string;
77
+ spacingI: string;
78
+ spacingJ: string;
79
+ spacingK: string;
80
+ spacingL: string;
81
+ spacingM: string;
82
+ spacingN: string;
83
+ };
60
84
  declare const theme: DefaultTheme;
61
85
  export default theme;