pds-dev-kit-web 0.5.9 → 0.5.10

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 (29) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +7 -5
  2. package/dist/src/common/services/i18n/resources/es.json +8 -6
  3. package/dist/src/common/services/i18n/resources/index.d.ts +16 -8
  4. package/dist/src/common/services/i18n/resources/jp.json +8 -6
  5. package/dist/src/common/services/i18n/resources/ko.json +8 -6
  6. package/dist/src/common/styles/ui-colors.js +1 -1
  7. package/dist/src/desktop/components/TextField/TextField.js +7 -6
  8. package/dist/src/desktop/components/TextLabel/TextLabel.js +1 -1
  9. package/dist/src/mobile/components/TextField/TextField.js +7 -6
  10. package/dist/src/mobile/components/TextLabel/TextLabel.js +1 -1
  11. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
  12. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +2 -2
  13. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
  14. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +2 -2
  15. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
  16. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
  17. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
  18. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
  19. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +2 -2
  20. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
  21. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
  22. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +2 -2
  23. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
  24. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
  25. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +2 -2
  26. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
  27. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
  28. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +2 -2
  29. package/package.json +1 -1
package/dist/src/common/services/i18n/resources/en.json CHANGED
@@ -695,7 +695,7 @@
695
695
  "str_326": "Min 4 characters and max 20 characters can be entered for the channel title.",
696
696
  "str_327": "Channel Cover Image ",
697
697
  "str_328": "Channel cover image is an image that is displayed horizontally and used in a mobile web and a PC web.",
698
- "str_329": "It is used as a background that presents the brand or image of the channel.",
698
+ "str_329": "We recommend using an image where the subject is located on the left.",
699
699
  "str_330": "Max 1920x1080 and max 2MB in the format of JPG and PNG can be uploaded.",
700
700
  "str_331": "The channel icon image gets uploaded in a shape of a square, which can act as an icon of the channel in the menu.",
701
701
  "str_332": "It shall be an image that can help users to recognize the channel.",
@@ -2605,7 +2605,7 @@
2605
2605
  "str_papp_promotion_page_id": "Outlink pApp",
2606
2606
  "str_papp_promotion_page_name": "Outlink pApp",
2607
2607
  "str_pam_lpc": "LPC pAM",
2608
- "str_pam_lpc_landing_post": "Landing Posting",
2608
+ "str_pam_lpc_post_landing": "Landing Posting",
2609
2609
  "str_pam_lpc_comment": "Comments",
2610
2610
  "str_pam_lpc_label": "Label",
2611
2611
  "str_1457": "If you press the payment button, it may not be possible to get the $t(str_refund) later on.",
@@ -3135,7 +3135,7 @@
3135
3135
  "str_1827": "플랫폼별 이용 안내",
3136
3136
  "str_1828": "iOS 앱/안드로이드 앱/모바일 웹브라우저/PC 웹브라우저에서 이용할 수 있습니다.\nPC 웹브라우저 기준 Chrome 91 이상/Safari 13 이상, 모바일 웹브라우저 기준 Chrome(for Android) 94 이상/Safari(on iOS) 13.1 이상의 버전에서 서비스 이용에 불편함이 없도록 작동될 것을 보증합니다.",
3137
3137
  "str_1829": "환불 안내",
3138
- "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 구매한 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 당첨을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3138
+ "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 등을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3139
3139
  "str_1831": "기타 안내",
3140
3140
  "str_1832": "미성년자의 경우, 법정대리인이 구매에 동의하지 않은 경우 본인 또는 법정대리인이 구매를 취소할 수 있습니다.",
3141
3141
  "str_1833": "서비스 제공자 정보",
@@ -3153,11 +3153,13 @@
3153
3153
  "str_papp_card_news_dislike": "싫어요",
3154
3154
  "str_err_1838": "제목은 최소 1자, 최대 100자까지 입력할 수 있습니다.",
3155
3155
  "str_err_1839": "전환 버튼 문구는 최대 20자까지 입력할 수 있습니다.",
3156
- "str_pam_community_qna_post": "1:1 질의응답 게시글",
3156
+ "str_pam_community_post_qna": "질의응답 게시글",
3157
3157
  "str_err_1840": "이미지는 최대 30MB까지 업로드 할 수 있습니다.({{errCode}})",
3158
3158
  "str_str_papp_vod_vr_id": "OTT형 VR VOD",
3159
3159
  "str_str_papp_vod_vr_name": "OTT형 VR VOD",
3160
3160
  "str_1841": "아웃링크의 수정 기록 내역이 없습니다.",
3161
- "str_err_1842": "형식에 맞지 않는 URL 주소입니다."
3161
+ "str_err_1842": "형식에 맞지 않는 URL 주소입니다.",
3162
+ "str_str_pam_community_post_story": "피드형 게시글",
3163
+ "str_str_pam_community_post_plain": "기본 게시글"
3162
3164
  }
