pds-dev-kit-web-test 2.2.99 → 2.2.652

package/dist/src/common/assets/icons/line/index.js

@@ -38,11 +38,16 @@ var BookingPapp_1 = __importDefault(require("./BookingPapp"));
 var BookingTicket_1 = __importDefault(require("./BookingTicket"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Box_1 = __importDefault(require("./Box"));
+var BringForward_1 = __importDefault(require("./BringForward"));
+var BringToFront_1 = __importDefault(require("./BringToFront"));
+var BringToFrontArrow_1 = __importDefault(require("./BringToFrontArrow"));
 var Business_1 = __importDefault(require("./Business"));
 var Button_1 = __importDefault(require("./Button"));
 var Calendar_1 = __importDefault(require("./Calendar"));
 var Call_1 = __importDefault(require("./Call"));
+var Cam_1 = __importDefault(require("./Cam"));
 var Camera_1 = __importDefault(require("./Camera"));
+var CamOff_1 = __importDefault(require("./CamOff"));
 var Carousel_1 = __importDefault(require("./Carousel"));
 var Cart_1 = __importDefault(require("./Cart"));
 var Channel_1 = __importDefault(require("./Channel"));
@@ -58,6 +63,7 @@ var ChatRoomFree_1 = __importDefault(require("./ChatRoomFree"));
 var ChatRoomGroup_1 = __importDefault(require("./ChatRoomGroup"));
 var ChatRoomPaid_1 = __importDefault(require("./ChatRoomPaid"));
 var Check_1 = __importDefault(require("./Check"));
+var CheckBox_1 = __importDefault(require("./CheckBox"));
 var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
 var Clip_1 = __importDefault(require("./Clip"));
 var Coins_1 = __importDefault(require("./Coins"));
@@ -67,9 +73,11 @@ var Copy_1 = __importDefault(require("./Copy"));
 var Cs_1 = __importDefault(require("./Cs"));
 var CsBold_1 = __importDefault(require("./CsBold"));
 var CsFace_1 = __importDefault(require("./CsFace"));
+var Cut_1 = __importDefault(require("./Cut"));
 var Dashboard_1 = __importDefault(require("./Dashboard"));
 var Delivery_1 = __importDefault(require("./Delivery"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
+var DesktopSync_1 = __importDefault(require("./DesktopSync"));
 var Developer_1 = __importDefault(require("./Developer"));
 var DeviceApp_1 = __importDefault(require("./DeviceApp"));
 var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
@@ -78,6 +86,8 @@ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotifica
 var Divider_1 = __importDefault(require("./Divider"));
 var DottedCircle_1 = __importDefault(require("./DottedCircle"));
 var Download_1 = __importDefault(require("./Download"));
+var Dropdown_1 = __importDefault(require("./Dropdown"));
+var Duplicate_1 = __importDefault(require("./Duplicate"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
@@ -93,6 +103,8 @@ var Face_1 = __importDefault(require("./Face"));
 var Filter_1 = __importDefault(require("./Filter"));
 var Folder_1 = __importDefault(require("./Folder"));
 var Ghost_1 = __importDefault(require("./Ghost"));
+var Group_1 = __importDefault(require("./Group"));
+var Heart_1 = __importDefault(require("./Heart"));
 var HeartCare_1 = __importDefault(require("./HeartCare"));
 var Home_1 = __importDefault(require("./Home"));
 var Hourglass_1 = __importDefault(require("./Hourglass"));
@@ -117,18 +129,25 @@ var LiveEvent_1 = __importDefault(require("./LiveEvent"));
 var LivePersonal_1 = __importDefault(require("./LivePersonal"));
 var Lock_1 = __importDefault(require("./Lock"));
 var LogoGoogle_1 = __importDefault(require("./LogoGoogle"));
+var LogoSandoll_1 = __importDefault(require("./LogoSandoll"));
 var Mail_1 = __importDefault(require("./Mail"));
 var Menu_1 = __importDefault(require("./Menu"));
 var MenuDesign_1 = __importDefault(require("./MenuDesign"));
+var MenuHome_1 = __importDefault(require("./MenuHome"));
 var MicOff_1 = __importDefault(require("./MicOff"));
 var MicOn_1 = __importDefault(require("./MicOn"));
 var Minus_1 = __importDefault(require("./Minus"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var MinusRound_1 = __importDefault(require("./MinusRound"));
 var Moon_1 = __importDefault(require("./Moon"));
+var MoveBackward_1 = __importDefault(require("./MoveBackward"));
+var MoveBackwardArrow_1 = __importDefault(require("./MoveBackwardArrow"));
+var MoveForward_1 = __importDefault(require("./MoveForward"));
+var MoveForwardArrow_1 = __importDefault(require("./MoveForwardArrow"));
 var News_1 = __importDefault(require("./News"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
+var PageCollapse_1 = __importDefault(require("./PageCollapse"));
 var Pages_1 = __importDefault(require("./Pages"));
 var PageSetting_1 = __importDefault(require("./PageSetting"));
 var PageSizeExpand_1 = __importDefault(require("./PageSizeExpand"));
@@ -137,6 +156,7 @@ var Paint_1 = __importDefault(require("./Paint"));
 var Palette_1 = __importDefault(require("./Palette"));
 var Papp_1 = __importDefault(require("./Papp"));
 var PappType_1 = __importDefault(require("./PappType"));
+var Paste_1 = __importDefault(require("./Paste"));
 var Payment_1 = __importDefault(require("./Payment"));
 var PaymentFreeTrial_1 = __importDefault(require("./PaymentFreeTrial"));
 var PaymentGift_1 = __importDefault(require("./PaymentGift"));
@@ -159,8 +179,10 @@ var PostMagazine_1 = __importDefault(require("./PostMagazine"));
 var PostNotice_1 = __importDefault(require("./PostNotice"));
 var PostPaperPlane_1 = __importDefault(require("./PostPaperPlane"));
 var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
+var PostPost_1 = __importDefault(require("./PostPost"));
 var PostPromotion_1 = __importDefault(require("./PostPromotion"));
 var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
+var PostSeries_1 = __importDefault(require("./PostSeries"));
 var PostSocial_1 = __importDefault(require("./PostSocial"));
 var PostStorage_1 = __importDefault(require("./PostStorage"));
 var PostVote_1 = __importDefault(require("./PostVote"));
@@ -168,9 +190,11 @@ var PostWelcome_1 = __importDefault(require("./PostWelcome"));
 var Profit_1 = __importDefault(require("./Profit"));
 var Qr_1 = __importDefault(require("./Qr"));
 var Question_1 = __importDefault(require("./Question"));
+var Radio_1 = __importDefault(require("./Radio"));
 var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Receipt_1 = __importDefault(require("./Receipt"));
+var Recent_1 = __importDefault(require("./Recent"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
 var Richtext_1 = __importDefault(require("./Richtext"));
@@ -178,16 +202,24 @@ var Rocket_1 = __importDefault(require("./Rocket"));
 var Sales_1 = __importDefault(require("./Sales"));
 var ScrollingText_1 = __importDefault(require("./ScrollingText"));
 var Search_1 = __importDefault(require("./Search"));
+var SectionBanner32_1 = __importDefault(require("./SectionBanner32"));
+var SectionBanner40_1 = __importDefault(require("./SectionBanner40"));
 var SectionContent32_1 = __importDefault(require("./SectionContent32"));
 var SectionContent40_1 = __importDefault(require("./SectionContent40"));
 var SectionContentsCarousel32_1 = __importDefault(require("./SectionContentsCarousel32"));
 var SectionContentsCarousel40_1 = __importDefault(require("./SectionContentsCarousel40"));
+var SectionContentsOperator32_1 = __importDefault(require("./SectionContentsOperator32"));
+var SectionContentsOperator40_1 = __importDefault(require("./SectionContentsOperator40"));
 var SectionCustom32_1 = __importDefault(require("./SectionCustom32"));
 var SectionCustom40_1 = __importDefault(require("./SectionCustom40"));
 var SectionDivider32_1 = __importDefault(require("./SectionDivider32"));
 var SectionDivider40_1 = __importDefault(require("./SectionDivider40"));
+var SectionFeed32_1 = __importDefault(require("./SectionFeed32"));
+var SectionFeed40_1 = __importDefault(require("./SectionFeed40"));
 var SectionFooter32_1 = __importDefault(require("./SectionFooter32"));
 var SectionFooter40_1 = __importDefault(require("./SectionFooter40"));
+var SectionHero32_1 = __importDefault(require("./SectionHero32"));
+var SectionHero40_1 = __importDefault(require("./SectionHero40"));
 var SectionIframe32_1 = __importDefault(require("./SectionIframe32"));
 var SectionIframe40_1 = __importDefault(require("./SectionIframe40"));
 var SectionInfoBox32_1 = __importDefault(require("./SectionInfoBox32"));
@@ -202,6 +234,10 @@ var SectionPriceBox32_1 = __importDefault(require("./SectionPriceBox32"));
 var SectionPriceBox40_1 = __importDefault(require("./SectionPriceBox40"));
 var SectionProductsCarousel32_1 = __importDefault(require("./SectionProductsCarousel32"));
 var SectionProductsCarousel40_1 = __importDefault(require("./SectionProductsCarousel40"));
+var SectionQuestion32_1 = __importDefault(require("./SectionQuestion32"));
+var SectionQuestion40_1 = __importDefault(require("./SectionQuestion40"));
+var SectionQuestionnaire32_1 = __importDefault(require("./SectionQuestionnaire32"));
+var SectionQuestionnaire40_1 = __importDefault(require("./SectionQuestionnaire40"));
 var SectionReview32_1 = __importDefault(require("./SectionReview32"));
 var SectionReview40_1 = __importDefault(require("./SectionReview40"));
 var SectionSlider32_1 = __importDefault(require("./SectionSlider32"));
@@ -211,6 +247,9 @@ var SectionTab40_1 = __importDefault(require("./SectionTab40"));
 var SellerInfo_1 = __importDefault(require("./SellerInfo"));
 var SellerIntro_1 = __importDefault(require("./SellerIntro"));
 var SellerPage_1 = __importDefault(require("./SellerPage"));
+var SendBackward_1 = __importDefault(require("./SendBackward"));
+var SendToBack_1 = __importDefault(require("./SendToBack"));
+var SendToBackArrow_1 = __importDefault(require("./SendToBackArrow"));
 var Series_1 = __importDefault(require("./Series"));
 var SeriesList_1 = __importDefault(require("./SeriesList"));
 var Setting_1 = __importDefault(require("./Setting"));
@@ -242,18 +281,28 @@ var TextAlignLeft_1 = __importDefault(require("./TextAlignLeft"));
 var TextAlignMiddle_1 = __importDefault(require("./TextAlignMiddle"));
 var TextAlignRight_1 = __importDefault(require("./TextAlignRight"));
 var TextAlignTop_1 = __importDefault(require("./TextAlignTop"));
+var TextLong_1 = __importDefault(require("./TextLong"));
+var TextShort_1 = __importDefault(require("./TextShort"));
 var Ticket_1 = __importDefault(require("./Ticket"));
 var Time_1 = __importDefault(require("./Time"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
+var Translate_1 = __importDefault(require("./Translate"));
 var Trashcan_1 = __importDefault(require("./Trashcan"));
+var TypefaceBlackLetter20_1 = __importDefault(require("./TypefaceBlackLetter20"));
+var TypefaceDeco20_1 = __importDefault(require("./TypefaceDeco20"));
 var TypefaceDisplay20_1 = __importDefault(require("./TypefaceDisplay20"));
 var TypefaceHand20_1 = __importDefault(require("./TypefaceHand20"));
 var TypefaceMonospace20_1 = __importDefault(require("./TypefaceMonospace20"));
+var TypefaceRound20_1 = __importDefault(require("./TypefaceRound20"));
 var TypefaceSansSerif20_1 = __importDefault(require("./TypefaceSansSerif20"));
+var TypefaceScript20_1 = __importDefault(require("./TypefaceScript20"));
 var TypefaceSerif20_1 = __importDefault(require("./TypefaceSerif20"));
+var TypefaceSlab20_1 = __importDefault(require("./TypefaceSlab20"));
+var TypefaceSymbol20_1 = __importDefault(require("./TypefaceSymbol20"));
 var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
+var Ungroup_1 = __importDefault(require("./Ungroup"));
 var Unlock_1 = __importDefault(require("./Unlock"));
 var Upload_1 = __importDefault(require("./Upload"));
 var UploadList_1 = __importDefault(require("./UploadList"));
@@ -261,6 +310,7 @@ var User_1 = __importDefault(require("./User"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
 var VideocallPro_1 = __importDefault(require("./VideocallPro"));
+var VideoEpisode_1 = __importDefault(require("./VideoEpisode"));
 var VideoGuide_1 = __importDefault(require("./VideoGuide"));
 var VideoOff_1 = __importDefault(require("./VideoOff"));
 var VideoPip_1 = __importDefault(require("./VideoPip"));
@@ -268,6 +318,8 @@ var VideoPlay_1 = __importDefault(require("./VideoPlay"));
 var VideoPlaybackSpeed_1 = __importDefault(require("./VideoPlaybackSpeed"));
 var VideoPlayCircle_1 = __importDefault(require("./VideoPlayCircle"));
 var VideoPlaylist_1 = __importDefault(require("./VideoPlaylist"));
+var VideoSeries_1 = __importDefault(require("./VideoSeries"));
+var VideoStop_1 = __importDefault(require("./VideoStop"));
 var VideoType_1 = __importDefault(require("./VideoType"));
 var Vod_1 = __importDefault(require("./Vod"));
 var VodClass_1 = __importDefault(require("./VodClass"));
@@ -333,6 +385,7 @@ var lineIcons = {
     ic_chat_room_group: ChatRoomGroup_1.default,
     ic_chat_room_paid: ChatRoomPaid_1.default,
     ic_check: Check_1.default,
+    ic_checkbox: CheckBox_1.default,
     ic_checkbox_off: CheckboxOff_1.default,
     ic_clip: Clip_1.default,
     ic_coins: Coins_1.default,
@@ -353,6 +406,7 @@ var lineIcons = {
     ic_divider: Divider_1.default,
     ic_dotted_circle: DottedCircle_1.default,
     ic_download: Download_1.default,
+    ic_dropdown: Dropdown_1.default,
     ic_dynamic_layout: DynamicLayout_1.default,
     ic_edit: Edit_1.default,
     ic_editor: Editor_1.default,
@@ -392,9 +446,11 @@ var lineIcons = {
     ic_live_personal: LivePersonal_1.default,
     ic_lock: Lock_1.default,
     ic_logo_google: LogoGoogle_1.default,
+    ic_logo_sandoll: LogoSandoll_1.default,
     ic_mail: Mail_1.default,
     ic_menu: Menu_1.default,
     ic_menu_design: MenuDesign_1.default,
+    ic_menu_home: MenuHome_1.default,
     ic_mic_off: MicOff_1.default,
     ic_mic_on: MicOn_1.default,
     ic_minus: Minus_1.default,
@@ -405,6 +461,7 @@ var lineIcons = {
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
     ic_pages: Pages_1.default,
+    ic_page_collapse: PageCollapse_1.default,
     ic_page_setting: PageSetting_1.default,
     ic_page_size_expand: PageSizeExpand_1.default,
     ic_page_size_reduce: PageSizeReduce_1.default,
@@ -443,9 +500,11 @@ var lineIcons = {
     ic_profit: Profit_1.default,
     ic_qr: Qr_1.default,
     ic_question: Question_1.default,
+    ic_radio: Radio_1.default,
     ic_radio_off: RadioOff_1.default,
     ic_radio_on: RadioOn_1.default,
     ic_receipt: Receipt_1.default,
+    ic_recent: Recent_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
     ic_richtext: Richtext_1.default,
@@ -477,6 +536,10 @@ var lineIcons = {
     ic_section_price_box_40: SectionPriceBox40_1.default,
     ic_section_products_carousel_32: SectionProductsCarousel32_1.default,
     ic_section_products_carousel_40: SectionProductsCarousel40_1.default,
+    ic_question_line_32: SectionQuestion32_1.default,
+    ic_question_line_40: SectionQuestion40_1.default,
+    ic_questionnaire_line_32: SectionQuestionnaire32_1.default,
+    ic_questionnaire_line_40: SectionQuestionnaire40_1.default,
     ic_section_review_32: SectionReview32_1.default,
     ic_section_review_40: SectionReview40_1.default,
     ic_section_slider_32: SectionSlider32_1.default,
@@ -517,16 +580,25 @@ var lineIcons = {
     ic_text_align_middle: TextAlignMiddle_1.default,
     ic_text_align_right: TextAlignRight_1.default,
     ic_text_align_top: TextAlignTop_1.default,
+    ic_text_long: TextLong_1.default,
+    ic_text_short: TextShort_1.default,
     ic_ticket: Ticket_1.default,
     ic_time: Time_1.default,
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,
     ic_trashcan: Trashcan_1.default,
+    ic_translate: Translate_1.default,
+    ic_typeface_blackletter_20: TypefaceBlackLetter20_1.default,
+    ic_typeface_deco_20: TypefaceDeco20_1.default,
     ic_typeface_display_20: TypefaceDisplay20_1.default,
     ic_typeface_hand_20: TypefaceHand20_1.default,
     ic_typeface_monospace_20: TypefaceMonospace20_1.default,
+    ic_typeface_round_20: TypefaceRound20_1.default,
     ic_typeface_sans_serif_20: TypefaceSansSerif20_1.default,
+    ic_typeface_script_20: TypefaceScript20_1.default,
     ic_typeface_serif_20: TypefaceSerif20_1.default,
+    ic_typeface_slab_20: TypefaceSlab20_1.default,
+    ic_typeface_symbol_20: TypefaceSymbol20_1.default,
     ic_typeface_system: TypefaceSystem_1.default,
     ic_unavailable: Unavailable_1.default,
     ic_unlock: Unlock_1.default,
@@ -536,6 +608,7 @@ var lineIcons = {
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
     ic_videocall_pro: VideocallPro_1.default,
+    ic_video_episode: VideoEpisode_1.default,
     ic_video_guide: VideoGuide_1.default,
     ic_video_off: VideoOff_1.default,
     ic_video_pip: VideoPip_1.default,
@@ -543,6 +616,7 @@ var lineIcons = {
     ic_video_playback_speed: VideoPlaybackSpeed_1.default,
     ic_video_play_circle: VideoPlayCircle_1.default,
     ic_video_playlist: VideoPlaylist_1.default,
+    ic_video_series: VideoSeries_1.default,
     ic_video_type: VideoType_1.default,
     ic_vod: Vod_1.default,
     ic_vodclass: VodClass_1.default,
@@ -551,6 +625,36 @@ var lineIcons = {
     ic_vod_shorts: VodShorts_1.default,
     ic_warning: Warning_1.default,
     ic_weblink: Weblink_1.default,
-    ic_xmark: Xmark_1.default
+    ic_xmark: Xmark_1.default,
+    ic_section_hero_32: SectionHero32_1.default,
+    ic_section_hero_40: SectionHero40_1.default,
+    ic_section_banner_32: SectionBanner32_1.default,
+    ic_section_banner_40: SectionBanner40_1.default,
+    ic_section_feed_32: SectionFeed32_1.default,
+    ic_section_feed_40: SectionFeed40_1.default,
+    ic_section_contents_operator_32: SectionContentsOperator32_1.default,
+    ic_section_contents_operator_40: SectionContentsOperator40_1.default,
+    ic_post_post: PostPost_1.default,
+    ic_post_series: PostSeries_1.default,
+    ic_heart: Heart_1.default,
+    ic_cut: Cut_1.default,
+    ic_paste: Paste_1.default,
+    ic_bring_forward: BringForward_1.default,
+    ic_bring_to_front: BringToFront_1.default,
+    ic_send_backward: SendBackward_1.default,
+    ic_send_to_back: SendToBack_1.default,
+    ic_move_backward: MoveBackward_1.default,
+    ic_move_forward: MoveForward_1.default,
+    ic_group: Group_1.default,
+    ic_ungroup: Ungroup_1.default,
+    ic_duplicate: Duplicate_1.default,
+    ic_bring_to_front_arrow: BringToFrontArrow_1.default,
+    ic_desktop_sync: DesktopSync_1.default,
+    ic_move_backward_arrow: MoveBackwardArrow_1.default,
+    ic_move_forward_arrow: MoveForwardArrow_1.default,
+    ic_send_to_back_arrow: SendToBackArrow_1.default,
+    ic_video_stop: VideoStop_1.default,
+    ic_cam: Cam_1.default,
+    ic_cam_off: CamOff_1.default
 };
 exports.default = lineIcons;

package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts

@@ -2,6 +2,7 @@
 import type { UiColors } from '../../types';
 export type ThreeBarProgressProps = {
     colorKey?: UiColors;
+    size?: 'small' | 'large';
 };
-declare function ThreeBarProgress({ colorKey }: ThreeBarProgressProps): JSX.Element;
+declare function ThreeBarProgress({ colorKey, size }: ThreeBarProgressProps): JSX.Element;
 export default ThreeBarProgress;

package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -10,16 +21,49 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function ThreeBarProgress(_a) {
-    var _b = _a.colorKey, colorKey = _b === void 0 ? 'ui_loading_three_bar' : _b;
-    return ((0, jsx_runtime_1.jsx)(S_ThreeBarProgressWrapper, { children: (0, jsx_runtime_1.jsx)(S_ThreeBarProgressContent, { colorKey: colorKey }) }));
+    var _b = _a.colorKey, colorKey = _b === void 0 ? 'ui_loading_three_bar' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c;
+    return ((0, jsx_runtime_1.jsx)(S_ThreeBarProgressWrapper, __assign({ size: size }, { children: (0, jsx_runtime_1.jsx)(S_ThreeBarProgressContent, { colorKey: colorKey, size: size }) })));
 }
-var S_ThreeBarProgressWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: 400px;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: 400px;\n  width: 100%;\n"])));
-var S_ThreeBarProgressContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: 11px;\n    height: 44px;\n    min-height: 44px;\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: 88px auto;\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: -20px;\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: 20px;\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n"], ["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: 11px;\n    height: 44px;\n    min-height: 44px;\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: 88px auto;\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: -20px;\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: 20px;\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n"])), function (_a) {
+var S_ThreeBarProgressWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: ", ";\n  width: 100%;\n"])), function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '400px' : '250px');
+});
+var S_ThreeBarProgressContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: ", ";\n    height: ", ";\n    min-height: ", ";\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: ", ";\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: ", ";\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: ", ";\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: ", ";\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: ", ";\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: ", ";\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: ", ";\n    }\n  }\n"], ["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: ", ";\n    height: ", ";\n    min-height: ", ";\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: ", ";\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: ", ";\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: ", ";\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: ", ";\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: ", ";\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: ", ";\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: ", ";\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme, colorKey = _a.colorKey;
     return colorKey && theme[colorKey];
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '11px' : '8px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '44px' : '31px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '44px' : '31px');
 }, function (_a) {
     var theme = _a.theme, colorKey = _a.colorKey;
     return colorKey && theme[colorKey];
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '88px auto' : '62px auto');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '-20px' : '-14px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '20px' : '14px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '44px' : '31px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '48px' : '35px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '44px' : '31px');
+}, function (_a) {
+    var size = _a.size;
+    return (size === 'large' ? '48px' : '35px');
 });
 exports.default = ThreeBarProgress;
 var templateObject_1, templateObject_2;

package/dist/src/common/hooks/useParentResizeObserver.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useParentResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useParentResizeObserver.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParentResizeObserver = void 0;
+var react_1 = require("react");
+var useResizeObserver_1 = require("./useResizeObserver");
+function useParentResizeObserver(ref, callback, delay) {
+    if (delay === void 0) { delay = 100; }
+    (0, react_1.useLayoutEffect)(function () {
+        var _a;
+        var parent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!parent)
+            return;
+        var debouncedCallback = (0, useResizeObserver_1.debounce)(callback, delay);
+        var resizeObserver = new ResizeObserver(debouncedCallback);
+        resizeObserver.observe(parent);
+        callback();
+        return function () { return resizeObserver.disconnect(); };
+    }, [ref, callback]);
+}
+exports.useParentResizeObserver = useParentResizeObserver;

package/dist/src/common/hooks/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const debounce: (fn: () => void, delay: number) => () => void;
+export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useResizeObserver.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = exports.debounce = void 0;
+var react_1 = require("react");
+var debounce = function (fn, delay) {
+    var timer = null;
+    return function () {
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(fn, delay);
+    };
+};
+exports.debounce = debounce;
+function useResizeObserver(ref, callback, delay) {
+    if (delay === void 0) { delay = 100; }
+    (0, react_1.useLayoutEffect)(function () {
+        var target = ref.current;
+        if (!target)
+            return;
+        var debouncedCallback = (0, exports.debounce)(callback, delay);
+        var resizeObserver = new ResizeObserver(debouncedCallback);
+        resizeObserver.observe(target);
+        callback();
+        return function () { return resizeObserver.disconnect(); };
+    }, [ref, callback, delay]);
+}
+exports.useResizeObserver = useResizeObserver;

package/dist/src/common/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/dist/src/common/hooks/useWindowSize.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var react_1 = require("react");
+function useWindowSize() {
+    var _a = (0, react_1.useState)({
+        width: window.innerWidth,
+        height: window.innerHeight
+    }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            setSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        };
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    return size;
+}
+exports.useWindowSize = useWindowSize;

package/dist/src/common/index.d.ts

@@ -1,5 +1,5 @@
 export { UITheme } from './styles/colorSet/ui-type';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language, DropdownGroupInfo } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, ImageIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, TextLabelStyleThemeType, TextLabelColorThemeType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language, DropdownGroupInfo } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
 export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';

package/dist/src/common/services/i18n/resources/en.json

@@ -24,6 +24,75 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "Start for Free",
+        "str_35": "{{month}}.{{year}}",
+        "str_3887": "Mon",
+        "str_3888": "Tue",
+        "str_3889": "Wed",
+        "str_3890": "Thu",
+        "str_3891": "Fri",
+        "str_3892": "Sat",
+        "str_3893": "Sun",
+        "str_calendar_all_day": "All day",
+        "str_calendar_schedule_more": "{{count}} more",
+        "str_calendar_today": "Today",
+        "str_month_january": "Jan",
+        "str_month_february": "Feb",
+        "str_month_march": "Mar",
+        "str_month_april": "Apr",
+        "str_month_may": "May",
+        "str_month_june": "Jun",
+        "str_month_july": "Jul",
+        "str_month_august": "Aug",
+        "str_month_september": "Sep",
+        "str_month_october": "Oct",
+        "str_month_november": "Nov",
+        "str_month_december": "Dec",
+        "str_fm_datetime_am": "{{hour}} AM",
+        "str_fm_datetime_pm": "{{hour}} PM",
+        "str_fm_am": "AM",
+        "str_fm_pm": "PM",
+        "calendar_duration_hour": " hour",
+        "calendar_duration_hours": " hours",
+        "str_fm_datetime_noon": "Noon",
+        "str_calendar_daily_header": "{{year}}.{{month}}.{{day}}",
+        "calendar_header_weekly_same_month": "{{month}} {{startDay}} - {{endDay}}",
+        "calendar_header_weekly_diff_month": "{{startMonth}} {{startDay}} - {{endMonth}} {{endDay}}",
+        "str_calendar_yearly_header": "{{year}}",
+        "str_calendar_monthly_header": "{{month}} {{year}}",
+        "str_calendar_weekly_header": "{{month}} {{year}}",
+        "calendar_view_monthly": "Monthly",
+        "calendar_view_weekly": "Weekly",
+        "calendar_view_daily": "Daily",
+        "calendar_view_yearly": "Yearly",
+        "calendar_date_format": "{{day}} ({{dayText}})",
+        "str_calendar_weekly_date": "{{month}} {{date}} ({{day}})",
+        "str_fm_year": "Year",
+        "str_fm_month": "Month",
+        "str_fm_day": "Day",
+        "str_fm_week": "Week",
+        "multilingual_settings": "Multilingual Settings",
+        "str_multilingual_ko": "Korean (ko)",
+        "str_multilingual_en": "English (en)",
+        "str_multilingual_ja": "Japanese (ja)",
+        "str_multilingual_zh_cn": "Chinese - Simplified (zh-cn)",
+        "str_multilingual_zh_tw": "Chinese - Traditional (zh-tw)",
+        "str_multilingual_fr": "French (fr)",
+        "str_multilingual_es": "Spanish (es)",
+        "str_9071": "Please enter the text in the appropriate language for your country.",
+        "str_original_text": "Original Text",
+        "str_apply": "Apply",
+        "str_cancel": "Cancel",
+        "str_confirm": "Confirm",
+        "str_multilingual_settings": "Multilingual Settings",
+        "str_min_price": "Please enter at least {{currency}} {{minPrice}}",
+        "str_max_price": "You can enter up to {{currency}} {{maxPrice}}",
+        "str_price_unit": "Please enter in increments of {{currency}} {{priceUnit}}",
+        "str_please_enter_price": "Please enter the price.",
+        "str_channel_min_price": "ex) {{channelMinPrice}}",
+        "str_friendly_currency_won": "KRW",
+        "str_friendly_currency_jpy": "JPY",
+        "str_friendly_currency_dollar": "USD"
     }
 }