3163
3165
  }
package/dist/src/common/services/i18n/resources/es.json CHANGED
@@ -695,7 +695,7 @@
695
695
  "str_326": "채널의 제목은 최소 4자, 최대 20자까지 입력할 수 있습니다.",
696
696
  "str_327": "채널 커버 이미지",
697
697
  "str_328": "채널 커버 이미지는 모바일 웹 및 PC 웹에서 가로형으로 표시, 사용할 수 있는 이미지입니다.",
698
- "str_329": "채널의 브랜드나 이미지를 표현할 수 있는 배경으로 사용됩니다.",
698
+ "str_329": "채널 아이덴티티를 포함하는 대상이 좌측에 위치한 이미지를 권장합니다.",
699
699
  "str_330": "최대 1920x1080, 최대 2MB, JPG 및 PNG 형식으로 업로드 할 수 있습니다.",
700
700
  "str_331": "채널 아이콘 이미지는 정사각형으로 업로드 되어 메뉴 등에서 채널의 아이콘 역할을 할 수 있습니다.",
701
701
  "str_332": "채널을 인식할 수 있도록 돕는 이미지여야 합니다.",
@@ -1811,7 +1811,7 @@
1811
1811
  "str_886": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 회사와 용역계약 및 하도급 계약을 통해 정산하며, 특정 기간 내에 (14일~30일) 비즈니스를 시작하지 않으면 채널이 삭제될 수 있습니다.\n3 publ Store는 publ 팀이 자체적으로 운영, 관리하는 스토어로 상품관리 및 주문 관리 등을 대행합니다.",
1812
1812
  "str_887": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 publ 표준 네이티브 앱을 클론하여 스토어에 독립적으로 출시할 수 있는 브랜디드 모바일 앱입니다.\n3 고객사 전용으로 사용할 수 있는 pApp을 개발하여 이용할 수 있게 제공합니다. 제3자가 사용할 수 없습니다.",
1813
1813
  "str_papp_vodp_btn_home": "홈",
1814
- "str_papp_vodp_btn_series": "시리즈",
1814
+ "str_papp_vodp_btn_series": "작품",
1815
1815
  "str_papp_vodp_btn_series_bookmark": "내가 찜한 목록",
1816
1816
  "str_890": "내용은 최소 2자, 최대 2048자까지 입력할 수 있습니다.",
1817
1817
  "str_891": "표시 제목은 최소 2자, 최대 8자까지 입력할 수 있습니다. (공백, 특수문자 불가)",
@@ -2605,7 +2605,7 @@
2605
2605
  "str_papp_promotion_page_id": "아웃링크",
2606
2606
  "str_papp_promotion_page_name": "아웃링크",
2607
2607
  "str_pam_lpc": "LPC pAM",
2608
- "str_pam_lpc_landing_post": "랜딩 게시글",
2608
+ "str_pam_lpc_post_landing": "랜딩 게시글",
2609
2609
  "str_pam_lpc_comment": "댓글",
2610
2610
  "str_pam_lpc_label": "라벨",
2611
2611
  "str_1457": "결제하기 버튼을 누르시면 추후 $t(str_refund)이 불가할 수 있습니다.",
@@ -3135,7 +3135,7 @@
3135
3135
  "str_1827": "플랫폼별 이용 안내",
3136
3136
  "str_1828": "iOS 앱/안드로이드 앱/모바일 웹브라우저/PC 웹브라우저에서 이용할 수 있습니다.\nPC 웹브라우저 기준 Chrome 91 이상/Safari 13 이상, 모바일 웹브라우저 기준 Chrome(for Android) 94 이상/Safari(on iOS) 13.1 이상의 버전에서 서비스 이용에 불편함이 없도록 작동될 것을 보증합니다.",
3137
3137
  "str_1829": "환불 안내",
3138
- "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 구매한 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 당첨을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3138
+ "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 등을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3139
3139
  "str_1831": "기타 안내",
3140
3140
  "str_1832": "미성년자의 경우, 법정대리인이 구매에 동의하지 않은 경우 본인 또는 법정대리인이 구매를 취소할 수 있습니다.",
3141
3141
  "str_1833": "서비스 제공자 정보",
@@ -3153,11 +3153,13 @@
3153
3153
  "str_papp_card_news_dislike": "싫어요",
3154
3154
  "str_err_1838": "제목은 최소 1자, 최대 100자까지 입력할 수 있습니다.",
3155
3155
  "str_err_1839": "전환 버튼 문구는 최대 20자까지 입력할 수 있습니다.",
3156
- "str_pam_community_qna_post": "1:1 질의응답 게시글",
3156
+ "str_pam_community_post_qna": "질의응답 게시글",
3157
3157
  "str_err_1840": "이미지는 최대 30MB까지 업로드 할 수 있습니다.({{errCode}})",
3158
3158
  "str_str_papp_vod_vr_id": "OTT형 VR VOD",
3159
3159
  "str_str_papp_vod_vr_name": "OTT형 VR VOD",
3160
3160
  "str_1841": "아웃링크의 수정 기록 내역이 없습니다.",
3161
- "str_err_1842": "형식에 맞지 않는 URL 주소입니다."
3161
+ "str_err_1842": "형식에 맞지 않는 URL 주소입니다.",
3162
+ "str_str_pam_community_post_story": "피드형 게시글",
3163
+ "str_str_pam_community_post_plain": "기본 게시글"
3162
3164
  }
3163
3165
  }
package/dist/src/common/services/i18n/resources/index.d.ts CHANGED
@@ -2606,7 +2606,7 @@ declare const locale: {
2606
2606
  str_papp_promotion_page_id: string;
2607
2607
  str_papp_promotion_page_name: string;
2608
2608
  str_pam_lpc: string;
2609
- str_pam_lpc_landing_post: string;
2609
+ str_pam_lpc_post_landing: string;
2610
2610
  str_pam_lpc_comment: string;
2611
2611
  str_pam_lpc_label: string;
2612
2612
  str_1457: string;
@@ -3154,12 +3154,14 @@ declare const locale: {
3154
3154
  str_papp_card_news_dislike: string;
3155
3155
  str_err_1838: string;
3156
3156
  str_err_1839: string;
3157
- str_pam_community_qna_post: string;
3157
+ str_pam_community_post_qna: string;
3158
3158
  str_err_1840: string;
3159
3159
  str_str_papp_vod_vr_id: string;
3160
3160
  str_str_papp_vod_vr_name: string;
3161
3161
  str_1841: string;
3162
3162
  str_err_1842: string;
3163
+ str_str_pam_community_post_story: string;
3164
+ str_str_pam_community_post_plain: string;
3163
3165
  };
3164
3166
  };
3165
3167
  readonly en: {
@@ -5769,7 +5771,7 @@ declare const locale: {
5769
5771
  str_papp_promotion_page_id: string;
5770
5772
  str_papp_promotion_page_name: string;
5771
5773
  str_pam_lpc: string;
5772
- str_pam_lpc_landing_post: string;
5774
+ str_pam_lpc_post_landing: string;
5773
5775
  str_pam_lpc_comment: string;
5774
5776
  str_pam_lpc_label: string;
5775
5777
  str_1457: string;
@@ -6317,12 +6319,14 @@ declare const locale: {
6317
6319
  str_papp_card_news_dislike: string;
6318
6320
  str_err_1838: string;
6319
6321
  str_err_1839: string;
6320
- str_pam_community_qna_post: string;
6322
+ str_pam_community_post_qna: string;
6321
6323
  str_err_1840: string;
6322
6324
  str_str_papp_vod_vr_id: string;
6323
6325
  str_str_papp_vod_vr_name: string;
6324
6326
  str_1841: string;
6325
6327
  str_err_1842: string;
6328
+ str_str_pam_community_post_story: string;
6329
+ str_str_pam_community_post_plain: string;
6326
6330
  };
6327
6331
  };
6328
6332
  readonly jp: {
@@ -8932,7 +8936,7 @@ declare const locale: {
8932
8936
  str_papp_promotion_page_id: string;
8933
8937
  str_papp_promotion_page_name: string;
8934
8938
  str_pam_lpc: string;
8935
- str_pam_lpc_landing_post: string;
8939
+ str_pam_lpc_post_landing: string;
8936
8940
  str_pam_lpc_comment: string;
8937
8941
  str_pam_lpc_label: string;
8938
8942
  str_1457: string;
@@ -9480,12 +9484,14 @@ declare const locale: {
9480
9484
  str_papp_card_news_dislike: string;
9481
9485
  str_err_1838: string;
9482
9486
  str_err_1839: string;
9483
- str_pam_community_qna_post: string;
9487
+ str_pam_community_post_qna: string;
9484
9488
  str_err_1840: string;
9485
9489
  str_str_papp_vod_vr_id: string;
9486
9490
  str_str_papp_vod_vr_name: string;
9487
9491
  str_1841: string;
9488
9492
  str_err_1842: string;
9493
+ str_str_pam_community_post_story: string;
9494
+ str_str_pam_community_post_plain: string;
9489
9495
  };
9490
9496
  };
9491
9497
  readonly es: {
@@ -12095,7 +12101,7 @@ declare const locale: {
12095
12101
  str_papp_promotion_page_id: string;
12096
12102
  str_papp_promotion_page_name: string;
12097
12103
  str_pam_lpc: string;
12098
- str_pam_lpc_landing_post: string;
12104
+ str_pam_lpc_post_landing: string;
12099
12105
  str_pam_lpc_comment: string;
12100
12106
  str_pam_lpc_label: string;
12101
12107
  str_1457: string;
@@ -12643,12 +12649,14 @@ declare const locale: {
12643
12649
  str_papp_card_news_dislike: string;
12644
12650
  str_err_1838: string;
12645
12651
  str_err_1839: string;
12646
- str_pam_community_qna_post: string;
12652
+ str_pam_community_post_qna: string;
12647
12653
  str_err_1840: string;
12648
12654
  str_str_papp_vod_vr_id: string;
12649
12655
  str_str_papp_vod_vr_name: string;
12650
12656
  str_1841: string;
12651
12657
  str_err_1842: string;
12658
+ str_str_pam_community_post_story: string;
12659
+ str_str_pam_community_post_plain: string;
12652
12660
  };
12653
12661
  };
12654
12662
  };
package/dist/src/common/services/i18n/resources/jp.json CHANGED
@@ -695,7 +695,7 @@
695
695
  "str_326": "채널의 제목은 최소 4자, 최대 20자까지 입력할 수 있습니다.",
696
696
  "str_327": "채널 커버 이미지",
697
697
  "str_328": "채널 커버 이미지는 모바일 웹 및 PC 웹에서 가로형으로 표시, 사용할 수 있는 이미지입니다.",
698
- "str_329": "채널의 브랜드나 이미지를 표현할 수 있는 배경으로 사용됩니다.",
698
+ "str_329": "채널 아이덴티티를 포함하는 대상이 좌측에 위치한 이미지를 권장합니다.",
699
699
  "str_330": "최대 1920x1080, 최대 2MB, JPG 및 PNG 형식으로 업로드 할 수 있습니다.",
700
700
  "str_331": "채널 아이콘 이미지는 정사각형으로 업로드 되어 메뉴 등에서 채널의 아이콘 역할을 할 수 있습니다.",
701
701
  "str_332": "채널을 인식할 수 있도록 돕는 이미지여야 합니다.",
@@ -1811,7 +1811,7 @@
1811
1811
  "str_886": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 회사와 용역계약 및 하도급 계약을 통해 정산하며, 특정 기간 내에 (14일~30일) 비즈니스를 시작하지 않으면 채널이 삭제될 수 있습니다.\n3 publ Store는 publ 팀이 자체적으로 운영, 관리하는 스토어로 상품관리 및 주문 관리 등을 대행합니다.",
1812
1812
  "str_887": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 publ 표준 네이티브 앱을 클론하여 스토어에 독립적으로 출시할 수 있는 브랜디드 모바일 앱입니다.\n3 고객사 전용으로 사용할 수 있는 pApp을 개발하여 이용할 수 있게 제공합니다. 제3자가 사용할 수 없습니다.",
1813
1813
  "str_papp_vodp_btn_home": "홈",
1814
- "str_papp_vodp_btn_series": "시리즈",
1814
+ "str_papp_vodp_btn_series": "작품",
1815
1815
  "str_papp_vodp_btn_series_bookmark": "내가 찜한 목록",
1816
1816
  "str_890": "내용은 최소 2자, 최대 2048자까지 입력할 수 있습니다.",
1817
1817
  "str_891": "표시 제목은 최소 2자, 최대 8자까지 입력할 수 있습니다. (공백, 특수문자 불가)",
@@ -2605,7 +2605,7 @@
2605
2605
  "str_papp_promotion_page_id": "아웃링크",
2606
2606
  "str_papp_promotion_page_name": "아웃링크",
2607
2607
  "str_pam_lpc": "LPC pAM",
2608
- "str_pam_lpc_landing_post": "랜딩 게시글",
2608
+ "str_pam_lpc_post_landing": "랜딩 게시글",
2609
2609
  "str_pam_lpc_comment": "댓글",
2610
2610
  "str_pam_lpc_label": "라벨",
2611
2611
  "str_1457": "결제하기 버튼을 누르시면 추후 $t(str_refund)이 불가할 수 있습니다.",
@@ -3135,7 +3135,7 @@
3135
3135
  "str_1827": "플랫폼별 이용 안내",
3136
3136
  "str_1828": "iOS 앱/안드로이드 앱/모바일 웹브라우저/PC 웹브라우저에서 이용할 수 있습니다.\nPC 웹브라우저 기준 Chrome 91 이상/Safari 13 이상, 모바일 웹브라우저 기준 Chrome(for Android) 94 이상/Safari(on iOS) 13.1 이상의 버전에서 서비스 이용에 불편함이 없도록 작동될 것을 보증합니다.",
3137
3137
  "str_1829": "환불 안내",
3138
- "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 구매한 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 당첨을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3138
+ "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 등을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3139
3139
  "str_1831": "기타 안내",
3140
3140
  "str_1832": "미성년자의 경우, 법정대리인이 구매에 동의하지 않은 경우 본인 또는 법정대리인이 구매를 취소할 수 있습니다.",
3141
3141
  "str_1833": "서비스 제공자 정보",
@@ -3153,11 +3153,13 @@
3153
3153
  "str_papp_card_news_dislike": "싫어요",
3154
3154
  "str_err_1838": "제목은 최소 1자, 최대 100자까지 입력할 수 있습니다.",
3155
3155
  "str_err_1839": "전환 버튼 문구는 최대 20자까지 입력할 수 있습니다.",
3156
- "str_pam_community_qna_post": "1:1 질의응답 게시글",
3156
+ "str_pam_community_post_qna": "질의응답 게시글",
3157
3157
  "str_err_1840": "이미지는 최대 30MB까지 업로드 할 수 있습니다.({{errCode}})",
3158
3158
  "str_str_papp_vod_vr_id": "OTT형 VR VOD",
3159
3159
  "str_str_papp_vod_vr_name": "OTT형 VR VOD",
3160
3160
  "str_1841": "아웃링크의 수정 기록 내역이 없습니다.",
3161
- "str_err_1842": "형식에 맞지 않는 URL 주소입니다."
3161
+ "str_err_1842": "형식에 맞지 않는 URL 주소입니다.",
3162
+ "str_str_pam_community_post_story": "피드형 게시글",
3163
+ "str_str_pam_community_post_plain": "기본 게시글"
3162
3164
  }
3163
3165
  }
package/dist/src/common/services/i18n/resources/ko.json CHANGED
@@ -695,7 +695,7 @@
695
695
  "str_326": "채널의 제목은 최소 4자, 최대 20자까지 입력할 수 있습니다.",
696
696
  "str_327": "채널 커버 이미지",
697
697
  "str_328": "채널 커버 이미지는 모바일 웹 및 PC 웹에서 가로형으로 표시, 사용할 수 있는 이미지입니다.",
698
- "str_329": "채널의 브랜드나 이미지를 표현할 수 있는 배경으로 사용됩니다.",
698
+ "str_329": "채널 아이덴티티를 포함하는 대상이 좌측에 위치한 이미지를 권장합니다.",
699
699
  "str_330": "최대 1920x1080, 최대 2MB, JPG 및 PNG 형식으로 업로드 할 수 있습니다.",
700
700
  "str_331": "채널 아이콘 이미지는 정사각형으로 업로드 되어 메뉴 등에서 채널의 아이콘 역할을 할 수 있습니다.",
701
701
  "str_332": "채널을 인식할 수 있도록 돕는 이미지여야 합니다.",
@@ -1811,7 +1811,7 @@
1811
1811
  "str_886": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 회사와 용역계약 및 하도급 계약을 통해 정산하며, 특정 기간 내에 (14일~30일) 비즈니스를 시작하지 않으면 채널이 삭제될 수 있습니다.\n3 publ Store는 publ 팀이 자체적으로 운영, 관리하는 스토어로 상품관리 및 주문 관리 등을 대행합니다.",
1812
1812
  "str_887": "1 최대 20개를 설치할 수 있으며, publ팀에 신청 시 한도를 해제합니다.\n2 publ 표준 네이티브 앱을 클론하여 스토어에 독립적으로 출시할 수 있는 브랜디드 모바일 앱입니다.\n3 고객사 전용으로 사용할 수 있는 pApp을 개발하여 이용할 수 있게 제공합니다. 제3자가 사용할 수 없습니다.",
1813
1813
  "str_papp_vodp_btn_home": "홈",
1814
- "str_papp_vodp_btn_series": "시리즈",
1814
+ "str_papp_vodp_btn_series": "작품",
1815
1815
  "str_papp_vodp_btn_series_bookmark": "내가 찜한 목록",
1816
1816
  "str_890": "내용은 최소 2자, 최대 2048자까지 입력할 수 있습니다.",
1817
1817
  "str_891": "표시 제목은 최소 2자, 최대 8자까지 입력할 수 있습니다. (공백, 특수문자 불가)",
@@ -2605,7 +2605,7 @@
2605
2605
  "str_papp_promotion_page_id": "아웃링크",
2606
2606
  "str_papp_promotion_page_name": "아웃링크",
2607
2607
  "str_pam_lpc": "LPC pAM",
2608
- "str_pam_lpc_landing_post": "랜딩 게시글",
2608
+ "str_pam_lpc_post_landing": "랜딩 게시글",
2609
2609
  "str_pam_lpc_comment": "댓글",
2610
2610
  "str_pam_lpc_label": "라벨",
2611
2611
  "str_1457": "결제하기 버튼을 누르시면 추후 $t(str_refund)이 불가할 수 있습니다.",
@@ -3135,7 +3135,7 @@
3135
3135
  "str_1827": "플랫폼별 이용 안내",
3136
3136
  "str_1828": "iOS 앱/안드로이드 앱/모바일 웹브라우저/PC 웹브라우저에서 이용할 수 있습니다.\nPC 웹브라우저 기준 Chrome 91 이상/Safari 13 이상, 모바일 웹브라우저 기준 Chrome(for Android) 94 이상/Safari(on iOS) 13.1 이상의 버전에서 서비스 이용에 불편함이 없도록 작동될 것을 보증합니다.",
3137
3137
  "str_1829": "환불 안내",
3138
- "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 구매한 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 당첨을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3138
+ "str_1830": "본 서비스는 다음의 경우 환불이 불가하니 구매 전 확인 부탁드립니다.\n1. 상품을 구매한지 7일(청약철회 기간)이 지난 경우\n2. 상품을 구매한지 7일(청약철회 기간)이 지나지 않았지만, 서비스를 이용한 경우\n3. 채널이 발행한 쿠폰이나, 이벤트 등을 통해 무상으로 유료 서비스 이용권을 받은 경우\n4. 회원이 서비스 이용으로부터 얻은 이익에 해당하는 공제 대상 금액이 회원이 실제로 결제한 금액을 초과한 경우\n5. 회원이 직접 결제하지 않은 경우",
3139
3139
  "str_1831": "기타 안내",
3140
3140
  "str_1832": "미성년자의 경우, 법정대리인이 구매에 동의하지 않은 경우 본인 또는 법정대리인이 구매를 취소할 수 있습니다.",
3141
3141
  "str_1833": "서비스 제공자 정보",
@@ -3153,11 +3153,13 @@
3153
3153
  "str_papp_card_news_dislike": "싫어요",
3154
3154
  "str_err_1838": "제목은 최소 1자, 최대 100자까지 입력할 수 있습니다.",
3155
3155
  "str_err_1839": "전환 버튼 문구는 최대 20자까지 입력할 수 있습니다.",
3156
- "str_pam_community_qna_post": "1:1 질의응답 게시글",
3156
+ "str_pam_community_post_qna": "질의응답 게시글",
3157
3157
  "str_err_1840": "이미지는 최대 30MB까지 업로드 할 수 있습니다.({{errCode}})",
3158
3158
  "str_str_papp_vod_vr_id": "OTT형 VR VOD",
3159
3159
  "str_str_papp_vod_vr_name": "OTT형 VR VOD",
3160
3160
  "str_1841": "아웃링크의 수정 기록 내역이 없습니다.",
3161
- "str_err_1842": "형식에 맞지 않는 URL 주소입니다."
3161
+ "str_err_1842": "형식에 맞지 않는 URL 주소입니다.",
3162
+ "str_str_pam_community_post_story": "피드형 게시글",
3163
+ "str_str_pam_community_post_plain": "기본 게시글"
3162
3164
  }
3163
3165
  }
package/dist/src/common/styles/ui-colors.js CHANGED
@@ -27,7 +27,7 @@ function buildCascadedColors(lowLevel, highLevel, override) {
27
27
  // 서버로부터 해당 채널에서 커스텀으로 설정한 팔레트 가져오기
28
28
  // from server (원래는 비동기)
29
29
  var channelSettings = {
30
- tone: 'dark',
30
+ tone: 'light',
31
31
  customPalette: {
32
32
  usr_good_job: '#999999'
33
33
  }
package/dist/src/desktop/components/TextField/TextField.js CHANGED
@@ -30,7 +30,8 @@ var styled_components_1 = __importStar(require("styled-components"));
30
30
  var components_1 = require("../../common/components");
31
31
  var IconButton_1 = require("../IconButton");
32
32
  function TextField(_a) {
33
- var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _b = _a.validationPoint, validationPoint = _b === void 0 ? 'onBlur' : _b, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.textLineType, textLineType = _e === void 0 ? 'single' : _e, _f = _a.multiRows, multiRows = _f === void 0 ? 8 : _f, _g = _a.autoMinRows, autoMinRows = _g === void 0 ? 8 : _g, autoMaxRows = _a.autoMaxRows, _h = _a.inputType, inputType = _h === void 0 ? 'text' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, iBtn1IconName = _a.iBtn1IconName, _k = _a.iBtn1IconFillType, iBtn1IconFillType = _k === void 0 ? 'line' : _k, iBtn2IconName = _a.iBtn2IconName, _l = _a.iBtn2IconFillType, iBtn2IconFillType = _l === void 0 ? 'line' : _l, _m = _a.colorTheme, colorTheme = _m === void 0 ? 'none' : _m, max = _a.max, maxLength = _a.maxLength, min = _a.min, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget;
33
+ var _b;
34
+ var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _c = _a.validationPoint, validationPoint = _c === void 0 ? 'onBlur' : _c, _d = _a.preventBlankMode, preventBlankMode = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.textLineType, textLineType = _f === void 0 ? 'single' : _f, _g = _a.multiRows, multiRows = _g === void 0 ? 8 : _g, _h = _a.autoMinRows, autoMinRows = _h === void 0 ? 8 : _h, autoMaxRows = _a.autoMaxRows, _j = _a.inputType, inputType = _j === void 0 ? 'text' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, iBtn1IconName = _a.iBtn1IconName, _l = _a.iBtn1IconFillType, iBtn1IconFillType = _l === void 0 ? 'line' : _l, iBtn2IconName = _a.iBtn2IconName, _m = _a.iBtn2IconFillType, iBtn2IconFillType = _m === void 0 ? 'line' : _m, _o = _a.colorTheme, colorTheme = _o === void 0 ? 'none' : _o, max = _a.max, maxLength = _a.maxLength, min = _a.min, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget;
34
35
  var iconThemeColorNoneObj = {
35
36
  normal: 'ui_cpnt_button_icon_default',
36
37
  read_only: 'ui_cpnt_button_icon_default',
@@ -42,9 +43,9 @@ function TextField(_a) {
42
43
  disabled: 'ui_cpnt_textfield_icon_darktheme_disabled'
43
44
  };
44
45
  var t = (0, react_i18next_1.useTranslation)('translation').t;
45
- var _o = (0, react_1.useState)(false), isFocused = _o[0], setIsFocused = _o[1];
46
- var _p = (0, react_hook_form_1.useFormContext)(), register = _p.register, trigger = _p.trigger, errors = _p.formState.errors;
47
- var _q = register(name, validation), validateOnChange = _q.onChange, validateOnBlur = _q.onBlur;
46
+ var _p = (0, react_1.useState)(false), isFocused = _p[0], setIsFocused = _p[1];
47
+ var _q = (0, react_hook_form_1.useFormContext)(), register = _q.register, trigger = _q.trigger, errors = _q.formState.errors;
48
+ var _r = register(name, validation), validateOnChange = _r.onChange, validateOnBlur = _r.onBlur;
48
49
  var isError = Object.keys(errors).some(function (error) { return error === name; });
49
50
  function handleFocus() {
50
51
  if (state !== 'read_only') {
@@ -107,7 +108,7 @@ function TextField(_a) {
107
108
  };
108
109
  return (react_1.default.createElement(react_1.default.Fragment, null,
109
110
  react_1.default.createElement(S_TextFieldWrapper, { size: size, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme }, S_TextField()),
110
- errors[name] && react_1.default.createElement(S_Error, null, t(errors[name].message))));
111
+ ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null, t(errors[name].message))));
111
112
  }
112
113
  var multi = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: auto;\n padding: 14px;\n"], ["\n height: auto;\n padding: 14px;\n"])));
113
114
  var auto = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: auto;\n padding-bottom: ", "px;\n padding-top: ", "px;\n"], ["\n height: auto;\n padding-bottom: ", "px;\n padding-top: ", "px;\n"])), function (_a) {
@@ -230,7 +231,7 @@ var S_TextFieldWrapper = styled_components_1.default.div(templateObject_12 || (t
230
231
  }[state];
231
232
  });
232
233
  var S_IconBox = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
233
- var S_Error = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n"])), function (_a) {
234
+ var S_Error = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
234
235
  var theme = _a.theme, colorTheme = _a.colorTheme;
235
236
  return colorTheme === 'none'
236
237
  ? theme.ui_cpnt_textfield_text_error
package/dist/src/desktop/components/TextLabel/TextLabel.js CHANGED
@@ -247,7 +247,7 @@ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_28 || (temp
247
247
  var colorOverride = _a.colorOverride;
248
248
  return colorOverride && common_1.uiColors[colorOverride];
249
249
  });
250
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n"])), function (_a) {
250
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __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) {
251
251
  var lineLimit = _a.lineLimit;
252
252
  return lineLimit;
253
253
  });
package/dist/src/mobile/components/TextField/TextField.js CHANGED
@@ -30,7 +30,8 @@ var styled_components_1 = __importStar(require("styled-components"));
30
30
  var components_1 = require("../../common/components");
31
31
  var IconButton_1 = require("../IconButton");
32
32
  function TextField(_a) {
33
- var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _b = _a.validationPoint, validationPoint = _b === void 0 ? 'onBlur' : _b, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.textLineType, textLineType = _e === void 0 ? 'single' : _e, _f = _a.multiRows, multiRows = _f === void 0 ? 8 : _f, _g = _a.autoMinRows, autoMinRows = _g === void 0 ? 8 : _g, autoMaxRows = _a.autoMaxRows, _h = _a.inputType, inputType = _h === void 0 ? 'text' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, iBtn1IconName = _a.iBtn1IconName, _k = _a.iBtn1IconFillType, iBtn1IconFillType = _k === void 0 ? 'line' : _k, iBtn2IconName = _a.iBtn2IconName, _l = _a.iBtn2IconFillType, iBtn2IconFillType = _l === void 0 ? 'line' : _l, _m = _a.colorTheme, colorTheme = _m === void 0 ? 'none' : _m, max = _a.max, maxLength = _a.maxLength, min = _a.min, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget;
33
+ var _b;
34
+ var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _c = _a.validationPoint, validationPoint = _c === void 0 ? 'onBlur' : _c, _d = _a.preventBlankMode, preventBlankMode = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.textLineType, textLineType = _f === void 0 ? 'single' : _f, _g = _a.multiRows, multiRows = _g === void 0 ? 8 : _g, _h = _a.autoMinRows, autoMinRows = _h === void 0 ? 8 : _h, autoMaxRows = _a.autoMaxRows, _j = _a.inputType, inputType = _j === void 0 ? 'text' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, iBtn1IconName = _a.iBtn1IconName, _l = _a.iBtn1IconFillType, iBtn1IconFillType = _l === void 0 ? 'line' : _l, iBtn2IconName = _a.iBtn2IconName, _m = _a.iBtn2IconFillType, iBtn2IconFillType = _m === void 0 ? 'line' : _m, _o = _a.colorTheme, colorTheme = _o === void 0 ? 'none' : _o, max = _a.max, maxLength = _a.maxLength, min = _a.min, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onTarget = _a.onTarget;
34
35
  var iconThemeColorNoneObj = {
35
36
  normal: 'ui_cpnt_button_icon_default',
36
37
  read_only: 'ui_cpnt_button_icon_default',
@@ -42,9 +43,9 @@ function TextField(_a) {
42
43
  disabled: 'ui_cpnt_textfield_icon_darktheme_disabled'
43
44
  };
44
45
  var t = (0, react_i18next_1.useTranslation)('translation').t;
45
- var _o = (0, react_1.useState)(false), isFocused = _o[0], setIsFocused = _o[1];
46
- var _p = (0, react_hook_form_1.useFormContext)(), register = _p.register, trigger = _p.trigger, errors = _p.formState.errors;
47
- var _q = register(name, validation), validateOnChange = _q.onChange, validateOnBlur = _q.onBlur;
46
+ var _p = (0, react_1.useState)(false), isFocused = _p[0], setIsFocused = _p[1];
47
+ var _q = (0, react_hook_form_1.useFormContext)(), register = _q.register, trigger = _q.trigger, errors = _q.formState.errors;
48
+ var _r = register(name, validation), validateOnChange = _r.onChange, validateOnBlur = _r.onBlur;
48
49
  var isError = Object.keys(errors).some(function (error) { return error === name; });
49
50
  function handleFocus() {
50
51
  if (state !== 'read_only') {
@@ -107,7 +108,7 @@ function TextField(_a) {
107
108
  };
108
109
  return (react_1.default.createElement(react_1.default.Fragment, null,
109
110
  react_1.default.createElement(S_TextFieldWrapper, { size: size, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme }, S_TextField()),
110
- errors[name] && react_1.default.createElement(S_Error, null, t(errors[name].message))));
111
+ ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null, t(errors[name].message))));
111
112
  }
112
113
  var multi = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: auto;\n padding: 14px;\n"], ["\n height: auto;\n padding: 14px;\n"])));
113
114
  var auto = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: auto;\n padding-bottom: ", "px;\n padding-top: ", "px;\n"], ["\n height: auto;\n padding-bottom: ", "px;\n padding-top: ", "px;\n"])), function (_a) {
@@ -230,7 +231,7 @@ var S_TextFieldWrapper = styled_components_1.default.div(templateObject_12 || (t
230
231
  }[state];
231
232
  });
232
233
  var S_IconBox = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
233
- var S_Error = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n"])), function (_a) {
234
+ var S_Error = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
234
235
  var theme = _a.theme, colorTheme = _a.colorTheme;
235
236
  return colorTheme === 'none'
236
237
  ? theme.ui_cpnt_textfield_text_error
package/dist/src/mobile/components/TextLabel/TextLabel.js CHANGED
@@ -247,7 +247,7 @@ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_28 || (temp
247
247
  var colorOverride = _a.colorOverride;
248
248
  return colorOverride && common_1.uiColors[colorOverride];
249
249
  });
250
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n"])), function (_a) {
250
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __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) {
251
251
  var lineLimit = _a.lineLimit;
252
252
  return lineLimit;
253
253
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"], ["\n /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.5.9",
3
+ "version": "0.5.10",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",