pds-dev-kit-web 1.9.0-beta.8 → 1.9.0

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 (16) hide show
  1. package/dist/src/GlobalStyle.js +4 -1
  2. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  3. package/dist/src/common/styles/colorSet/index.d.ts +99 -98
  4. package/dist/src/common/styles/colorSet/index.js +2 -2
  5. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  6. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  7. package/dist/src/sub/DynamicLayout/DynamicLayout.js +2 -2
  8. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.d.ts +1 -2
  9. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +2 -2
  10. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.d.ts +1 -2
  11. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +18 -8
  12. package/dist/src/sub/DynamicLayout/types.d.ts +0 -1
  13. package/dist/storybook-static/{main.b3a48c0a.iframe.bundle.d.ts → main.4cccd23b.iframe.bundle.d.ts} +12 -7
  14. package/dist/storybook-static/{main.b3a48c0a.iframe.bundle.js → main.4cccd23b.iframe.bundle.js} +67 -57
  15. package/package.json +1 -1
  16. package/release-note.md +119 -2
package/dist/storybook-static/{main.b3a48c0a.iframe.bundle.js → main.4cccd23b.iframe.bundle.js} RENAMED
@@ -146,15 +146,15 @@
146
146
  Object.defineProperty(exports, "__esModule", { value: !0 });
147
147
  var react_1 = __importStar(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6);
148
148
  function TextLabel(_a) { var text = _a.text, tooltipText = _a.tooltipText, _b = _a.tooltipPosition, tooltipPosition = void 0 === _b ? "right_bottom" : _b, _c = _a.textAlign, textAlign = void 0 === _c ? "left" : _c, _d = _a.styleTheme, styleTheme = void 0 === _d ? "body2Bold" : _d, colorOverride = _a.colorOverride, _e = _a.colorTheme, colorTheme = void 0 === _e ? "sysTextPrimary" : _e, _f = _a.singleLineMode, singleLineMode = void 0 === _f ? "none" : _f, _g = _a.ellipsisMode, ellipsisMode = void 0 === _g ? "none" : _g, lineLimit = _a.lineLimit, _h = _a.userSelectMode, userSelectMode = void 0 === _h ? "none" : _h, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _j = _a.textDecorationType, textDecorationType = void 0 === _j ? "none" : _j, _k = _a.requirementMode, requirementMode = void 0 === _k ? "none" : _k, _l = _a.bulletPointMode, bulletPointMode = void 0 === _l ? "none" : _l, _m = _a.wordBreak, wordBreak = void 0 === _m ? "keep_all" : _m, letterSpacing = _a.letterSpacing, _o = (0, react_1.useState)(!1), isTooltipOpen = _o[0], setIsTooltipOpen = _o[1], handleTooltipToggle = function (value) { setIsTooltipOpen(value); }; return react_1.default.createElement(S_TextLabel, { "x-pds-name": "TextLabel", "x-pds-element-type": "component", "x-pds-device-type": "desktop", textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak, $letterSpacing: letterSpacing }, text, "use" === requirementMode && react_1.default.createElement(S_AfterTextBox, { styleTheme: styleTheme }, react_1.default.createElement(S_IconWrapper, null, react_1.default.createElement(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }))), tooltipText && react_1.default.createElement(S_AfterTextBox, { styleTheme: styleTheme }, react_1.default.createElement(S_IconWrapper, { onMouseEnter: function () { return handleTooltipToggle(!0); }, onMouseLeave: function () { return handleTooltipToggle(!1); } }, react_1.default.createElement(hybrid_1.Icon, { iconName: "ic_question", size: 16, fillType: "fill", colorKey: "ui_cpnt_icon_sys_grey_03" })), react_1.default.createElement(S_TooltipWrapper, { className: "TooltipWrapper", isTooltipOpen: isTooltipOpen, tooltipPosition: tooltipPosition }, "" + tooltipText))); }
149
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.displayHeading; }), (function (_a) { return _a.theme.desktopLineHeight.displayHeading; }), (function (_a) { return _a.theme.fontWeight.bold; })), headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.heading; }), (function (_a) { return _a.theme.desktopLineHeight.heading; }), (function (_a) { return _a.theme.fontWeight.bold; })), wizardPageTitleBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.wizardPageTitle; }), (function (_a) { return _a.theme.desktopLineHeight.wizardPageTitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.leadParagraph; }), (function (_a) { return _a.theme.desktopLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.leadParagraph; }), (function (_a) { return _a.theme.desktopLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.normal; })), subTitleBold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.subtitle; }), (function (_a) { return _a.theme.desktopLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), subTitleRegular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.subtitle; }), (function (_a) { return _a.theme.desktopLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.normal; })), body1Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body1; }), (function (_a) { return _a.theme.desktopLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.bold; })), body1Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body1; }), (function (_a) { return _a.theme.desktopLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.normal; })), body2Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body2; }), (function (_a) { return _a.theme.desktopLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.bold; })), body2Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body2; }), (function (_a) { return _a.theme.desktopLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption1; }), (function (_a) { return _a.theme.desktopLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption1; }), (function (_a) { return _a.theme.desktopLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; })), form1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.form1; }), (function (_a) { return _a.theme.desktopLineHeight.form1; }), (function (_a) { return _a.theme.fontWeight.normal; })), form2Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.form2; }), (function (_a) { return _a.theme.desktopLineHeight.form2; }), (function (_a) { return _a.theme.fontWeight.normal; })), blog1Regular = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.blog1; }), (function (_a) { return _a.theme.desktopLineHeight.blog1; }), (function (_a) { return _a.theme.fontWeight.normal; })), sysTextPrimary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_primary; })), sysTextSecondary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; })), sysTextTertiary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_tertiary; })), sysTextWhite = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_white; })), sysTextError = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_error; })), sysTextWarning = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_warning; })), sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandprimary; })), sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandseconvariant; })), usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandprimary; })), usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandseconvariant; })), usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandonprimary; })), customFontStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), (function (_a) { return _a.customFontSize; }), (function (_a) { var theme = _a.theme; return "bold" === _a.customFontWeight ? theme.fontWeight.bold : theme.fontWeight.normal; })), colorOverrideStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { var colorOverride = _a.colorOverride, theme = _a.theme; return colorOverride && theme[colorOverride]; })), ellipsisStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __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) { return _a.lineLimit; })), userSelectModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"]))), bulletPointModeStyle = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"]))), tooltipLeftTop = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"]))), tooltipLeftBottom = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"]))), tooltipRightTop = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"]))), tooltipRightBottom = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"]))), S_TextLabel = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.textAlign; }), (function (_a) { var wordBreak = _a.wordBreak; return wordBreak && { normal: "normal", break_all: "break-all", keep_all: "keep-all", break_word: "break-word" }[wordBreak]; }), (function (_a) { return "letter-spacing: " + _a.$letterSpacing; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { displayBold: displayBold, wizardPageTitleBold: wizardPageTitleBold, headingBold: headingBold, leadParaBold: leadParaBold, leadParaRegular: leadParaRegular, subTitleBold: subTitleBold, subTitleRegular: subTitleRegular, body1Bold: body1Bold, body1Regular: body1Regular, body2Bold: body2Bold, body2Regular: body2Regular, caption1Regular: caption1Regular, caption1Bold: caption1Bold, caption2Regular: caption2Regular, caption2Bold: caption2Bold, form1Regular: form1Regular, form2Regular: form2Regular, blog1Regular: blog1Regular }[styleTheme]; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { sysTextPrimary: sysTextPrimary, sysTextSecondary: sysTextSecondary, sysTextTertiary: sysTextTertiary, sysTextWhite: sysTextWhite, sysTextError: sysTextError, sysTextWarning: sysTextWarning, sysTextBrandPrimary: sysTextBrandPrimary, sysTextBrandSeconVariant: sysTextBrandSeconVariant, usrTextBrandPrimary: usrTextBrandPrimary, usrTextBrandSeconVariant: usrTextBrandSeconVariant, usrTextBrandOnPrimary: usrTextBrandOnPrimary }[colorTheme]; }), (function (_a) { return _a.customFontSize && customFontStyle; }), (function (_a) { var singleLineMode = _a.singleLineMode, ellipsisMode = _a.ellipsisMode, theme = _a.theme; return "use" === singleLineMode && "none" === ellipsisMode && "line-height: " + theme.desktopLineHeight.singleLine; }), (function (_a) { var ellipsisMode = _a.ellipsisMode, lineLimit = _a.lineLimit; return "use" === ellipsisMode && lineLimit && ellipsisStyle; }), (function (_a) { return _a.colorOverride && colorOverrideStyle; }), (function (_a) { return "none" === _a.userSelectMode && userSelectModeStyle; }), (function (_a) { var textDecorationType = _a.textDecorationType; return textDecorationType && { none: "", line_through: "text-decoration: line-through;" }[textDecorationType]; }), (function (_a) { return "use" === _a.bulletPointMode && bulletPointModeStyle; })), S_AfterTextBox = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; }), (function (_a) { switch (_a.styleTheme) {
149
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.displayHeading; }), (function (_a) { return _a.theme.desktopLineHeight.displayHeading; }), (function (_a) { return _a.theme.fontWeight.bold; })), headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.heading; }), (function (_a) { return _a.theme.desktopLineHeight.heading; }), (function (_a) { return _a.theme.fontWeight.bold; })), wizardPageTitleBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.wizardPageTitle; }), (function (_a) { return _a.theme.desktopLineHeight.wizardPageTitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.leadParagraph; }), (function (_a) { return _a.theme.desktopLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.leadParagraph; }), (function (_a) { return _a.theme.desktopLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.normal; })), subTitleBold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.subtitle; }), (function (_a) { return _a.theme.desktopLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), subTitleRegular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.subtitle; }), (function (_a) { return _a.theme.desktopLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.normal; })), body1Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body1; }), (function (_a) { return _a.theme.desktopLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.bold; })), body1Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body1; }), (function (_a) { return _a.theme.desktopLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.normal; })), body2Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body2; }), (function (_a) { return _a.theme.desktopLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.bold; })), body2Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.body2; }), (function (_a) { return _a.theme.desktopLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption1; }), (function (_a) { return _a.theme.desktopLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption1; }), (function (_a) { return _a.theme.desktopLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; })), form1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.form1; }), (function (_a) { return _a.theme.desktopLineHeight.form1; }), (function (_a) { return _a.theme.fontWeight.normal; })), form2Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.form2; }), (function (_a) { return _a.theme.desktopLineHeight.form2; }), (function (_a) { return _a.theme.fontWeight.normal; })), blog1Regular = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.desktopFontSize.blog1; }), (function (_a) { return _a.theme.desktopLineHeight.blog1; }), (function (_a) { return _a.theme.fontWeight.normal; })), sysTextPrimary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_primary; })), sysTextSecondary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; })), sysTextTertiary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_tertiary; })), sysTextWhite = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_white; })), sysTextBlack = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_black; })), sysTextError = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_error; })), sysTextWarning = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_warning; })), sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandprimary; })), sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandseconvariant; })), usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandprimary; })), usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandseconvariant; })), usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandonprimary; })), customFontStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), (function (_a) { return _a.customFontSize; }), (function (_a) { var theme = _a.theme; return "bold" === _a.customFontWeight ? theme.fontWeight.bold : theme.fontWeight.normal; })), colorOverrideStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { var colorOverride = _a.colorOverride, theme = _a.theme; return colorOverride && theme[colorOverride]; })), ellipsisStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __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) { return _a.lineLimit; })), userSelectModeStyle = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"]))), bulletPointModeStyle = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"]))), tooltipLeftTop = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"]))), tooltipLeftBottom = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"]))), tooltipRightTop = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"]))), tooltipRightBottom = (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"]))), S_TextLabel = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.textAlign; }), (function (_a) { var wordBreak = _a.wordBreak; return wordBreak && { normal: "normal", break_all: "break-all", keep_all: "keep-all", break_word: "break-word" }[wordBreak]; }), (function (_a) { return "letter-spacing: " + _a.$letterSpacing; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { displayBold: displayBold, wizardPageTitleBold: wizardPageTitleBold, headingBold: headingBold, leadParaBold: leadParaBold, leadParaRegular: leadParaRegular, subTitleBold: subTitleBold, subTitleRegular: subTitleRegular, body1Bold: body1Bold, body1Regular: body1Regular, body2Bold: body2Bold, body2Regular: body2Regular, caption1Regular: caption1Regular, caption1Bold: caption1Bold, caption2Regular: caption2Regular, caption2Bold: caption2Bold, form1Regular: form1Regular, form2Regular: form2Regular, blog1Regular: blog1Regular }[styleTheme]; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { sysTextPrimary: sysTextPrimary, sysTextSecondary: sysTextSecondary, sysTextTertiary: sysTextTertiary, sysTextWhite: sysTextWhite, sysTextBlack: sysTextBlack, sysTextError: sysTextError, sysTextWarning: sysTextWarning, sysTextBrandPrimary: sysTextBrandPrimary, sysTextBrandSeconVariant: sysTextBrandSeconVariant, usrTextBrandPrimary: usrTextBrandPrimary, usrTextBrandSeconVariant: usrTextBrandSeconVariant, usrTextBrandOnPrimary: usrTextBrandOnPrimary }[colorTheme]; }), (function (_a) { return _a.customFontSize && customFontStyle; }), (function (_a) { var singleLineMode = _a.singleLineMode, ellipsisMode = _a.ellipsisMode, theme = _a.theme; return "use" === singleLineMode && "none" === ellipsisMode && "line-height: " + theme.desktopLineHeight.singleLine; }), (function (_a) { var ellipsisMode = _a.ellipsisMode, lineLimit = _a.lineLimit; return "use" === ellipsisMode && lineLimit && ellipsisStyle; }), (function (_a) { return _a.colorOverride && colorOverrideStyle; }), (function (_a) { return "none" === _a.userSelectMode && userSelectModeStyle; }), (function (_a) { var textDecorationType = _a.textDecorationType; return textDecorationType && { none: "", line_through: "text-decoration: line-through;" }[textDecorationType]; }), (function (_a) { return "use" === _a.bulletPointMode && bulletPointModeStyle; })), S_AfterTextBox = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; }), (function (_a) { switch (_a.styleTheme) {
150
150
  case "headingBold":
151
151
  case "leadParaBold":
152
152
  case "leadParaRegular": return;
153
153
  default: return "vertical-align: middle";
154
- } })), S_IconWrapper = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"]))), S_TooltipWrapper = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_contextmenu_base; }), (function (_a) { return _a.theme.ui_cpnt_contextmenu_border; }), (function (_a) { return _a.theme.boxShadow.elevation2; }), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; }), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { return !_a.isTooltipOpen && "display: none"; }), (function (_a) { var tooltipPosition = _a.tooltipPosition; return tooltipPosition && { left_top: tooltipLeftTop, left_bottom: tooltipLeftBottom, right_top: tooltipRightTop, right_bottom: tooltipRightBottom }[tooltipPosition]; }));
154
+ } })), S_IconWrapper = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"]))), S_TooltipWrapper = styled_components_1.default.div(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_contextmenu_base; }), (function (_a) { return _a.theme.ui_cpnt_contextmenu_border; }), (function (_a) { return _a.theme.boxShadow.elevation2; }), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; }), (function (_a) { return _a.theme.desktopFontSize.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; }), (function (_a) { return _a.theme.desktopLineHeight.caption2; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { return !_a.isTooltipOpen && "display: none"; }), (function (_a) { var tooltipPosition = _a.tooltipPosition; return tooltipPosition && { left_top: tooltipLeftTop, left_bottom: tooltipLeftBottom, right_top: tooltipRightTop, right_bottom: tooltipRightBottom }[tooltipPosition]; }));
155
155
  exports.default = TextLabel;
156
156
  try {
157
- TextLabel.displayName = "TextLabel", TextLabel.__docgenInfo = { description: "", displayName: "TextLabel", props: { text: { defaultValue: null, description: "", name: "text", required: !0, type: { name: "PDSTextType" } }, tooltipText: { defaultValue: null, description: "", name: "tooltipText", required: !1, type: { name: "PDSTextType" } }, tooltipPosition: { defaultValue: { value: "right_bottom" }, description: "", name: "tooltipPosition", required: !1, type: { name: "enum", value: [{ value: '"left_top"' }, { value: '"left_bottom"' }, { value: '"right_top"' }, { value: '"right_bottom"' }] } }, textAlign: { defaultValue: { value: "left" }, description: "", name: "textAlign", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"left"' }, { value: '"right"' }] } }, styleTheme: { defaultValue: { value: "body2Bold" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"body2Bold"' }, { value: '"displayBold"' }, { value: '"wizardPageTitleBold"' }, { value: '"leadParaBold"' }, { value: '"leadParaRegular"' }, { value: '"subTitleRegular"' }, { value: '"body1Bold"' }, { value: '"body1Regular"' }, { value: '"body2Regular"' }, { value: '"caption1Bold"' }, { value: '"caption1Regular"' }, { value: '"caption2Bold"' }, { value: '"caption2Regular"' }, { value: '"form1Regular"' }, { value: '"form2Regular"' }, { value: '"blog1Regular"' }] } }, colorOverride: { defaultValue: null, description: "", name: "colorOverride", required: !1, type: { name: "enum", value: [{ value: '"ui_cpnt_icon_sys_grey_01"' }, { value: '"ui_cpnt_button_fill_base_primary"' }, { value: '"ui_cpnt_button_fill_base_default"' }, { value: '"ui_cpnt_button_fill_base_white"' }, { value: '"ui_cpnt_button_fill_on_base_hover"' }, { value: '"ui_cpnt_button_fill_on_base_pressed"' }, { value: '"ui_cpnt_button_fill_base_disabled"' }, { value: '"ui_cpnt_button_line_base_pressed"' }, { value: '"ui_cpnt_button_line_base_hover"' }, { value: '"ui_cpnt_button_line_border_default"' }, { value: '"ui_cpnt_button_line_border_enabled"' }, { value: '"ui_cpnt_button_line_border_disabled"' }, { value: '"ui_cpnt_button_line_border_primary"' }, { value: '"ui_cpnt_button_text_primary"' }, { value: '"ui_cpnt_button_text_on_primary"' }, { value: '"ui_cpnt_button_text_enabled"' }, { value: '"ui_cpnt_button_text_disabled"' }, { value: '"ui_cpnt_button_text_default"' }, { value: '"ui_cpnt_button_icon_on_primary"' }, { value: '"ui_cpnt_button_icon_primary"' }, { value: '"ui_cpnt_button_icon_enabled"' }, { value: '"ui_cpnt_button_icon_disabled"' }, { value: '"ui_cpnt_button_icon_default"' }, { value: '"ui_cpnt_textfield_border_normal"' }, { value: '"ui_cpnt_textfield_border_focus"' }, { value: '"ui_cpnt_textfield_border_error"' }, { value: '"ui_cpnt_textfield_base_normal"' }, { value: '"ui_cpnt_textfield_base_disabled"' }, { value: '"ui_cpnt_textfield_text_hint"' }, { value: '"ui_cpnt_textfield_text_typed"' }, { value: '"ui_cpnt_textfield_text_error"' }, { value: '"ui_cpnt_textfield_text_disabled"' }, { value: '"ui_cpnt_textfield_icon_01"' }, { value: '"ui_cpnt_textfield_icon_02"' }, { value: '"ui_cpnt_textfield_icon_03"' }, { value: '"ui_cpnt_list_base_area"' }, { value: '"ui_cpnt_list_base_area_select"' }, { value: '"ui_cpnt_list_text_title"' }, { value: '"ui_cpnt_list_text_description_01"' }, { value: '"ui_cpnt_list_text_caption_01"' }, { value: '"ui_cpnt_headerbar_base_area"' }, { value: '"ui_cpnt_headerbar_text_title"' }, { value: '"ui_cpnt_headerbar_icon"' }, { value: '"ui_cpnt_headerbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area"' }, { value: '"ui_cpnt_tabbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area_sub"' }, { value: '"ui_cpnt_tabbar_border_active_indicator_primary"' }, { value: '"ui_cpnt_tabbar_text_active_primary"' }, { value: '"ui_cpnt_tabbar_border_active_indicator"' }, { value: '"ui_cpnt_tabbar_text_active"' }, { value: '"ui_cpnt_tabbar_text_inactive_01"' }, { value: '"ui_2"' }, { value: '"ui_3"' }, { value: '"ui_4"' }, { value: '"ui_5"' }, { value: '"ui_6"' }, { value: '"ui_7"' }, { value: '"ui_8"' }, { value: '"ui_9"' }, { value: '"ui_cpnt_pagination_slide_dot_active"' }, { value: '"ui_cpnt_pagination_slide_dot_inactive"' }, { value: '"ui_10"' }, { value: '"ui_11"' }, { value: '"ui_cpnt_modal_header_text_title"' }, { value: '"ui_cpnt_modal_header_icon_01"' }, { value: '"ui_cpnt_modal_header_base_area"' }, { value: '"ui_cpnt_modal_header_base_line"' }, { value: '"ui_cpnt_modal_body_primary_text"' }, { value: '"ui_cpnt_modal_body_secondary_text"' }, { value: '"ui_cpnt_modal_footer_base_area"' }, { value: '"ui_cpnt_modal_footer_divider"' }, { value: '"ui_cpnt_modal_base"' }, { value: '"ui_12"' }, { value: '"ui_13"' }, { value: '"ui_14"' }, { value: '"ui_15"' }, { value: '"ui_cpnt_text_emptystate"' }, { value: '"ui_cpnt_chip_fill_icon_inactive"' }, { value: '"ui_cpnt_chip_fill_icon_active_01"' }, { value: '"ui_cpnt_chip_fill_text_inactive"' }, { value: '"ui_cpnt_chip_fill_text_active_01"' }, { value: '"ui_cpnt_chip_fill_base_inactive"' }, { value: '"ui_cpnt_chip_fill_base_active_01"' }, { value: '"ui_cpnt_chip_line_icon_01"' }, { value: '"ui_cpnt_chip_line_text_01"' }, { value: '"ui_cpnt_chip_line_text_disabled"' }, { value: '"ui_cpnt_chip_line_border_01"' }, { value: '"ui_cpnt_chip_base_playtime"' }, { value: '"ui_16"' }, { value: '"ui_cpnt_list_icon_01"' }, { value: '"ui_cpnt_list_icon_02"' }, { value: '"ui_cpnt_bottomsheet_icon_01"' }, { value: '"ui_cpnt_bottomsheet_text_01"' }, { value: '"ui_cpnt_bottomsheet_text_02"' }, { value: '"ui_cpnt_bottomsheet_icon_02"' }, { value: '"ui_19"' }, { value: '"ui_20"' }, { value: '"ui_cpnt_fab_default_base_white"' }, { value: '"ui_cpnt_fab_default_base_red"' }, { value: '"ui_cpnt_fab_default_base_primary"' }, { value: '"ui_cpnt_fab_default_base_hover"' }, { value: '"ui_cpnt_fab_default_on_base_hover"' }, { value: '"ui_cpnt_fab_default_base_pressed"' }, { value: '"ui_cpnt_fab_default_on_base_pressed"' }, { value: '"ui_cpnt_fab_default_base_disabled"' }, { value: '"ui_cpnt_fab_icon_enabled"' }, { value: '"ui_cpnt_fab_icon_on_primary"' }, { value: '"ui_cpnt_fab_icon_disabled"' }, { value: '"ui_cpnt_fab_extended_base_primary"' }, { value: '"ui_cpnt_fab_extended_on_base_hover"' }, { value: '"ui_cpnt_fab_extended_on_base_pressed"' }, { value: '"ui_cpnt_fab_extended_base_disabled"' }, { value: '"ui_cpnt_fab_text_on_primary"' }, { value: '"ui_cpnt_fab_text_disabled"' }, { value: '"ui_cpnt_alertdialog_base"' }, { value: '"ui_cpnt_alertdialog_icon_success"' }, { value: '"ui_cpnt_alertdialog_icon_error"' }, { value: '"ui_cpnt_alertdialog_icon_warning"' }, { value: '"ui_cpnt_alertdialog_text_title"' }, { value: '"ui_cpnt_alertdialog_text_body"' }, { value: '"ui_21"' }, { value: '"ui_22"' }, { value: '"ui_23"' }, { value: '"ui_24"' }, { value: '"ui_25"' }, { value: '"ui_26"' }, { value: '"ui_27"' }, { value: '"ui_cpnt_divider"' }, { value: '"ui_cpnt_select_border_normal"' }, { value: '"ui_cpnt_select_border_focus"' }, { value: '"ui_cpnt_select_base_normal"' }, { value: '"ui_cpnt_select_base_disabled"' }, { value: '"ui_cpnt_select_text_hint"' }, { value: '"ui_cpnt_select_text_selected"' }, { value: '"ui_cpnt_select_text_disabled"' }, { value: '"ui_cpnt_select_icon_01"' }, { value: '"ui_cpnt_select_icon_02"' }, { value: '"ui_28"' }, { value: '"ui_29"' }, { value: '"ui_30"' }, { value: '"ui_cpnt_videoplayer_icon_01"' }, { value: '"ui_32"' }, { value: '"ui_cpnt_selcontrols_icon_primary"' }, { value: '"ui_cpnt_selcontrols_icon_disabled"' }, { value: '"ui_cpnt_selcontrols_icon_default"' }, { value: '"ui_cpnt_selcontrols_text_disabled"' }, { value: '"ui_cpnt_selcontrols_text_default"' }, { value: '"ui_cpnt_selcontrols_icon_on_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_normal"' }, { value: '"ui_cpnt_contextmenu_menu_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_selected"' }, { value: '"ui_cpnt_contextmenu_text"' }, { value: '"ui_cpnt_selcontrols_base_off"' }, { value: '"ui_cpnt_selcontrols_base_on"' }, { value: '"ui_cpnt_tabbar_text_inactive_02"' }, { value: '"ui_cpnt_videoplayer_unavailable"' }, { value: '"ui_cpnt_list_divider"' }, { value: '"ui_cpnt_button_fill_base_transparent"' }, { value: '"ui_cpnt_list_badge_active"' }, { value: '"ui_cpnt_list_badge_active_primary"' }, { value: '"ui_cpnt_list_badge_disabled"' }, { value: '"ui_cpnt_list_badge_cancel"' }, { value: '"ui_cpnt_list_text_quantity_plus"' }, { value: '"ui_cpnt_content_card_base"' }, { value: '"ui_cpnt_content_icon_03"' }, { value: '"ui_cpnt_content_icon_01"' }, { value: '"ui_cpnt_content_icon_02"' }, { value: '"ui_cpnt_content_card_status_a"' }, { value: '"ui_cpnt_content_card_status_b"' }, { value: '"ui_cpnt_content_card_status_c"' }, { value: '"ui_cpnt_content_card_status_d"' }, { value: '"ui_cpnt_textgroup_base_area"' }, { value: '"ui_cpnt_imageslide_active"' }, { value: '"ui_cpnt_imageslide_inactive"' }, { value: '"ui_cpnt_videoplayer_icon_02"' }, { value: '"ui_cpnt_videoplayer_text_01"' }, { value: '"ui_cpnt_videoplayer_text_02"' }, { value: '"ui_cpnt_videoplayer_scrubber_01"' }, { value: '"ui_cpnt_videoplayer_scrubber_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_base"' }, { value: '"ui_cpnt_videoplayer_playbar_02"' }, { value: '"ui_cpnt_videoplayer_playbar_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_01"' }, { value: '"ui_cpnt_tableheadbar_title"' }, { value: '"ui_cpnt_tableheaderbar_text_default"' }, { value: '"ui_cpnt_tableheaderbar_text_disabled"' }, { value: '"ui_cpnt_tableheaderbar_icon_01"' }, { value: '"ui_cpnt_datatable_text_01"' }, { value: '"ui_cpnt_datatable_text_02"' }, { value: '"ui_cpnt_datatable_text_03"' }, { value: '"ui_cpnt_datatable_text_textbutton"' }, { value: '"ui_cpnt_datatable_text_active"' }, { value: '"ui_cpnt_datatable_base_default"' }, { value: '"ui_cpnt_datatable_base_hover"' }, { value: '"ui_cpnt_datatable_text_inactive"' }, { value: '"ui_cpnt_datatable_bulkaction_base"' }, { value: '"ui_cpnt_datatable_icon_01"' }, { value: '"ui_cpnt_datatable_text_04"' }, { value: '"ui_cpnt_chip_fill_base_active_02"' }, { value: '"ui_cpnt_chip_fill_text_active_02"' }, { value: '"ui_cpnt_chip_fill_icon_active_02"' }, { value: '"ui_cpnt_dropdown_border_normal"' }, { value: '"ui_cpnt_dropdown_border_focus"' }, { value: '"ui_cpnt_dropdown_base_normal"' }, { value: '"ui_cpnt_dropdown_base_disabled"' }, { value: '"ui_cpnt_dropdown_text_hint"' }, { value: '"ui_cpnt_dropdown_text_selected"' }, { value: '"ui_cpnt_dropdown_text_disabled"' }, { value: '"ui_cpnt_dropdown_icon_01"' }, { value: '"ui_cpnt_dropdown_icon_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_01"' }, { value: '"ui_cpnt_datatable_icon_02"' }, { value: '"ui_cpnt_datatable_icon_03"' }, { value: '"ui_cpnt_datatable_icon_04"' }, { value: '"ui_cpnt_sidebar_common_base"' }, { value: '"ui_cpnt_sidebar_header_base"' }, { value: '"ui_cpnt_sidebar_label_base"' }, { value: '"ui_cpnt_sidebar_listitem_base_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_base_active"' }, { value: '"ui_cpnt_sidebar_footer_base"' }, { value: '"ui_cpnt_sidebar_label_icon"' }, { value: '"ui_cpnt_sidebar_listitem_icon_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_icon_active"' }, { value: '"ui_cpnt_sidebar_icon_01"' }, { value: '"ui_cpnt_modal_body_base"' }, { value: '"ui_cpnt_modal_header_icon_02"' }, { value: '"ui_cpnt_selectcard_base_selected"' }, { value: '"ui_cpnt_selectcard_base_default"' }, { value: '"ui_cpnt_selectcard_icon_default"' }, { value: '"ui_cpnt_selectcard_icon_selected"' }, { value: '"ui_cpnt_selectcard_text_01"' }, { value: '"ui_cpnt_selectcard_text_02"' }, { value: '"ui_cpnt_selectcard_text_03"' }, { value: '"ui_cpnt_bannerslidecontent_text_white"' }, { value: '"ui_cpnt_modal_header_icon_03"' }, { value: '"ui_cpnt_modal_body_tertiary_text"' }, { value: '"ui_cpnt_list_timestatus_base"' }, { value: '"ui_cpnt_list_text_timestatus"' }, { value: '"ui_cpnt_imageview_base_03"' }, { value: '"ui_34"' }, { value: '"ui_cpnt_editorsidebar_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_text"' }, { value: '"ui_cpnt_editorsidebar_card_base_default"' }, { value: '"ui_cpnt_editorsidebar_card_base_selected"' }, { value: '"ui_cpnt_editorsidebar_text_default"' }, { value: '"ui_cpnt_editorsidebar_text_selected"' }, { value: '"ui_cpnt_editorsidebar_icon_default"' }, { value: '"ui_cpnt_editorsidebar_icon_selected"' }, { value: '"ui_cpnt_editorsidebar_card_border"' }, { value: '"ui_cpnt_step_base_area"' }, { value: '"ui_cpnt_step_text_inactive"' }, { value: '"ui_cpnt_step_text_active"' }, { value: '"ui_cpnt_step_circular_inactive"' }, { value: '"ui_cpnt_step_circular_active"' }, { value: '"ui_cpnt_step_icon"' }, { value: '"ui_cpnt_step_text_number"' }, { value: '"ui_cpnt_imageslide_dot_area_1"' }, { value: '"ui_cpnt_imageslide_dot_area_2"' }, { value: '"ui_cpnt_editorsidebar_text_disabled"' }, { value: '"ui_cpnt_editorsidebar_icon_disabled"' }, { value: '"ui_cpnt_editorsidebar_card_border_disabled"' }, { value: '"ui_cpnt_userdesktopnavbar_base_area"' }, { value: '"ui_cpnt_button_line_base_default"' }, { value: '"ui_cpnt_userdesktoptabbar_base_area"' }, { value: '"ui_cpnt_userdesktoptabbar_divider"' }, { value: '"ui_cpnt_userdesktoptabbar_border_active_indicator"' }, { value: '"ui_cpnt_userdesktoptabbar_text_active"' }, { value: '"ui_cpnt_userdesktoptabbar_text_inactive"' }, { value: '"ui_cpnt_selcontrols_base_off_disabled"' }, { value: '"ui_cpnt_selcontrols_base_on_disabled"' }, { value: '"ui_cpnt_selcontrols_circular"' }, { value: '"ui_cpnt_chip_line_icon_02"' }, { value: '"ui_cpnt_overlay_base"' }, { value: '"ui_cpnt_profile_base"' }, { value: '"ui_cpnt_card_base"' }, { value: '"ui_cpnt_card_selected_border"' }, { value: '"ui_cpnt_card_icon_basic"' }, { value: '"ui_cpnt_card_icon_custom"' }, { value: '"ui_cpnt_card_icon_create"' }, { value: '"ui_cpnt_modal_dimmed"' }, { value: '"ui_cpnt_alertdialog_dimmed"' }, { value: '"ui_cpnt_bottomsheet_base"' }, { value: '"ui_cpnt_bottomsheet_icon_03"' }, { value: '"ui_cpnt_button_icon_white"' }, { value: '"ui_cpnt_list_icon_03"' }, { value: '"ui_cpnt_list_icon_active_primary"' }, { value: '"ui_cpnt_alertdialog_icon_information"' }, { value: '"ui_cpnt_bottomsheet_bar"' }, { value: '"ui_cpnt_button_line_border_error"' }, { value: '"ui_cpnt_button_text_error"' }, { value: '"ui_cpnt_button_icon_error"' }, { value: '"ui_cpnt_textlabel_sys_primary"' }, { value: '"ui_cpnt_textlabel_sys_secondary"' }, { value: '"ui_cpnt_textlabel_sys_tertiary"' }, { value: '"ui_cpnt_textlabel_sys_white"' }, { value: '"ui_cpnt_textlabel_sys_brandprimary"' }, { value: '"ui_cpnt_textlabel_sys_error"' }, { value: '"ui_cpnt_textlabel_sys_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandprimary"' }, { value: '"ui_cpnt_textlabel_usr_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandonprimary"' }, { value: '"ui_cpnt_list_text_body"' }, { value: '"ui_cpnt_card_icon_background_01"' }, { value: '"ui_cpnt_card_icon_background_02"' }, { value: '"ui_cpnt_card_icon_background_03"' }, { value: '"ui_cpnt_bannerslide_gradient_1"' }, { value: '"ui_cpnt_bannerslide_gradient_2"' }, { value: '"ui_cpnt_modal_gradient_1"' }, { value: '"ui_cpnt_modal_gradient_2"' }, { value: '"ui_cpnt_list_icon_04"' }, { value: '"ui_cpnt_list_thumbnail_border"' }, { value: '"ui_cpnt_list_thumbnail_gradient_1"' }, { value: '"ui_cpnt_list_thumbnail_gradient_2"' }, { value: '"ui_cpnt_list_base_area_active"' }, { value: '"ui_cpnt_contextmenu_base"' }, { value: '"ui_cpnt_videoplayer_gradient_1"' }, { value: '"ui_cpnt_videoplayer_gradient_2"' }, { value: '"ui_cpnt_videoplayer_overlay"' }, { value: '"ui_globalmenucontainer_background"' }, { value: '"ui_pagemenucontainer_background"' }, { value: '"ui_submenucontainer_background"' }, { value: '"ui_tabmenucontainer_background"' }, { value: '"ui_contentscontainer01_background"' }, { value: '"ui_contentscontainer02_background"' }, { value: '"ui_cpnt_bannerslide_icon_01"' }, { value: '"ui_cpnt_card_shadow"' }, { value: '"ui_cpnt_bannerslide_pagination_active"' }, { value: '"ui_cpnt_bannerslide_pagination_inactive"' }, { value: '"ui_cpnt_icon_usr_brandprimary"' }, { value: '"ui_container_divider"' }, { value: '"ui_area_divider"' }, { value: '"ui_cpnt_list_base_area_seller"' }, { value: '"ui_temp_grey_01"' }, { value: '"ui_temp_grey_02"' }, { value: '"ui_temp_grey_03"' }, { value: '"ui_temp_grey_04"' }, { value: '"ui_temp_grey_05"' }, { value: '"ui_temp_white"' }, { value: '"ui_temp_primary_01"' }, { value: '"ui_temp_secondary_01"' }, { value: '"ui_temp_red"' }, { value: '"ui_temp_white_opacity_00"' }, { value: '"ui_temp_dimmed"' }, { value: '"ui_temp_black"' }, { value: '"ui_temp_primary_02"' }, { value: '"ui_temp_primary_03"' }, { value: '"ui_temp_secondary_02"' }, { value: '"ui_temp_lightgreen_01"' }, { value: '"ui_cpnt_userdesktopnavbar_profile_border"' }, { value: '"ui_cpnt_textlabel_sys_grey_04"' }, { value: '"ui_papp_post_social_background"' }, { value: '"ui_papp_post_notice_background"' }, { value: '"ui_papp_post_free_background"' }, { value: '"ui_papp_vod_background"' }, { value: '"ui_papp_vodplus_background"' }, { value: '"ui_papp_live_background"' }, { value: '"ui_community_pagination_base_area"' }, { value: '"ui_cpnt_contextmenu_border"' }, { value: '"ui_profile_image_border"' }, { value: '"ui_cpnt_alertdialog_border"' }, { value: '"ui_cpnt_modal_border"' }, { value: '"ui_cpnt_card_border"' }, { value: '"ui_cpnt_overlay_border"' }, { value: '"ui_cpnt_datatable_base_selected"' }, { value: '"ui_cpnt_icon_sys_brandprimary"' }, { value: '"ui_cpnt_icon_sys_grey_02"' }, { value: '"ui_cpnt_icon_sys_grey_03"' }, { value: '"ui_cpnt_icon_sys_error_01"' }, { value: '"ui_cpnt_icon_sys_warning_01"' }, { value: '"ui_cpnt_icon_sys_success_01"' }, { value: '"ui_cpnt_icon_usr_brandsecondary"' }, { value: '"ui_papp_post_notice_link"' }, { value: '"ui_cpnt_headerbar_icon_02"' }, { value: '"ui_m_navigationcontainer_background"' }, { value: '"ui_m_tabcontainer_background"' }, { value: '"ui_m_contentscontainer01_background"' }, { value: '"ui_m_contentscontainer02_background"' }, { value: '"ui_cpnt_statusblock_basic"' }, { value: '"ui_cpnt_statusblock_standby"' }, { value: '"ui_cpnt_statusblock_proceeding"' }, { value: '"ui_cpnt_statusblock_cancel"' }, { value: '"ui_cpnt_statusblock_end"' }, { value: '"ui_cpnt_statusblock_error"' }, { value: '"ui_cpnt_list_base_area_solid"' }, { value: '"ui_cpnt_list_base_area_translucent"' }, { value: '"ui_cpnt_list_base_area_transparent"' }, { value: '"ui_cpnt_list_text_caption_02"' }, { value: '"ui_cpnt_button_line_border_darktheme_enabled"' }, { value: '"ui_cpnt_button_line_border_darktheme_disabled"' }, { value: '"ui_cpnt_button_line_base_darktheme_default"' }, { value: '"ui_cpnt_button_line_base_darktheme_hover"' }, { value: '"ui_cpnt_button_line_base_darktheme_pressed"' }, { value: '"ui_cpnt_button_text_darktheme_enabled"' }, { value: '"ui_cpnt_button_text_darktheme_disabled"' }, { value: '"ui_cpnt_button_icon_darktheme_enabled"' }, { value: '"ui_cpnt_button_icon_darktheme_disabled"' }, { value: '"ui_cpnt_icon_sys_white"' }, { value: '"ui_cpnt_button_fill_base_media"' }, { value: '"ui_cpnt_textfield_text_darktheme_enabled"' }, { value: '"ui_cpnt_textfield_text_darktheme_hint"' }, { value: '"ui_cpnt_textfield_text_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_icon_darktheme_default"' }, { value: '"ui_cpnt_textfield_icon_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_border_darktheme_normal"' }, { value: '"ui_cpnt_textfield_border_darktheme_focus"' }, { value: '"ui_cpnt_textfield_border_darktheme_error"' }, { value: '"ui_cpnt_textfield_text_darktheme_error"' }, { value: '"ui_cpnt_textfield_base_darktheme_disabled"' }, { value: '"ui_cpnt_select_text_darktheme_enabled"' }, { value: '"ui_cpnt_select_text_darktheme_hint"' }, { value: '"ui_cpnt_select_text_darktheme_disabled"' }, { value: '"ui_cpnt_select_icon_darktheme_default"' }, { value: '"ui_cpnt_select_icon_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_normal"' }, { value: '"ui_cpnt_select_border_darktheme_focus"' }, { value: '"ui_cpnt_select_base_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_enabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_hint"' }, { value: '"ui_cpnt_dropdown_text_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_default"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_border_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_focus"' }, { value: '"ui_cpnt_dropdown_base_darktheme_disabled"' }, { value: '"ui_cpnt_sheet_base"' }, { value: '"ui_cpnt_button_icon_darktheme_default"' }, { value: '"ui_cpnt_button_icon_darktheme_primary"' }, { value: '"ui_cpnt_button_text_darktheme_default"' }, { value: '"ui_cpnt_button_text_darktheme_primary"' }, { value: '"ui_35"' }, { value: '"ui_cpnt_button_fill_base_black_opacity50"' }, { value: '"ui_cpnt_sheet_base_white"' }, { value: '"ui_cpnt_sheet_base_black"' }, { value: '"ui_cpnt_sheet_base_01"' }, { value: '"ui_cpnt_sheet_base_02"' }, { value: '"ui_temp_background"' }, { value: '"ui_list_progress_shape_normal"' }, { value: '"ui_list_progress_shape_error"' }, { value: '"ui_list_progress_shape_base"' }, { value: '"ui_cpnt_textlabel_sys_brand_primary_opacity50"' }, { value: '"ui_cpnt_progressbar_01"' }, { value: '"ui_cpnt_progressbar_02"' }, { value: '"ui_36"' }, { value: '"ui_37"' }, { value: '"ui_39"' }, { value: '"ui_cpnt_divider_white_opacity30"' }, { value: '"ui_toppagemenucontainer_background_wt_m"' }, { value: '"ui_contentscontainer_background_wt_m"' }, { value: '"ui_toppagemenuarea_background_wt_m"' }, { value: '"ui_contentsarea_background_wt_m"' }, { value: '"ui_cpnt_standardbanner_base_default"' }, { value: '"ui_channeldesc_white"' }, { value: '"ui_channeldesc_grey_03"' }, { value: '"ui_channeldesc_border_grey_03"' }, { value: '"ui_cpnt_bottomsheet_border"' }, { value: '"ui_cpnt_userdesktopsidetab_base_area"' }, { value: '"ui_cpnt_pg_gradient_01"' }, { value: '"ui_cpnt_pg_gradient_02"' }, { value: '"ui_channeldesc_background"' }, { value: '"ui_channeldesc_bottomsheet_base"' }, { value: '"ui_channeldesc_bottomsheet_border"' }, { value: '"ui_channeldesc_contents_base"' }, { value: '"ui_channeldesc_dimmed"' }, { value: '"ui_cpnt_pg_gradient_03"' }, { value: '"ui_cpnt_pg_gradient_04"' }, { value: '"ui_cpnt_pg_gradient_05"' }, { value: '"ui_cpnt_mask_base"' }, { value: '"ui_temp_usr_primary_01"' }, { value: '"ui_cpnt_sheet_base_02_opacity50"' }, { value: '"ui_menu_primarymenu_main"' }, { value: '"ui_menu_primarymenu_sub"' }, { value: '"ui_menu_secondarymenu_main"' }, { value: '"ui_menu_secondarymenu_sub"' }, { value: '"ui_menu_hover"' }, { value: '"ui_menu_active"' }, { value: '"ui_menu_background"' }, { value: '"ui_cpnt_video_progress_base"' }, { value: '"ui_cpnt_icon_sys_dark"' }, { value: '"ui_menu_background_gradient_opacity00"' }, { value: '"ui_cpnt_dropdown_border_white_normal"' }, { value: '"ui_cpnt_dropdown_text_white_enabled"' }, { value: '"ui_cpnt_dropdown_text_white_hint"' }, { value: '"ui_cpnt_dropdown_icon_white_default"' }, { value: '"ui_cpnt_dropdown_border_white_focus"' }, { value: '"ui_cpnt_dropdown_base_white_normal"' }, { value: '"ui_profile_image_border_brandprimary"' }, { value: '"ui_cpnt_dropdown_base_white_disabled"' }, { value: '"ui_cpnt_dropdown_border_white_disabled"' }, { value: '"ui_cpnt_sheet_base_white_opacity00"' }, { value: '"ui_dimmed_01"' }, { value: '"ui_cpnt_reactionbutton_base_01"' }, { value: '"ui_cpnt_textfield_border_disabled"' }, { value: '"ui_cpnt_dropdown_border_disabled"' }, { value: '"ui_cpnt_select_border_disabled"' }, { value: '"ui_cpnt_dropdown_base_darktheme_normal"' }, { value: '"ui_cpnt_textfield_text_readonly"' }, { value: '"ui_cpnt_select_text_readonly"' }, { value: '"ui_cpnt_dropdown_text_readonly"' }, { value: '"ui_cpnt_select_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_white_readonly"' }, { value: '"ui_cpnt_blogtextfield_base_01"' }, { value: '"ui_cpnt_textfield_base_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_white_disabled"' }, { value: '"ui_cpnt_select_base_darktheme_normal"' }, { value: '"ui_hero_title_text"' }, { value: '"ui_hero_description_text"' }, { value: '"ui_cpnt_divider_area"' }, { value: '"ui_cpnt_button_white_base_hover"' }, { value: '"ui_cpnt_button_white_base_pressed"' }, { value: '"ui_cpnt_list_base_area_hover"' }, { value: '"ui_cpnt_sheet_border_01"' }, { value: '"ui_cpnt_sheet_border_02"' }, { value: '"ui_cpnt_sheet_border_03"' }, { value: '"ui_43"' }, { value: '"ui_44"' }, { value: '"ui_45"' }, { value: '"ui_46"' }, { value: '"ui_47"' }, { value: '"ui_cpnt_sheet_base_03"' }, { value: '"ui_48"' }, { value: '"ui_49"' }, { value: '"ui_50"' }, { value: '"ui_51"' }, { value: '"ui_cpnt_list_text_caption_03"' }, { value: '"ui_cpnt_list_chatbubble_base_area"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my"' }, { value: '"ui_cpnt_list_chatbubble_text_my"' }, { value: '"ui_papp_livechat_link"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_text_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_text_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my_color"' }, { value: '"ui_cpnt_list_chatbubble_text_my_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller"' }, { value: '"ui_cpnt_list_chatbubble_text_seller"' }, { value: '"ui_52"' }, { value: '"ui_cpnt_imageview_dimmed"' }, { value: '"ui_53"' }, { value: '"ui_54"' }, { value: '"ui_55"' }, { value: '"ui_56"' }, { value: '"ui_cpnt_sheet_base_04"' }, { value: '"ui_cpnt_masking_base_01"' }, { value: '"ui_cpnt_masking_icon_01"' }, { value: '"ui_cpnt_list_base_area_transparent_seller"' }, { value: '"ui_57"' }, { value: '"ui_58"' }, { value: '"ui_cpnt_divider_white_opacity00"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_enabled"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_hint"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_default"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_focus"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_lottiereactionbutton_base_01"' }, { value: '"ui_cpnt_lottiereactionbutton_base_02"' }, { value: '"ui_cpnt_lottiereactionbutton_base_03"' }, { value: '"ui_cpnt_lottiereactionbutton_base_04"' }, { value: '"ui_cpnt_lottiereactionbutton_base_05"' }, { value: '"ui_60"' }, { value: '"ui_61"' }, { value: '"ui_loading_skeleton_01"' }, { value: '"ui_loading_skeleton_02"' }, { value: '"ui_loading_linear_bar"' }, { value: '"ui_loading_linear_base"' }, { value: '"ui_loading_three_bar"' }, { value: '"ui_menu_button_base"' }, { value: '"ui_cpnt_calendar_status_a"' }, { value: '"ui_cpnt_calendar_status_b"' }, { value: '"ui_cpnt_calendar_status_c"' }, { value: '"ui_menu_background_transparent"' }, { value: '"ui_globalmenucontainer_background_transparent"' }, { value: '"ui_pagemenucontainer_background_transparent"' }, { value: '"ui_submenucontainer_background_transparent"' }, { value: '"ui_tabmenucontainer_background_transparent"' }, { value: '"ui_contentscontainer01_background_transparent"' }, { value: '"ui_contentscontainer02_background_transparent"' }, { value: '"ui_toppagemenucontainer_background_wt_m_transparent"' }, { value: '"ui_contentscontainer_background_wt_m_transparent"' }, { value: '"ui_menu_button_base_transparent"' }, { value: '"ui_dimmed_02"' }, { value: '"ui_cpnt_sheet_base_05"' }, { value: '"ui_62"' }, { value: '"ui_cpnt_calendar_date_hover"' }, { value: '"ui_cpnt_calendar_date_pressed"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_01"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_02"' }, { value: '"ui_cpnt_calendar_base"' }, { value: '"ui_cpnt_calendar_border"' }, { value: '"ui_cpnt_calendar_label_base_schedules"' }, { value: '"ui_cpnt_calendar_label_base_expired_schedules"' }, { value: '"ui_cpnt_calendar_label_border_default"' }, { value: '"ui_cpnt_calendar_label_border_schedules"' }, { value: '"ui_cpnt_calendar_label_border_expired_schedules"' }, { value: '"ui_cpnt_calendar_real_time_line"' }, { value: '"ui_cpnt_calendar_date_selected"' }, { value: '"ui_pagination_base_area"' }, { value: '"ui_cpnt_calendar_label_base_standby_selected"' }, { value: '"ui_cpnt_calendar_label_border_standby"' }, { value: '"ui_cpnt_calendar_text_status_standby"' }, { value: '"ui_cpnt_calendar_label_base_booked_selected"' }, { value: '"ui_cpnt_calendar_label_border_booked"' }, { value: '"ui_cpnt_calendar_text_status_booked"' }, { value: '"ui_cpnt_calendar_label_base_expired_selected"' }, { value: '"ui_cpnt_calendar_label_border_expired"' }, { value: '"ui_cpnt_calendar_text_status_expired"' }, { value: '"ui_cpnt_calendar_label_base_standby_default"' }, { value: '"ui_cpnt_calendar_label_base_booked_default"' }, { value: '"ui_cpnt_calendar_label_base_expired_default"' }, { value: '"ui_cpnt_calendar_badge_standby"' }, { value: '"ui_cpnt_calendar_badge_booked"' }, { value: '"ui_cpnt_calendar_badge_expired"' }, { value: '"ui_cpnt_calendar_text_today"' }, { value: '"ui_cpnt_textlabel_sys_warning"' }, { value: '"ui_cpnt_lottiereactionbutton_base_default"' }, { value: '"ui_cpnt_sheet_base_06"' }, { value: '"ui_cpnt_sheet_base_07"' }, { value: '"ui_cpnt_sheet_base_08"' }, { value: '"ui_cpnt_pagination_dot_01"' }, { value: '"ui_cpnt_pagination_dot_02"' }, { value: '"ui_cpnt_pagination_dot_border"' }, { value: '"ui_63"' }, { value: '"ui_64"' }, { value: '"ui_cpnt_sheet_border_04"' }, { value: '"ui_cpnt_button_fill_base_01"' }, { value: '"ui_cpnt_button_fill_base_hangup"' }, { value: '"ui_cpnt_refund_text_status_issued"' }, { value: '"ui_cpnt_refund_text_status_refunded"' }, { value: '"ui_cpnt_divider_white_01"' }, { value: '"ui_cpnt_timer_base_01"' }, { value: '"ui_cpnt_timer_base_timeup"' }, { value: '"ui_66"' }, { value: '"ui_67"' }, { value: '"ui_cpnt_videoplayer_gradient_3"' }, { value: '"ui_68"' }, { value: '"ui_69"' }, { value: '"ui_cpnt_divider_white_02"' }, { value: '"ui_cpnt_list_chatbubble_base_brand_primary"' }, { value: '"ui_cpnt_list_chatbubble_base_grey"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_white"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_black"' }, { value: '"ui_avatar_border_translucent_white"' }, { value: '"ui_avatar_border_translucent_black"' }, { value: '"ui_cpnt_textfield_base_hover"' }, { value: '"ui_cpnt_textfield_base_pressed"' }, { value: '"ui_cpnt_button_secondary_on_base_hover"' }, { value: '"ui_cpnt_button_secondary_on_base_pressed"' }, { value: '"ui_cpnt_select_base_hover"' }, { value: '"ui_cpnt_select_base_pressed"' }, { value: '"ui_cpnt_dropdown_base_hover"' }, { value: '"ui_cpnt_dropdown_base_pressed"' }, { value: '"ui_cpnt_sheet_base_09"' }, { value: '"ui_wizard_pagemenucontainer_background"' }, { value: '"ui_stepcontainer_background"' }, { value: '"ui_wizard_contentscontainer01_background"' }, { value: '"ui_wizard_contentscontainer02_background"' }, { value: '"ui_70"' }, { value: '"ui_cpnt_button_primary_variation_base_enabled"' }, { value: '"ui_cpnt_button_text_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_icon_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_secondary_variation_base_default"' }, { value: '"ui_cpnt_button_secondary_variation_base_hover"' }, { value: '"ui_cpnt_button_secondary_variation_base_pressed"' }, { value: '"ui_editor_base_pages"' }, { value: '"ui_editor_base_papp"' }, { value: '"ui_container_scroll"' }, { value: '"ui_pages_section_dimmed"' }, { value: '"ui_71"' }, { value: '"ui_cpnt_textlabel_sys_black"' }, { value: '"ui_cpnt_sheet_base_10"' }, { value: '"ui_cpnt_sheet_base_11"' }, { value: '"ui_72"' }, { value: '"ui_73"' }, { value: '"ui_cpnt_sidebar_listitem_base_hover"' }, { value: '"ui_avatar_border_brandprimary"' }, { value: '"ui_avatar_border"' }, { value: '"ui_editor_rightside_title_tabbar_base"' }, { value: '"ui_editor_preview_base"' }, { value: '"ui_editor_preview_divice_area_border"' }, { value: '"ui_editor_preview_background"' }, { value: '"ui_editor_leftside_base"' }, { value: '"ui_cpnt_sidebar_label_text"' }, { value: '"ui_cpnt_dropdown_base_hover_darktheme"' }, { value: '"ui_cpnt_dropdown_base_pressed_darktheme"' }, { value: '"ui_cpnt_dropdown_base_hover_white"' }, { value: '"ui_cpnt_dropdown_base_pressed_white"' }, { value: '"ui_cpnt_textfield_base_hover_darktheme"' }, { value: '"ui_cpnt_textfield_base_pressed_darktheme"' }, { value: '"ui_cpnt_select_base_hover_darktheme"' }, { value: '"ui_cpnt_select_base_pressed_darktheme"' }, { value: '"ui_cpnt_textfield_base_hover_transparent"' }, { value: '"ui_cpnt_textfield_base_pressed_transparent"' }, { value: '"ui_cpnt_reactionbutton_base_02"' }, { value: '"ui_create_ch_step_prev"' }, { value: '"ui_editor_preview_editing"' }] } }, colorTheme: { defaultValue: { value: "sysTextPrimary" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"sysTextPrimary"' }, { value: '"sysTextSecondary"' }, { value: '"sysTextTertiary"' }, { value: '"sysTextWhite"' }, { value: '"sysTextError"' }, { value: '"sysTextWarning"' }, { value: '"sysTextBrandPrimary"' }, { value: '"sysTextBrandSeconVariant"' }, { value: '"usrTextBrandPrimary"' }, { value: '"usrTextBrandSeconVariant"' }, { value: '"usrTextBrandOnPrimary"' }] } }, singleLineMode: { defaultValue: { value: "none" }, description: "", name: "singleLineMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, ellipsisMode: { defaultValue: { value: "none" }, description: "", name: "ellipsisMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, lineLimit: { defaultValue: null, description: "", name: "lineLimit", required: !1, type: { name: "number" } }, userSelectMode: { defaultValue: { value: "none" }, description: "", name: "userSelectMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, customFontSize: { defaultValue: null, description: "", name: "customFontSize", required: !1, type: { name: "string" } }, customFontWeight: { defaultValue: null, description: "", name: "customFontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, textDecorationType: { defaultValue: { value: "none" }, description: "", name: "textDecorationType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line_through"' }] } }, requirementMode: { defaultValue: { value: "none" }, description: "", name: "requirementMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, bulletPointMode: { defaultValue: { value: "none" }, description: "", name: "bulletPointMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, wordBreak: { defaultValue: { value: "keep_all" }, description: "", name: "wordBreak", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"keep_all"' }, { value: '"break_all"' }, { value: '"break_word"' }] } }, letterSpacing: { defaultValue: null, description: "", name: "letterSpacing", required: !1, type: { name: "string" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/TextLabel/TextLabel.tsx#TextLabel"] = { docgenInfo: TextLabel.__docgenInfo, name: "TextLabel", path: "src/desktop/components/TextLabel/TextLabel.tsx#TextLabel" });
157
+ TextLabel.displayName = "TextLabel", TextLabel.__docgenInfo = { description: "", displayName: "TextLabel", props: { text: { defaultValue: null, description: "", name: "text", required: !0, type: { name: "PDSTextType" } }, tooltipText: { defaultValue: null, description: "", name: "tooltipText", required: !1, type: { name: "PDSTextType" } }, tooltipPosition: { defaultValue: { value: "right_bottom" }, description: "", name: "tooltipPosition", required: !1, type: { name: "enum", value: [{ value: '"left_top"' }, { value: '"left_bottom"' }, { value: '"right_top"' }, { value: '"right_bottom"' }] } }, textAlign: { defaultValue: { value: "left" }, description: "", name: "textAlign", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"left"' }, { value: '"right"' }] } }, styleTheme: { defaultValue: { value: "body2Bold" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"body2Bold"' }, { value: '"displayBold"' }, { value: '"wizardPageTitleBold"' }, { value: '"leadParaBold"' }, { value: '"leadParaRegular"' }, { value: '"subTitleRegular"' }, { value: '"body1Bold"' }, { value: '"body1Regular"' }, { value: '"body2Regular"' }, { value: '"caption1Bold"' }, { value: '"caption1Regular"' }, { value: '"caption2Bold"' }, { value: '"caption2Regular"' }, { value: '"form1Regular"' }, { value: '"form2Regular"' }, { value: '"blog1Regular"' }] } }, colorOverride: { defaultValue: null, description: "", name: "colorOverride", required: !1, type: { name: "enum", value: [{ value: '"ui_cpnt_icon_sys_grey_01"' }, { value: '"ui_cpnt_button_fill_base_primary"' }, { value: '"ui_cpnt_button_fill_base_default"' }, { value: '"ui_cpnt_button_fill_base_white"' }, { value: '"ui_cpnt_button_fill_on_base_hover"' }, { value: '"ui_cpnt_button_fill_on_base_pressed"' }, { value: '"ui_cpnt_button_fill_base_disabled"' }, { value: '"ui_cpnt_button_line_base_pressed"' }, { value: '"ui_cpnt_button_line_base_hover"' }, { value: '"ui_cpnt_button_line_border_default"' }, { value: '"ui_cpnt_button_line_border_enabled"' }, { value: '"ui_cpnt_button_line_border_disabled"' }, { value: '"ui_cpnt_button_line_border_primary"' }, { value: '"ui_cpnt_button_text_primary"' }, { value: '"ui_cpnt_button_text_on_primary"' }, { value: '"ui_cpnt_button_text_enabled"' }, { value: '"ui_cpnt_button_text_disabled"' }, { value: '"ui_cpnt_button_text_default"' }, { value: '"ui_cpnt_button_icon_on_primary"' }, { value: '"ui_cpnt_button_icon_primary"' }, { value: '"ui_cpnt_button_icon_enabled"' }, { value: '"ui_cpnt_button_icon_disabled"' }, { value: '"ui_cpnt_button_icon_default"' }, { value: '"ui_cpnt_textfield_border_normal"' }, { value: '"ui_cpnt_textfield_border_focus"' }, { value: '"ui_cpnt_textfield_border_error"' }, { value: '"ui_cpnt_textfield_base_normal"' }, { value: '"ui_cpnt_textfield_base_disabled"' }, { value: '"ui_cpnt_textfield_text_hint"' }, { value: '"ui_cpnt_textfield_text_typed"' }, { value: '"ui_cpnt_textfield_text_error"' }, { value: '"ui_cpnt_textfield_text_disabled"' }, { value: '"ui_cpnt_textfield_icon_01"' }, { value: '"ui_cpnt_textfield_icon_02"' }, { value: '"ui_cpnt_textfield_icon_03"' }, { value: '"ui_cpnt_list_base_area"' }, { value: '"ui_cpnt_list_base_area_select"' }, { value: '"ui_cpnt_list_text_title"' }, { value: '"ui_cpnt_list_text_description_01"' }, { value: '"ui_cpnt_list_text_caption_01"' }, { value: '"ui_cpnt_headerbar_base_area"' }, { value: '"ui_cpnt_headerbar_text_title"' }, { value: '"ui_cpnt_headerbar_icon"' }, { value: '"ui_cpnt_headerbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area"' }, { value: '"ui_cpnt_tabbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area_sub"' }, { value: '"ui_cpnt_tabbar_border_active_indicator_primary"' }, { value: '"ui_cpnt_tabbar_text_active_primary"' }, { value: '"ui_cpnt_tabbar_border_active_indicator"' }, { value: '"ui_cpnt_tabbar_text_active"' }, { value: '"ui_cpnt_tabbar_text_inactive_01"' }, { value: '"ui_2"' }, { value: '"ui_3"' }, { value: '"ui_4"' }, { value: '"ui_5"' }, { value: '"ui_6"' }, { value: '"ui_7"' }, { value: '"ui_8"' }, { value: '"ui_9"' }, { value: '"ui_cpnt_pagination_slide_dot_active"' }, { value: '"ui_cpnt_pagination_slide_dot_inactive"' }, { value: '"ui_10"' }, { value: '"ui_11"' }, { value: '"ui_cpnt_modal_header_text_title"' }, { value: '"ui_cpnt_modal_header_icon_01"' }, { value: '"ui_cpnt_modal_header_base_area"' }, { value: '"ui_cpnt_modal_header_base_line"' }, { value: '"ui_cpnt_modal_body_primary_text"' }, { value: '"ui_cpnt_modal_body_secondary_text"' }, { value: '"ui_cpnt_modal_footer_base_area"' }, { value: '"ui_cpnt_modal_footer_divider"' }, { value: '"ui_cpnt_modal_base"' }, { value: '"ui_12"' }, { value: '"ui_13"' }, { value: '"ui_14"' }, { value: '"ui_15"' }, { value: '"ui_cpnt_text_emptystate"' }, { value: '"ui_cpnt_chip_fill_icon_inactive"' }, { value: '"ui_cpnt_chip_fill_icon_active_01"' }, { value: '"ui_cpnt_chip_fill_text_inactive"' }, { value: '"ui_cpnt_chip_fill_text_active_01"' }, { value: '"ui_cpnt_chip_fill_base_inactive"' }, { value: '"ui_cpnt_chip_fill_base_active_01"' }, { value: '"ui_cpnt_chip_line_icon_01"' }, { value: '"ui_cpnt_chip_line_text_01"' }, { value: '"ui_cpnt_chip_line_text_disabled"' }, { value: '"ui_cpnt_chip_line_border_01"' }, { value: '"ui_cpnt_chip_base_playtime"' }, { value: '"ui_16"' }, { value: '"ui_cpnt_list_icon_01"' }, { value: '"ui_cpnt_list_icon_02"' }, { value: '"ui_cpnt_bottomsheet_icon_01"' }, { value: '"ui_cpnt_bottomsheet_text_01"' }, { value: '"ui_cpnt_bottomsheet_text_02"' }, { value: '"ui_cpnt_bottomsheet_icon_02"' }, { value: '"ui_19"' }, { value: '"ui_20"' }, { value: '"ui_cpnt_fab_default_base_white"' }, { value: '"ui_cpnt_fab_default_base_red"' }, { value: '"ui_cpnt_fab_default_base_primary"' }, { value: '"ui_cpnt_fab_default_base_hover"' }, { value: '"ui_cpnt_fab_default_on_base_hover"' }, { value: '"ui_cpnt_fab_default_base_pressed"' }, { value: '"ui_cpnt_fab_default_on_base_pressed"' }, { value: '"ui_cpnt_fab_default_base_disabled"' }, { value: '"ui_cpnt_fab_icon_enabled"' }, { value: '"ui_cpnt_fab_icon_on_primary"' }, { value: '"ui_cpnt_fab_icon_disabled"' }, { value: '"ui_cpnt_fab_extended_base_primary"' }, { value: '"ui_cpnt_fab_extended_on_base_hover"' }, { value: '"ui_cpnt_fab_extended_on_base_pressed"' }, { value: '"ui_cpnt_fab_extended_base_disabled"' }, { value: '"ui_cpnt_fab_text_on_primary"' }, { value: '"ui_cpnt_fab_text_disabled"' }, { value: '"ui_cpnt_alertdialog_base"' }, { value: '"ui_cpnt_alertdialog_icon_success"' }, { value: '"ui_cpnt_alertdialog_icon_error"' }, { value: '"ui_cpnt_alertdialog_icon_warning"' }, { value: '"ui_cpnt_alertdialog_text_title"' }, { value: '"ui_cpnt_alertdialog_text_body"' }, { value: '"ui_21"' }, { value: '"ui_22"' }, { value: '"ui_23"' }, { value: '"ui_24"' }, { value: '"ui_25"' }, { value: '"ui_26"' }, { value: '"ui_27"' }, { value: '"ui_cpnt_divider"' }, { value: '"ui_cpnt_select_border_normal"' }, { value: '"ui_cpnt_select_border_focus"' }, { value: '"ui_cpnt_select_base_normal"' }, { value: '"ui_cpnt_select_base_disabled"' }, { value: '"ui_cpnt_select_text_hint"' }, { value: '"ui_cpnt_select_text_selected"' }, { value: '"ui_cpnt_select_text_disabled"' }, { value: '"ui_cpnt_select_icon_01"' }, { value: '"ui_cpnt_select_icon_02"' }, { value: '"ui_28"' }, { value: '"ui_29"' }, { value: '"ui_30"' }, { value: '"ui_cpnt_videoplayer_icon_01"' }, { value: '"ui_32"' }, { value: '"ui_cpnt_selcontrols_icon_primary"' }, { value: '"ui_cpnt_selcontrols_icon_disabled"' }, { value: '"ui_cpnt_selcontrols_icon_default"' }, { value: '"ui_cpnt_selcontrols_text_disabled"' }, { value: '"ui_cpnt_selcontrols_text_default"' }, { value: '"ui_cpnt_selcontrols_icon_on_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_normal"' }, { value: '"ui_cpnt_contextmenu_menu_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_selected"' }, { value: '"ui_cpnt_contextmenu_text"' }, { value: '"ui_cpnt_selcontrols_base_off"' }, { value: '"ui_cpnt_selcontrols_base_on"' }, { value: '"ui_cpnt_tabbar_text_inactive_02"' }, { value: '"ui_cpnt_videoplayer_unavailable"' }, { value: '"ui_cpnt_list_divider"' }, { value: '"ui_cpnt_button_fill_base_transparent"' }, { value: '"ui_cpnt_list_badge_active"' }, { value: '"ui_cpnt_list_badge_active_primary"' }, { value: '"ui_cpnt_list_badge_disabled"' }, { value: '"ui_cpnt_list_badge_cancel"' }, { value: '"ui_cpnt_list_text_quantity_plus"' }, { value: '"ui_cpnt_content_card_base"' }, { value: '"ui_cpnt_content_icon_03"' }, { value: '"ui_cpnt_content_icon_01"' }, { value: '"ui_cpnt_content_icon_02"' }, { value: '"ui_cpnt_content_card_status_a"' }, { value: '"ui_cpnt_content_card_status_b"' }, { value: '"ui_cpnt_content_card_status_c"' }, { value: '"ui_cpnt_content_card_status_d"' }, { value: '"ui_cpnt_textgroup_base_area"' }, { value: '"ui_cpnt_imageslide_active"' }, { value: '"ui_cpnt_imageslide_inactive"' }, { value: '"ui_cpnt_videoplayer_icon_02"' }, { value: '"ui_cpnt_videoplayer_text_01"' }, { value: '"ui_cpnt_videoplayer_text_02"' }, { value: '"ui_cpnt_videoplayer_scrubber_01"' }, { value: '"ui_cpnt_videoplayer_scrubber_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_base"' }, { value: '"ui_cpnt_videoplayer_playbar_02"' }, { value: '"ui_cpnt_videoplayer_playbar_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_01"' }, { value: '"ui_cpnt_tableheadbar_title"' }, { value: '"ui_cpnt_tableheaderbar_text_default"' }, { value: '"ui_cpnt_tableheaderbar_text_disabled"' }, { value: '"ui_cpnt_tableheaderbar_icon_01"' }, { value: '"ui_cpnt_datatable_text_01"' }, { value: '"ui_cpnt_datatable_text_02"' }, { value: '"ui_cpnt_datatable_text_03"' }, { value: '"ui_cpnt_datatable_text_textbutton"' }, { value: '"ui_cpnt_datatable_text_active"' }, { value: '"ui_cpnt_datatable_base_default"' }, { value: '"ui_cpnt_datatable_base_hover"' }, { value: '"ui_cpnt_datatable_text_inactive"' }, { value: '"ui_cpnt_datatable_bulkaction_base"' }, { value: '"ui_cpnt_datatable_icon_01"' }, { value: '"ui_cpnt_datatable_text_04"' }, { value: '"ui_cpnt_chip_fill_base_active_02"' }, { value: '"ui_cpnt_chip_fill_text_active_02"' }, { value: '"ui_cpnt_chip_fill_icon_active_02"' }, { value: '"ui_cpnt_dropdown_border_normal"' }, { value: '"ui_cpnt_dropdown_border_focus"' }, { value: '"ui_cpnt_dropdown_base_normal"' }, { value: '"ui_cpnt_dropdown_base_disabled"' }, { value: '"ui_cpnt_dropdown_text_hint"' }, { value: '"ui_cpnt_dropdown_text_selected"' }, { value: '"ui_cpnt_dropdown_text_disabled"' }, { value: '"ui_cpnt_dropdown_icon_01"' }, { value: '"ui_cpnt_dropdown_icon_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_01"' }, { value: '"ui_cpnt_datatable_icon_02"' }, { value: '"ui_cpnt_datatable_icon_03"' }, { value: '"ui_cpnt_datatable_icon_04"' }, { value: '"ui_cpnt_sidebar_common_base"' }, { value: '"ui_cpnt_sidebar_header_base"' }, { value: '"ui_cpnt_sidebar_label_base"' }, { value: '"ui_cpnt_sidebar_listitem_base_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_base_active"' }, { value: '"ui_cpnt_sidebar_footer_base"' }, { value: '"ui_cpnt_sidebar_label_icon"' }, { value: '"ui_cpnt_sidebar_listitem_icon_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_icon_active"' }, { value: '"ui_cpnt_sidebar_icon_01"' }, { value: '"ui_cpnt_modal_body_base"' }, { value: '"ui_cpnt_modal_header_icon_02"' }, { value: '"ui_cpnt_selectcard_base_selected"' }, { value: '"ui_cpnt_selectcard_base_default"' }, { value: '"ui_cpnt_selectcard_icon_default"' }, { value: '"ui_cpnt_selectcard_icon_selected"' }, { value: '"ui_cpnt_selectcard_text_01"' }, { value: '"ui_cpnt_selectcard_text_02"' }, { value: '"ui_cpnt_selectcard_text_03"' }, { value: '"ui_cpnt_bannerslidecontent_text_white"' }, { value: '"ui_cpnt_modal_header_icon_03"' }, { value: '"ui_cpnt_modal_body_tertiary_text"' }, { value: '"ui_cpnt_list_timestatus_base"' }, { value: '"ui_cpnt_list_text_timestatus"' }, { value: '"ui_cpnt_imageview_base_03"' }, { value: '"ui_34"' }, { value: '"ui_cpnt_editorsidebar_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_text"' }, { value: '"ui_cpnt_editorsidebar_card_base_default"' }, { value: '"ui_cpnt_editorsidebar_card_base_selected"' }, { value: '"ui_cpnt_editorsidebar_text_default"' }, { value: '"ui_cpnt_editorsidebar_text_selected"' }, { value: '"ui_cpnt_editorsidebar_icon_default"' }, { value: '"ui_cpnt_editorsidebar_icon_selected"' }, { value: '"ui_cpnt_editorsidebar_card_border"' }, { value: '"ui_cpnt_step_base_area"' }, { value: '"ui_cpnt_step_text_inactive"' }, { value: '"ui_cpnt_step_text_active"' }, { value: '"ui_cpnt_step_circular_inactive"' }, { value: '"ui_cpnt_step_circular_active"' }, { value: '"ui_cpnt_step_icon"' }, { value: '"ui_cpnt_step_text_number"' }, { value: '"ui_cpnt_imageslide_dot_area_1"' }, { value: '"ui_cpnt_imageslide_dot_area_2"' }, { value: '"ui_cpnt_editorsidebar_text_disabled"' }, { value: '"ui_cpnt_editorsidebar_icon_disabled"' }, { value: '"ui_cpnt_editorsidebar_card_border_disabled"' }, { value: '"ui_cpnt_userdesktopnavbar_base_area"' }, { value: '"ui_cpnt_button_line_base_default"' }, { value: '"ui_cpnt_userdesktoptabbar_base_area"' }, { value: '"ui_cpnt_userdesktoptabbar_divider"' }, { value: '"ui_cpnt_userdesktoptabbar_border_active_indicator"' }, { value: '"ui_cpnt_userdesktoptabbar_text_active"' }, { value: '"ui_cpnt_userdesktoptabbar_text_inactive"' }, { value: '"ui_cpnt_selcontrols_base_off_disabled"' }, { value: '"ui_cpnt_selcontrols_base_on_disabled"' }, { value: '"ui_cpnt_selcontrols_circular"' }, { value: '"ui_cpnt_chip_line_icon_02"' }, { value: '"ui_cpnt_overlay_base"' }, { value: '"ui_cpnt_profile_base"' }, { value: '"ui_cpnt_card_base"' }, { value: '"ui_cpnt_card_selected_border"' }, { value: '"ui_cpnt_card_icon_basic"' }, { value: '"ui_cpnt_card_icon_custom"' }, { value: '"ui_cpnt_card_icon_create"' }, { value: '"ui_cpnt_modal_dimmed"' }, { value: '"ui_cpnt_alertdialog_dimmed"' }, { value: '"ui_cpnt_bottomsheet_base"' }, { value: '"ui_cpnt_bottomsheet_icon_03"' }, { value: '"ui_cpnt_button_icon_white"' }, { value: '"ui_cpnt_list_icon_03"' }, { value: '"ui_cpnt_list_icon_active_primary"' }, { value: '"ui_cpnt_alertdialog_icon_information"' }, { value: '"ui_cpnt_bottomsheet_bar"' }, { value: '"ui_cpnt_button_line_border_error"' }, { value: '"ui_cpnt_button_text_error"' }, { value: '"ui_cpnt_button_icon_error"' }, { value: '"ui_cpnt_textlabel_sys_primary"' }, { value: '"ui_cpnt_textlabel_sys_secondary"' }, { value: '"ui_cpnt_textlabel_sys_tertiary"' }, { value: '"ui_cpnt_textlabel_sys_white"' }, { value: '"ui_cpnt_textlabel_sys_brandprimary"' }, { value: '"ui_cpnt_textlabel_sys_error"' }, { value: '"ui_cpnt_textlabel_sys_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandprimary"' }, { value: '"ui_cpnt_textlabel_usr_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandonprimary"' }, { value: '"ui_cpnt_list_text_body"' }, { value: '"ui_cpnt_card_icon_background_01"' }, { value: '"ui_cpnt_card_icon_background_02"' }, { value: '"ui_cpnt_card_icon_background_03"' }, { value: '"ui_cpnt_bannerslide_gradient_1"' }, { value: '"ui_cpnt_bannerslide_gradient_2"' }, { value: '"ui_cpnt_modal_gradient_1"' }, { value: '"ui_cpnt_modal_gradient_2"' }, { value: '"ui_cpnt_list_icon_04"' }, { value: '"ui_cpnt_list_thumbnail_border"' }, { value: '"ui_cpnt_list_thumbnail_gradient_1"' }, { value: '"ui_cpnt_list_thumbnail_gradient_2"' }, { value: '"ui_cpnt_list_base_area_active"' }, { value: '"ui_cpnt_contextmenu_base"' }, { value: '"ui_cpnt_videoplayer_gradient_1"' }, { value: '"ui_cpnt_videoplayer_gradient_2"' }, { value: '"ui_cpnt_videoplayer_overlay"' }, { value: '"ui_globalmenucontainer_background"' }, { value: '"ui_pagemenucontainer_background"' }, { value: '"ui_submenucontainer_background"' }, { value: '"ui_tabmenucontainer_background"' }, { value: '"ui_contentscontainer01_background"' }, { value: '"ui_contentscontainer02_background"' }, { value: '"ui_cpnt_bannerslide_icon_01"' }, { value: '"ui_cpnt_card_shadow"' }, { value: '"ui_cpnt_bannerslide_pagination_active"' }, { value: '"ui_cpnt_bannerslide_pagination_inactive"' }, { value: '"ui_cpnt_icon_usr_brandprimary"' }, { value: '"ui_container_divider"' }, { value: '"ui_area_divider"' }, { value: '"ui_cpnt_list_base_area_seller"' }, { value: '"ui_temp_grey_01"' }, { value: '"ui_temp_grey_02"' }, { value: '"ui_temp_grey_03"' }, { value: '"ui_temp_grey_04"' }, { value: '"ui_temp_grey_05"' }, { value: '"ui_temp_white"' }, { value: '"ui_temp_primary_01"' }, { value: '"ui_temp_secondary_01"' }, { value: '"ui_temp_red"' }, { value: '"ui_temp_white_opacity_00"' }, { value: '"ui_temp_dimmed"' }, { value: '"ui_temp_black"' }, { value: '"ui_temp_primary_02"' }, { value: '"ui_temp_primary_03"' }, { value: '"ui_temp_secondary_02"' }, { value: '"ui_temp_lightgreen_01"' }, { value: '"ui_cpnt_userdesktopnavbar_profile_border"' }, { value: '"ui_cpnt_textlabel_sys_grey_04"' }, { value: '"ui_papp_post_social_background"' }, { value: '"ui_papp_post_notice_background"' }, { value: '"ui_papp_post_free_background"' }, { value: '"ui_papp_vod_background"' }, { value: '"ui_papp_vodplus_background"' }, { value: '"ui_papp_live_background"' }, { value: '"ui_community_pagination_base_area"' }, { value: '"ui_cpnt_contextmenu_border"' }, { value: '"ui_profile_image_border"' }, { value: '"ui_cpnt_alertdialog_border"' }, { value: '"ui_cpnt_modal_border"' }, { value: '"ui_cpnt_card_border"' }, { value: '"ui_cpnt_overlay_border"' }, { value: '"ui_cpnt_datatable_base_selected"' }, { value: '"ui_cpnt_icon_sys_brandprimary"' }, { value: '"ui_cpnt_icon_sys_grey_02"' }, { value: '"ui_cpnt_icon_sys_grey_03"' }, { value: '"ui_cpnt_icon_sys_error_01"' }, { value: '"ui_cpnt_icon_sys_warning_01"' }, { value: '"ui_cpnt_icon_sys_success_01"' }, { value: '"ui_cpnt_icon_usr_brandsecondary"' }, { value: '"ui_papp_post_notice_link"' }, { value: '"ui_cpnt_headerbar_icon_02"' }, { value: '"ui_m_navigationcontainer_background"' }, { value: '"ui_m_tabcontainer_background"' }, { value: '"ui_m_contentscontainer01_background"' }, { value: '"ui_m_contentscontainer02_background"' }, { value: '"ui_cpnt_statusblock_basic"' }, { value: '"ui_cpnt_statusblock_standby"' }, { value: '"ui_cpnt_statusblock_proceeding"' }, { value: '"ui_cpnt_statusblock_cancel"' }, { value: '"ui_cpnt_statusblock_end"' }, { value: '"ui_cpnt_statusblock_error"' }, { value: '"ui_cpnt_list_base_area_solid"' }, { value: '"ui_cpnt_list_base_area_translucent"' }, { value: '"ui_cpnt_list_base_area_transparent"' }, { value: '"ui_cpnt_list_text_caption_02"' }, { value: '"ui_cpnt_button_line_border_darktheme_enabled"' }, { value: '"ui_cpnt_button_line_border_darktheme_disabled"' }, { value: '"ui_cpnt_button_line_base_darktheme_default"' }, { value: '"ui_cpnt_button_line_base_darktheme_hover"' }, { value: '"ui_cpnt_button_line_base_darktheme_pressed"' }, { value: '"ui_cpnt_button_text_darktheme_enabled"' }, { value: '"ui_cpnt_button_text_darktheme_disabled"' }, { value: '"ui_cpnt_button_icon_darktheme_enabled"' }, { value: '"ui_cpnt_button_icon_darktheme_disabled"' }, { value: '"ui_cpnt_icon_sys_white"' }, { value: '"ui_cpnt_button_fill_base_media"' }, { value: '"ui_cpnt_textfield_text_darktheme_enabled"' }, { value: '"ui_cpnt_textfield_text_darktheme_hint"' }, { value: '"ui_cpnt_textfield_text_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_icon_darktheme_default"' }, { value: '"ui_cpnt_textfield_icon_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_border_darktheme_normal"' }, { value: '"ui_cpnt_textfield_border_darktheme_focus"' }, { value: '"ui_cpnt_textfield_border_darktheme_error"' }, { value: '"ui_cpnt_textfield_text_darktheme_error"' }, { value: '"ui_cpnt_textfield_base_darktheme_disabled"' }, { value: '"ui_cpnt_select_text_darktheme_enabled"' }, { value: '"ui_cpnt_select_text_darktheme_hint"' }, { value: '"ui_cpnt_select_text_darktheme_disabled"' }, { value: '"ui_cpnt_select_icon_darktheme_default"' }, { value: '"ui_cpnt_select_icon_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_normal"' }, { value: '"ui_cpnt_select_border_darktheme_focus"' }, { value: '"ui_cpnt_select_base_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_enabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_hint"' }, { value: '"ui_cpnt_dropdown_text_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_default"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_border_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_focus"' }, { value: '"ui_cpnt_dropdown_base_darktheme_disabled"' }, { value: '"ui_cpnt_sheet_base"' }, { value: '"ui_cpnt_button_icon_darktheme_default"' }, { value: '"ui_cpnt_button_icon_darktheme_primary"' }, { value: '"ui_cpnt_button_text_darktheme_default"' }, { value: '"ui_cpnt_button_text_darktheme_primary"' }, { value: '"ui_35"' }, { value: '"ui_cpnt_button_fill_base_black_opacity50"' }, { value: '"ui_cpnt_sheet_base_white"' }, { value: '"ui_cpnt_sheet_base_black"' }, { value: '"ui_cpnt_sheet_base_01"' }, { value: '"ui_cpnt_sheet_base_02"' }, { value: '"ui_temp_background"' }, { value: '"ui_list_progress_shape_normal"' }, { value: '"ui_list_progress_shape_error"' }, { value: '"ui_list_progress_shape_base"' }, { value: '"ui_cpnt_textlabel_sys_brand_primary_opacity50"' }, { value: '"ui_cpnt_progressbar_01"' }, { value: '"ui_cpnt_progressbar_02"' }, { value: '"ui_36"' }, { value: '"ui_37"' }, { value: '"ui_39"' }, { value: '"ui_cpnt_divider_white_opacity30"' }, { value: '"ui_toppagemenucontainer_background_wt_m"' }, { value: '"ui_contentscontainer_background_wt_m"' }, { value: '"ui_toppagemenuarea_background_wt_m"' }, { value: '"ui_contentsarea_background_wt_m"' }, { value: '"ui_cpnt_standardbanner_base_default"' }, { value: '"ui_channeldesc_white"' }, { value: '"ui_channeldesc_grey_03"' }, { value: '"ui_channeldesc_border_grey_03"' }, { value: '"ui_cpnt_bottomsheet_border"' }, { value: '"ui_cpnt_userdesktopsidetab_base_area"' }, { value: '"ui_cpnt_pg_gradient_01"' }, { value: '"ui_cpnt_pg_gradient_02"' }, { value: '"ui_channeldesc_background"' }, { value: '"ui_channeldesc_bottomsheet_base"' }, { value: '"ui_channeldesc_bottomsheet_border"' }, { value: '"ui_channeldesc_contents_base"' }, { value: '"ui_channeldesc_dimmed"' }, { value: '"ui_cpnt_pg_gradient_03"' }, { value: '"ui_cpnt_pg_gradient_04"' }, { value: '"ui_cpnt_pg_gradient_05"' }, { value: '"ui_cpnt_mask_base"' }, { value: '"ui_temp_usr_primary_01"' }, { value: '"ui_cpnt_sheet_base_02_opacity50"' }, { value: '"ui_menu_primarymenu_main"' }, { value: '"ui_menu_primarymenu_sub"' }, { value: '"ui_menu_secondarymenu_main"' }, { value: '"ui_menu_secondarymenu_sub"' }, { value: '"ui_menu_hover"' }, { value: '"ui_menu_active"' }, { value: '"ui_menu_background"' }, { value: '"ui_cpnt_video_progress_base"' }, { value: '"ui_cpnt_icon_sys_dark"' }, { value: '"ui_menu_background_gradient_opacity00"' }, { value: '"ui_cpnt_dropdown_border_white_normal"' }, { value: '"ui_cpnt_dropdown_text_white_enabled"' }, { value: '"ui_cpnt_dropdown_text_white_hint"' }, { value: '"ui_cpnt_dropdown_icon_white_default"' }, { value: '"ui_cpnt_dropdown_border_white_focus"' }, { value: '"ui_cpnt_dropdown_base_white_normal"' }, { value: '"ui_profile_image_border_brandprimary"' }, { value: '"ui_cpnt_dropdown_base_white_disabled"' }, { value: '"ui_cpnt_dropdown_border_white_disabled"' }, { value: '"ui_cpnt_sheet_base_white_opacity00"' }, { value: '"ui_dimmed_01"' }, { value: '"ui_cpnt_reactionbutton_base_01"' }, { value: '"ui_cpnt_textfield_border_disabled"' }, { value: '"ui_cpnt_dropdown_border_disabled"' }, { value: '"ui_cpnt_select_border_disabled"' }, { value: '"ui_cpnt_dropdown_base_darktheme_normal"' }, { value: '"ui_cpnt_textfield_text_readonly"' }, { value: '"ui_cpnt_select_text_readonly"' }, { value: '"ui_cpnt_dropdown_text_readonly"' }, { value: '"ui_cpnt_select_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_white_readonly"' }, { value: '"ui_cpnt_blogtextfield_base_01"' }, { value: '"ui_cpnt_textfield_base_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_white_disabled"' }, { value: '"ui_cpnt_select_base_darktheme_normal"' }, { value: '"ui_hero_title_text"' }, { value: '"ui_hero_description_text"' }, { value: '"ui_cpnt_divider_area"' }, { value: '"ui_cpnt_button_white_base_hover"' }, { value: '"ui_cpnt_button_white_base_pressed"' }, { value: '"ui_cpnt_list_base_area_hover"' }, { value: '"ui_cpnt_sheet_border_01"' }, { value: '"ui_cpnt_sheet_border_02"' }, { value: '"ui_cpnt_sheet_border_03"' }, { value: '"ui_43"' }, { value: '"ui_44"' }, { value: '"ui_45"' }, { value: '"ui_46"' }, { value: '"ui_47"' }, { value: '"ui_cpnt_sheet_base_03"' }, { value: '"ui_48"' }, { value: '"ui_49"' }, { value: '"ui_50"' }, { value: '"ui_51"' }, { value: '"ui_cpnt_list_text_caption_03"' }, { value: '"ui_cpnt_list_chatbubble_base_area"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my"' }, { value: '"ui_cpnt_list_chatbubble_text_my"' }, { value: '"ui_papp_livechat_link"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_text_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_text_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my_color"' }, { value: '"ui_cpnt_list_chatbubble_text_my_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller"' }, { value: '"ui_cpnt_list_chatbubble_text_seller"' }, { value: '"ui_52"' }, { value: '"ui_cpnt_imageview_dimmed"' }, { value: '"ui_53"' }, { value: '"ui_54"' }, { value: '"ui_55"' }, { value: '"ui_56"' }, { value: '"ui_cpnt_sheet_base_04"' }, { value: '"ui_cpnt_masking_base_01"' }, { value: '"ui_cpnt_masking_icon_01"' }, { value: '"ui_cpnt_list_base_area_transparent_seller"' }, { value: '"ui_57"' }, { value: '"ui_58"' }, { value: '"ui_cpnt_divider_white_opacity00"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_enabled"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_hint"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_default"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_focus"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_lottiereactionbutton_base_01"' }, { value: '"ui_cpnt_lottiereactionbutton_base_02"' }, { value: '"ui_cpnt_lottiereactionbutton_base_03"' }, { value: '"ui_cpnt_lottiereactionbutton_base_04"' }, { value: '"ui_cpnt_lottiereactionbutton_base_05"' }, { value: '"ui_60"' }, { value: '"ui_61"' }, { value: '"ui_loading_skeleton_01"' }, { value: '"ui_loading_skeleton_02"' }, { value: '"ui_loading_linear_bar"' }, { value: '"ui_loading_linear_base"' }, { value: '"ui_loading_three_bar"' }, { value: '"ui_menu_button_base"' }, { value: '"ui_cpnt_calendar_status_a"' }, { value: '"ui_cpnt_calendar_status_b"' }, { value: '"ui_cpnt_calendar_status_c"' }, { value: '"ui_menu_background_transparent"' }, { value: '"ui_globalmenucontainer_background_transparent"' }, { value: '"ui_pagemenucontainer_background_transparent"' }, { value: '"ui_submenucontainer_background_transparent"' }, { value: '"ui_tabmenucontainer_background_transparent"' }, { value: '"ui_contentscontainer01_background_transparent"' }, { value: '"ui_contentscontainer02_background_transparent"' }, { value: '"ui_toppagemenucontainer_background_wt_m_transparent"' }, { value: '"ui_contentscontainer_background_wt_m_transparent"' }, { value: '"ui_menu_button_base_transparent"' }, { value: '"ui_dimmed_02"' }, { value: '"ui_cpnt_sheet_base_05"' }, { value: '"ui_62"' }, { value: '"ui_cpnt_calendar_date_hover"' }, { value: '"ui_cpnt_calendar_date_pressed"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_01"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_02"' }, { value: '"ui_cpnt_calendar_base"' }, { value: '"ui_cpnt_calendar_border"' }, { value: '"ui_cpnt_calendar_label_base_schedules"' }, { value: '"ui_cpnt_calendar_label_base_expired_schedules"' }, { value: '"ui_cpnt_calendar_label_border_default"' }, { value: '"ui_cpnt_calendar_label_border_schedules"' }, { value: '"ui_cpnt_calendar_label_border_expired_schedules"' }, { value: '"ui_cpnt_calendar_real_time_line"' }, { value: '"ui_cpnt_calendar_date_selected"' }, { value: '"ui_pagination_base_area"' }, { value: '"ui_cpnt_calendar_label_base_standby_selected"' }, { value: '"ui_cpnt_calendar_label_border_standby"' }, { value: '"ui_cpnt_calendar_text_status_standby"' }, { value: '"ui_cpnt_calendar_label_base_booked_selected"' }, { value: '"ui_cpnt_calendar_label_border_booked"' }, { value: '"ui_cpnt_calendar_text_status_booked"' }, { value: '"ui_cpnt_calendar_label_base_expired_selected"' }, { value: '"ui_cpnt_calendar_label_border_expired"' }, { value: '"ui_cpnt_calendar_text_status_expired"' }, { value: '"ui_cpnt_calendar_label_base_standby_default"' }, { value: '"ui_cpnt_calendar_label_base_booked_default"' }, { value: '"ui_cpnt_calendar_label_base_expired_default"' }, { value: '"ui_cpnt_calendar_badge_standby"' }, { value: '"ui_cpnt_calendar_badge_booked"' }, { value: '"ui_cpnt_calendar_badge_expired"' }, { value: '"ui_cpnt_calendar_text_today"' }, { value: '"ui_cpnt_textlabel_sys_warning"' }, { value: '"ui_cpnt_lottiereactionbutton_base_default"' }, { value: '"ui_cpnt_sheet_base_06"' }, { value: '"ui_cpnt_sheet_base_07"' }, { value: '"ui_cpnt_sheet_base_08"' }, { value: '"ui_cpnt_pagination_dot_01"' }, { value: '"ui_cpnt_pagination_dot_02"' }, { value: '"ui_cpnt_pagination_dot_border"' }, { value: '"ui_63"' }, { value: '"ui_64"' }, { value: '"ui_cpnt_sheet_border_04"' }, { value: '"ui_cpnt_button_fill_base_01"' }, { value: '"ui_cpnt_button_fill_base_hangup"' }, { value: '"ui_cpnt_refund_text_status_issued"' }, { value: '"ui_cpnt_refund_text_status_refunded"' }, { value: '"ui_cpnt_divider_white_01"' }, { value: '"ui_cpnt_timer_base_01"' }, { value: '"ui_cpnt_timer_base_timeup"' }, { value: '"ui_66"' }, { value: '"ui_67"' }, { value: '"ui_cpnt_videoplayer_gradient_3"' }, { value: '"ui_68"' }, { value: '"ui_69"' }, { value: '"ui_cpnt_divider_white_02"' }, { value: '"ui_cpnt_list_chatbubble_base_brand_primary"' }, { value: '"ui_cpnt_list_chatbubble_base_grey"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_white"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_black"' }, { value: '"ui_avatar_border_translucent_white"' }, { value: '"ui_avatar_border_translucent_black"' }, { value: '"ui_cpnt_textfield_base_hover"' }, { value: '"ui_cpnt_textfield_base_pressed"' }, { value: '"ui_cpnt_button_secondary_on_base_hover"' }, { value: '"ui_cpnt_button_secondary_on_base_pressed"' }, { value: '"ui_cpnt_select_base_hover"' }, { value: '"ui_cpnt_select_base_pressed"' }, { value: '"ui_cpnt_dropdown_base_hover"' }, { value: '"ui_cpnt_dropdown_base_pressed"' }, { value: '"ui_cpnt_sheet_base_09"' }, { value: '"ui_wizard_pagemenucontainer_background"' }, { value: '"ui_stepcontainer_background"' }, { value: '"ui_wizard_contentscontainer01_background"' }, { value: '"ui_wizard_contentscontainer02_background"' }, { value: '"ui_70"' }, { value: '"ui_cpnt_button_primary_variation_base_enabled"' }, { value: '"ui_cpnt_button_text_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_icon_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_secondary_variation_base_default"' }, { value: '"ui_cpnt_button_secondary_variation_base_hover"' }, { value: '"ui_cpnt_button_secondary_variation_base_pressed"' }, { value: '"ui_editor_base_pages"' }, { value: '"ui_editor_base_papp"' }, { value: '"ui_container_scroll"' }, { value: '"ui_pages_section_dimmed"' }, { value: '"ui_71"' }, { value: '"ui_cpnt_textlabel_sys_black"' }, { value: '"ui_cpnt_sheet_base_10"' }, { value: '"ui_cpnt_sheet_base_11"' }, { value: '"ui_72"' }, { value: '"ui_73"' }, { value: '"ui_cpnt_sidebar_listitem_base_hover"' }, { value: '"ui_avatar_border_brandprimary"' }, { value: '"ui_avatar_border"' }, { value: '"ui_editor_rightside_title_tabbar_base"' }, { value: '"ui_editor_preview_base"' }, { value: '"ui_editor_preview_divice_area_border"' }, { value: '"ui_editor_preview_background"' }, { value: '"ui_editor_leftside_base"' }, { value: '"ui_cpnt_sidebar_label_text"' }, { value: '"ui_cpnt_dropdown_base_hover_darktheme"' }, { value: '"ui_cpnt_dropdown_base_pressed_darktheme"' }, { value: '"ui_cpnt_dropdown_base_hover_white"' }, { value: '"ui_cpnt_dropdown_base_pressed_white"' }, { value: '"ui_cpnt_textfield_base_hover_darktheme"' }, { value: '"ui_cpnt_textfield_base_pressed_darktheme"' }, { value: '"ui_cpnt_select_base_hover_darktheme"' }, { value: '"ui_cpnt_select_base_pressed_darktheme"' }, { value: '"ui_cpnt_textfield_base_hover_transparent"' }, { value: '"ui_cpnt_textfield_base_pressed_transparent"' }, { value: '"ui_cpnt_reactionbutton_base_02"' }, { value: '"ui_create_ch_step_prev"' }, { value: '"ui_editor_preview_editing"' }] } }, colorTheme: { defaultValue: { value: "sysTextPrimary" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"sysTextPrimary"' }, { value: '"sysTextSecondary"' }, { value: '"sysTextTertiary"' }, { value: '"sysTextWhite"' }, { value: '"sysTextBlack"' }, { value: '"sysTextError"' }, { value: '"sysTextWarning"' }, { value: '"sysTextBrandPrimary"' }, { value: '"sysTextBrandSeconVariant"' }, { value: '"usrTextBrandPrimary"' }, { value: '"usrTextBrandSeconVariant"' }, { value: '"usrTextBrandOnPrimary"' }] } }, singleLineMode: { defaultValue: { value: "none" }, description: "", name: "singleLineMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, ellipsisMode: { defaultValue: { value: "none" }, description: "", name: "ellipsisMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, lineLimit: { defaultValue: null, description: "", name: "lineLimit", required: !1, type: { name: "number" } }, userSelectMode: { defaultValue: { value: "none" }, description: "", name: "userSelectMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, customFontSize: { defaultValue: null, description: "", name: "customFontSize", required: !1, type: { name: "string" } }, customFontWeight: { defaultValue: null, description: "", name: "customFontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, textDecorationType: { defaultValue: { value: "none" }, description: "", name: "textDecorationType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line_through"' }] } }, requirementMode: { defaultValue: { value: "none" }, description: "", name: "requirementMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, bulletPointMode: { defaultValue: { value: "none" }, description: "", name: "bulletPointMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, wordBreak: { defaultValue: { value: "keep_all" }, description: "", name: "wordBreak", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"keep_all"' }, { value: '"break_all"' }, { value: '"break_word"' }] } }, letterSpacing: { defaultValue: null, description: "", name: "letterSpacing", required: !1, type: { name: "string" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/TextLabel/TextLabel.tsx#TextLabel"] = { docgenInfo: TextLabel.__docgenInfo, name: "TextLabel", path: "src/desktop/components/TextLabel/TextLabel.tsx#TextLabel" });
158
158
  }
159
159
  catch (__react_docgen_typescript_loader_error) { }
160
160
  }, function (module, exports, __webpack_require__) {
@@ -224,15 +224,15 @@
224
224
  Object.defineProperty(exports, "__esModule", { value: !0 });
225
225
  var react_1 = __importDefault(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6);
226
226
  function TextLabel(_a) { var text = _a.text, _b = _a.textAlign, textAlign = void 0 === _b ? "left" : _b, _c = _a.styleTheme, styleTheme = void 0 === _c ? "body2Bold" : _c, colorOverride = _a.colorOverride, _d = _a.colorTheme, colorTheme = void 0 === _d ? "sysTextPrimary" : _d, _e = _a.singleLineMode, singleLineMode = void 0 === _e ? "none" : _e, _f = _a.ellipsisMode, ellipsisMode = void 0 === _f ? "none" : _f, lineLimit = _a.lineLimit, _g = _a.userSelectMode, userSelectMode = void 0 === _g ? "none" : _g, customFontSize = _a.customFontSize, customFontWeight = _a.customFontWeight, _h = _a.textDecorationType, textDecorationType = void 0 === _h ? "none" : _h, _j = _a.requirementMode, requirementMode = void 0 === _j ? "none" : _j, _k = _a.bulletPointMode, bulletPointMode = void 0 === _k ? "none" : _k, _l = _a.wordBreak, wordBreak = void 0 === _l ? "keep_all" : _l, letterSpacing = _a.letterSpacing; return react_1.default.createElement(S_TextLabel, { "x-pds-name": "TextLabel", "x-pds-element-type": "component", "x-pds-device-type": "mobile", textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak, $letterSpacing: letterSpacing }, text, "use" === requirementMode && react_1.default.createElement(S_AfterTextBox, { styleTheme: styleTheme }, react_1.default.createElement(S_IconWrapper, null, react_1.default.createElement(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" })))); }
227
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.displayHeading; }), (function (_a) { return _a.theme.mobileLineHeight.displayHeading; }), (function (_a) { return _a.theme.fontWeight.bold; })), wizardPageTitleBold = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.wizardPageTitle; }), (function (_a) { return _a.theme.mobileLineHeight.wizardPageTitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), headingBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.heading; }), (function (_a) { return _a.theme.mobileLineHeight.heading; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.leadParagraph; }), (function (_a) { return _a.theme.mobileLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.leadParagraph; }), (function (_a) { return _a.theme.mobileLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.normal; })), subTitleBold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.subtitle; }), (function (_a) { return _a.theme.mobileLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), subTitleRegular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.subtitle; }), (function (_a) { return _a.theme.mobileLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.normal; })), body1Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body1; }), (function (_a) { return _a.theme.mobileLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.bold; })), body1Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body1; }), (function (_a) { return _a.theme.mobileLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.normal; })), body2Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body2; }), (function (_a) { return _a.theme.mobileLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.bold; })), body2Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body2; }), (function (_a) { return _a.theme.mobileLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption1; }), (function (_a) { return _a.theme.mobileLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption1; }), (function (_a) { return _a.theme.mobileLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption2; }), (function (_a) { return _a.theme.mobileLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption2; }), (function (_a) { return _a.theme.mobileLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; })), form1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.form1; }), (function (_a) { return _a.theme.mobileLineHeight.form1; }), (function (_a) { return _a.theme.fontWeight.normal; })), form2Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.form2; }), (function (_a) { return _a.theme.mobileLineHeight.form2; }), (function (_a) { return _a.theme.fontWeight.normal; })), blog1Regular = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.blog1; }), (function (_a) { return _a.theme.mobileLineHeight.blog1; }), (function (_a) { return _a.theme.fontWeight.normal; })), sysTextPrimary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_primary; })), sysTextSecondary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; })), sysTextTertiary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_tertiary; })), sysTextWhite = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_white; })), sysTextError = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_error; })), sysTextWarning = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_warning; })), sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandprimary; })), sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandseconvariant; })), usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandprimary; })), usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandseconvariant; })), usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandonprimary; })), customFontStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), (function (_a) { return _a.customFontSize; }), (function (_a) { var theme = _a.theme; return "bold" === _a.customFontWeight ? theme.fontWeight.bold : theme.fontWeight.normal; })), colorOverrideStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { var colorOverride = _a.colorOverride, theme = _a.theme; return colorOverride && theme[colorOverride]; })), ellipsisStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __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) { return _a.lineLimit; })), userSelectModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"]))), bulletPointModeStyle = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"]))), S_TextLabel = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.textAlign; }), (function (_a) { var wordBreak = _a.wordBreak; return wordBreak && { normal: "normal", break_all: "break-all", keep_all: "keep-all", break_word: "break-word" }[wordBreak]; }), (function (_a) { return "letter-spacing: " + _a.$letterSpacing; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { displayBold: displayBold, wizardPageTitleBold: wizardPageTitleBold, headingBold: headingBold, leadParaBold: leadParaBold, leadParaRegular: leadParaRegular, subTitleBold: subTitleBold, subTitleRegular: subTitleRegular, body1Bold: body1Bold, body1Regular: body1Regular, body2Bold: body2Bold, body2Regular: body2Regular, caption1Regular: caption1Regular, caption1Bold: caption1Bold, caption2Regular: caption2Regular, caption2Bold: caption2Bold, form1Regular: form1Regular, form2Regular: form2Regular, blog1Regular: blog1Regular }[styleTheme]; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { sysTextPrimary: sysTextPrimary, sysTextSecondary: sysTextSecondary, sysTextTertiary: sysTextTertiary, sysTextWhite: sysTextWhite, sysTextError: sysTextError, sysTextWarning: sysTextWarning, sysTextBrandPrimary: sysTextBrandPrimary, sysTextBrandSeconVariant: sysTextBrandSeconVariant, usrTextBrandPrimary: usrTextBrandPrimary, usrTextBrandSeconVariant: usrTextBrandSeconVariant, usrTextBrandOnPrimary: usrTextBrandOnPrimary }[colorTheme]; }), (function (_a) { return _a.customFontSize && customFontStyle; }), (function (_a) { var singleLineMode = _a.singleLineMode, ellipsisMode = _a.ellipsisMode, theme = _a.theme; return "use" === singleLineMode && "none" === ellipsisMode && "line-height: " + theme.desktopLineHeight.singleLine; }), (function (_a) { var ellipsisMode = _a.ellipsisMode, lineLimit = _a.lineLimit; return "use" === ellipsisMode && lineLimit && ellipsisStyle; }), (function (_a) { return _a.colorOverride && colorOverrideStyle; }), (function (_a) { return "none" === _a.userSelectMode && userSelectModeStyle; }), (function (_a) { var textDecorationType = _a.textDecorationType; return textDecorationType && { none: "", line_through: "text-decoration: line-through;" }[textDecorationType]; }), (function (_a) { return "use" === _a.bulletPointMode && bulletPointModeStyle; })), S_AfterTextBox = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; }), (function (_a) { switch (_a.styleTheme) {
227
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.displayHeading; }), (function (_a) { return _a.theme.mobileLineHeight.displayHeading; }), (function (_a) { return _a.theme.fontWeight.bold; })), wizardPageTitleBold = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.wizardPageTitle; }), (function (_a) { return _a.theme.mobileLineHeight.wizardPageTitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), headingBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.heading; }), (function (_a) { return _a.theme.mobileLineHeight.heading; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.leadParagraph; }), (function (_a) { return _a.theme.mobileLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.bold; })), leadParaRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.leadParagraph; }), (function (_a) { return _a.theme.mobileLineHeight.leadParagraph; }), (function (_a) { return _a.theme.fontWeight.normal; })), subTitleBold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.subtitle; }), (function (_a) { return _a.theme.mobileLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.bold; })), subTitleRegular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.subtitle; }), (function (_a) { return _a.theme.mobileLineHeight.subtitle; }), (function (_a) { return _a.theme.fontWeight.normal; })), body1Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body1; }), (function (_a) { return _a.theme.mobileLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.bold; })), body1Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body1; }), (function (_a) { return _a.theme.mobileLineHeight.body1; }), (function (_a) { return _a.theme.fontWeight.normal; })), body2Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body2; }), (function (_a) { return _a.theme.mobileLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.bold; })), body2Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.body2; }), (function (_a) { return _a.theme.mobileLineHeight.body2; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption1; }), (function (_a) { return _a.theme.mobileLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption1; }), (function (_a) { return _a.theme.mobileLineHeight.caption1; }), (function (_a) { return _a.theme.fontWeight.normal; })), caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption2; }), (function (_a) { return _a.theme.mobileLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.bold; })), caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.caption2; }), (function (_a) { return _a.theme.mobileLineHeight.caption2; }), (function (_a) { return _a.theme.fontWeight.normal; })), form1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.form1; }), (function (_a) { return _a.theme.mobileLineHeight.form1; }), (function (_a) { return _a.theme.fontWeight.normal; })), form2Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.form2; }), (function (_a) { return _a.theme.mobileLineHeight.form2; }), (function (_a) { return _a.theme.fontWeight.normal; })), blog1Regular = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), (function (_a) { return _a.theme.mobileFontSize.blog1; }), (function (_a) { return _a.theme.mobileLineHeight.blog1; }), (function (_a) { return _a.theme.fontWeight.normal; })), sysTextPrimary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_primary; })), sysTextSecondary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_secondary; })), sysTextTertiary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_tertiary; })), sysTextWhite = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_white; })), sysTextBlack = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_black; })), sysTextError = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_error; })), sysTextWarning = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_warning; })), sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandprimary; })), sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_sys_brandseconvariant; })), usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandprimary; })), usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandseconvariant; })), usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_textlabel_usr_brandonprimary; })), customFontStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), (function (_a) { return _a.customFontSize; }), (function (_a) { var theme = _a.theme; return "bold" === _a.customFontWeight ? theme.fontWeight.bold : theme.fontWeight.normal; })), colorOverrideStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), (function (_a) { var colorOverride = _a.colorOverride, theme = _a.theme; return colorOverride && theme[colorOverride]; })), ellipsisStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __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) { return _a.lineLimit; })), userSelectModeStyle = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"]))), bulletPointModeStyle = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '•';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"]))), S_TextLabel = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), (function (_a) { return _a.textAlign; }), (function (_a) { var wordBreak = _a.wordBreak; return wordBreak && { normal: "normal", break_all: "break-all", keep_all: "keep-all", break_word: "break-word" }[wordBreak]; }), (function (_a) { return "letter-spacing: " + _a.$letterSpacing; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { displayBold: displayBold, wizardPageTitleBold: wizardPageTitleBold, headingBold: headingBold, leadParaBold: leadParaBold, leadParaRegular: leadParaRegular, subTitleBold: subTitleBold, subTitleRegular: subTitleRegular, body1Bold: body1Bold, body1Regular: body1Regular, body2Bold: body2Bold, body2Regular: body2Regular, caption1Regular: caption1Regular, caption1Bold: caption1Bold, caption2Regular: caption2Regular, caption2Bold: caption2Bold, form1Regular: form1Regular, form2Regular: form2Regular, blog1Regular: blog1Regular }[styleTheme]; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { sysTextPrimary: sysTextPrimary, sysTextSecondary: sysTextSecondary, sysTextTertiary: sysTextTertiary, sysTextWhite: sysTextWhite, sysTextBlack: sysTextBlack, sysTextError: sysTextError, sysTextWarning: sysTextWarning, sysTextBrandPrimary: sysTextBrandPrimary, sysTextBrandSeconVariant: sysTextBrandSeconVariant, usrTextBrandPrimary: usrTextBrandPrimary, usrTextBrandSeconVariant: usrTextBrandSeconVariant, usrTextBrandOnPrimary: usrTextBrandOnPrimary }[colorTheme]; }), (function (_a) { return _a.customFontSize && customFontStyle; }), (function (_a) { var singleLineMode = _a.singleLineMode, ellipsisMode = _a.ellipsisMode, theme = _a.theme; return "use" === singleLineMode && "none" === ellipsisMode && "line-height: " + theme.desktopLineHeight.singleLine; }), (function (_a) { var ellipsisMode = _a.ellipsisMode, lineLimit = _a.lineLimit; return "use" === ellipsisMode && lineLimit && ellipsisStyle; }), (function (_a) { return _a.colorOverride && colorOverrideStyle; }), (function (_a) { return "none" === _a.userSelectMode && userSelectModeStyle; }), (function (_a) { var textDecorationType = _a.textDecorationType; return textDecorationType && { none: "", line_through: "text-decoration: line-through;" }[textDecorationType]; }), (function (_a) { return "use" === _a.bulletPointMode && bulletPointModeStyle; })), S_AfterTextBox = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; }), (function (_a) { switch (_a.styleTheme) {
228
228
  case "headingBold":
229
229
  case "leadParaBold":
230
230
  case "leadParaRegular": return;
231
231
  default: return "vertical-align: middle";
232
- } })), S_IconWrapper = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
232
+ } })), S_IconWrapper = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
233
233
  exports.default = TextLabel;
234
234
  try {
235
- TextLabel.displayName = "TextLabel", TextLabel.__docgenInfo = { description: "", displayName: "TextLabel", props: { text: { defaultValue: null, description: "", name: "text", required: !0, type: { name: "PDSTextType" } }, textAlign: { defaultValue: { value: "left" }, description: "", name: "textAlign", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"left"' }, { value: '"right"' }] } }, styleTheme: { defaultValue: { value: "body2Bold" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"body2Bold"' }, { value: '"displayBold"' }, { value: '"wizardPageTitleBold"' }, { value: '"leadParaBold"' }, { value: '"leadParaRegular"' }, { value: '"subTitleRegular"' }, { value: '"body1Bold"' }, { value: '"body1Regular"' }, { value: '"body2Regular"' }, { value: '"caption1Bold"' }, { value: '"caption1Regular"' }, { value: '"caption2Bold"' }, { value: '"caption2Regular"' }, { value: '"form1Regular"' }, { value: '"form2Regular"' }, { value: '"blog1Regular"' }] } }, colorOverride: { defaultValue: null, description: "", name: "colorOverride", required: !1, type: { name: "enum", value: [{ value: '"ui_cpnt_icon_sys_grey_01"' }, { value: '"ui_cpnt_button_fill_base_primary"' }, { value: '"ui_cpnt_button_fill_base_default"' }, { value: '"ui_cpnt_button_fill_base_white"' }, { value: '"ui_cpnt_button_fill_on_base_hover"' }, { value: '"ui_cpnt_button_fill_on_base_pressed"' }, { value: '"ui_cpnt_button_fill_base_disabled"' }, { value: '"ui_cpnt_button_line_base_pressed"' }, { value: '"ui_cpnt_button_line_base_hover"' }, { value: '"ui_cpnt_button_line_border_default"' }, { value: '"ui_cpnt_button_line_border_enabled"' }, { value: '"ui_cpnt_button_line_border_disabled"' }, { value: '"ui_cpnt_button_line_border_primary"' }, { value: '"ui_cpnt_button_text_primary"' }, { value: '"ui_cpnt_button_text_on_primary"' }, { value: '"ui_cpnt_button_text_enabled"' }, { value: '"ui_cpnt_button_text_disabled"' }, { value: '"ui_cpnt_button_text_default"' }, { value: '"ui_cpnt_button_icon_on_primary"' }, { value: '"ui_cpnt_button_icon_primary"' }, { value: '"ui_cpnt_button_icon_enabled"' }, { value: '"ui_cpnt_button_icon_disabled"' }, { value: '"ui_cpnt_button_icon_default"' }, { value: '"ui_cpnt_textfield_border_normal"' }, { value: '"ui_cpnt_textfield_border_focus"' }, { value: '"ui_cpnt_textfield_border_error"' }, { value: '"ui_cpnt_textfield_base_normal"' }, { value: '"ui_cpnt_textfield_base_disabled"' }, { value: '"ui_cpnt_textfield_text_hint"' }, { value: '"ui_cpnt_textfield_text_typed"' }, { value: '"ui_cpnt_textfield_text_error"' }, { value: '"ui_cpnt_textfield_text_disabled"' }, { value: '"ui_cpnt_textfield_icon_01"' }, { value: '"ui_cpnt_textfield_icon_02"' }, { value: '"ui_cpnt_textfield_icon_03"' }, { value: '"ui_cpnt_list_base_area"' }, { value: '"ui_cpnt_list_base_area_select"' }, { value: '"ui_cpnt_list_text_title"' }, { value: '"ui_cpnt_list_text_description_01"' }, { value: '"ui_cpnt_list_text_caption_01"' }, { value: '"ui_cpnt_headerbar_base_area"' }, { value: '"ui_cpnt_headerbar_text_title"' }, { value: '"ui_cpnt_headerbar_icon"' }, { value: '"ui_cpnt_headerbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area"' }, { value: '"ui_cpnt_tabbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area_sub"' }, { value: '"ui_cpnt_tabbar_border_active_indicator_primary"' }, { value: '"ui_cpnt_tabbar_text_active_primary"' }, { value: '"ui_cpnt_tabbar_border_active_indicator"' }, { value: '"ui_cpnt_tabbar_text_active"' }, { value: '"ui_cpnt_tabbar_text_inactive_01"' }, { value: '"ui_2"' }, { value: '"ui_3"' }, { value: '"ui_4"' }, { value: '"ui_5"' }, { value: '"ui_6"' }, { value: '"ui_7"' }, { value: '"ui_8"' }, { value: '"ui_9"' }, { value: '"ui_cpnt_pagination_slide_dot_active"' }, { value: '"ui_cpnt_pagination_slide_dot_inactive"' }, { value: '"ui_10"' }, { value: '"ui_11"' }, { value: '"ui_cpnt_modal_header_text_title"' }, { value: '"ui_cpnt_modal_header_icon_01"' }, { value: '"ui_cpnt_modal_header_base_area"' }, { value: '"ui_cpnt_modal_header_base_line"' }, { value: '"ui_cpnt_modal_body_primary_text"' }, { value: '"ui_cpnt_modal_body_secondary_text"' }, { value: '"ui_cpnt_modal_footer_base_area"' }, { value: '"ui_cpnt_modal_footer_divider"' }, { value: '"ui_cpnt_modal_base"' }, { value: '"ui_12"' }, { value: '"ui_13"' }, { value: '"ui_14"' }, { value: '"ui_15"' }, { value: '"ui_cpnt_text_emptystate"' }, { value: '"ui_cpnt_chip_fill_icon_inactive"' }, { value: '"ui_cpnt_chip_fill_icon_active_01"' }, { value: '"ui_cpnt_chip_fill_text_inactive"' }, { value: '"ui_cpnt_chip_fill_text_active_01"' }, { value: '"ui_cpnt_chip_fill_base_inactive"' }, { value: '"ui_cpnt_chip_fill_base_active_01"' }, { value: '"ui_cpnt_chip_line_icon_01"' }, { value: '"ui_cpnt_chip_line_text_01"' }, { value: '"ui_cpnt_chip_line_text_disabled"' }, { value: '"ui_cpnt_chip_line_border_01"' }, { value: '"ui_cpnt_chip_base_playtime"' }, { value: '"ui_16"' }, { value: '"ui_cpnt_list_icon_01"' }, { value: '"ui_cpnt_list_icon_02"' }, { value: '"ui_cpnt_bottomsheet_icon_01"' }, { value: '"ui_cpnt_bottomsheet_text_01"' }, { value: '"ui_cpnt_bottomsheet_text_02"' }, { value: '"ui_cpnt_bottomsheet_icon_02"' }, { value: '"ui_19"' }, { value: '"ui_20"' }, { value: '"ui_cpnt_fab_default_base_white"' }, { value: '"ui_cpnt_fab_default_base_red"' }, { value: '"ui_cpnt_fab_default_base_primary"' }, { value: '"ui_cpnt_fab_default_base_hover"' }, { value: '"ui_cpnt_fab_default_on_base_hover"' }, { value: '"ui_cpnt_fab_default_base_pressed"' }, { value: '"ui_cpnt_fab_default_on_base_pressed"' }, { value: '"ui_cpnt_fab_default_base_disabled"' }, { value: '"ui_cpnt_fab_icon_enabled"' }, { value: '"ui_cpnt_fab_icon_on_primary"' }, { value: '"ui_cpnt_fab_icon_disabled"' }, { value: '"ui_cpnt_fab_extended_base_primary"' }, { value: '"ui_cpnt_fab_extended_on_base_hover"' }, { value: '"ui_cpnt_fab_extended_on_base_pressed"' }, { value: '"ui_cpnt_fab_extended_base_disabled"' }, { value: '"ui_cpnt_fab_text_on_primary"' }, { value: '"ui_cpnt_fab_text_disabled"' }, { value: '"ui_cpnt_alertdialog_base"' }, { value: '"ui_cpnt_alertdialog_icon_success"' }, { value: '"ui_cpnt_alertdialog_icon_error"' }, { value: '"ui_cpnt_alertdialog_icon_warning"' }, { value: '"ui_cpnt_alertdialog_text_title"' }, { value: '"ui_cpnt_alertdialog_text_body"' }, { value: '"ui_21"' }, { value: '"ui_22"' }, { value: '"ui_23"' }, { value: '"ui_24"' }, { value: '"ui_25"' }, { value: '"ui_26"' }, { value: '"ui_27"' }, { value: '"ui_cpnt_divider"' }, { value: '"ui_cpnt_select_border_normal"' }, { value: '"ui_cpnt_select_border_focus"' }, { value: '"ui_cpnt_select_base_normal"' }, { value: '"ui_cpnt_select_base_disabled"' }, { value: '"ui_cpnt_select_text_hint"' }, { value: '"ui_cpnt_select_text_selected"' }, { value: '"ui_cpnt_select_text_disabled"' }, { value: '"ui_cpnt_select_icon_01"' }, { value: '"ui_cpnt_select_icon_02"' }, { value: '"ui_28"' }, { value: '"ui_29"' }, { value: '"ui_30"' }, { value: '"ui_cpnt_videoplayer_icon_01"' }, { value: '"ui_32"' }, { value: '"ui_cpnt_selcontrols_icon_primary"' }, { value: '"ui_cpnt_selcontrols_icon_disabled"' }, { value: '"ui_cpnt_selcontrols_icon_default"' }, { value: '"ui_cpnt_selcontrols_text_disabled"' }, { value: '"ui_cpnt_selcontrols_text_default"' }, { value: '"ui_cpnt_selcontrols_icon_on_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_normal"' }, { value: '"ui_cpnt_contextmenu_menu_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_selected"' }, { value: '"ui_cpnt_contextmenu_text"' }, { value: '"ui_cpnt_selcontrols_base_off"' }, { value: '"ui_cpnt_selcontrols_base_on"' }, { value: '"ui_cpnt_tabbar_text_inactive_02"' }, { value: '"ui_cpnt_videoplayer_unavailable"' }, { value: '"ui_cpnt_list_divider"' }, { value: '"ui_cpnt_button_fill_base_transparent"' }, { value: '"ui_cpnt_list_badge_active"' }, { value: '"ui_cpnt_list_badge_active_primary"' }, { value: '"ui_cpnt_list_badge_disabled"' }, { value: '"ui_cpnt_list_badge_cancel"' }, { value: '"ui_cpnt_list_text_quantity_plus"' }, { value: '"ui_cpnt_content_card_base"' }, { value: '"ui_cpnt_content_icon_03"' }, { value: '"ui_cpnt_content_icon_01"' }, { value: '"ui_cpnt_content_icon_02"' }, { value: '"ui_cpnt_content_card_status_a"' }, { value: '"ui_cpnt_content_card_status_b"' }, { value: '"ui_cpnt_content_card_status_c"' }, { value: '"ui_cpnt_content_card_status_d"' }, { value: '"ui_cpnt_textgroup_base_area"' }, { value: '"ui_cpnt_imageslide_active"' }, { value: '"ui_cpnt_imageslide_inactive"' }, { value: '"ui_cpnt_videoplayer_icon_02"' }, { value: '"ui_cpnt_videoplayer_text_01"' }, { value: '"ui_cpnt_videoplayer_text_02"' }, { value: '"ui_cpnt_videoplayer_scrubber_01"' }, { value: '"ui_cpnt_videoplayer_scrubber_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_base"' }, { value: '"ui_cpnt_videoplayer_playbar_02"' }, { value: '"ui_cpnt_videoplayer_playbar_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_01"' }, { value: '"ui_cpnt_tableheadbar_title"' }, { value: '"ui_cpnt_tableheaderbar_text_default"' }, { value: '"ui_cpnt_tableheaderbar_text_disabled"' }, { value: '"ui_cpnt_tableheaderbar_icon_01"' }, { value: '"ui_cpnt_datatable_text_01"' }, { value: '"ui_cpnt_datatable_text_02"' }, { value: '"ui_cpnt_datatable_text_03"' }, { value: '"ui_cpnt_datatable_text_textbutton"' }, { value: '"ui_cpnt_datatable_text_active"' }, { value: '"ui_cpnt_datatable_base_default"' }, { value: '"ui_cpnt_datatable_base_hover"' }, { value: '"ui_cpnt_datatable_text_inactive"' }, { value: '"ui_cpnt_datatable_bulkaction_base"' }, { value: '"ui_cpnt_datatable_icon_01"' }, { value: '"ui_cpnt_datatable_text_04"' }, { value: '"ui_cpnt_chip_fill_base_active_02"' }, { value: '"ui_cpnt_chip_fill_text_active_02"' }, { value: '"ui_cpnt_chip_fill_icon_active_02"' }, { value: '"ui_cpnt_dropdown_border_normal"' }, { value: '"ui_cpnt_dropdown_border_focus"' }, { value: '"ui_cpnt_dropdown_base_normal"' }, { value: '"ui_cpnt_dropdown_base_disabled"' }, { value: '"ui_cpnt_dropdown_text_hint"' }, { value: '"ui_cpnt_dropdown_text_selected"' }, { value: '"ui_cpnt_dropdown_text_disabled"' }, { value: '"ui_cpnt_dropdown_icon_01"' }, { value: '"ui_cpnt_dropdown_icon_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_01"' }, { value: '"ui_cpnt_datatable_icon_02"' }, { value: '"ui_cpnt_datatable_icon_03"' }, { value: '"ui_cpnt_datatable_icon_04"' }, { value: '"ui_cpnt_sidebar_common_base"' }, { value: '"ui_cpnt_sidebar_header_base"' }, { value: '"ui_cpnt_sidebar_label_base"' }, { value: '"ui_cpnt_sidebar_listitem_base_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_base_active"' }, { value: '"ui_cpnt_sidebar_footer_base"' }, { value: '"ui_cpnt_sidebar_label_icon"' }, { value: '"ui_cpnt_sidebar_listitem_icon_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_icon_active"' }, { value: '"ui_cpnt_sidebar_icon_01"' }, { value: '"ui_cpnt_modal_body_base"' }, { value: '"ui_cpnt_modal_header_icon_02"' }, { value: '"ui_cpnt_selectcard_base_selected"' }, { value: '"ui_cpnt_selectcard_base_default"' }, { value: '"ui_cpnt_selectcard_icon_default"' }, { value: '"ui_cpnt_selectcard_icon_selected"' }, { value: '"ui_cpnt_selectcard_text_01"' }, { value: '"ui_cpnt_selectcard_text_02"' }, { value: '"ui_cpnt_selectcard_text_03"' }, { value: '"ui_cpnt_bannerslidecontent_text_white"' }, { value: '"ui_cpnt_modal_header_icon_03"' }, { value: '"ui_cpnt_modal_body_tertiary_text"' }, { value: '"ui_cpnt_list_timestatus_base"' }, { value: '"ui_cpnt_list_text_timestatus"' }, { value: '"ui_cpnt_imageview_base_03"' }, { value: '"ui_34"' }, { value: '"ui_cpnt_editorsidebar_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_text"' }, { value: '"ui_cpnt_editorsidebar_card_base_default"' }, { value: '"ui_cpnt_editorsidebar_card_base_selected"' }, { value: '"ui_cpnt_editorsidebar_text_default"' }, { value: '"ui_cpnt_editorsidebar_text_selected"' }, { value: '"ui_cpnt_editorsidebar_icon_default"' }, { value: '"ui_cpnt_editorsidebar_icon_selected"' }, { value: '"ui_cpnt_editorsidebar_card_border"' }, { value: '"ui_cpnt_step_base_area"' }, { value: '"ui_cpnt_step_text_inactive"' }, { value: '"ui_cpnt_step_text_active"' }, { value: '"ui_cpnt_step_circular_inactive"' }, { value: '"ui_cpnt_step_circular_active"' }, { value: '"ui_cpnt_step_icon"' }, { value: '"ui_cpnt_step_text_number"' }, { value: '"ui_cpnt_imageslide_dot_area_1"' }, { value: '"ui_cpnt_imageslide_dot_area_2"' }, { value: '"ui_cpnt_editorsidebar_text_disabled"' }, { value: '"ui_cpnt_editorsidebar_icon_disabled"' }, { value: '"ui_cpnt_editorsidebar_card_border_disabled"' }, { value: '"ui_cpnt_userdesktopnavbar_base_area"' }, { value: '"ui_cpnt_button_line_base_default"' }, { value: '"ui_cpnt_userdesktoptabbar_base_area"' }, { value: '"ui_cpnt_userdesktoptabbar_divider"' }, { value: '"ui_cpnt_userdesktoptabbar_border_active_indicator"' }, { value: '"ui_cpnt_userdesktoptabbar_text_active"' }, { value: '"ui_cpnt_userdesktoptabbar_text_inactive"' }, { value: '"ui_cpnt_selcontrols_base_off_disabled"' }, { value: '"ui_cpnt_selcontrols_base_on_disabled"' }, { value: '"ui_cpnt_selcontrols_circular"' }, { value: '"ui_cpnt_chip_line_icon_02"' }, { value: '"ui_cpnt_overlay_base"' }, { value: '"ui_cpnt_profile_base"' }, { value: '"ui_cpnt_card_base"' }, { value: '"ui_cpnt_card_selected_border"' }, { value: '"ui_cpnt_card_icon_basic"' }, { value: '"ui_cpnt_card_icon_custom"' }, { value: '"ui_cpnt_card_icon_create"' }, { value: '"ui_cpnt_modal_dimmed"' }, { value: '"ui_cpnt_alertdialog_dimmed"' }, { value: '"ui_cpnt_bottomsheet_base"' }, { value: '"ui_cpnt_bottomsheet_icon_03"' }, { value: '"ui_cpnt_button_icon_white"' }, { value: '"ui_cpnt_list_icon_03"' }, { value: '"ui_cpnt_list_icon_active_primary"' }, { value: '"ui_cpnt_alertdialog_icon_information"' }, { value: '"ui_cpnt_bottomsheet_bar"' }, { value: '"ui_cpnt_button_line_border_error"' }, { value: '"ui_cpnt_button_text_error"' }, { value: '"ui_cpnt_button_icon_error"' }, { value: '"ui_cpnt_textlabel_sys_primary"' }, { value: '"ui_cpnt_textlabel_sys_secondary"' }, { value: '"ui_cpnt_textlabel_sys_tertiary"' }, { value: '"ui_cpnt_textlabel_sys_white"' }, { value: '"ui_cpnt_textlabel_sys_brandprimary"' }, { value: '"ui_cpnt_textlabel_sys_error"' }, { value: '"ui_cpnt_textlabel_sys_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandprimary"' }, { value: '"ui_cpnt_textlabel_usr_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandonprimary"' }, { value: '"ui_cpnt_list_text_body"' }, { value: '"ui_cpnt_card_icon_background_01"' }, { value: '"ui_cpnt_card_icon_background_02"' }, { value: '"ui_cpnt_card_icon_background_03"' }, { value: '"ui_cpnt_bannerslide_gradient_1"' }, { value: '"ui_cpnt_bannerslide_gradient_2"' }, { value: '"ui_cpnt_modal_gradient_1"' }, { value: '"ui_cpnt_modal_gradient_2"' }, { value: '"ui_cpnt_list_icon_04"' }, { value: '"ui_cpnt_list_thumbnail_border"' }, { value: '"ui_cpnt_list_thumbnail_gradient_1"' }, { value: '"ui_cpnt_list_thumbnail_gradient_2"' }, { value: '"ui_cpnt_list_base_area_active"' }, { value: '"ui_cpnt_contextmenu_base"' }, { value: '"ui_cpnt_videoplayer_gradient_1"' }, { value: '"ui_cpnt_videoplayer_gradient_2"' }, { value: '"ui_cpnt_videoplayer_overlay"' }, { value: '"ui_globalmenucontainer_background"' }, { value: '"ui_pagemenucontainer_background"' }, { value: '"ui_submenucontainer_background"' }, { value: '"ui_tabmenucontainer_background"' }, { value: '"ui_contentscontainer01_background"' }, { value: '"ui_contentscontainer02_background"' }, { value: '"ui_cpnt_bannerslide_icon_01"' }, { value: '"ui_cpnt_card_shadow"' }, { value: '"ui_cpnt_bannerslide_pagination_active"' }, { value: '"ui_cpnt_bannerslide_pagination_inactive"' }, { value: '"ui_cpnt_icon_usr_brandprimary"' }, { value: '"ui_container_divider"' }, { value: '"ui_area_divider"' }, { value: '"ui_cpnt_list_base_area_seller"' }, { value: '"ui_temp_grey_01"' }, { value: '"ui_temp_grey_02"' }, { value: '"ui_temp_grey_03"' }, { value: '"ui_temp_grey_04"' }, { value: '"ui_temp_grey_05"' }, { value: '"ui_temp_white"' }, { value: '"ui_temp_primary_01"' }, { value: '"ui_temp_secondary_01"' }, { value: '"ui_temp_red"' }, { value: '"ui_temp_white_opacity_00"' }, { value: '"ui_temp_dimmed"' }, { value: '"ui_temp_black"' }, { value: '"ui_temp_primary_02"' }, { value: '"ui_temp_primary_03"' }, { value: '"ui_temp_secondary_02"' }, { value: '"ui_temp_lightgreen_01"' }, { value: '"ui_cpnt_userdesktopnavbar_profile_border"' }, { value: '"ui_cpnt_textlabel_sys_grey_04"' }, { value: '"ui_papp_post_social_background"' }, { value: '"ui_papp_post_notice_background"' }, { value: '"ui_papp_post_free_background"' }, { value: '"ui_papp_vod_background"' }, { value: '"ui_papp_vodplus_background"' }, { value: '"ui_papp_live_background"' }, { value: '"ui_community_pagination_base_area"' }, { value: '"ui_cpnt_contextmenu_border"' }, { value: '"ui_profile_image_border"' }, { value: '"ui_cpnt_alertdialog_border"' }, { value: '"ui_cpnt_modal_border"' }, { value: '"ui_cpnt_card_border"' }, { value: '"ui_cpnt_overlay_border"' }, { value: '"ui_cpnt_datatable_base_selected"' }, { value: '"ui_cpnt_icon_sys_brandprimary"' }, { value: '"ui_cpnt_icon_sys_grey_02"' }, { value: '"ui_cpnt_icon_sys_grey_03"' }, { value: '"ui_cpnt_icon_sys_error_01"' }, { value: '"ui_cpnt_icon_sys_warning_01"' }, { value: '"ui_cpnt_icon_sys_success_01"' }, { value: '"ui_cpnt_icon_usr_brandsecondary"' }, { value: '"ui_papp_post_notice_link"' }, { value: '"ui_cpnt_headerbar_icon_02"' }, { value: '"ui_m_navigationcontainer_background"' }, { value: '"ui_m_tabcontainer_background"' }, { value: '"ui_m_contentscontainer01_background"' }, { value: '"ui_m_contentscontainer02_background"' }, { value: '"ui_cpnt_statusblock_basic"' }, { value: '"ui_cpnt_statusblock_standby"' }, { value: '"ui_cpnt_statusblock_proceeding"' }, { value: '"ui_cpnt_statusblock_cancel"' }, { value: '"ui_cpnt_statusblock_end"' }, { value: '"ui_cpnt_statusblock_error"' }, { value: '"ui_cpnt_list_base_area_solid"' }, { value: '"ui_cpnt_list_base_area_translucent"' }, { value: '"ui_cpnt_list_base_area_transparent"' }, { value: '"ui_cpnt_list_text_caption_02"' }, { value: '"ui_cpnt_button_line_border_darktheme_enabled"' }, { value: '"ui_cpnt_button_line_border_darktheme_disabled"' }, { value: '"ui_cpnt_button_line_base_darktheme_default"' }, { value: '"ui_cpnt_button_line_base_darktheme_hover"' }, { value: '"ui_cpnt_button_line_base_darktheme_pressed"' }, { value: '"ui_cpnt_button_text_darktheme_enabled"' }, { value: '"ui_cpnt_button_text_darktheme_disabled"' }, { value: '"ui_cpnt_button_icon_darktheme_enabled"' }, { value: '"ui_cpnt_button_icon_darktheme_disabled"' }, { value: '"ui_cpnt_icon_sys_white"' }, { value: '"ui_cpnt_button_fill_base_media"' }, { value: '"ui_cpnt_textfield_text_darktheme_enabled"' }, { value: '"ui_cpnt_textfield_text_darktheme_hint"' }, { value: '"ui_cpnt_textfield_text_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_icon_darktheme_default"' }, { value: '"ui_cpnt_textfield_icon_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_border_darktheme_normal"' }, { value: '"ui_cpnt_textfield_border_darktheme_focus"' }, { value: '"ui_cpnt_textfield_border_darktheme_error"' }, { value: '"ui_cpnt_textfield_text_darktheme_error"' }, { value: '"ui_cpnt_textfield_base_darktheme_disabled"' }, { value: '"ui_cpnt_select_text_darktheme_enabled"' }, { value: '"ui_cpnt_select_text_darktheme_hint"' }, { value: '"ui_cpnt_select_text_darktheme_disabled"' }, { value: '"ui_cpnt_select_icon_darktheme_default"' }, { value: '"ui_cpnt_select_icon_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_normal"' }, { value: '"ui_cpnt_select_border_darktheme_focus"' }, { value: '"ui_cpnt_select_base_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_enabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_hint"' }, { value: '"ui_cpnt_dropdown_text_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_default"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_border_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_focus"' }, { value: '"ui_cpnt_dropdown_base_darktheme_disabled"' }, { value: '"ui_cpnt_sheet_base"' }, { value: '"ui_cpnt_button_icon_darktheme_default"' }, { value: '"ui_cpnt_button_icon_darktheme_primary"' }, { value: '"ui_cpnt_button_text_darktheme_default"' }, { value: '"ui_cpnt_button_text_darktheme_primary"' }, { value: '"ui_35"' }, { value: '"ui_cpnt_button_fill_base_black_opacity50"' }, { value: '"ui_cpnt_sheet_base_white"' }, { value: '"ui_cpnt_sheet_base_black"' }, { value: '"ui_cpnt_sheet_base_01"' }, { value: '"ui_cpnt_sheet_base_02"' }, { value: '"ui_temp_background"' }, { value: '"ui_list_progress_shape_normal"' }, { value: '"ui_list_progress_shape_error"' }, { value: '"ui_list_progress_shape_base"' }, { value: '"ui_cpnt_textlabel_sys_brand_primary_opacity50"' }, { value: '"ui_cpnt_progressbar_01"' }, { value: '"ui_cpnt_progressbar_02"' }, { value: '"ui_36"' }, { value: '"ui_37"' }, { value: '"ui_39"' }, { value: '"ui_cpnt_divider_white_opacity30"' }, { value: '"ui_toppagemenucontainer_background_wt_m"' }, { value: '"ui_contentscontainer_background_wt_m"' }, { value: '"ui_toppagemenuarea_background_wt_m"' }, { value: '"ui_contentsarea_background_wt_m"' }, { value: '"ui_cpnt_standardbanner_base_default"' }, { value: '"ui_channeldesc_white"' }, { value: '"ui_channeldesc_grey_03"' }, { value: '"ui_channeldesc_border_grey_03"' }, { value: '"ui_cpnt_bottomsheet_border"' }, { value: '"ui_cpnt_userdesktopsidetab_base_area"' }, { value: '"ui_cpnt_pg_gradient_01"' }, { value: '"ui_cpnt_pg_gradient_02"' }, { value: '"ui_channeldesc_background"' }, { value: '"ui_channeldesc_bottomsheet_base"' }, { value: '"ui_channeldesc_bottomsheet_border"' }, { value: '"ui_channeldesc_contents_base"' }, { value: '"ui_channeldesc_dimmed"' }, { value: '"ui_cpnt_pg_gradient_03"' }, { value: '"ui_cpnt_pg_gradient_04"' }, { value: '"ui_cpnt_pg_gradient_05"' }, { value: '"ui_cpnt_mask_base"' }, { value: '"ui_temp_usr_primary_01"' }, { value: '"ui_cpnt_sheet_base_02_opacity50"' }, { value: '"ui_menu_primarymenu_main"' }, { value: '"ui_menu_primarymenu_sub"' }, { value: '"ui_menu_secondarymenu_main"' }, { value: '"ui_menu_secondarymenu_sub"' }, { value: '"ui_menu_hover"' }, { value: '"ui_menu_active"' }, { value: '"ui_menu_background"' }, { value: '"ui_cpnt_video_progress_base"' }, { value: '"ui_cpnt_icon_sys_dark"' }, { value: '"ui_menu_background_gradient_opacity00"' }, { value: '"ui_cpnt_dropdown_border_white_normal"' }, { value: '"ui_cpnt_dropdown_text_white_enabled"' }, { value: '"ui_cpnt_dropdown_text_white_hint"' }, { value: '"ui_cpnt_dropdown_icon_white_default"' }, { value: '"ui_cpnt_dropdown_border_white_focus"' }, { value: '"ui_cpnt_dropdown_base_white_normal"' }, { value: '"ui_profile_image_border_brandprimary"' }, { value: '"ui_cpnt_dropdown_base_white_disabled"' }, { value: '"ui_cpnt_dropdown_border_white_disabled"' }, { value: '"ui_cpnt_sheet_base_white_opacity00"' }, { value: '"ui_dimmed_01"' }, { value: '"ui_cpnt_reactionbutton_base_01"' }, { value: '"ui_cpnt_textfield_border_disabled"' }, { value: '"ui_cpnt_dropdown_border_disabled"' }, { value: '"ui_cpnt_select_border_disabled"' }, { value: '"ui_cpnt_dropdown_base_darktheme_normal"' }, { value: '"ui_cpnt_textfield_text_readonly"' }, { value: '"ui_cpnt_select_text_readonly"' }, { value: '"ui_cpnt_dropdown_text_readonly"' }, { value: '"ui_cpnt_select_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_white_readonly"' }, { value: '"ui_cpnt_blogtextfield_base_01"' }, { value: '"ui_cpnt_textfield_base_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_white_disabled"' }, { value: '"ui_cpnt_select_base_darktheme_normal"' }, { value: '"ui_hero_title_text"' }, { value: '"ui_hero_description_text"' }, { value: '"ui_cpnt_divider_area"' }, { value: '"ui_cpnt_button_white_base_hover"' }, { value: '"ui_cpnt_button_white_base_pressed"' }, { value: '"ui_cpnt_list_base_area_hover"' }, { value: '"ui_cpnt_sheet_border_01"' }, { value: '"ui_cpnt_sheet_border_02"' }, { value: '"ui_cpnt_sheet_border_03"' }, { value: '"ui_43"' }, { value: '"ui_44"' }, { value: '"ui_45"' }, { value: '"ui_46"' }, { value: '"ui_47"' }, { value: '"ui_cpnt_sheet_base_03"' }, { value: '"ui_48"' }, { value: '"ui_49"' }, { value: '"ui_50"' }, { value: '"ui_51"' }, { value: '"ui_cpnt_list_text_caption_03"' }, { value: '"ui_cpnt_list_chatbubble_base_area"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my"' }, { value: '"ui_cpnt_list_chatbubble_text_my"' }, { value: '"ui_papp_livechat_link"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_text_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_text_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my_color"' }, { value: '"ui_cpnt_list_chatbubble_text_my_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller"' }, { value: '"ui_cpnt_list_chatbubble_text_seller"' }, { value: '"ui_52"' }, { value: '"ui_cpnt_imageview_dimmed"' }, { value: '"ui_53"' }, { value: '"ui_54"' }, { value: '"ui_55"' }, { value: '"ui_56"' }, { value: '"ui_cpnt_sheet_base_04"' }, { value: '"ui_cpnt_masking_base_01"' }, { value: '"ui_cpnt_masking_icon_01"' }, { value: '"ui_cpnt_list_base_area_transparent_seller"' }, { value: '"ui_57"' }, { value: '"ui_58"' }, { value: '"ui_cpnt_divider_white_opacity00"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_enabled"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_hint"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_default"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_focus"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_lottiereactionbutton_base_01"' }, { value: '"ui_cpnt_lottiereactionbutton_base_02"' }, { value: '"ui_cpnt_lottiereactionbutton_base_03"' }, { value: '"ui_cpnt_lottiereactionbutton_base_04"' }, { value: '"ui_cpnt_lottiereactionbutton_base_05"' }, { value: '"ui_60"' }, { value: '"ui_61"' }, { value: '"ui_loading_skeleton_01"' }, { value: '"ui_loading_skeleton_02"' }, { value: '"ui_loading_linear_bar"' }, { value: '"ui_loading_linear_base"' }, { value: '"ui_loading_three_bar"' }, { value: '"ui_menu_button_base"' }, { value: '"ui_cpnt_calendar_status_a"' }, { value: '"ui_cpnt_calendar_status_b"' }, { value: '"ui_cpnt_calendar_status_c"' }, { value: '"ui_menu_background_transparent"' }, { value: '"ui_globalmenucontainer_background_transparent"' }, { value: '"ui_pagemenucontainer_background_transparent"' }, { value: '"ui_submenucontainer_background_transparent"' }, { value: '"ui_tabmenucontainer_background_transparent"' }, { value: '"ui_contentscontainer01_background_transparent"' }, { value: '"ui_contentscontainer02_background_transparent"' }, { value: '"ui_toppagemenucontainer_background_wt_m_transparent"' }, { value: '"ui_contentscontainer_background_wt_m_transparent"' }, { value: '"ui_menu_button_base_transparent"' }, { value: '"ui_dimmed_02"' }, { value: '"ui_cpnt_sheet_base_05"' }, { value: '"ui_62"' }, { value: '"ui_cpnt_calendar_date_hover"' }, { value: '"ui_cpnt_calendar_date_pressed"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_01"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_02"' }, { value: '"ui_cpnt_calendar_base"' }, { value: '"ui_cpnt_calendar_border"' }, { value: '"ui_cpnt_calendar_label_base_schedules"' }, { value: '"ui_cpnt_calendar_label_base_expired_schedules"' }, { value: '"ui_cpnt_calendar_label_border_default"' }, { value: '"ui_cpnt_calendar_label_border_schedules"' }, { value: '"ui_cpnt_calendar_label_border_expired_schedules"' }, { value: '"ui_cpnt_calendar_real_time_line"' }, { value: '"ui_cpnt_calendar_date_selected"' }, { value: '"ui_pagination_base_area"' }, { value: '"ui_cpnt_calendar_label_base_standby_selected"' }, { value: '"ui_cpnt_calendar_label_border_standby"' }, { value: '"ui_cpnt_calendar_text_status_standby"' }, { value: '"ui_cpnt_calendar_label_base_booked_selected"' }, { value: '"ui_cpnt_calendar_label_border_booked"' }, { value: '"ui_cpnt_calendar_text_status_booked"' }, { value: '"ui_cpnt_calendar_label_base_expired_selected"' }, { value: '"ui_cpnt_calendar_label_border_expired"' }, { value: '"ui_cpnt_calendar_text_status_expired"' }, { value: '"ui_cpnt_calendar_label_base_standby_default"' }, { value: '"ui_cpnt_calendar_label_base_booked_default"' }, { value: '"ui_cpnt_calendar_label_base_expired_default"' }, { value: '"ui_cpnt_calendar_badge_standby"' }, { value: '"ui_cpnt_calendar_badge_booked"' }, { value: '"ui_cpnt_calendar_badge_expired"' }, { value: '"ui_cpnt_calendar_text_today"' }, { value: '"ui_cpnt_textlabel_sys_warning"' }, { value: '"ui_cpnt_lottiereactionbutton_base_default"' }, { value: '"ui_cpnt_sheet_base_06"' }, { value: '"ui_cpnt_sheet_base_07"' }, { value: '"ui_cpnt_sheet_base_08"' }, { value: '"ui_cpnt_pagination_dot_01"' }, { value: '"ui_cpnt_pagination_dot_02"' }, { value: '"ui_cpnt_pagination_dot_border"' }, { value: '"ui_63"' }, { value: '"ui_64"' }, { value: '"ui_cpnt_sheet_border_04"' }, { value: '"ui_cpnt_button_fill_base_01"' }, { value: '"ui_cpnt_button_fill_base_hangup"' }, { value: '"ui_cpnt_refund_text_status_issued"' }, { value: '"ui_cpnt_refund_text_status_refunded"' }, { value: '"ui_cpnt_divider_white_01"' }, { value: '"ui_cpnt_timer_base_01"' }, { value: '"ui_cpnt_timer_base_timeup"' }, { value: '"ui_66"' }, { value: '"ui_67"' }, { value: '"ui_cpnt_videoplayer_gradient_3"' }, { value: '"ui_68"' }, { value: '"ui_69"' }, { value: '"ui_cpnt_divider_white_02"' }, { value: '"ui_cpnt_list_chatbubble_base_brand_primary"' }, { value: '"ui_cpnt_list_chatbubble_base_grey"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_white"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_black"' }, { value: '"ui_avatar_border_translucent_white"' }, { value: '"ui_avatar_border_translucent_black"' }, { value: '"ui_cpnt_textfield_base_hover"' }, { value: '"ui_cpnt_textfield_base_pressed"' }, { value: '"ui_cpnt_button_secondary_on_base_hover"' }, { value: '"ui_cpnt_button_secondary_on_base_pressed"' }, { value: '"ui_cpnt_select_base_hover"' }, { value: '"ui_cpnt_select_base_pressed"' }, { value: '"ui_cpnt_dropdown_base_hover"' }, { value: '"ui_cpnt_dropdown_base_pressed"' }, { value: '"ui_cpnt_sheet_base_09"' }, { value: '"ui_wizard_pagemenucontainer_background"' }, { value: '"ui_stepcontainer_background"' }, { value: '"ui_wizard_contentscontainer01_background"' }, { value: '"ui_wizard_contentscontainer02_background"' }, { value: '"ui_70"' }, { value: '"ui_cpnt_button_primary_variation_base_enabled"' }, { value: '"ui_cpnt_button_text_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_icon_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_secondary_variation_base_default"' }, { value: '"ui_cpnt_button_secondary_variation_base_hover"' }, { value: '"ui_cpnt_button_secondary_variation_base_pressed"' }, { value: '"ui_editor_base_pages"' }, { value: '"ui_editor_base_papp"' }, { value: '"ui_container_scroll"' }, { value: '"ui_pages_section_dimmed"' }, { value: '"ui_71"' }, { value: '"ui_cpnt_textlabel_sys_black"' }, { value: '"ui_cpnt_sheet_base_10"' }, { value: '"ui_cpnt_sheet_base_11"' }, { value: '"ui_72"' }, { value: '"ui_73"' }, { value: '"ui_cpnt_sidebar_listitem_base_hover"' }, { value: '"ui_avatar_border_brandprimary"' }, { value: '"ui_avatar_border"' }, { value: '"ui_editor_rightside_title_tabbar_base"' }, { value: '"ui_editor_preview_base"' }, { value: '"ui_editor_preview_divice_area_border"' }, { value: '"ui_editor_preview_background"' }, { value: '"ui_editor_leftside_base"' }, { value: '"ui_cpnt_sidebar_label_text"' }, { value: '"ui_cpnt_dropdown_base_hover_darktheme"' }, { value: '"ui_cpnt_dropdown_base_pressed_darktheme"' }, { value: '"ui_cpnt_dropdown_base_hover_white"' }, { value: '"ui_cpnt_dropdown_base_pressed_white"' }, { value: '"ui_cpnt_textfield_base_hover_darktheme"' }, { value: '"ui_cpnt_textfield_base_pressed_darktheme"' }, { value: '"ui_cpnt_select_base_hover_darktheme"' }, { value: '"ui_cpnt_select_base_pressed_darktheme"' }, { value: '"ui_cpnt_textfield_base_hover_transparent"' }, { value: '"ui_cpnt_textfield_base_pressed_transparent"' }, { value: '"ui_cpnt_reactionbutton_base_02"' }, { value: '"ui_create_ch_step_prev"' }, { value: '"ui_editor_preview_editing"' }] } }, colorTheme: { defaultValue: { value: "sysTextPrimary" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"sysTextPrimary"' }, { value: '"sysTextSecondary"' }, { value: '"sysTextTertiary"' }, { value: '"sysTextWhite"' }, { value: '"sysTextError"' }, { value: '"sysTextWarning"' }, { value: '"sysTextBrandPrimary"' }, { value: '"sysTextBrandSeconVariant"' }, { value: '"usrTextBrandPrimary"' }, { value: '"usrTextBrandSeconVariant"' }, { value: '"usrTextBrandOnPrimary"' }] } }, singleLineMode: { defaultValue: { value: "none" }, description: "", name: "singleLineMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, ellipsisMode: { defaultValue: { value: "none" }, description: "", name: "ellipsisMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, lineLimit: { defaultValue: null, description: "", name: "lineLimit", required: !1, type: { name: "number" } }, userSelectMode: { defaultValue: { value: "none" }, description: "", name: "userSelectMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, customFontSize: { defaultValue: null, description: "", name: "customFontSize", required: !1, type: { name: "string" } }, customFontWeight: { defaultValue: null, description: "", name: "customFontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, textDecorationType: { defaultValue: { value: "none" }, description: "", name: "textDecorationType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line_through"' }] } }, requirementMode: { defaultValue: { value: "none" }, description: "", name: "requirementMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, bulletPointMode: { defaultValue: { value: "none" }, description: "", name: "bulletPointMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, wordBreak: { defaultValue: { value: "keep_all" }, description: "", name: "wordBreak", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"keep_all"' }, { value: '"break_all"' }, { value: '"break_word"' }] } }, letterSpacing: { defaultValue: null, description: "", name: "letterSpacing", required: !1, type: { name: "string" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/TextLabel/TextLabel.tsx#TextLabel"] = { docgenInfo: TextLabel.__docgenInfo, name: "TextLabel", path: "src/mobile/components/TextLabel/TextLabel.tsx#TextLabel" });
235
+ TextLabel.displayName = "TextLabel", TextLabel.__docgenInfo = { description: "", displayName: "TextLabel", props: { text: { defaultValue: null, description: "", name: "text", required: !0, type: { name: "PDSTextType" } }, textAlign: { defaultValue: { value: "left" }, description: "", name: "textAlign", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"left"' }, { value: '"right"' }] } }, styleTheme: { defaultValue: { value: "body2Bold" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"body2Bold"' }, { value: '"displayBold"' }, { value: '"wizardPageTitleBold"' }, { value: '"leadParaBold"' }, { value: '"leadParaRegular"' }, { value: '"subTitleRegular"' }, { value: '"body1Bold"' }, { value: '"body1Regular"' }, { value: '"body2Regular"' }, { value: '"caption1Bold"' }, { value: '"caption1Regular"' }, { value: '"caption2Bold"' }, { value: '"caption2Regular"' }, { value: '"form1Regular"' }, { value: '"form2Regular"' }, { value: '"blog1Regular"' }] } }, colorOverride: { defaultValue: null, description: "", name: "colorOverride", required: !1, type: { name: "enum", value: [{ value: '"ui_cpnt_icon_sys_grey_01"' }, { value: '"ui_cpnt_button_fill_base_primary"' }, { value: '"ui_cpnt_button_fill_base_default"' }, { value: '"ui_cpnt_button_fill_base_white"' }, { value: '"ui_cpnt_button_fill_on_base_hover"' }, { value: '"ui_cpnt_button_fill_on_base_pressed"' }, { value: '"ui_cpnt_button_fill_base_disabled"' }, { value: '"ui_cpnt_button_line_base_pressed"' }, { value: '"ui_cpnt_button_line_base_hover"' }, { value: '"ui_cpnt_button_line_border_default"' }, { value: '"ui_cpnt_button_line_border_enabled"' }, { value: '"ui_cpnt_button_line_border_disabled"' }, { value: '"ui_cpnt_button_line_border_primary"' }, { value: '"ui_cpnt_button_text_primary"' }, { value: '"ui_cpnt_button_text_on_primary"' }, { value: '"ui_cpnt_button_text_enabled"' }, { value: '"ui_cpnt_button_text_disabled"' }, { value: '"ui_cpnt_button_text_default"' }, { value: '"ui_cpnt_button_icon_on_primary"' }, { value: '"ui_cpnt_button_icon_primary"' }, { value: '"ui_cpnt_button_icon_enabled"' }, { value: '"ui_cpnt_button_icon_disabled"' }, { value: '"ui_cpnt_button_icon_default"' }, { value: '"ui_cpnt_textfield_border_normal"' }, { value: '"ui_cpnt_textfield_border_focus"' }, { value: '"ui_cpnt_textfield_border_error"' }, { value: '"ui_cpnt_textfield_base_normal"' }, { value: '"ui_cpnt_textfield_base_disabled"' }, { value: '"ui_cpnt_textfield_text_hint"' }, { value: '"ui_cpnt_textfield_text_typed"' }, { value: '"ui_cpnt_textfield_text_error"' }, { value: '"ui_cpnt_textfield_text_disabled"' }, { value: '"ui_cpnt_textfield_icon_01"' }, { value: '"ui_cpnt_textfield_icon_02"' }, { value: '"ui_cpnt_textfield_icon_03"' }, { value: '"ui_cpnt_list_base_area"' }, { value: '"ui_cpnt_list_base_area_select"' }, { value: '"ui_cpnt_list_text_title"' }, { value: '"ui_cpnt_list_text_description_01"' }, { value: '"ui_cpnt_list_text_caption_01"' }, { value: '"ui_cpnt_headerbar_base_area"' }, { value: '"ui_cpnt_headerbar_text_title"' }, { value: '"ui_cpnt_headerbar_icon"' }, { value: '"ui_cpnt_headerbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area"' }, { value: '"ui_cpnt_tabbar_divider"' }, { value: '"ui_cpnt_tabbar_base_area_sub"' }, { value: '"ui_cpnt_tabbar_border_active_indicator_primary"' }, { value: '"ui_cpnt_tabbar_text_active_primary"' }, { value: '"ui_cpnt_tabbar_border_active_indicator"' }, { value: '"ui_cpnt_tabbar_text_active"' }, { value: '"ui_cpnt_tabbar_text_inactive_01"' }, { value: '"ui_2"' }, { value: '"ui_3"' }, { value: '"ui_4"' }, { value: '"ui_5"' }, { value: '"ui_6"' }, { value: '"ui_7"' }, { value: '"ui_8"' }, { value: '"ui_9"' }, { value: '"ui_cpnt_pagination_slide_dot_active"' }, { value: '"ui_cpnt_pagination_slide_dot_inactive"' }, { value: '"ui_10"' }, { value: '"ui_11"' }, { value: '"ui_cpnt_modal_header_text_title"' }, { value: '"ui_cpnt_modal_header_icon_01"' }, { value: '"ui_cpnt_modal_header_base_area"' }, { value: '"ui_cpnt_modal_header_base_line"' }, { value: '"ui_cpnt_modal_body_primary_text"' }, { value: '"ui_cpnt_modal_body_secondary_text"' }, { value: '"ui_cpnt_modal_footer_base_area"' }, { value: '"ui_cpnt_modal_footer_divider"' }, { value: '"ui_cpnt_modal_base"' }, { value: '"ui_12"' }, { value: '"ui_13"' }, { value: '"ui_14"' }, { value: '"ui_15"' }, { value: '"ui_cpnt_text_emptystate"' }, { value: '"ui_cpnt_chip_fill_icon_inactive"' }, { value: '"ui_cpnt_chip_fill_icon_active_01"' }, { value: '"ui_cpnt_chip_fill_text_inactive"' }, { value: '"ui_cpnt_chip_fill_text_active_01"' }, { value: '"ui_cpnt_chip_fill_base_inactive"' }, { value: '"ui_cpnt_chip_fill_base_active_01"' }, { value: '"ui_cpnt_chip_line_icon_01"' }, { value: '"ui_cpnt_chip_line_text_01"' }, { value: '"ui_cpnt_chip_line_text_disabled"' }, { value: '"ui_cpnt_chip_line_border_01"' }, { value: '"ui_cpnt_chip_base_playtime"' }, { value: '"ui_16"' }, { value: '"ui_cpnt_list_icon_01"' }, { value: '"ui_cpnt_list_icon_02"' }, { value: '"ui_cpnt_bottomsheet_icon_01"' }, { value: '"ui_cpnt_bottomsheet_text_01"' }, { value: '"ui_cpnt_bottomsheet_text_02"' }, { value: '"ui_cpnt_bottomsheet_icon_02"' }, { value: '"ui_19"' }, { value: '"ui_20"' }, { value: '"ui_cpnt_fab_default_base_white"' }, { value: '"ui_cpnt_fab_default_base_red"' }, { value: '"ui_cpnt_fab_default_base_primary"' }, { value: '"ui_cpnt_fab_default_base_hover"' }, { value: '"ui_cpnt_fab_default_on_base_hover"' }, { value: '"ui_cpnt_fab_default_base_pressed"' }, { value: '"ui_cpnt_fab_default_on_base_pressed"' }, { value: '"ui_cpnt_fab_default_base_disabled"' }, { value: '"ui_cpnt_fab_icon_enabled"' }, { value: '"ui_cpnt_fab_icon_on_primary"' }, { value: '"ui_cpnt_fab_icon_disabled"' }, { value: '"ui_cpnt_fab_extended_base_primary"' }, { value: '"ui_cpnt_fab_extended_on_base_hover"' }, { value: '"ui_cpnt_fab_extended_on_base_pressed"' }, { value: '"ui_cpnt_fab_extended_base_disabled"' }, { value: '"ui_cpnt_fab_text_on_primary"' }, { value: '"ui_cpnt_fab_text_disabled"' }, { value: '"ui_cpnt_alertdialog_base"' }, { value: '"ui_cpnt_alertdialog_icon_success"' }, { value: '"ui_cpnt_alertdialog_icon_error"' }, { value: '"ui_cpnt_alertdialog_icon_warning"' }, { value: '"ui_cpnt_alertdialog_text_title"' }, { value: '"ui_cpnt_alertdialog_text_body"' }, { value: '"ui_21"' }, { value: '"ui_22"' }, { value: '"ui_23"' }, { value: '"ui_24"' }, { value: '"ui_25"' }, { value: '"ui_26"' }, { value: '"ui_27"' }, { value: '"ui_cpnt_divider"' }, { value: '"ui_cpnt_select_border_normal"' }, { value: '"ui_cpnt_select_border_focus"' }, { value: '"ui_cpnt_select_base_normal"' }, { value: '"ui_cpnt_select_base_disabled"' }, { value: '"ui_cpnt_select_text_hint"' }, { value: '"ui_cpnt_select_text_selected"' }, { value: '"ui_cpnt_select_text_disabled"' }, { value: '"ui_cpnt_select_icon_01"' }, { value: '"ui_cpnt_select_icon_02"' }, { value: '"ui_28"' }, { value: '"ui_29"' }, { value: '"ui_30"' }, { value: '"ui_cpnt_videoplayer_icon_01"' }, { value: '"ui_32"' }, { value: '"ui_cpnt_selcontrols_icon_primary"' }, { value: '"ui_cpnt_selcontrols_icon_disabled"' }, { value: '"ui_cpnt_selcontrols_icon_default"' }, { value: '"ui_cpnt_selcontrols_text_disabled"' }, { value: '"ui_cpnt_selcontrols_text_default"' }, { value: '"ui_cpnt_selcontrols_icon_on_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_normal"' }, { value: '"ui_cpnt_contextmenu_menu_base_hover"' }, { value: '"ui_cpnt_contextmenu_menu_base_selected"' }, { value: '"ui_cpnt_contextmenu_text"' }, { value: '"ui_cpnt_selcontrols_base_off"' }, { value: '"ui_cpnt_selcontrols_base_on"' }, { value: '"ui_cpnt_tabbar_text_inactive_02"' }, { value: '"ui_cpnt_videoplayer_unavailable"' }, { value: '"ui_cpnt_list_divider"' }, { value: '"ui_cpnt_button_fill_base_transparent"' }, { value: '"ui_cpnt_list_badge_active"' }, { value: '"ui_cpnt_list_badge_active_primary"' }, { value: '"ui_cpnt_list_badge_disabled"' }, { value: '"ui_cpnt_list_badge_cancel"' }, { value: '"ui_cpnt_list_text_quantity_plus"' }, { value: '"ui_cpnt_content_card_base"' }, { value: '"ui_cpnt_content_icon_03"' }, { value: '"ui_cpnt_content_icon_01"' }, { value: '"ui_cpnt_content_icon_02"' }, { value: '"ui_cpnt_content_card_status_a"' }, { value: '"ui_cpnt_content_card_status_b"' }, { value: '"ui_cpnt_content_card_status_c"' }, { value: '"ui_cpnt_content_card_status_d"' }, { value: '"ui_cpnt_textgroup_base_area"' }, { value: '"ui_cpnt_imageslide_active"' }, { value: '"ui_cpnt_imageslide_inactive"' }, { value: '"ui_cpnt_videoplayer_icon_02"' }, { value: '"ui_cpnt_videoplayer_text_01"' }, { value: '"ui_cpnt_videoplayer_text_02"' }, { value: '"ui_cpnt_videoplayer_scrubber_01"' }, { value: '"ui_cpnt_videoplayer_scrubber_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_base"' }, { value: '"ui_cpnt_videoplayer_playbar_02"' }, { value: '"ui_cpnt_videoplayer_playbar_primary"' }, { value: '"ui_cpnt_videoplayer_playbar_01"' }, { value: '"ui_cpnt_tableheadbar_title"' }, { value: '"ui_cpnt_tableheaderbar_text_default"' }, { value: '"ui_cpnt_tableheaderbar_text_disabled"' }, { value: '"ui_cpnt_tableheaderbar_icon_01"' }, { value: '"ui_cpnt_datatable_text_01"' }, { value: '"ui_cpnt_datatable_text_02"' }, { value: '"ui_cpnt_datatable_text_03"' }, { value: '"ui_cpnt_datatable_text_textbutton"' }, { value: '"ui_cpnt_datatable_text_active"' }, { value: '"ui_cpnt_datatable_base_default"' }, { value: '"ui_cpnt_datatable_base_hover"' }, { value: '"ui_cpnt_datatable_text_inactive"' }, { value: '"ui_cpnt_datatable_bulkaction_base"' }, { value: '"ui_cpnt_datatable_icon_01"' }, { value: '"ui_cpnt_datatable_text_04"' }, { value: '"ui_cpnt_chip_fill_base_active_02"' }, { value: '"ui_cpnt_chip_fill_text_active_02"' }, { value: '"ui_cpnt_chip_fill_icon_active_02"' }, { value: '"ui_cpnt_dropdown_border_normal"' }, { value: '"ui_cpnt_dropdown_border_focus"' }, { value: '"ui_cpnt_dropdown_base_normal"' }, { value: '"ui_cpnt_dropdown_base_disabled"' }, { value: '"ui_cpnt_dropdown_text_hint"' }, { value: '"ui_cpnt_dropdown_text_selected"' }, { value: '"ui_cpnt_dropdown_text_disabled"' }, { value: '"ui_cpnt_dropdown_icon_01"' }, { value: '"ui_cpnt_dropdown_icon_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_02"' }, { value: '"ui_cpnt_datatable_textbutton_base_01"' }, { value: '"ui_cpnt_datatable_icon_02"' }, { value: '"ui_cpnt_datatable_icon_03"' }, { value: '"ui_cpnt_datatable_icon_04"' }, { value: '"ui_cpnt_sidebar_common_base"' }, { value: '"ui_cpnt_sidebar_header_base"' }, { value: '"ui_cpnt_sidebar_label_base"' }, { value: '"ui_cpnt_sidebar_listitem_base_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_base_active"' }, { value: '"ui_cpnt_sidebar_footer_base"' }, { value: '"ui_cpnt_sidebar_label_icon"' }, { value: '"ui_cpnt_sidebar_listitem_icon_inactive"' }, { value: '"ui_cpnt_sidebar_listitem_icon_active"' }, { value: '"ui_cpnt_sidebar_icon_01"' }, { value: '"ui_cpnt_modal_body_base"' }, { value: '"ui_cpnt_modal_header_icon_02"' }, { value: '"ui_cpnt_selectcard_base_selected"' }, { value: '"ui_cpnt_selectcard_base_default"' }, { value: '"ui_cpnt_selectcard_icon_default"' }, { value: '"ui_cpnt_selectcard_icon_selected"' }, { value: '"ui_cpnt_selectcard_text_01"' }, { value: '"ui_cpnt_selectcard_text_02"' }, { value: '"ui_cpnt_selectcard_text_03"' }, { value: '"ui_cpnt_bannerslidecontent_text_white"' }, { value: '"ui_cpnt_modal_header_icon_03"' }, { value: '"ui_cpnt_modal_body_tertiary_text"' }, { value: '"ui_cpnt_list_timestatus_base"' }, { value: '"ui_cpnt_list_text_timestatus"' }, { value: '"ui_cpnt_imageview_base_03"' }, { value: '"ui_34"' }, { value: '"ui_cpnt_editorsidebar_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_base"' }, { value: '"ui_cpnt_editorsidebar_visible_status_text"' }, { value: '"ui_cpnt_editorsidebar_card_base_default"' }, { value: '"ui_cpnt_editorsidebar_card_base_selected"' }, { value: '"ui_cpnt_editorsidebar_text_default"' }, { value: '"ui_cpnt_editorsidebar_text_selected"' }, { value: '"ui_cpnt_editorsidebar_icon_default"' }, { value: '"ui_cpnt_editorsidebar_icon_selected"' }, { value: '"ui_cpnt_editorsidebar_card_border"' }, { value: '"ui_cpnt_step_base_area"' }, { value: '"ui_cpnt_step_text_inactive"' }, { value: '"ui_cpnt_step_text_active"' }, { value: '"ui_cpnt_step_circular_inactive"' }, { value: '"ui_cpnt_step_circular_active"' }, { value: '"ui_cpnt_step_icon"' }, { value: '"ui_cpnt_step_text_number"' }, { value: '"ui_cpnt_imageslide_dot_area_1"' }, { value: '"ui_cpnt_imageslide_dot_area_2"' }, { value: '"ui_cpnt_editorsidebar_text_disabled"' }, { value: '"ui_cpnt_editorsidebar_icon_disabled"' }, { value: '"ui_cpnt_editorsidebar_card_border_disabled"' }, { value: '"ui_cpnt_userdesktopnavbar_base_area"' }, { value: '"ui_cpnt_button_line_base_default"' }, { value: '"ui_cpnt_userdesktoptabbar_base_area"' }, { value: '"ui_cpnt_userdesktoptabbar_divider"' }, { value: '"ui_cpnt_userdesktoptabbar_border_active_indicator"' }, { value: '"ui_cpnt_userdesktoptabbar_text_active"' }, { value: '"ui_cpnt_userdesktoptabbar_text_inactive"' }, { value: '"ui_cpnt_selcontrols_base_off_disabled"' }, { value: '"ui_cpnt_selcontrols_base_on_disabled"' }, { value: '"ui_cpnt_selcontrols_circular"' }, { value: '"ui_cpnt_chip_line_icon_02"' }, { value: '"ui_cpnt_overlay_base"' }, { value: '"ui_cpnt_profile_base"' }, { value: '"ui_cpnt_card_base"' }, { value: '"ui_cpnt_card_selected_border"' }, { value: '"ui_cpnt_card_icon_basic"' }, { value: '"ui_cpnt_card_icon_custom"' }, { value: '"ui_cpnt_card_icon_create"' }, { value: '"ui_cpnt_modal_dimmed"' }, { value: '"ui_cpnt_alertdialog_dimmed"' }, { value: '"ui_cpnt_bottomsheet_base"' }, { value: '"ui_cpnt_bottomsheet_icon_03"' }, { value: '"ui_cpnt_button_icon_white"' }, { value: '"ui_cpnt_list_icon_03"' }, { value: '"ui_cpnt_list_icon_active_primary"' }, { value: '"ui_cpnt_alertdialog_icon_information"' }, { value: '"ui_cpnt_bottomsheet_bar"' }, { value: '"ui_cpnt_button_line_border_error"' }, { value: '"ui_cpnt_button_text_error"' }, { value: '"ui_cpnt_button_icon_error"' }, { value: '"ui_cpnt_textlabel_sys_primary"' }, { value: '"ui_cpnt_textlabel_sys_secondary"' }, { value: '"ui_cpnt_textlabel_sys_tertiary"' }, { value: '"ui_cpnt_textlabel_sys_white"' }, { value: '"ui_cpnt_textlabel_sys_brandprimary"' }, { value: '"ui_cpnt_textlabel_sys_error"' }, { value: '"ui_cpnt_textlabel_sys_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandprimary"' }, { value: '"ui_cpnt_textlabel_usr_brandseconvariant"' }, { value: '"ui_cpnt_textlabel_usr_brandonprimary"' }, { value: '"ui_cpnt_list_text_body"' }, { value: '"ui_cpnt_card_icon_background_01"' }, { value: '"ui_cpnt_card_icon_background_02"' }, { value: '"ui_cpnt_card_icon_background_03"' }, { value: '"ui_cpnt_bannerslide_gradient_1"' }, { value: '"ui_cpnt_bannerslide_gradient_2"' }, { value: '"ui_cpnt_modal_gradient_1"' }, { value: '"ui_cpnt_modal_gradient_2"' }, { value: '"ui_cpnt_list_icon_04"' }, { value: '"ui_cpnt_list_thumbnail_border"' }, { value: '"ui_cpnt_list_thumbnail_gradient_1"' }, { value: '"ui_cpnt_list_thumbnail_gradient_2"' }, { value: '"ui_cpnt_list_base_area_active"' }, { value: '"ui_cpnt_contextmenu_base"' }, { value: '"ui_cpnt_videoplayer_gradient_1"' }, { value: '"ui_cpnt_videoplayer_gradient_2"' }, { value: '"ui_cpnt_videoplayer_overlay"' }, { value: '"ui_globalmenucontainer_background"' }, { value: '"ui_pagemenucontainer_background"' }, { value: '"ui_submenucontainer_background"' }, { value: '"ui_tabmenucontainer_background"' }, { value: '"ui_contentscontainer01_background"' }, { value: '"ui_contentscontainer02_background"' }, { value: '"ui_cpnt_bannerslide_icon_01"' }, { value: '"ui_cpnt_card_shadow"' }, { value: '"ui_cpnt_bannerslide_pagination_active"' }, { value: '"ui_cpnt_bannerslide_pagination_inactive"' }, { value: '"ui_cpnt_icon_usr_brandprimary"' }, { value: '"ui_container_divider"' }, { value: '"ui_area_divider"' }, { value: '"ui_cpnt_list_base_area_seller"' }, { value: '"ui_temp_grey_01"' }, { value: '"ui_temp_grey_02"' }, { value: '"ui_temp_grey_03"' }, { value: '"ui_temp_grey_04"' }, { value: '"ui_temp_grey_05"' }, { value: '"ui_temp_white"' }, { value: '"ui_temp_primary_01"' }, { value: '"ui_temp_secondary_01"' }, { value: '"ui_temp_red"' }, { value: '"ui_temp_white_opacity_00"' }, { value: '"ui_temp_dimmed"' }, { value: '"ui_temp_black"' }, { value: '"ui_temp_primary_02"' }, { value: '"ui_temp_primary_03"' }, { value: '"ui_temp_secondary_02"' }, { value: '"ui_temp_lightgreen_01"' }, { value: '"ui_cpnt_userdesktopnavbar_profile_border"' }, { value: '"ui_cpnt_textlabel_sys_grey_04"' }, { value: '"ui_papp_post_social_background"' }, { value: '"ui_papp_post_notice_background"' }, { value: '"ui_papp_post_free_background"' }, { value: '"ui_papp_vod_background"' }, { value: '"ui_papp_vodplus_background"' }, { value: '"ui_papp_live_background"' }, { value: '"ui_community_pagination_base_area"' }, { value: '"ui_cpnt_contextmenu_border"' }, { value: '"ui_profile_image_border"' }, { value: '"ui_cpnt_alertdialog_border"' }, { value: '"ui_cpnt_modal_border"' }, { value: '"ui_cpnt_card_border"' }, { value: '"ui_cpnt_overlay_border"' }, { value: '"ui_cpnt_datatable_base_selected"' }, { value: '"ui_cpnt_icon_sys_brandprimary"' }, { value: '"ui_cpnt_icon_sys_grey_02"' }, { value: '"ui_cpnt_icon_sys_grey_03"' }, { value: '"ui_cpnt_icon_sys_error_01"' }, { value: '"ui_cpnt_icon_sys_warning_01"' }, { value: '"ui_cpnt_icon_sys_success_01"' }, { value: '"ui_cpnt_icon_usr_brandsecondary"' }, { value: '"ui_papp_post_notice_link"' }, { value: '"ui_cpnt_headerbar_icon_02"' }, { value: '"ui_m_navigationcontainer_background"' }, { value: '"ui_m_tabcontainer_background"' }, { value: '"ui_m_contentscontainer01_background"' }, { value: '"ui_m_contentscontainer02_background"' }, { value: '"ui_cpnt_statusblock_basic"' }, { value: '"ui_cpnt_statusblock_standby"' }, { value: '"ui_cpnt_statusblock_proceeding"' }, { value: '"ui_cpnt_statusblock_cancel"' }, { value: '"ui_cpnt_statusblock_end"' }, { value: '"ui_cpnt_statusblock_error"' }, { value: '"ui_cpnt_list_base_area_solid"' }, { value: '"ui_cpnt_list_base_area_translucent"' }, { value: '"ui_cpnt_list_base_area_transparent"' }, { value: '"ui_cpnt_list_text_caption_02"' }, { value: '"ui_cpnt_button_line_border_darktheme_enabled"' }, { value: '"ui_cpnt_button_line_border_darktheme_disabled"' }, { value: '"ui_cpnt_button_line_base_darktheme_default"' }, { value: '"ui_cpnt_button_line_base_darktheme_hover"' }, { value: '"ui_cpnt_button_line_base_darktheme_pressed"' }, { value: '"ui_cpnt_button_text_darktheme_enabled"' }, { value: '"ui_cpnt_button_text_darktheme_disabled"' }, { value: '"ui_cpnt_button_icon_darktheme_enabled"' }, { value: '"ui_cpnt_button_icon_darktheme_disabled"' }, { value: '"ui_cpnt_icon_sys_white"' }, { value: '"ui_cpnt_button_fill_base_media"' }, { value: '"ui_cpnt_textfield_text_darktheme_enabled"' }, { value: '"ui_cpnt_textfield_text_darktheme_hint"' }, { value: '"ui_cpnt_textfield_text_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_icon_darktheme_default"' }, { value: '"ui_cpnt_textfield_icon_darktheme_disabled"' }, { value: '"ui_cpnt_textfield_border_darktheme_normal"' }, { value: '"ui_cpnt_textfield_border_darktheme_focus"' }, { value: '"ui_cpnt_textfield_border_darktheme_error"' }, { value: '"ui_cpnt_textfield_text_darktheme_error"' }, { value: '"ui_cpnt_textfield_base_darktheme_disabled"' }, { value: '"ui_cpnt_select_text_darktheme_enabled"' }, { value: '"ui_cpnt_select_text_darktheme_hint"' }, { value: '"ui_cpnt_select_text_darktheme_disabled"' }, { value: '"ui_cpnt_select_icon_darktheme_default"' }, { value: '"ui_cpnt_select_icon_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_normal"' }, { value: '"ui_cpnt_select_border_darktheme_focus"' }, { value: '"ui_cpnt_select_base_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_enabled"' }, { value: '"ui_cpnt_dropdown_text_darktheme_hint"' }, { value: '"ui_cpnt_dropdown_text_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_default"' }, { value: '"ui_cpnt_dropdown_icon_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_border_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_focus"' }, { value: '"ui_cpnt_dropdown_base_darktheme_disabled"' }, { value: '"ui_cpnt_sheet_base"' }, { value: '"ui_cpnt_button_icon_darktheme_default"' }, { value: '"ui_cpnt_button_icon_darktheme_primary"' }, { value: '"ui_cpnt_button_text_darktheme_default"' }, { value: '"ui_cpnt_button_text_darktheme_primary"' }, { value: '"ui_35"' }, { value: '"ui_cpnt_button_fill_base_black_opacity50"' }, { value: '"ui_cpnt_sheet_base_white"' }, { value: '"ui_cpnt_sheet_base_black"' }, { value: '"ui_cpnt_sheet_base_01"' }, { value: '"ui_cpnt_sheet_base_02"' }, { value: '"ui_temp_background"' }, { value: '"ui_list_progress_shape_normal"' }, { value: '"ui_list_progress_shape_error"' }, { value: '"ui_list_progress_shape_base"' }, { value: '"ui_cpnt_textlabel_sys_brand_primary_opacity50"' }, { value: '"ui_cpnt_progressbar_01"' }, { value: '"ui_cpnt_progressbar_02"' }, { value: '"ui_36"' }, { value: '"ui_37"' }, { value: '"ui_39"' }, { value: '"ui_cpnt_divider_white_opacity30"' }, { value: '"ui_toppagemenucontainer_background_wt_m"' }, { value: '"ui_contentscontainer_background_wt_m"' }, { value: '"ui_toppagemenuarea_background_wt_m"' }, { value: '"ui_contentsarea_background_wt_m"' }, { value: '"ui_cpnt_standardbanner_base_default"' }, { value: '"ui_channeldesc_white"' }, { value: '"ui_channeldesc_grey_03"' }, { value: '"ui_channeldesc_border_grey_03"' }, { value: '"ui_cpnt_bottomsheet_border"' }, { value: '"ui_cpnt_userdesktopsidetab_base_area"' }, { value: '"ui_cpnt_pg_gradient_01"' }, { value: '"ui_cpnt_pg_gradient_02"' }, { value: '"ui_channeldesc_background"' }, { value: '"ui_channeldesc_bottomsheet_base"' }, { value: '"ui_channeldesc_bottomsheet_border"' }, { value: '"ui_channeldesc_contents_base"' }, { value: '"ui_channeldesc_dimmed"' }, { value: '"ui_cpnt_pg_gradient_03"' }, { value: '"ui_cpnt_pg_gradient_04"' }, { value: '"ui_cpnt_pg_gradient_05"' }, { value: '"ui_cpnt_mask_base"' }, { value: '"ui_temp_usr_primary_01"' }, { value: '"ui_cpnt_sheet_base_02_opacity50"' }, { value: '"ui_menu_primarymenu_main"' }, { value: '"ui_menu_primarymenu_sub"' }, { value: '"ui_menu_secondarymenu_main"' }, { value: '"ui_menu_secondarymenu_sub"' }, { value: '"ui_menu_hover"' }, { value: '"ui_menu_active"' }, { value: '"ui_menu_background"' }, { value: '"ui_cpnt_video_progress_base"' }, { value: '"ui_cpnt_icon_sys_dark"' }, { value: '"ui_menu_background_gradient_opacity00"' }, { value: '"ui_cpnt_dropdown_border_white_normal"' }, { value: '"ui_cpnt_dropdown_text_white_enabled"' }, { value: '"ui_cpnt_dropdown_text_white_hint"' }, { value: '"ui_cpnt_dropdown_icon_white_default"' }, { value: '"ui_cpnt_dropdown_border_white_focus"' }, { value: '"ui_cpnt_dropdown_base_white_normal"' }, { value: '"ui_profile_image_border_brandprimary"' }, { value: '"ui_cpnt_dropdown_base_white_disabled"' }, { value: '"ui_cpnt_dropdown_border_white_disabled"' }, { value: '"ui_cpnt_sheet_base_white_opacity00"' }, { value: '"ui_dimmed_01"' }, { value: '"ui_cpnt_reactionbutton_base_01"' }, { value: '"ui_cpnt_textfield_border_disabled"' }, { value: '"ui_cpnt_dropdown_border_disabled"' }, { value: '"ui_cpnt_select_border_disabled"' }, { value: '"ui_cpnt_dropdown_base_darktheme_normal"' }, { value: '"ui_cpnt_textfield_text_readonly"' }, { value: '"ui_cpnt_select_text_readonly"' }, { value: '"ui_cpnt_dropdown_text_readonly"' }, { value: '"ui_cpnt_select_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_darktheme_readonly"' }, { value: '"ui_cpnt_dropdown_text_white_readonly"' }, { value: '"ui_cpnt_blogtextfield_base_01"' }, { value: '"ui_cpnt_textfield_base_darktheme_normal"' }, { value: '"ui_cpnt_dropdown_border_darktheme_disabled"' }, { value: '"ui_cpnt_select_border_darktheme_disabled"' }, { value: '"ui_cpnt_dropdown_text_white_disabled"' }, { value: '"ui_cpnt_select_base_darktheme_normal"' }, { value: '"ui_hero_title_text"' }, { value: '"ui_hero_description_text"' }, { value: '"ui_cpnt_divider_area"' }, { value: '"ui_cpnt_button_white_base_hover"' }, { value: '"ui_cpnt_button_white_base_pressed"' }, { value: '"ui_cpnt_list_base_area_hover"' }, { value: '"ui_cpnt_sheet_border_01"' }, { value: '"ui_cpnt_sheet_border_02"' }, { value: '"ui_cpnt_sheet_border_03"' }, { value: '"ui_43"' }, { value: '"ui_44"' }, { value: '"ui_45"' }, { value: '"ui_46"' }, { value: '"ui_47"' }, { value: '"ui_cpnt_sheet_base_03"' }, { value: '"ui_48"' }, { value: '"ui_49"' }, { value: '"ui_50"' }, { value: '"ui_51"' }, { value: '"ui_cpnt_list_text_caption_03"' }, { value: '"ui_cpnt_list_chatbubble_base_area"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my"' }, { value: '"ui_cpnt_list_chatbubble_text_my"' }, { value: '"ui_papp_livechat_link"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_text_seller_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_text_subscriber"' }, { value: '"ui_cpnt_list_chatbubble_base_area_my_color"' }, { value: '"ui_cpnt_list_chatbubble_text_my_color"' }, { value: '"ui_cpnt_list_chatbubble_base_area_seller"' }, { value: '"ui_cpnt_list_chatbubble_text_seller"' }, { value: '"ui_52"' }, { value: '"ui_cpnt_imageview_dimmed"' }, { value: '"ui_53"' }, { value: '"ui_54"' }, { value: '"ui_55"' }, { value: '"ui_56"' }, { value: '"ui_cpnt_sheet_base_04"' }, { value: '"ui_cpnt_masking_base_01"' }, { value: '"ui_cpnt_masking_icon_01"' }, { value: '"ui_cpnt_list_base_area_transparent_seller"' }, { value: '"ui_57"' }, { value: '"ui_58"' }, { value: '"ui_cpnt_divider_white_opacity00"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_enabled"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_hint"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_default"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_focus"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_error"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_normal"' }, { value: '"ui_cpnt_textfield_text_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_icon_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_base_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_disabled"' }, { value: '"ui_cpnt_textfield_border_colortheme_transparent_readonly"' }, { value: '"ui_cpnt_lottiereactionbutton_base_01"' }, { value: '"ui_cpnt_lottiereactionbutton_base_02"' }, { value: '"ui_cpnt_lottiereactionbutton_base_03"' }, { value: '"ui_cpnt_lottiereactionbutton_base_04"' }, { value: '"ui_cpnt_lottiereactionbutton_base_05"' }, { value: '"ui_60"' }, { value: '"ui_61"' }, { value: '"ui_loading_skeleton_01"' }, { value: '"ui_loading_skeleton_02"' }, { value: '"ui_loading_linear_bar"' }, { value: '"ui_loading_linear_base"' }, { value: '"ui_loading_three_bar"' }, { value: '"ui_menu_button_base"' }, { value: '"ui_cpnt_calendar_status_a"' }, { value: '"ui_cpnt_calendar_status_b"' }, { value: '"ui_cpnt_calendar_status_c"' }, { value: '"ui_menu_background_transparent"' }, { value: '"ui_globalmenucontainer_background_transparent"' }, { value: '"ui_pagemenucontainer_background_transparent"' }, { value: '"ui_submenucontainer_background_transparent"' }, { value: '"ui_tabmenucontainer_background_transparent"' }, { value: '"ui_contentscontainer01_background_transparent"' }, { value: '"ui_contentscontainer02_background_transparent"' }, { value: '"ui_toppagemenucontainer_background_wt_m_transparent"' }, { value: '"ui_contentscontainer_background_wt_m_transparent"' }, { value: '"ui_menu_button_base_transparent"' }, { value: '"ui_dimmed_02"' }, { value: '"ui_cpnt_sheet_base_05"' }, { value: '"ui_62"' }, { value: '"ui_cpnt_calendar_date_hover"' }, { value: '"ui_cpnt_calendar_date_pressed"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_01"' }, { value: '"ui_cpnt_imageview_dimmed_gradient_02"' }, { value: '"ui_cpnt_calendar_base"' }, { value: '"ui_cpnt_calendar_border"' }, { value: '"ui_cpnt_calendar_label_base_schedules"' }, { value: '"ui_cpnt_calendar_label_base_expired_schedules"' }, { value: '"ui_cpnt_calendar_label_border_default"' }, { value: '"ui_cpnt_calendar_label_border_schedules"' }, { value: '"ui_cpnt_calendar_label_border_expired_schedules"' }, { value: '"ui_cpnt_calendar_real_time_line"' }, { value: '"ui_cpnt_calendar_date_selected"' }, { value: '"ui_pagination_base_area"' }, { value: '"ui_cpnt_calendar_label_base_standby_selected"' }, { value: '"ui_cpnt_calendar_label_border_standby"' }, { value: '"ui_cpnt_calendar_text_status_standby"' }, { value: '"ui_cpnt_calendar_label_base_booked_selected"' }, { value: '"ui_cpnt_calendar_label_border_booked"' }, { value: '"ui_cpnt_calendar_text_status_booked"' }, { value: '"ui_cpnt_calendar_label_base_expired_selected"' }, { value: '"ui_cpnt_calendar_label_border_expired"' }, { value: '"ui_cpnt_calendar_text_status_expired"' }, { value: '"ui_cpnt_calendar_label_base_standby_default"' }, { value: '"ui_cpnt_calendar_label_base_booked_default"' }, { value: '"ui_cpnt_calendar_label_base_expired_default"' }, { value: '"ui_cpnt_calendar_badge_standby"' }, { value: '"ui_cpnt_calendar_badge_booked"' }, { value: '"ui_cpnt_calendar_badge_expired"' }, { value: '"ui_cpnt_calendar_text_today"' }, { value: '"ui_cpnt_textlabel_sys_warning"' }, { value: '"ui_cpnt_lottiereactionbutton_base_default"' }, { value: '"ui_cpnt_sheet_base_06"' }, { value: '"ui_cpnt_sheet_base_07"' }, { value: '"ui_cpnt_sheet_base_08"' }, { value: '"ui_cpnt_pagination_dot_01"' }, { value: '"ui_cpnt_pagination_dot_02"' }, { value: '"ui_cpnt_pagination_dot_border"' }, { value: '"ui_63"' }, { value: '"ui_64"' }, { value: '"ui_cpnt_sheet_border_04"' }, { value: '"ui_cpnt_button_fill_base_01"' }, { value: '"ui_cpnt_button_fill_base_hangup"' }, { value: '"ui_cpnt_refund_text_status_issued"' }, { value: '"ui_cpnt_refund_text_status_refunded"' }, { value: '"ui_cpnt_divider_white_01"' }, { value: '"ui_cpnt_timer_base_01"' }, { value: '"ui_cpnt_timer_base_timeup"' }, { value: '"ui_66"' }, { value: '"ui_67"' }, { value: '"ui_cpnt_videoplayer_gradient_3"' }, { value: '"ui_68"' }, { value: '"ui_69"' }, { value: '"ui_cpnt_divider_white_02"' }, { value: '"ui_cpnt_list_chatbubble_base_brand_primary"' }, { value: '"ui_cpnt_list_chatbubble_base_grey"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_white"' }, { value: '"ui_cpnt_list_chatbubble_base_translucent_black"' }, { value: '"ui_avatar_border_translucent_white"' }, { value: '"ui_avatar_border_translucent_black"' }, { value: '"ui_cpnt_textfield_base_hover"' }, { value: '"ui_cpnt_textfield_base_pressed"' }, { value: '"ui_cpnt_button_secondary_on_base_hover"' }, { value: '"ui_cpnt_button_secondary_on_base_pressed"' }, { value: '"ui_cpnt_select_base_hover"' }, { value: '"ui_cpnt_select_base_pressed"' }, { value: '"ui_cpnt_dropdown_base_hover"' }, { value: '"ui_cpnt_dropdown_base_pressed"' }, { value: '"ui_cpnt_sheet_base_09"' }, { value: '"ui_wizard_pagemenucontainer_background"' }, { value: '"ui_stepcontainer_background"' }, { value: '"ui_wizard_contentscontainer01_background"' }, { value: '"ui_wizard_contentscontainer02_background"' }, { value: '"ui_70"' }, { value: '"ui_cpnt_button_primary_variation_base_enabled"' }, { value: '"ui_cpnt_button_text_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_icon_secondary_variation_disabled"' }, { value: '"ui_cpnt_button_secondary_variation_base_default"' }, { value: '"ui_cpnt_button_secondary_variation_base_hover"' }, { value: '"ui_cpnt_button_secondary_variation_base_pressed"' }, { value: '"ui_editor_base_pages"' }, { value: '"ui_editor_base_papp"' }, { value: '"ui_container_scroll"' }, { value: '"ui_pages_section_dimmed"' }, { value: '"ui_71"' }, { value: '"ui_cpnt_textlabel_sys_black"' }, { value: '"ui_cpnt_sheet_base_10"' }, { value: '"ui_cpnt_sheet_base_11"' }, { value: '"ui_72"' }, { value: '"ui_73"' }, { value: '"ui_cpnt_sidebar_listitem_base_hover"' }, { value: '"ui_avatar_border_brandprimary"' }, { value: '"ui_avatar_border"' }, { value: '"ui_editor_rightside_title_tabbar_base"' }, { value: '"ui_editor_preview_base"' }, { value: '"ui_editor_preview_divice_area_border"' }, { value: '"ui_editor_preview_background"' }, { value: '"ui_editor_leftside_base"' }, { value: '"ui_cpnt_sidebar_label_text"' }, { value: '"ui_cpnt_dropdown_base_hover_darktheme"' }, { value: '"ui_cpnt_dropdown_base_pressed_darktheme"' }, { value: '"ui_cpnt_dropdown_base_hover_white"' }, { value: '"ui_cpnt_dropdown_base_pressed_white"' }, { value: '"ui_cpnt_textfield_base_hover_darktheme"' }, { value: '"ui_cpnt_textfield_base_pressed_darktheme"' }, { value: '"ui_cpnt_select_base_hover_darktheme"' }, { value: '"ui_cpnt_select_base_pressed_darktheme"' }, { value: '"ui_cpnt_textfield_base_hover_transparent"' }, { value: '"ui_cpnt_textfield_base_pressed_transparent"' }, { value: '"ui_cpnt_reactionbutton_base_02"' }, { value: '"ui_create_ch_step_prev"' }, { value: '"ui_editor_preview_editing"' }] } }, colorTheme: { defaultValue: { value: "sysTextPrimary" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"sysTextPrimary"' }, { value: '"sysTextSecondary"' }, { value: '"sysTextTertiary"' }, { value: '"sysTextWhite"' }, { value: '"sysTextBlack"' }, { value: '"sysTextError"' }, { value: '"sysTextWarning"' }, { value: '"sysTextBrandPrimary"' }, { value: '"sysTextBrandSeconVariant"' }, { value: '"usrTextBrandPrimary"' }, { value: '"usrTextBrandSeconVariant"' }, { value: '"usrTextBrandOnPrimary"' }] } }, singleLineMode: { defaultValue: { value: "none" }, description: "", name: "singleLineMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, ellipsisMode: { defaultValue: { value: "none" }, description: "", name: "ellipsisMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, lineLimit: { defaultValue: null, description: "", name: "lineLimit", required: !1, type: { name: "number" } }, userSelectMode: { defaultValue: { value: "none" }, description: "", name: "userSelectMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, customFontSize: { defaultValue: null, description: "", name: "customFontSize", required: !1, type: { name: "string" } }, customFontWeight: { defaultValue: null, description: "", name: "customFontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, textDecorationType: { defaultValue: { value: "none" }, description: "", name: "textDecorationType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line_through"' }] } }, requirementMode: { defaultValue: { value: "none" }, description: "", name: "requirementMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, bulletPointMode: { defaultValue: { value: "none" }, description: "", name: "bulletPointMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, wordBreak: { defaultValue: { value: "keep_all" }, description: "", name: "wordBreak", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"keep_all"' }, { value: '"break_all"' }, { value: '"break_word"' }] } }, letterSpacing: { defaultValue: null, description: "", name: "letterSpacing", required: !1, type: { name: "string" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/TextLabel/TextLabel.tsx#TextLabel"] = { docgenInfo: TextLabel.__docgenInfo, name: "TextLabel", path: "src/mobile/components/TextLabel/TextLabel.tsx#TextLabel" });
236
236
  }
237
237
  catch (__react_docgen_typescript_loader_error) { }
238
238
  }, , , , , , , , , , , , , , , , , , , , , , , , , , , function (module, exports, __webpack_require__) {
@@ -624,7 +624,7 @@
624
624
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "disabled" === _a.state && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_hover + ";"; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_pressed + ";"; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_hover + ";"; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_pressed + ";"; }), transitionStyle_1.ButtonTransition, (function (_a) { var colorTheme = _a.colorTheme; return "none" === colorTheme ? none : "line1" === colorTheme ? line1 : "line2" === colorTheme ? line2 : "line3" === colorTheme ? line3 : void 0; }), (function (_a) { return "disabled" === _a.state && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary1 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_primary_variation_base_enabled; })), primary = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "primary1" === _a.colorTheme && primary1; }), (function (_a) { return "disabled" === _a.state && primaryDisabled; })), secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n background-color: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1Disabled; })), secondary1 = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"], ["\n background-color: ", ";\n\n &:hover:enabled {\n background-color: ", ";\n }\n\n &:active:enabled {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_pressed; }), transitionStyle_1.ButtonTransition), secondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:enabled::before {\n background-color: ", ";\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_secondary_on_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_on_base_pressed; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1; }), (function (_a) { return "disabled" === _a.state && secondaryDisabled; })), S_MainButton = styled_components_1.default.button(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"])), (function (_a) { return "normal" === _a.state ? "pointer" : "default"; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; })), S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle), S_SubmittingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n cursor: default;\n"], ["\n cursor: default;\n"])));
625
625
  exports.default = MainButton;
626
626
  try {
627
- MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/desktop/components/MainButton/MainButton.tsx#MainButton" });
627
+ MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/desktop/components/MainButton/MainButton.tsx#MainButton" });
628
628
  }
629
629
  catch (__react_docgen_typescript_loader_error) { }
630
630
  }, function (module, exports, __webpack_require__) {
@@ -733,7 +733,7 @@
733
733
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "disabled" === _a.state && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n"], ["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_pressed + ";"; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_pressed + ";"; }), transitionStyle_1.ButtonTransition, (function (_a) { var colorTheme = _a.colorTheme; return "none" === colorTheme ? none : "line1" === colorTheme ? line1 : "line2" === colorTheme ? line2 : "line3" === colorTheme ? line3 : void 0; }), (function (_a) { return "disabled" === _a.state && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary1 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_primary_variation_base_enabled; })), primary = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "primary1" === _a.colorTheme && primary1; }), (function (_a) { return "disabled" === _a.state && primaryDisabled; })), secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n background-color: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1Disabled; })), secondary1 = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:enabled {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"], ["\n background-color: ", ";\n\n &:active:enabled {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_pressed; }), transitionStyle_1.ButtonTransition), secondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:enabled::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_secondary_on_base_pressed; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1; }), (function (_a) { return "disabled" === _a.state && secondaryDisabled; })), S_MainButton = styled_components_1.default.button(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"])), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; })), S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle);
734
734
  exports.default = MainButton;
735
735
  try {
736
- MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/mobile/components/MainButton/MainButton.tsx#MainButton" });
736
+ MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/mobile/components/MainButton/MainButton.tsx#MainButton" });
737
737
  }
738
738
  catch (__react_docgen_typescript_loader_error) { }
739
739
  }, function (module, exports, __webpack_require__) {
@@ -1085,7 +1085,7 @@
1085
1085
  } }), (function (_a) { var size = _a.size; return size && { large: large, small: small }[size]; }), (function (_a) { var customWidth = _a.customWidth; return customWidth && "width: " + customWidth + ";"; }), transitionStyle_1.InputTransition, (function (_a) { return "normal" === _a.state && normalActionColor; })), S_ContextMenuWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"], ["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"])), (function (_a) { return _a.theme.spacing.spacingB; }));
1086
1086
  exports.default = Dropdown;
1087
1087
  try {
1088
- Dropdown.displayName = "Dropdown", Dropdown.__docgenInfo = { description: "", displayName: "Dropdown", props: { colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"dark"' }, { value: '"white"' }] } }, hintText: { defaultValue: null, description: "", name: "hintText", required: !1, type: { name: "TFunctionResult" } }, maxHeightItemNumber: { defaultValue: { value: "5" }, description: "", name: "maxHeightItemNumber", required: !1, type: { name: "number" } }, defaultValue: { defaultValue: null, description: "", name: "defaultValue", required: !1, type: { name: "PDSValueOption" } }, value: { defaultValue: null, description: "", name: "value", required: !1, type: { name: "PDSValueOption | null" } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"large"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, valueArray: { defaultValue: null, description: "", name: "valueArray", required: !0, type: { name: "DropDownValues[]" } }, customWidth: { defaultValue: null, description: "", name: "customWidth", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "", name: "onChange", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/Dropdown/Dropdown.tsx#Dropdown"] = { docgenInfo: Dropdown.__docgenInfo, name: "Dropdown", path: "src/desktop/components/Dropdown/Dropdown.tsx#Dropdown" });
1088
+ Dropdown.displayName = "Dropdown", Dropdown.__docgenInfo = { description: "", displayName: "Dropdown", props: { colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"white"' }, { value: '"dark"' }] } }, hintText: { defaultValue: null, description: "", name: "hintText", required: !1, type: { name: "TFunctionResult" } }, maxHeightItemNumber: { defaultValue: { value: "5" }, description: "", name: "maxHeightItemNumber", required: !1, type: { name: "number" } }, defaultValue: { defaultValue: null, description: "", name: "defaultValue", required: !1, type: { name: "PDSValueOption" } }, value: { defaultValue: null, description: "", name: "value", required: !1, type: { name: "PDSValueOption | null" } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"large"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, valueArray: { defaultValue: null, description: "", name: "valueArray", required: !0, type: { name: "DropDownValues[]" } }, customWidth: { defaultValue: null, description: "", name: "customWidth", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "", name: "onChange", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/Dropdown/Dropdown.tsx#Dropdown"] = { docgenInfo: Dropdown.__docgenInfo, name: "Dropdown", path: "src/desktop/components/Dropdown/Dropdown.tsx#Dropdown" });
1089
1089
  }
1090
1090
  catch (__react_docgen_typescript_loader_error) { }
1091
1091
  }, function (module, exports, __webpack_require__) {
@@ -1119,7 +1119,7 @@
1119
1119
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_Button = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"])), (function (_a) { return "normal" === _a.state ? "pointer" : "default"; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_hover : theme.ui_cpnt_button_line_base_hover; }), (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_pressed : theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
1120
1120
  exports.default = TextButton;
1121
1121
  try {
1122
- TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/desktop/components/TextButton/TextButton.tsx#TextButton" });
1122
+ TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/desktop/components/TextButton/TextButton.tsx#TextButton" });
1123
1123
  }
1124
1124
  catch (__react_docgen_typescript_loader_error) { }
1125
1125
  }, function (module, exports, __webpack_require__) {
@@ -1248,7 +1248,7 @@
1248
1248
  var templateObject_1, templateObject_2, S_TitleBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n padding: ", ";\n"], ["\n margin-bottom: ", ";\n padding: ", ";\n"])), (function (_a) { return "" + _a.theme.spacing.spacingD; }), (function (_a) { var spacingMode = _a.spacingMode, theme = _a.theme; return "use" === spacingMode && "0 " + theme.spacing.spacingE; })), S_BasicListWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n column-gap: ", ";\n display: grid;\n grid-template-columns: ", ";\n row-gap: ", ";\n"], ["\n column-gap: ", ";\n display: grid;\n grid-template-columns: ", ";\n row-gap: ", ";\n"])), (function (_a) { var columnSpacing = _a.columnSpacing; return columnSpacing && columnSpacing + "px"; }), (function (_a) { var columns = _a.columns; return columns && "repeat(" + columns + ", 1fr)"; }), (function (_a) { var rowSpacing = _a.rowSpacing; return rowSpacing && rowSpacing + "px"; }));
1249
1249
  exports.default = BasicList;
1250
1250
  try {
1251
- BasicList.displayName = "BasicList", BasicList.__docgenInfo = { description: "", displayName: "BasicList", props: { titleStyleTheme: { defaultValue: { value: "headingBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"leadParaBold"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, columns: { defaultValue: { value: "1" }, description: "", name: "columns", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "6" }, { value: "2" }, { value: "5" }, { value: "3" }, { value: "4" }] } }, columnSpacing: { defaultValue: { value: "16" }, description: "", name: "columnSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "16" }, { value: "24" }] } }, rowSpacing: { defaultValue: { value: "0" }, description: "", name: "rowSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "24" }, { value: "48" }, { value: "32" }, { value: "64" }] } }, spacingMode: { defaultValue: { value: "use" }, description: "", name: "spacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/BasicList/BasicList.tsx#BasicList"] = { docgenInfo: BasicList.__docgenInfo, name: "BasicList", path: "src/desktop/components/BasicList/BasicList.tsx#BasicList" });
1251
+ BasicList.displayName = "BasicList", BasicList.__docgenInfo = { description: "", displayName: "BasicList", props: { titleStyleTheme: { defaultValue: { value: "headingBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"leadParaBold"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, columns: { defaultValue: { value: "1" }, description: "", name: "columns", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "6" }, { value: "2" }, { value: "5" }, { value: "4" }, { value: "3" }] } }, columnSpacing: { defaultValue: { value: "16" }, description: "", name: "columnSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "16" }, { value: "24" }] } }, rowSpacing: { defaultValue: { value: "0" }, description: "", name: "rowSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "24" }, { value: "48" }, { value: "32" }, { value: "64" }] } }, spacingMode: { defaultValue: { value: "use" }, description: "", name: "spacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/BasicList/BasicList.tsx#BasicList"] = { docgenInfo: BasicList.__docgenInfo, name: "BasicList", path: "src/desktop/components/BasicList/BasicList.tsx#BasicList" });
1252
1252
  }
1253
1253
  catch (__react_docgen_typescript_loader_error) { }
1254
1254
  }, function (module, exports, __webpack_require__) {
@@ -1360,12 +1360,17 @@
1360
1360
  for (var k in mod)
1361
1361
  "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k); return __setModuleDefault(result, mod), result; }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
1362
1362
  Object.defineProperty(exports, "__esModule", { value: !0 });
1363
- var react_1 = __importStar(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), ContextMenu_1 = __webpack_require__(168), ContextMenuItem_1 = __webpack_require__(200), IconButton_1 = __webpack_require__(70), TextLabel_1 = __webpack_require__(28), ChatBubble_1 = __importDefault(__webpack_require__(557)), Popup_1 = __webpack_require__(1509), ChatBubbleColorTheme = { seller_tail: "seller", seller: "seller", subscriber_tail: "subscriber", subscriber: "subscriber", my_tail: "my", my: "my" }, ChatBubbleTailType = { seller_tail: "left_top", seller: "none", subscriber_tail: "left_top", subscriber: "none", my_tail: "right_top", my: "none" };
1364
- function ChatBubbleListItem(_a) { var titleText = _a.titleText, _b = _a.imageMode, imageMode = void 0 === _b ? "use" : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = void 0 === _c ? "use" : _c, _d = _a.styleTheme, styleTheme = void 0 === _d ? "seller_tail" : _d, _e = _a.timeMode, timeMode = void 0 === _e ? "use" : _e, timeText = _a.timeText, contextMenuOptionArray = _a.contextMenuOptionArray, _f = _a.contextMenuState, contextMenuState = void 0 === _f ? "normal" : _f, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem, isMy = styleTheme.includes("my"), isSeller = styleTheme.includes("seller"), isTail = styleTheme.includes("tail"), _g = (0, react_1.useState)(!1), isContextMenuOpen = _g[0], setIsContextMenuOpen = _g[1], contextMenuRef = (0, react_1.useRef)(null), chatBody = document.querySelector("#chatMessageBox"), rect = null == chatBody ? void 0 : chatBody.getBoundingClientRect(); (0, react_1.useEffect)((function () { chatBody && (chatBody.style.overflowY = isContextMenuOpen ? "hidden" : "auto"); }), [isContextMenuOpen, chatBody]); var handleContextMenuItemClick = function (option) { onClickContextMenuItem && onClickContextMenuItem(option), setIsContextMenuOpen(!1); }; return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_ChatBubbleListItem, { "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", isMy: isMy, imageMode: imageMode }, "use" === imageMode && react_1.default.createElement(react_1.default.Fragment, null, isTail && !isMy ? react_1.default.createElement(S_ImageViewWrapper, { isSeller: isSeller }, react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: isSeller ? 36 : 38 })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })), react_1.default.createElement(S_RightBox, null, isTail && !isMy && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: isSeller ? "usrTextBrandPrimary" : "sysTextPrimary" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" })), react_1.default.createElement(S_ChatBubbleBox, null, react_1.default.createElement(S_ChatBubbleWrapper, { isMy: isMy }, "use" === timeMode && timeText && isMy && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), react_1.default.createElement(ChatBubble_1.default, { colorTheme: ChatBubbleColorTheme[styleTheme], tailType: ChatBubbleTailType[styleTheme] }, children), "use" === timeMode && timeText && !isMy && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))), "use" === hoverMode && !isMy && react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: function (e) { e.stopPropagation(), setIsContextMenuOpen((function (prev) { return !prev; })); } })))), react_1.default.createElement(Popup_1.PopupProvider, null, react_1.default.createElement(Popup_1.Popup, { targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "v-auto", wrapperHeight: null == rect ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(!1); } }, react_1.default.createElement(ContextMenu_1.ContextMenu, null, null == contextMenuOptionArray ? void 0 : contextMenuOptionArray.map((function (el) { return react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, option: el, onClick: handleContextMenuItemClick, state: contextMenuState }); }))))))); }
1365
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), NoImageChatBubbleListItem = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-left: ", ";\n"], ["\n margin-left: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), S_ChatBubbleListItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n ", ";\n"], ["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n ", ";\n"])), (function (_a) { return _a.isMy && MyChatBubbleListItem; }), (function (_a) { return "none" === _a.imageMode && NoImageChatBubbleListItem; })), ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 2px solid ", ";\n"], ["\n border: 2px solid ", ";\n"])), (function (_a) { return _a.theme.ui_profile_image_border_brandprimary; })), ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: 1px solid ", ";\n"], ["\n border: 1px solid ", ";\n"])), (function (_a) { return _a.theme.ui_profile_image_border; })), S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isSeller ? ImageViewSeller : ImageViewDefault; })), S_RightBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"]))), S_ChatBubbleBox = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"]))), MyChatBubble = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), (function (_a) { return _a.isMy && MyChatBubble; })), S_TimeWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-self: flex-end;\n display: flex;\n"], ["\n align-self: flex-end;\n display: flex;\n"]))), S_SeeMoreButton = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"], ["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isContextMenuOpen ? "1" : "0"; }), S_ChatBubbleListItem, (function (_a) { return "use" === _a.hoverMode && "1"; }));
1363
+ var react_1 = __importStar(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), ContextMenu_1 = __webpack_require__(168), ContextMenuItem_1 = __webpack_require__(200), IconButton_1 = __webpack_require__(70), TextLabel_1 = __webpack_require__(28), ChatBubble_1 = __importDefault(__webpack_require__(557)), Popup_1 = __webpack_require__(1509), chatBubbleTailType = { other_avatar_impact: "left_top", other_avatar: "left_top", other_avatar_sub: "none", other: "left_top", other_sub: "none", me: "right_top", me_sub: "none" }, profileImageBorderColorTheme = { grey: "ui_avatar_border", brand_primary: "ui_avatar_border_brandprimary", translucent_white: "ui_avatar_border_translucent_white", translucent_black: "ui_avatar_border_translucent_black" };
1364
+ function ChatBubbleListItem(_a) { var titleText = _a.titleText, imageSrc = _a.imageSrc, _b = _a.hoverMode, hoverMode = void 0 === _b ? "use" : _b, styleTheme = _a.styleTheme, _c = _a.colorTheme, colorTheme = void 0 === _c ? "grey" : _c, _d = _a.timeMode, timeMode = void 0 === _d ? "use" : _d, timeText = _a.timeText, contextMenuOptionArray = _a.contextMenuOptionArray, _e = _a.contextMenuState, contextMenuState = void 0 === _e ? "normal" : _e, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem, isMe = styleTheme.includes("me"), _f = (0, react_1.useState)(!1), isContextMenuOpen = _f[0], setIsContextMenuOpen = _f[1], contextMenuRef = (0, react_1.useRef)(null), chatBody = document.querySelector("#chatMessageBox"), rect = null == chatBody ? void 0 : chatBody.getBoundingClientRect(); (0, react_1.useEffect)((function () { chatBody && (chatBody.style.overflowY = isContextMenuOpen ? "hidden" : "auto"); }), [isContextMenuOpen, chatBody]); var handleContextMenuItemClick = function (option) { onClickContextMenuItem && onClickContextMenuItem(option), setIsContextMenuOpen(!1); }; return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_ChatBubbleListItem, { "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", isMe: isMe }, "other_avatar_impact" === styleTheme || "other_avatar" === styleTheme || "other_avatar_sub" === styleTheme ? react_1.default.createElement(react_1.default.Fragment, null, "other_avatar_impact" === styleTheme || "other_avatar" === styleTheme ? react_1.default.createElement(S_ImageViewWrapper, { isOtherAvatarImpact: "other_avatar_impact" === styleTheme, colorTheme: colorTheme }, react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "other_avatar_impact" === styleTheme ? 36 : 38 })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(S_RightBox, null, ("other_avatar_impact" === styleTheme || "other_avatar" === styleTheme || "other" === styleTheme) && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: colorTheme && function () { switch (colorTheme) {
1365
+ default: return "sysTextPrimary";
1366
+ case "brand_primary": return "usrTextBrandPrimary";
1367
+ case "translucent_white": return "sysTextBlack";
1368
+ case "translucent_black": return "sysTextWhite";
1369
+ } }() }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" })), react_1.default.createElement(S_ChatBubbleBox, null, react_1.default.createElement(S_ChatBubbleWrapper, { isMe: isMe }, "use" === timeMode && timeText && isMe && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), react_1.default.createElement(ChatBubble_1.default, { colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, children), "use" === timeMode && timeText && !isMe && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))), "use" === hoverMode && !isMe && react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: function (e) { e.stopPropagation(), setIsContextMenuOpen((function (prev) { return !prev; })); } })))), react_1.default.createElement(Popup_1.PopupProvider, null, react_1.default.createElement(Popup_1.Popup, { targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "v-auto", wrapperHeight: null == rect ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(!1); } }, react_1.default.createElement(ContextMenu_1.ContextMenu, null, null == contextMenuOptionArray ? void 0 : contextMenuOptionArray.map((function (el) { return react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, option: el, onClick: handleContextMenuItemClick, state: contextMenuState }); }))))))); }
1370
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), S_ChatBubbleListItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n"], ["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n"])), (function (_a) { return _a.isMe && MyChatBubbleListItem; })), ImageViewBrandPrimary = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 2px solid\n ", ";\n"], ["\n border: 2px solid\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[profileImageBorderColorTheme[colorTheme]]; })), ImageViewDefault = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 1px solid\n ", ";\n"], ["\n border: 1px solid\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[profileImageBorderColorTheme[colorTheme]]; })), S_ImageViewWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isOtherAvatarImpact ? ImageViewBrandPrimary : ImageViewDefault; })), S_RightBox = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"]))), S_ChatBubbleBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"]))), MyChatBubble = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), (function (_a) { return _a.isMe && MyChatBubble; })), S_TimeWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n align-self: flex-end;\n display: flex;\n"], ["\n align-self: flex-end;\n display: flex;\n"]))), S_SeeMoreButton = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"], ["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isContextMenuOpen ? "1" : "0"; }), S_ChatBubbleListItem, (function (_a) { return "use" === _a.hoverMode && "1"; }));
1366
1371
  exports.default = ChatBubbleListItem;
1367
1372
  try {
1368
- ChatBubbleListItem.displayName = "ChatBubbleListItem", ChatBubbleListItem.__docgenInfo = { description: "", displayName: "ChatBubbleListItem", props: { titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, imageMode: { defaultValue: { value: "use" }, description: "", name: "imageMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, imageSrc: { defaultValue: null, description: "", name: "imageSrc", required: !1, type: { name: "string" } }, hoverMode: { defaultValue: { value: "use" }, description: "", name: "hoverMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, styleTheme: { defaultValue: { value: "seller_tail" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"my"' }, { value: '"seller"' }, { value: '"subscriber"' }, { value: '"seller_tail"' }, { value: '"subscriber_tail"' }, { value: '"my_tail"' }] } }, timeMode: { defaultValue: { value: "use" }, description: "", name: "timeMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, timeText: { defaultValue: null, description: "", name: "timeText", required: !1, type: { name: "PDSTextType" } }, contextMenuOptionArray: { defaultValue: null, description: "", name: "contextMenuOptionArray", required: !1, type: { name: "PDSValueOption[]" } }, contextMenuState: { defaultValue: { value: "normal" }, description: "", name: "contextMenuState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, onClickContextMenuItem: { defaultValue: null, description: "", name: "onClickContextMenuItem", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem"] = { docgenInfo: ChatBubbleListItem.__docgenInfo, name: "ChatBubbleListItem", path: "src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem" });
1373
+ ChatBubbleListItem.displayName = "ChatBubbleListItem", ChatBubbleListItem.__docgenInfo = { description: "", displayName: "ChatBubbleListItem", props: { titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, imageSrc: { defaultValue: null, description: "", name: "imageSrc", required: !1, type: { name: "string" } }, hoverMode: { defaultValue: { value: "use" }, description: "", name: "hoverMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, styleTheme: { defaultValue: null, description: "", name: "styleTheme", required: !0, type: { name: "enum", value: [{ value: '"other_avatar_impact"' }, { value: '"other_avatar"' }, { value: '"other_avatar_sub"' }, { value: '"other"' }, { value: '"other_sub"' }, { value: '"me"' }, { value: '"me_sub"' }] } }, colorTheme: { defaultValue: { value: "grey" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"grey"' }, { value: '"brand_primary"' }, { value: '"translucent_white"' }, { value: '"translucent_black"' }] } }, timeMode: { defaultValue: { value: "use" }, description: "", name: "timeMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, timeText: { defaultValue: null, description: "", name: "timeText", required: !1, type: { name: "PDSTextType" } }, contextMenuOptionArray: { defaultValue: null, description: "", name: "contextMenuOptionArray", required: !1, type: { name: "PDSValueOption[]" } }, contextMenuState: { defaultValue: { value: "normal" }, description: "", name: "contextMenuState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, onClickContextMenuItem: { defaultValue: null, description: "", name: "onClickContextMenuItem", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem"] = { docgenInfo: ChatBubbleListItem.__docgenInfo, name: "ChatBubbleListItem", path: "src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem" });
1369
1374
  }
1370
1375
  catch (__react_docgen_typescript_loader_error) { }
1371
1376
  }, function (module, exports, __webpack_require__) {
@@ -1375,12 +1380,12 @@
1375
1380
  for (var k in mod)
1376
1381
  "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k); return __setModuleDefault(result, mod), result; }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
1377
1382
  Object.defineProperty(exports, "__esModule", { value: !0 });
1378
- var react_1 = __importDefault(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), backgroundColorTheme = { my: "ui_cpnt_list_chatbubble_base_area_my", seller: "ui_cpnt_list_chatbubble_base_area_seller", subscriber: "ui_cpnt_list_chatbubble_base_area_subscriber" };
1379
- function ChatBubble(_a) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "seller" : _b, _c = _a.tailType, tailType = void 0 === _c ? "left_top" : _c, children = _a.children; return react_1.default.createElement(S_ChatBubbleWrapper, null, react_1.default.createElement(S_Tail, { width: "8", height: "11", viewBox: "0 0 8 11", tailType: tailType, colorTheme: colorTheme }, react_1.default.createElement("path", { d: "M1107,336.800385 C1107,341.257979 1107.46413,342.87441 1108.33566,344.50404 C1108.99708,345.740772 1109.89313,346.775532 1110.99903,347.583527 L1111,347.618755 L1110.99894,347.618755 C1108.35845,347.618755 1105.83748,347.107028 1103.52979,346.177337 C1104.54074,345.507794 1105.3496,344.61519 1105.93147,343.527194 C1106.6287,342.22349 1107,340.8866 1107,337.582996 L1107,337.582996 Z", transform: "rotate(180 555.765 173.81)" })), react_1.default.createElement(S_ChatBubble, { colorTheme: colorTheme }, children)); }
1383
+ var react_1 = __importDefault(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), backgroundColorTheme = { grey: "ui_cpnt_list_chatbubble_base_grey", brand_primary: "ui_cpnt_list_chatbubble_base_brand_primary", translucent_white: "ui_cpnt_list_chatbubble_base_translucent_white", translucent_black: "ui_cpnt_list_chatbubble_base_translucent_black" };
1384
+ function ChatBubble(_a) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "grey" : _b, _c = _a.tailType, tailType = void 0 === _c ? "left_top" : _c, children = _a.children; return react_1.default.createElement(S_ChatBubbleWrapper, null, react_1.default.createElement(S_Tail, { width: "8", height: "11", viewBox: "0 0 8 11", tailType: tailType, colorTheme: colorTheme }, react_1.default.createElement("path", { d: "M1107,336.800385 C1107,341.257979 1107.46413,342.87441 1108.33566,344.50404 C1108.99708,345.740772 1109.89313,346.775532 1110.99903,347.583527 L1111,347.618755 L1110.99894,347.618755 C1108.35845,347.618755 1105.83748,347.107028 1103.52979,346.177337 C1104.54074,345.507794 1105.3496,344.61519 1105.93147,343.527194 C1106.6287,342.22349 1107,340.8866 1107,337.582996 L1107,337.582996 Z", transform: "rotate(180 555.765 173.81)" })), react_1.default.createElement(S_ChatBubble, { colorTheme: colorTheme }, children)); }
1380
1385
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, none = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"]))), left_top = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: -4px;\n top: 0;\n"], ["\n left: -4px;\n top: 0;\n"]))), right_top = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n transform: scaleX(-1);\n right: -4px;\n top: 0;\n"], ["\n transform: scaleX(-1);\n right: -4px;\n top: 0;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-block;\n position: relative;\n"], ["\n display: inline-block;\n position: relative;\n"]))), S_ChatBubble = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n background-color: ", ";\n border-radius: 8px;\n position: relative;\n max-width: 960px;\n min-width: 32px;\n"], ["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n background-color: ", ";\n border-radius: 8px;\n position: relative;\n max-width: 960px;\n min-width: 32px;\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[backgroundColorTheme[colorTheme]]; })), S_Tail = styled_components_1.default.svg(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n fill: ", ";\n\n ", ";\n"], ["\n position: absolute;\n fill: ", ";\n\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[backgroundColorTheme[colorTheme]]; }), (function (_a) { var tailType = _a.tailType; return tailType && { none: none, left_top: left_top, right_top: right_top }[tailType]; }));
1381
1386
  exports.default = ChatBubble;
1382
1387
  try {
1383
- ChatBubble.displayName = "ChatBubble", ChatBubble.__docgenInfo = { description: "", displayName: "ChatBubble", props: { colorTheme: { defaultValue: { value: "seller" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"my"' }, { value: '"seller"' }, { value: '"subscriber"' }] } }, tailType: { defaultValue: { value: "left_top" }, description: "", name: "tailType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left_top"' }, { value: '"right_top"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble"] = { docgenInfo: ChatBubble.__docgenInfo, name: "ChatBubble", path: "src/desktop/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble" });
1388
+ ChatBubble.displayName = "ChatBubble", ChatBubble.__docgenInfo = { description: "", displayName: "ChatBubble", props: { colorTheme: { defaultValue: { value: "grey" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"grey"' }, { value: '"brand_primary"' }, { value: '"translucent_white"' }, { value: '"translucent_black"' }] } }, tailType: { defaultValue: { value: "left_top" }, description: "", name: "tailType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left_top"' }, { value: '"right_top"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble"] = { docgenInfo: ChatBubble.__docgenInfo, name: "ChatBubble", path: "src/desktop/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble" });
1384
1389
  }
1385
1390
  catch (__react_docgen_typescript_loader_error) { }
1386
1391
  }, function (module, exports, __webpack_require__) {
@@ -1395,7 +1400,7 @@
1395
1400
  var templateObject_1, react_1 = __importStar(__webpack_require__(0)), react_hook_form_1 = __webpack_require__(39), styled_components_1 = __importDefault(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), Body_1 = __importDefault(__webpack_require__(1511)), Footer_1 = __importDefault(__webpack_require__(1513)), Header_1 = __importDefault(__webpack_require__(1516)), baseBackgroundColors = { solid: "ui_cpnt_list_base_area_solid", translucent: "ui_cpnt_list_base_area_translucent", transparent: "ui_cpnt_list_base_area_transparent" }, ChatList = react_1.default.forwardRef((function (_a, ref) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "solid" : _b, _c = _a.headerMode, headerMode = void 0 === _c ? "use" : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, _d = _a.titleStyleTheme, titleStyleTheme = void 0 === _d ? "subTitleBold" : _d, _e = _a.headerDisplayType, headerDisplayType = void 0 === _e ? "none" : _e, _f = _a.headerIBtn1IconName, headerIBtn1IconName = void 0 === _f ? "ic_xmark" : _f, _g = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = void 0 === _g ? "line" : _g, children = _a.children, bodyChildren = _a.bodyChildren, _h = _a.textFieldState, textFieldState = void 0 === _h ? "normal" : _h, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _j = _a.scrollVisibleType, scrollVisibleType = void 0 === _j ? "moving" : _j, footerChildren = _a.footerChildren, _k = _a.submitIBtnState, submitIBtnState = void 0 === _k ? "normal" : _k, bodyMBtnText = _a.bodyMBtnText, _l = _a.bodySpacingMode, bodySpacingMode = void 0 === _l ? "none" : _l, onSubmit = _a.onSubmit, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1, submitIBtnIconName = _a.submitIBtnIconName, submitIBtnIconFillType = _a.submitIBtnIconFillType, _m = _a.footerIBtn1State, footerIBtn1State = void 0 === _m ? "normal" : _m, footerIBtn1IconName = _a.footerIBtn1IconName, footerIBtn1IconFillType = _a.footerIBtn1IconFillType, _o = _a.footerIBtn1Type, footerIBtn1Type = void 0 === _o ? "button" : _o, onClickFooterIBtn1 = _a.onClickFooterIBtn1, _p = _a.footerIBtn2State, footerIBtn2State = void 0 === _p ? "normal" : _p, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn2IconFillType = _a.footerIBtn2IconFillType, _q = _a.footerIBtn2Type, footerIBtn2Type = void 0 === _q ? "button" : _q, onClickFooterIBtn2 = _a.onClickFooterIBtn2, _r = _a.footerIBtn3State, footerIBtn3State = void 0 === _r ? "normal" : _r, footerIBtn3IconName = _a.footerIBtn3IconName, footerIBtn3IconFillType = _a.footerIBtn3IconFillType, _s = _a.footerIBtn3Type, footerIBtn3Type = void 0 === _s ? "button" : _s, footerIBtn3Accept = _a.footerIBtn3Accept, onClickFooterIBtn3 = _a.onClickFooterIBtn3, methods = (0, react_hook_form_1.useForm)({ mode: "onChange", defaultValues: { chat: "" } }), reset = methods.reset, handleSubmit = methods.handleSubmit, control = methods.control, _t = methods.formState, isDirty = _t.isDirty, isValid = _t.isValid, isSubmitSuccessful = _t.isSubmitSuccessful; (0, react_1.useEffect)((function () { isSubmitSuccessful && reset(); }), [isSubmitSuccessful]); var inputValue = (0, react_hook_form_1.useWatch)({ name: "chat", control: control }), isSubmitButtonActive = (0, react_1.useMemo)((function () { return !!submitIBtnState && (isDirty && isValid && inputValue.length > 0 && "normal" === submitIBtnState); }), [isDirty, isValid, inputValue, submitIBtnState]); return react_1.default.createElement(S_ChatList, { "x-pds-name": "ChatList", "x-pds-element-type": "component", "x-pds-device-type": "desktop", backgroundColor: baseBackgroundColors[colorTheme], id: "chatList" }, "use" === headerMode && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Header_1.default, { colorTheme: colorTheme, titleText: titleText, descText: descText, captionText: captionText, titleStyleTheme: titleStyleTheme, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType, onClickHeaderIBtn1: onClickHeaderIBtn1 }), react_1.default.createElement(hybrid_1.Divider, { colorTheme: "transparent" === colorTheme ? "divider2" : "none" })), react_1.default.createElement(Body_1.default, { scrollVisibleType: scrollVisibleType, isSubmitted: isSubmitSuccessful, bodyMBtnText: bodyMBtnText, bodySpacingMode: bodySpacingMode, callBackAfterScrollToBottom: function () { reset(); }, bodyChildren: bodyChildren, ref: ref }, children), react_1.default.createElement(hybrid_1.Divider, { colorTheme: "transparent" === colorTheme ? "divider2" : "none" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }), react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods), react_1.default.createElement("form", { onSubmit: handleSubmit((function (_a) { var chat = _a.chat; chat && isSubmitButtonActive && onSubmit(chat); })) }, react_1.default.createElement(Footer_1.default, { colorTheme: colorTheme, textFieldDefaultText: textFieldDefaultText, textFieldHintText: textFieldHintText, textFieldState: textFieldState, textFieldMaxLength: textFieldMaxLength, footerChildren: footerChildren, isSubmitBtnActive: isSubmitButtonActive, submitIBtnIconName: submitIBtnIconName, submitIBtnIconFillType: submitIBtnIconFillType, footerIBtn1State: footerIBtn1State, footerIBtn1IconName: footerIBtn1IconName, footerIBtn1IconFillType: footerIBtn1IconFillType, footerIBtn1Type: footerIBtn1Type, onClickFooterIBtn1: onClickFooterIBtn1, footerIBtn2State: footerIBtn2State, footerIBtn2IconName: footerIBtn2IconName, footerIBtn2IconFillType: footerIBtn2IconFillType, footerIBtn2Type: footerIBtn2Type, onClickFooterIBtn2: onClickFooterIBtn2, footerIBtn3State: footerIBtn3State, footerIBtn3IconName: footerIBtn3IconName, footerIBtn3IconFillType: footerIBtn3IconFillType, footerIBtn3Type: footerIBtn3Type, footerIBtn3Accept: footerIBtn3Accept, onClickFooterIBtn3: onClickFooterIBtn3 }))), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" })); })), S_ChatList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n"])), (function (_a) { var backgroundColor = _a.backgroundColor; return _a.theme[backgroundColor]; }));
1396
1401
  exports.default = ChatList;
1397
1402
  try {
1398
- ChatList.displayName = "ChatList", ChatList.__docgenInfo = { description: "", displayName: "ChatList", props: { colorTheme: { defaultValue: { value: "solid" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, headerMode: { defaultValue: { value: "use" }, description: "", name: "headerMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, descText: { defaultValue: null, description: "", name: "descText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, titleStyleTheme: { defaultValue: { value: "subTitleBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }] } }, headerDisplayType: { defaultValue: { value: "none" }, description: "", name: "headerDisplayType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"ibtn1"' }] } }, headerIBtn1IconName: { defaultValue: { value: "ic_xmark" }, description: "", name: "headerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, headerIBtn1IconFillType: { defaultValue: { value: "line" }, description: "", name: "headerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, bodyChildren: { defaultValue: null, description: "", name: "bodyChildren", required: !1, type: { name: "ReactNode" } }, textFieldState: { defaultValue: { value: "normal" }, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, scrollVisibleType: { defaultValue: { value: "moving" }, description: "", name: "scrollVisibleType", required: !1, type: { name: "enum", value: [{ value: '"moving"' }, { value: '"hidden"' }, { value: '"visible"' }] } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, submitIBtnState: { defaultValue: { value: "normal" }, description: "", name: "submitIBtnState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, bodyMBtnText: { defaultValue: null, description: "", name: "bodyMBtnText", required: !1, type: { name: "PDSTextType" } }, bodySpacingMode: { defaultValue: { value: "none" }, description: "", name: "bodySpacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onSubmit: { defaultValue: null, description: "", name: "onSubmit", required: !0, type: { name: "(value: string) => void" } }, onClickHeaderIBtn1: { defaultValue: null, description: "", name: "onClickHeaderIBtn1", required: !1, type: { name: "(() => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/ChatList.tsx#ChatList"] = { docgenInfo: ChatList.__docgenInfo, name: "ChatList", path: "src/desktop/components/ChatList/ChatList.tsx#ChatList" });
1403
+ ChatList.displayName = "ChatList", ChatList.__docgenInfo = { description: "", displayName: "ChatList", props: { colorTheme: { defaultValue: { value: "solid" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, headerMode: { defaultValue: { value: "use" }, description: "", name: "headerMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, descText: { defaultValue: null, description: "", name: "descText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, titleStyleTheme: { defaultValue: { value: "subTitleBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }] } }, headerDisplayType: { defaultValue: { value: "none" }, description: "", name: "headerDisplayType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"ibtn1"' }] } }, headerIBtn1IconName: { defaultValue: { value: "ic_xmark" }, description: "", name: "headerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, headerIBtn1IconFillType: { defaultValue: { value: "line" }, description: "", name: "headerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, bodyChildren: { defaultValue: null, description: "", name: "bodyChildren", required: !1, type: { name: "ReactNode" } }, textFieldState: { defaultValue: { value: "normal" }, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, scrollVisibleType: { defaultValue: { value: "moving" }, description: "", name: "scrollVisibleType", required: !1, type: { name: "enum", value: [{ value: '"moving"' }, { value: '"hidden"' }, { value: '"visible"' }] } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, submitIBtnState: { defaultValue: { value: "normal" }, description: "", name: "submitIBtnState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, bodyMBtnText: { defaultValue: null, description: "", name: "bodyMBtnText", required: !1, type: { name: "PDSTextType" } }, bodySpacingMode: { defaultValue: { value: "none" }, description: "", name: "bodySpacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, onSubmit: { defaultValue: null, description: "", name: "onSubmit", required: !0, type: { name: "(value: string) => void" } }, onClickHeaderIBtn1: { defaultValue: null, description: "", name: "onClickHeaderIBtn1", required: !1, type: { name: "(() => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/ChatList.tsx#ChatList"] = { docgenInfo: ChatList.__docgenInfo, name: "ChatList", path: "src/desktop/components/ChatList/ChatList.tsx#ChatList" });
1399
1404
  }
1400
1405
  catch (__react_docgen_typescript_loader_error) { }
1401
1406
  }, function (module, exports, __webpack_require__) {
@@ -1863,7 +1868,7 @@
1863
1868
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_hover; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return _a.disabled && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n"], ["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_darktheme_hover; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_darktheme_pressed; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_hover; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_pressed; }), transitionStyle_1.ButtonTransition, (function (_a) { var colorTheme = _a.colorTheme; return "none" === colorTheme ? none : "line1" === colorTheme ? line1 : "line2" === colorTheme ? line2 : "line3" === colorTheme ? line3 : void 0; }), (function (_a) { return _a.disabled && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary1 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_primary_variation_base_enabled; })), primary = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_hover; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "primary1" === _a.colorTheme && primary1; }), (function (_a) { return _a.disabled && primaryDisabled; })), secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n background-color: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1Disabled; })), secondary1 = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"], ["\n background-color: ", ";\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_pressed; }), transitionStyle_1.ButtonTransition), secondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:hover:not([disabled])::before {\n background-color: ", ";\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_secondary_on_base_hover; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_secondary_on_base_pressed; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1; }), (function (_a) { return _a.disabled && secondaryDisabled; })), S_UploadMainButton = styled_components_1.default.label(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n & > div {\n font-weight: ", ";\n }\n\n ", "\n ", "\n ", "\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n & > div {\n font-weight: ", ";\n }\n\n ", "\n ", "\n ", "\n ", ";\n"])), (function (_a) { return _a.disabled ? "default" : "pointer"; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: theme.fontWeight.bold, regular: theme.fontWeight.normal }[fontWeight]; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; })), S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle), S_SubmittingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n cursor: default;\n"], ["\n cursor: default;\n"])));
1864
1869
  exports.default = UploadMainButton;
1865
1870
  try {
1866
- UploadMainButton.displayName = "UploadMainButton", UploadMainButton.__docgenInfo = { description: "", displayName: "UploadMainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: { value: "ic_upload" }, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton"] = { docgenInfo: UploadMainButton.__docgenInfo, name: "UploadMainButton", path: "src/desktop/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton" });
1871
+ UploadMainButton.displayName = "UploadMainButton", UploadMainButton.__docgenInfo = { description: "", displayName: "UploadMainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: { value: "ic_upload" }, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton"] = { docgenInfo: UploadMainButton.__docgenInfo, name: "UploadMainButton", path: "src/desktop/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton" });
1867
1872
  }
1868
1873
  catch (__react_docgen_typescript_loader_error) { }
1869
1874
  }, function (module, exports, __webpack_require__) {
@@ -1878,7 +1883,7 @@
1878
1883
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n width: ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n width: ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_UploadTextButton = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n padding: 0 ", ";\n\n ", "\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n & > div {\n font-weight: ", ";\n }\n\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n padding: 0 ", ";\n\n ", "\n\n &:hover:not([disabled]) {\n background-color: ", ";\n }\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n & > div {\n font-weight: ", ";\n }\n\n ", ";\n ", ";\n"])), (function (_a) { return _a.disabled ? "default" : "pointer"; }), (function (_a) { return _a.theme.spacing.spacingB; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { return _a.theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: theme.fontWeight.bold, regular: theme.fontWeight.normal }[fontWeight]; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
1879
1884
  exports.default = UploadTextButton;
1880
1885
  try {
1881
- UploadTextButton.displayName = "UploadTextButton", UploadTextButton.__docgenInfo = { description: "", displayName: "UploadTextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton"] = { docgenInfo: UploadTextButton.__docgenInfo, name: "UploadTextButton", path: "src/desktop/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton" });
1886
+ UploadTextButton.displayName = "UploadTextButton", UploadTextButton.__docgenInfo = { description: "", displayName: "UploadTextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton"] = { docgenInfo: UploadTextButton.__docgenInfo, name: "UploadTextButton", path: "src/desktop/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton" });
1882
1887
  }
1883
1888
  catch (__react_docgen_typescript_loader_error) { }
1884
1889
  }, function (module, exports, __webpack_require__) {
@@ -2253,7 +2258,7 @@
2253
2258
  var templateObject_1, templateObject_2, S_TitleBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n padding: ", ";\n"], ["\n margin-bottom: ", ";\n padding: ", ";\n"])), (function (_a) { return "" + _a.theme.spacing.spacingD; }), (function (_a) { var spacingMode = _a.spacingMode, theme = _a.theme; return "use" === spacingMode && "0 " + theme.spacing.spacingE; })), S_BasicListWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n column-gap: ", ";\n display: grid;\n grid-template-columns: ", ";\n row-gap: ", ";\n"], ["\n column-gap: ", ";\n display: grid;\n grid-template-columns: ", ";\n row-gap: ", ";\n"])), (function (_a) { var columnSpacing = _a.columnSpacing; return columnSpacing && columnSpacing + "px"; }), (function (_a) { var columns = _a.columns; return columns && "repeat(" + columns + ", 1fr)"; }), (function (_a) { var rowSpacing = _a.rowSpacing; return rowSpacing && rowSpacing + "px"; }));
2254
2259
  exports.default = BasicList;
2255
2260
  try {
2256
- BasicList.displayName = "BasicList", BasicList.__docgenInfo = { description: "", displayName: "BasicList", props: { titleStyleTheme: { defaultValue: { value: "headingBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"leadParaBold"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, columns: { defaultValue: { value: "1" }, description: "", name: "columns", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "6" }, { value: "2" }, { value: "5" }, { value: "3" }, { value: "4" }] } }, columnSpacing: { defaultValue: { value: "16" }, description: "", name: "columnSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "16" }, { value: "24" }] } }, rowSpacing: { defaultValue: { value: "0" }, description: "", name: "rowSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "24" }, { value: "48" }, { value: "32" }, { value: "64" }] } }, spacingMode: { defaultValue: { value: "use" }, description: "", name: "spacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/BasicList/BasicList.tsx#BasicList"] = { docgenInfo: BasicList.__docgenInfo, name: "BasicList", path: "src/mobile/components/BasicList/BasicList.tsx#BasicList" });
2261
+ BasicList.displayName = "BasicList", BasicList.__docgenInfo = { description: "", displayName: "BasicList", props: { titleStyleTheme: { defaultValue: { value: "headingBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }, { value: '"leadParaBold"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, columns: { defaultValue: { value: "1" }, description: "", name: "columns", required: !1, type: { name: "enum", value: [{ value: "1" }, { value: "6" }, { value: "2" }, { value: "5" }, { value: "4" }, { value: "3" }] } }, columnSpacing: { defaultValue: { value: "16" }, description: "", name: "columnSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "16" }, { value: "24" }] } }, rowSpacing: { defaultValue: { value: "0" }, description: "", name: "rowSpacing", required: !1, type: { name: "enum", value: [{ value: "0" }, { value: "24" }, { value: "48" }, { value: "32" }, { value: "64" }] } }, spacingMode: { defaultValue: { value: "use" }, description: "", name: "spacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/BasicList/BasicList.tsx#BasicList"] = { docgenInfo: BasicList.__docgenInfo, name: "BasicList", path: "src/mobile/components/BasicList/BasicList.tsx#BasicList" });
2257
2262
  }
2258
2263
  catch (__react_docgen_typescript_loader_error) { }
2259
2264
  }, function (module, exports, __webpack_require__) {
@@ -2314,12 +2319,12 @@
2314
2319
  for (var k in mod)
2315
2320
  "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k); return __setModuleDefault(result, mod), result; }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
2316
2321
  Object.defineProperty(exports, "__esModule", { value: !0 });
2317
- var react_1 = __importDefault(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), backgroundColorTheme = { my: "ui_cpnt_list_chatbubble_base_area_my", seller: "ui_cpnt_list_chatbubble_base_area_seller", subscriber: "ui_cpnt_list_chatbubble_base_area_subscriber" };
2318
- function ChatBubble(_a) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "seller" : _b, _c = _a.tailType, tailType = void 0 === _c ? "left_top" : _c, children = _a.children; return react_1.default.createElement(S_ChatBubbleWrapper, null, react_1.default.createElement(S_Tail, { width: "8", height: "11", viewBox: "0 0 8 11", tailType: tailType, colorTheme: colorTheme }, react_1.default.createElement("path", { d: "M1107,336.800385 C1107,341.257979 1107.46413,342.87441 1108.33566,344.50404 C1108.99708,345.740772 1109.89313,346.775532 1110.99903,347.583527 L1111,347.618755 L1110.99894,347.618755 C1108.35845,347.618755 1105.83748,347.107028 1103.52979,346.177337 C1104.54074,345.507794 1105.3496,344.61519 1105.93147,343.527194 C1106.6287,342.22349 1107,340.8866 1107,337.582996 L1107,337.582996 Z", transform: "rotate(180 555.765 173.81)" })), react_1.default.createElement(S_ChatBubble, { colorTheme: colorTheme }, children)); }
2322
+ var react_1 = __importDefault(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), backgroundColorTheme = { grey: "ui_cpnt_list_chatbubble_base_grey", brand_primary: "ui_cpnt_list_chatbubble_base_brand_primary", translucent_white: "ui_cpnt_list_chatbubble_base_translucent_white", translucent_black: "ui_cpnt_list_chatbubble_base_translucent_black" };
2323
+ function ChatBubble(_a) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "grey" : _b, _c = _a.tailType, tailType = void 0 === _c ? "left_top" : _c, children = _a.children; return react_1.default.createElement(S_ChatBubbleWrapper, null, react_1.default.createElement(S_Tail, { width: "8", height: "11", viewBox: "0 0 8 11", tailType: tailType, colorTheme: colorTheme }, react_1.default.createElement("path", { d: "M1107,336.800385 C1107,341.257979 1107.46413,342.87441 1108.33566,344.50404 C1108.99708,345.740772 1109.89313,346.775532 1110.99903,347.583527 L1111,347.618755 L1110.99894,347.618755 C1108.35845,347.618755 1105.83748,347.107028 1103.52979,346.177337 C1104.54074,345.507794 1105.3496,344.61519 1105.93147,343.527194 C1106.6287,342.22349 1107,340.8866 1107,337.582996 L1107,337.582996 Z", transform: "rotate(180 555.765 173.81)" })), react_1.default.createElement(S_ChatBubble, { colorTheme: colorTheme }, children)); }
2319
2324
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, none = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"]))), left_top = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: -4px;\n top: 0;\n"], ["\n left: -4px;\n top: 0;\n"]))), right_top = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n transform: scaleX(-1);\n right: -4px;\n top: 0;\n"], ["\n transform: scaleX(-1);\n right: -4px;\n top: 0;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-block;\n position: relative;\n"], ["\n display: inline-block;\n position: relative;\n"]))), S_ChatBubble = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n background-color: ", ";\n border-radius: 8px;\n position: relative;\n max-width: 960px;\n min-width: 32px;\n"], ["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n background-color: ", ";\n border-radius: 8px;\n position: relative;\n max-width: 960px;\n min-width: 32px;\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingC; }), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[backgroundColorTheme[colorTheme]]; })), S_Tail = styled_components_1.default.svg(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n fill: ", ";\n\n ", ";\n"], ["\n position: absolute;\n fill: ", ";\n\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[backgroundColorTheme[colorTheme]]; }), (function (_a) { var tailType = _a.tailType; return tailType && { none: none, left_top: left_top, right_top: right_top }[tailType]; }));
2320
2325
  exports.default = ChatBubble;
2321
2326
  try {
2322
- ChatBubble.displayName = "ChatBubble", ChatBubble.__docgenInfo = { description: "", displayName: "ChatBubble", props: { colorTheme: { defaultValue: { value: "seller" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"my"' }, { value: '"seller"' }, { value: '"subscriber"' }] } }, tailType: { defaultValue: { value: "left_top" }, description: "", name: "tailType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left_top"' }, { value: '"right_top"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble"] = { docgenInfo: ChatBubble.__docgenInfo, name: "ChatBubble", path: "src/mobile/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble" });
2327
+ ChatBubble.displayName = "ChatBubble", ChatBubble.__docgenInfo = { description: "", displayName: "ChatBubble", props: { colorTheme: { defaultValue: { value: "grey" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"grey"' }, { value: '"brand_primary"' }, { value: '"translucent_white"' }, { value: '"translucent_black"' }] } }, tailType: { defaultValue: { value: "left_top" }, description: "", name: "tailType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left_top"' }, { value: '"right_top"' }] } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble"] = { docgenInfo: ChatBubble.__docgenInfo, name: "ChatBubble", path: "src/mobile/components/ChatBubbleListItem/ChatBubble.tsx#ChatBubble" });
2323
2328
  }
2324
2329
  catch (__react_docgen_typescript_loader_error) { }
2325
2330
  }, function (module, exports, __webpack_require__) {
@@ -2329,12 +2334,17 @@
2329
2334
  for (var k in mod)
2330
2335
  "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k); return __setModuleDefault(result, mod), result; }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
2331
2336
  Object.defineProperty(exports, "__esModule", { value: !0 });
2332
- var react_1 = __importStar(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), ContextMenu_1 = __webpack_require__(257), ContextMenuItem_1 = __webpack_require__(258), IconButton_1 = __webpack_require__(111), TextLabel_1 = __webpack_require__(36), ChatBubble_1 = __importDefault(__webpack_require__(620)), Popup_1 = __webpack_require__(1646), ChatBubbleColorTheme = { seller_tail: "seller", seller: "seller", subscriber_tail: "subscriber", subscriber: "subscriber", my_tail: "my", my: "my" }, ChatBubbleTailType = { seller_tail: "left_top", seller: "none", subscriber_tail: "left_top", subscriber: "none", my_tail: "right_top", my: "none" };
2333
- function ChatBubbleListItem(_a) { var titleText = _a.titleText, _b = _a.imageMode, imageMode = void 0 === _b ? "use" : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = void 0 === _c ? "use" : _c, _d = _a.styleTheme, styleTheme = void 0 === _d ? "seller_tail" : _d, _e = _a.timeMode, timeMode = void 0 === _e ? "use" : _e, timeText = _a.timeText, contextMenuOptionArray = _a.contextMenuOptionArray, _f = _a.contextMenuState, contextMenuState = void 0 === _f ? "normal" : _f, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem, isMy = styleTheme.includes("my"), isSeller = styleTheme.includes("seller"), isTail = styleTheme.includes("tail"), _g = (0, react_1.useState)(!1), isContextMenuOpen = _g[0], setIsContextMenuOpen = _g[1], contextMenuRef = (0, react_1.useRef)(null), chatBody = document.querySelector("#chatMessageBox"), rect = null == chatBody ? void 0 : chatBody.getBoundingClientRect(); (0, react_1.useEffect)((function () { chatBody && (chatBody.style.overflowY = isContextMenuOpen ? "hidden" : "auto"); }), [isContextMenuOpen, chatBody]); var handleContextMenuItemClick = function (option) { onClickContextMenuItem && onClickContextMenuItem(option), setIsContextMenuOpen(!1); }; return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_ChatBubbleListItem, { "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", isMy: isMy, imageMode: imageMode }, "use" === imageMode && react_1.default.createElement(react_1.default.Fragment, null, isTail && !isMy ? react_1.default.createElement(S_ImageViewWrapper, { isSeller: isSeller }, react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: isSeller ? 36 : 38 })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })), react_1.default.createElement(S_RightBox, null, isTail && !isMy && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: isSeller ? "usrTextBrandPrimary" : "sysTextPrimary" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" })), react_1.default.createElement(S_ChatBubbleBox, null, react_1.default.createElement(S_ChatBubbleWrapper, { isMy: isMy }, "use" === timeMode && timeText && isMy && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), react_1.default.createElement(ChatBubble_1.default, { colorTheme: ChatBubbleColorTheme[styleTheme], tailType: ChatBubbleTailType[styleTheme] }, children), "use" === timeMode && timeText && !isMy && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))), "use" === hoverMode && !isMy && react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: function (e) { e.stopPropagation(), setIsContextMenuOpen((function (prev) { return !prev; })); } })))), react_1.default.createElement(Popup_1.PopupProvider, null, react_1.default.createElement(Popup_1.Popup, { targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "v-auto", wrapperHeight: null == rect ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(!1); } }, react_1.default.createElement(ContextMenu_1.ContextMenu, null, null == contextMenuOptionArray ? void 0 : contextMenuOptionArray.map((function (el) { return react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, option: el, onClick: handleContextMenuItemClick, state: contextMenuState }); }))))))); }
2334
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), NoImageChatBubbleListItem = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-left: ", ";\n"], ["\n margin-left: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), S_ChatBubbleListItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n ", ";\n"], ["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n ", ";\n"])), (function (_a) { return _a.isMy && MyChatBubbleListItem; }), (function (_a) { return "none" === _a.imageMode && NoImageChatBubbleListItem; })), ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 2px solid ", ";\n"], ["\n border: 2px solid ", ";\n"])), (function (_a) { return _a.theme.ui_profile_image_border_brandprimary; })), ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: 1px solid ", ";\n"], ["\n border: 1px solid ", ";\n"])), (function (_a) { return _a.theme.ui_profile_image_border; })), S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isSeller ? ImageViewSeller : ImageViewDefault; })), S_RightBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"]))), S_ChatBubbleBox = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"]))), MyChatBubble = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), (function (_a) { return _a.isMy && MyChatBubble; })), S_TimeWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-self: flex-end;\n display: flex;\n"], ["\n align-self: flex-end;\n display: flex;\n"]))), S_SeeMoreButton = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"], ["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isContextMenuOpen ? "1" : "0"; }), S_ChatBubbleListItem, (function (_a) { return "use" === _a.hoverMode && "1"; }));
2337
+ var react_1 = __importStar(__webpack_require__(0)), styled_components_1 = __importStar(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), ContextMenu_1 = __webpack_require__(257), ContextMenuItem_1 = __webpack_require__(258), IconButton_1 = __webpack_require__(111), TextLabel_1 = __webpack_require__(36), ChatBubble_1 = __importDefault(__webpack_require__(620)), Popup_1 = __webpack_require__(1646), chatBubbleTailType = { other_avatar_impact: "left_top", other_avatar: "left_top", other_avatar_sub: "none", other: "left_top", other_sub: "none", me: "right_top", me_sub: "none" }, profileImageBorderColorTheme = { grey: "ui_avatar_border", brand_primary: "ui_avatar_border_brandprimary", translucent_white: "ui_avatar_border_translucent_white", translucent_black: "ui_avatar_border_translucent_black" };
2338
+ function ChatBubbleListItem(_a) { var titleText = _a.titleText, imageSrc = _a.imageSrc, _b = _a.hoverMode, hoverMode = void 0 === _b ? "use" : _b, styleTheme = _a.styleTheme, _c = _a.colorTheme, colorTheme = void 0 === _c ? "grey" : _c, _d = _a.timeMode, timeMode = void 0 === _d ? "use" : _d, timeText = _a.timeText, contextMenuOptionArray = _a.contextMenuOptionArray, _e = _a.contextMenuState, contextMenuState = void 0 === _e ? "normal" : _e, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem, isMe = styleTheme.includes("me"), _f = (0, react_1.useState)(!1), isContextMenuOpen = _f[0], setIsContextMenuOpen = _f[1], contextMenuRef = (0, react_1.useRef)(null), chatBody = document.querySelector("#chatMessageBox"), rect = null == chatBody ? void 0 : chatBody.getBoundingClientRect(); (0, react_1.useEffect)((function () { chatBody && (chatBody.style.overflowY = isContextMenuOpen ? "hidden" : "auto"); }), [isContextMenuOpen, chatBody]); var handleContextMenuItemClick = function (option) { onClickContextMenuItem && onClickContextMenuItem(option), setIsContextMenuOpen(!1); }; return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_ChatBubbleListItem, { "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", isMe: isMe }, "other_avatar_impact" === styleTheme || "other_avatar" === styleTheme || "other_avatar_sub" === styleTheme ? react_1.default.createElement(react_1.default.Fragment, null, "other_avatar_impact" === styleTheme || "other_avatar" === styleTheme ? react_1.default.createElement(S_ImageViewWrapper, { isOtherAvatarImpact: "other_avatar_impact" === styleTheme, colorTheme: colorTheme }, react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "other_avatar_impact" === styleTheme ? 36 : 38 })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) : react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(S_RightBox, null, ("other_avatar_impact" === styleTheme || "other_avatar" === styleTheme || "other" === styleTheme) && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: colorTheme && function () { switch (colorTheme) {
2339
+ default: return "sysTextPrimary";
2340
+ case "brand_primary": return "usrTextBrandPrimary";
2341
+ case "translucent_white": return "sysTextBlack";
2342
+ case "translucent_black": return "sysTextWhite";
2343
+ } }() }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" })), react_1.default.createElement(S_ChatBubbleBox, null, react_1.default.createElement(S_ChatBubbleWrapper, { isMe: isMe }, "use" === timeMode && timeText && isMe && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), react_1.default.createElement(ChatBubble_1.default, { colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, children), "use" === timeMode && timeText && !isMe && react_1.default.createElement(S_TimeWrapper, null, react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))), "use" === hoverMode && !isMe && react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: function (e) { e.stopPropagation(), setIsContextMenuOpen((function (prev) { return !prev; })); } })))), react_1.default.createElement(Popup_1.PopupProvider, null, react_1.default.createElement(Popup_1.Popup, { targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "v-auto", wrapperHeight: null == rect ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(!1); } }, react_1.default.createElement(ContextMenu_1.ContextMenu, null, null == contextMenuOptionArray ? void 0 : contextMenuOptionArray.map((function (el) { return react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, option: el, onClick: handleContextMenuItemClick, state: contextMenuState }); }))))))); }
2344
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingA; })), S_ChatBubbleListItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n"], ["\n display: flex;\n height: fit-content;\n max-width: 100%;\n\n ", ";\n"])), (function (_a) { return _a.isMe && MyChatBubbleListItem; })), ImageViewBrandPrimary = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 2px solid\n ", ";\n"], ["\n border: 2px solid\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[profileImageBorderColorTheme[colorTheme]]; })), ImageViewDefault = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 1px solid\n ", ";\n"], ["\n border: 1px solid\n ", ";\n"])), (function (_a) { var colorTheme = _a.colorTheme, theme = _a.theme; return colorTheme && theme[profileImageBorderColorTheme[colorTheme]]; })), S_ImageViewWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isOtherAvatarImpact ? ImageViewBrandPrimary : ImageViewDefault; })), S_RightBox = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"]))), S_ChatBubbleBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"]))), MyChatBubble = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"]))), S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), (function (_a) { return _a.isMe && MyChatBubble; })), S_TimeWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n align-self: flex-end;\n display: flex;\n"], ["\n align-self: flex-end;\n display: flex;\n"]))), S_SeeMoreButton = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"], ["\n box-sizing: border-box;\n display: flex;\n width: 48px;\n height: 24px;\n min-width: 48px;\n padding-right: ", ";\n margin-top: ", ";\n position: relative;\n opacity: ", ";\n justify-content: right;\n\n ", ":hover & {\n opacity: ", ";\n }\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.theme.spacing.spacingB; }), (function (_a) { return _a.isContextMenuOpen ? "1" : "0"; }), S_ChatBubbleListItem, (function (_a) { return "use" === _a.hoverMode && "1"; }));
2335
2345
  exports.default = ChatBubbleListItem;
2336
2346
  try {
2337
- ChatBubbleListItem.displayName = "ChatBubbleListItem", ChatBubbleListItem.__docgenInfo = { description: "", displayName: "ChatBubbleListItem", props: { titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, imageMode: { defaultValue: { value: "use" }, description: "", name: "imageMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, imageSrc: { defaultValue: null, description: "", name: "imageSrc", required: !1, type: { name: "string" } }, hoverMode: { defaultValue: { value: "use" }, description: "", name: "hoverMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, styleTheme: { defaultValue: { value: "seller_tail" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"my"' }, { value: '"seller"' }, { value: '"subscriber"' }, { value: '"seller_tail"' }, { value: '"subscriber_tail"' }, { value: '"my_tail"' }] } }, timeMode: { defaultValue: { value: "use" }, description: "", name: "timeMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, timeText: { defaultValue: null, description: "", name: "timeText", required: !1, type: { name: "PDSTextType" } }, contextMenuOptionArray: { defaultValue: null, description: "", name: "contextMenuOptionArray", required: !1, type: { name: "PDSValueOption[]" } }, contextMenuState: { defaultValue: { value: "normal" }, description: "", name: "contextMenuState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, onClickContextMenuItem: { defaultValue: null, description: "", name: "onClickContextMenuItem", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem"] = { docgenInfo: ChatBubbleListItem.__docgenInfo, name: "ChatBubbleListItem", path: "src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem" });
2347
+ ChatBubbleListItem.displayName = "ChatBubbleListItem", ChatBubbleListItem.__docgenInfo = { description: "", displayName: "ChatBubbleListItem", props: { titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, imageSrc: { defaultValue: null, description: "", name: "imageSrc", required: !1, type: { name: "string" } }, hoverMode: { defaultValue: { value: "use" }, description: "", name: "hoverMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, styleTheme: { defaultValue: null, description: "", name: "styleTheme", required: !0, type: { name: "enum", value: [{ value: '"other_avatar_impact"' }, { value: '"other_avatar"' }, { value: '"other_avatar_sub"' }, { value: '"other"' }, { value: '"other_sub"' }, { value: '"me"' }, { value: '"me_sub"' }] } }, colorTheme: { defaultValue: { value: "grey" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"grey"' }, { value: '"brand_primary"' }, { value: '"translucent_white"' }, { value: '"translucent_black"' }] } }, timeMode: { defaultValue: { value: "use" }, description: "", name: "timeMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, timeText: { defaultValue: null, description: "", name: "timeText", required: !1, type: { name: "PDSTextType" } }, contextMenuOptionArray: { defaultValue: null, description: "", name: "contextMenuOptionArray", required: !1, type: { name: "PDSValueOption[]" } }, contextMenuState: { defaultValue: { value: "normal" }, description: "", name: "contextMenuState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, onClickContextMenuItem: { defaultValue: null, description: "", name: "onClickContextMenuItem", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem"] = { docgenInfo: ChatBubbleListItem.__docgenInfo, name: "ChatBubbleListItem", path: "src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.tsx#ChatBubbleListItem" });
2338
2348
  }
2339
2349
  catch (__react_docgen_typescript_loader_error) { }
2340
2350
  }, function (module, exports, __webpack_require__) {
@@ -2361,7 +2371,7 @@
2361
2371
  var templateObject_1, react_1 = __importStar(__webpack_require__(0)), react_hook_form_1 = __webpack_require__(39), styled_components_1 = __importDefault(__webpack_require__(1)), hybrid_1 = __webpack_require__(6), Body_1 = __importDefault(__webpack_require__(1648)), Footer_1 = __importDefault(__webpack_require__(1650)), Header_1 = __importDefault(__webpack_require__(1653)), baseBackgroundColors = { solid: "ui_cpnt_list_base_area_solid", translucent: "ui_cpnt_list_base_area_translucent", transparent: "ui_cpnt_list_base_area_transparent" }, ChatList = react_1.default.forwardRef((function (_a, ref) { var _b = _a.colorTheme, colorTheme = void 0 === _b ? "solid" : _b, _c = _a.headerMode, headerMode = void 0 === _c ? "use" : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, _d = _a.titleStyleTheme, titleStyleTheme = void 0 === _d ? "subTitleBold" : _d, _e = _a.headerDisplayType, headerDisplayType = void 0 === _e ? "none" : _e, _f = _a.headerIBtn1IconName, headerIBtn1IconName = void 0 === _f ? "ic_xmark" : _f, _g = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = void 0 === _g ? "line" : _g, children = _a.children, bodyChildren = _a.bodyChildren, _h = _a.textFieldState, textFieldState = void 0 === _h ? "normal" : _h, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _j = _a.scrollVisibleType, scrollVisibleType = void 0 === _j ? "moving" : _j, footerChildren = _a.footerChildren, _k = _a.submitIBtnState, submitIBtnState = void 0 === _k ? "normal" : _k, bodyMBtnText = _a.bodyMBtnText, _l = _a.bodySpacingMode, bodySpacingMode = void 0 === _l ? "none" : _l, onSubmit = _a.onSubmit, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1, submitIBtnIconName = _a.submitIBtnIconName, submitIBtnIconFillType = _a.submitIBtnIconFillType, _m = _a.footerIBtn1State, footerIBtn1State = void 0 === _m ? "normal" : _m, footerIBtn1IconName = _a.footerIBtn1IconName, footerIBtn1IconFillType = _a.footerIBtn1IconFillType, _o = _a.footerIBtn1Type, footerIBtn1Type = void 0 === _o ? "button" : _o, onClickFooterIBtn1 = _a.onClickFooterIBtn1, _p = _a.footerIBtn2State, footerIBtn2State = void 0 === _p ? "normal" : _p, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn2IconFillType = _a.footerIBtn2IconFillType, _q = _a.footerIBtn2Type, footerIBtn2Type = void 0 === _q ? "button" : _q, onClickFooterIBtn2 = _a.onClickFooterIBtn2, _r = _a.footerIBtn3State, footerIBtn3State = void 0 === _r ? "normal" : _r, footerIBtn3IconName = _a.footerIBtn3IconName, footerIBtn3IconFillType = _a.footerIBtn3IconFillType, _s = _a.footerIBtn3Type, footerIBtn3Type = void 0 === _s ? "button" : _s, footerIBtn3Accept = _a.footerIBtn3Accept, onClickFooterIBtn3 = _a.onClickFooterIBtn3, methods = (0, react_hook_form_1.useForm)({ mode: "onChange", defaultValues: { chat: "" } }), reset = methods.reset, handleSubmit = methods.handleSubmit, control = methods.control, _t = methods.formState, isValid = _t.isValid, isDirty = _t.isDirty, isSubmitSuccessful = _t.isSubmitSuccessful; (0, react_1.useEffect)((function () { isSubmitSuccessful && reset(); }), [isSubmitSuccessful]); var inputValue = (0, react_hook_form_1.useWatch)({ name: "chat", control: control }), isSubmitButtonActive = (0, react_1.useMemo)((function () { return !!submitIBtnState && (isDirty && isValid && inputValue.length > 0 && "normal" === submitIBtnState); }), [isDirty, isValid, inputValue, submitIBtnState]); return react_1.default.createElement(S_ChatList, { "x-pds-name": "ChatList", "x-pds-element-type": "component", "x-pds-device-type": "mobile", backgroundColor: baseBackgroundColors[colorTheme], id: "chatList" }, "use" === headerMode && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Header_1.default, { colorTheme: colorTheme, titleText: titleText, descText: descText, captionText: captionText, titleStyleTheme: titleStyleTheme, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType, onClickHeaderIBtn1: onClickHeaderIBtn1 }), react_1.default.createElement(hybrid_1.Divider, { colorTheme: "transparent" === colorTheme ? "divider2" : "none" })), react_1.default.createElement(Body_1.default, { scrollVisibleType: scrollVisibleType, isSubmitted: isSubmitSuccessful, bodyMBtnText: bodyMBtnText, bodySpacingMode: bodySpacingMode, callBackAfterScrollToBottom: function () { reset(); }, bodyChildren: bodyChildren, ref: ref }, children), react_1.default.createElement(hybrid_1.Divider, { colorTheme: "transparent" === colorTheme ? "divider2" : "none" }), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }), react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods), react_1.default.createElement("form", { onSubmit: handleSubmit((function (_a) { var chat = _a.chat; chat && isSubmitButtonActive && onSubmit(chat); })) }, react_1.default.createElement(Footer_1.default, { colorTheme: colorTheme, textFieldDefaultText: textFieldDefaultText, textFieldHintText: textFieldHintText, textFieldState: textFieldState, textFieldMaxLength: textFieldMaxLength, footerChildren: footerChildren, isSubmitBtnActive: isSubmitButtonActive, submitIBtnIconName: submitIBtnIconName, submitIBtnIconFillType: submitIBtnIconFillType, footerIBtn1State: footerIBtn1State, footerIBtn1IconName: footerIBtn1IconName, footerIBtn1IconFillType: footerIBtn1IconFillType, footerIBtn1Type: footerIBtn1Type, onClickFooterIBtn1: onClickFooterIBtn1, footerIBtn2State: footerIBtn2State, footerIBtn2IconName: footerIBtn2IconName, footerIBtn2IconFillType: footerIBtn2IconFillType, footerIBtn2Type: footerIBtn2Type, onClickFooterIBtn2: onClickFooterIBtn2, footerIBtn3State: footerIBtn3State, footerIBtn3IconName: footerIBtn3IconName, footerIBtn3IconFillType: footerIBtn3IconFillType, footerIBtn3Type: footerIBtn3Type, footerIBtn3Accept: footerIBtn3Accept, onClickFooterIBtn3: onClickFooterIBtn3 }))), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" })); })), S_ChatList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n"])), (function (_a) { var backgroundColor = _a.backgroundColor; return _a.theme[backgroundColor]; }));
2362
2372
  exports.default = ChatList;
2363
2373
  try {
2364
- ChatList.displayName = "ChatList", ChatList.__docgenInfo = { description: "", displayName: "ChatList", props: { colorTheme: { defaultValue: { value: "solid" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, headerMode: { defaultValue: { value: "use" }, description: "", name: "headerMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, descText: { defaultValue: null, description: "", name: "descText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, titleStyleTheme: { defaultValue: { value: "subTitleBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }] } }, headerDisplayType: { defaultValue: { value: "none" }, description: "", name: "headerDisplayType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"ibtn1"' }] } }, headerIBtn1IconName: { defaultValue: { value: "ic_xmark" }, description: "", name: "headerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, headerIBtn1IconFillType: { defaultValue: { value: "line" }, description: "", name: "headerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, bodyChildren: { defaultValue: null, description: "", name: "bodyChildren", required: !1, type: { name: "ReactNode" } }, textFieldState: { defaultValue: { value: "normal" }, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, scrollVisibleType: { defaultValue: { value: "moving" }, description: "", name: "scrollVisibleType", required: !1, type: { name: "enum", value: [{ value: '"moving"' }, { value: '"hidden"' }, { value: '"visible"' }] } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, submitIBtnState: { defaultValue: { value: "normal" }, description: "", name: "submitIBtnState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, bodyMBtnText: { defaultValue: null, description: "", name: "bodyMBtnText", required: !1, type: { name: "PDSTextType" } }, bodySpacingMode: { defaultValue: { value: "none" }, description: "", name: "bodySpacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onSubmit: { defaultValue: null, description: "", name: "onSubmit", required: !0, type: { name: "(value: string) => void" } }, onClickHeaderIBtn1: { defaultValue: null, description: "", name: "onClickHeaderIBtn1", required: !1, type: { name: "(() => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/ChatList.tsx#ChatList"] = { docgenInfo: ChatList.__docgenInfo, name: "ChatList", path: "src/mobile/components/ChatList/ChatList.tsx#ChatList" });
2374
+ ChatList.displayName = "ChatList", ChatList.__docgenInfo = { description: "", displayName: "ChatList", props: { colorTheme: { defaultValue: { value: "solid" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, headerMode: { defaultValue: { value: "use" }, description: "", name: "headerMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, titleText: { defaultValue: null, description: "", name: "titleText", required: !1, type: { name: "PDSTextType" } }, descText: { defaultValue: null, description: "", name: "descText", required: !1, type: { name: "PDSTextType" } }, captionText: { defaultValue: null, description: "", name: "captionText", required: !1, type: { name: "PDSTextType" } }, titleStyleTheme: { defaultValue: { value: "subTitleBold" }, description: "", name: "titleStyleTheme", required: !1, type: { name: "enum", value: [{ value: '"headingBold"' }, { value: '"subTitleBold"' }] } }, headerDisplayType: { defaultValue: { value: "none" }, description: "", name: "headerDisplayType", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"ibtn1"' }] } }, headerIBtn1IconName: { defaultValue: { value: "ic_xmark" }, description: "", name: "headerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, headerIBtn1IconFillType: { defaultValue: { value: "line" }, description: "", name: "headerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, bodyChildren: { defaultValue: null, description: "", name: "bodyChildren", required: !1, type: { name: "ReactNode" } }, textFieldState: { defaultValue: { value: "normal" }, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, scrollVisibleType: { defaultValue: { value: "moving" }, description: "", name: "scrollVisibleType", required: !1, type: { name: "enum", value: [{ value: '"moving"' }, { value: '"hidden"' }, { value: '"visible"' }] } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, submitIBtnState: { defaultValue: { value: "normal" }, description: "", name: "submitIBtnState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, bodyMBtnText: { defaultValue: null, description: "", name: "bodyMBtnText", required: !1, type: { name: "PDSTextType" } }, bodySpacingMode: { defaultValue: { value: "none" }, description: "", name: "bodySpacingMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: { value: "normal" }, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: { value: "button" }, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, onSubmit: { defaultValue: null, description: "", name: "onSubmit", required: !0, type: { name: "(value: string) => void" } }, onClickHeaderIBtn1: { defaultValue: null, description: "", name: "onClickHeaderIBtn1", required: !1, type: { name: "(() => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/ChatList.tsx#ChatList"] = { docgenInfo: ChatList.__docgenInfo, name: "ChatList", path: "src/mobile/components/ChatList/ChatList.tsx#ChatList" });
2365
2375
  }
2366
2376
  catch (__react_docgen_typescript_loader_error) { }
2367
2377
  }, function (module, exports, __webpack_require__) {
@@ -2471,7 +2481,7 @@
2471
2481
  } }), (function (_a) { var size = _a.size; return size && { large: large, small: small }[size]; }), (function (_a) { var customWidth = _a.customWidth; return customWidth && "width: " + customWidth + ";"; }), transitionStyle_1.InputTransition, (function (_a) { return "normal" === _a.state && normalActionColor; })), S_ContextMenuWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"], ["\n display: block;\n margin-top: ", ";\n position: absolute;\n width: inherit;\n"])), (function (_a) { return _a.theme.spacing.spacingB; }));
2472
2482
  exports.default = Dropdown;
2473
2483
  try {
2474
- Dropdown.displayName = "Dropdown", Dropdown.__docgenInfo = { description: "", displayName: "Dropdown", props: { colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"dark"' }, { value: '"white"' }] } }, defaultValue: { defaultValue: null, description: "", name: "defaultValue", required: !1, type: { name: "PDSValueOption" } }, value: { defaultValue: null, description: "", name: "value", required: !1, type: { name: "PDSValueOption | null" } }, hintText: { defaultValue: null, description: "", name: "hintText", required: !1, type: { name: "TFunctionResult" } }, maxHeightItemNumber: { defaultValue: { value: "5" }, description: "", name: "maxHeightItemNumber", required: !1, type: { name: "number" } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"large"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, valueArray: { defaultValue: null, description: "", name: "valueArray", required: !0, type: { name: "DropDownValues[]" } }, customWidth: { defaultValue: null, description: "", name: "customWidth", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "", name: "onChange", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/Dropdown/Dropdown.tsx#Dropdown"] = { docgenInfo: Dropdown.__docgenInfo, name: "Dropdown", path: "src/mobile/components/Dropdown/Dropdown.tsx#Dropdown" });
2484
+ Dropdown.displayName = "Dropdown", Dropdown.__docgenInfo = { description: "", displayName: "Dropdown", props: { colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"white"' }, { value: '"dark"' }] } }, defaultValue: { defaultValue: null, description: "", name: "defaultValue", required: !1, type: { name: "PDSValueOption" } }, value: { defaultValue: null, description: "", name: "value", required: !1, type: { name: "PDSValueOption | null" } }, hintText: { defaultValue: null, description: "", name: "hintText", required: !1, type: { name: "TFunctionResult" } }, maxHeightItemNumber: { defaultValue: { value: "5" }, description: "", name: "maxHeightItemNumber", required: !1, type: { name: "number" } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"large"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, valueArray: { defaultValue: null, description: "", name: "valueArray", required: !0, type: { name: "DropDownValues[]" } }, customWidth: { defaultValue: null, description: "", name: "customWidth", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "", name: "onChange", required: !1, type: { name: "((option: PDSValueOption) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/Dropdown/Dropdown.tsx#Dropdown"] = { docgenInfo: Dropdown.__docgenInfo, name: "Dropdown", path: "src/mobile/components/Dropdown/Dropdown.tsx#Dropdown" });
2475
2485
  }
2476
2486
  catch (__react_docgen_typescript_loader_error) { }
2477
2487
  }, function (module, exports, __webpack_require__) {
@@ -2583,7 +2593,7 @@
2583
2593
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_Button = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n &:active:enabled {\n background-color: ", ";\n }\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n ", "\n\n &:active:enabled {\n background-color: ", ";\n }\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"])), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_pressed : theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
2584
2594
  exports.default = TextButton;
2585
2595
  try {
2586
- TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/mobile/components/TextButton/TextButton.tsx#TextButton" });
2596
+ TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/mobile/components/TextButton/TextButton.tsx#TextButton" });
2587
2597
  }
2588
2598
  catch (__react_docgen_typescript_loader_error) { }
2589
2599
  }, function (module, exports, __webpack_require__) {
@@ -2652,7 +2662,7 @@
2652
2662
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return _a.disabled && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n"], ["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_darktheme_pressed; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n ", "\n\n ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_line_base_pressed; }), transitionStyle_1.ButtonTransition, (function (_a) { var colorTheme = _a.colorTheme; return "none" === colorTheme ? none : "line1" === colorTheme ? line1 : "line2" === colorTheme ? line2 : "line3" === colorTheme ? line3 : void 0; }), (function (_a) { return _a.disabled && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary1 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_primary_variation_base_enabled; })), primary = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed; }), (function (_a) { return "primary1" === _a.colorTheme && primary1; }), (function (_a) { return _a.disabled && primaryDisabled; })), secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n background-color: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1Disabled; })), secondary1 = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"], ["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n &::before {\n content: '';\n display: none;\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_default; }), (function (_a) { return _a.theme.ui_cpnt_button_secondary_variation_base_pressed; }), transitionStyle_1.ButtonTransition), secondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border: none;\n position: relative;\n\n &::before {\n content: '';\n border-radius: inherit;\n position: absolute;\n background-color: transparent;\n height: 100%;\n width: 100%;\n padding: 0;\n ", "\n }\n\n &:active:not([disabled])::before {\n background-color: ", ";\n }\n\n ", "\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), transitionStyle_1.ButtonTransition, (function (_a) { var theme = _a.theme; return !_a.isSubmitting && theme.ui_cpnt_button_secondary_on_base_pressed; }), (function (_a) { return "secondary1" === _a.colorTheme && secondary1; }), (function (_a) { return _a.disabled && secondaryDisabled; })), S_UploadMainButton = styled_components_1.default.label(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n\n & > div {\n font-weight: ", ";\n }\n\n ", "\n ", "\n ", "\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n\n & > div {\n font-weight: ", ";\n }\n\n ", "\n ", "\n ", "\n ", ";\n"])), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: theme.fontWeight.bold, regular: theme.fontWeight.normal }[fontWeight]; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; })), S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle);
2653
2663
  exports.default = UploadMainButton;
2654
2664
  try {
2655
- UploadMainButton.displayName = "UploadMainButton", UploadMainButton.__docgenInfo = { description: "", displayName: "UploadMainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: { value: "ic_upload" }, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton"] = { docgenInfo: UploadMainButton.__docgenInfo, name: "UploadMainButton", path: "src/mobile/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton" });
2665
+ UploadMainButton.displayName = "UploadMainButton", UploadMainButton.__docgenInfo = { description: "", displayName: "UploadMainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: { value: "ic_upload" }, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }, { value: '"primary1"' }, { value: '"secondary1"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton"] = { docgenInfo: UploadMainButton.__docgenInfo, name: "UploadMainButton", path: "src/mobile/components/UploadMainButton/UploadMainButton.tsx#UploadMainButton" });
2656
2666
  }
2657
2667
  catch (__react_docgen_typescript_loader_error) { }
2658
2668
  }, function (module, exports, __webpack_require__) {
@@ -2667,7 +2677,7 @@
2667
2677
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n width: ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n width: ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_UploadTextButton = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n padding: 0 ", ";\n\n ", "\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n & > div {\n font-weight: ", ";\n }\n\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n padding: 0 ", ";\n\n ", "\n\n &:active:not([disabled]) {\n background-color: ", ";\n }\n\n & > div {\n font-weight: ", ";\n }\n\n ", ";\n ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }), transitionStyle_1.ButtonTransition, (function (_a) { return _a.theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: theme.fontWeight.bold, regular: theme.fontWeight.normal }[fontWeight]; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
2668
2678
  exports.default = UploadTextButton;
2669
2679
  try {
2670
- UploadTextButton.displayName = "UploadTextButton", UploadTextButton.__docgenInfo = { description: "", displayName: "UploadTextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton"] = { docgenInfo: UploadTextButton.__docgenInfo, name: "UploadTextButton", path: "src/mobile/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton" });
2680
+ UploadTextButton.displayName = "UploadTextButton", UploadTextButton.__docgenInfo = { description: "", displayName: "UploadTextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, accept: { defaultValue: { value: "*" }, description: "", name: "accept", required: !1, type: { name: "string" } }, multipleMode: { defaultValue: { value: "none" }, description: "", name: "multipleMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton"] = { docgenInfo: UploadTextButton.__docgenInfo, name: "UploadTextButton", path: "src/mobile/components/UploadTextButton/UploadTextButton.tsx#UploadTextButton" });
2671
2681
  }
2672
2682
  catch (__react_docgen_typescript_loader_error) { }
2673
2683
  }, function (module, exports, __webpack_require__) {
@@ -2958,7 +2968,7 @@
2958
2968
  "use strict";
2959
2969
  var __makeTemplateObject = this && this.__makeTemplateObject || function (cooked, raw) { return Object.defineProperty ? Object.defineProperty(cooked, "raw", { value: raw }) : cooked.raw = raw, cooked; };
2960
2970
  Object.defineProperty(exports, "__esModule", { value: !0 });
2961
- var templateObject_1, GlobalStyle = (0, __webpack_require__(1).createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n \n html {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n box-shadow: 0 0 0 1000px white inset !important;\n}\n"], ["\n @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n \n html {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 1000px white inset !important;\n box-shadow: 0 0 0 1000px white inset !important;\n}\n"])));
2971
+ var templateObject_1, GlobalStyle = (0, __webpack_require__(1).createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n \n html {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-text-fill-color: ", " !important;\n transition: background-color 9999s ease-in-out 0s !important;\n}\n"], ["\n @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n \n html {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-text-fill-color: ", " !important;\n transition: background-color 9999s ease-in-out 0s !important;\n}\n"])), (function (_a) { return _a.theme.ui_cpnt_textfield_text_typed; }));
2962
2972
  exports.default = GlobalStyle;
2963
2973
  }, function (module, exports, __webpack_require__) {
2964
2974
  "use strict";
@@ -8907,7 +8917,7 @@
8907
8917
  var templateObject_1, S_FooterChildrenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return _a.theme.spacing.spacingC; }));
8908
8918
  exports.default = Footer;
8909
8919
  try {
8910
- Footer.displayName = "Footer", Footer.__docgenInfo = { description: "", displayName: "Footer", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !0, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/Footer.tsx#Footer"] = { docgenInfo: Footer.__docgenInfo, name: "Footer", path: "src/desktop/components/ChatList/Footer.tsx#Footer" });
8920
+ Footer.displayName = "Footer", Footer.__docgenInfo = { description: "", displayName: "Footer", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !0, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/Footer.tsx#Footer"] = { docgenInfo: Footer.__docgenInfo, name: "Footer", path: "src/desktop/components/ChatList/Footer.tsx#Footer" });
8911
8921
  }
8912
8922
  catch (__react_docgen_typescript_loader_error) { }
8913
8923
  }, function (module, exports, __webpack_require__) {
@@ -8919,7 +8929,7 @@
8919
8929
  var templateObject_1, templateObject_2, S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), (function (_a) { var theme = _a.theme, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn3IconName = _a.footerIBtn3IconName; return footerIBtn2IconName || footerIBtn3IconName ? "" + theme.spacing.spacingC : "" + theme.spacing.spacingE; }), (function (_a) { return _a.theme.spacing.spacingC; })), S_TextFieldWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1;\n margin-right: ", ";\n"], ["\n flex: 1;\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }));
8920
8930
  exports.default = ChatTextField;
8921
8931
  try {
8922
- ChatTextField.displayName = "ChatTextField", ChatTextField.__docgenInfo = { description: "", displayName: "ChatTextField", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !1, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: { value: "ic_paper_plane" }, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: { value: "fill" }, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/ChatTextField.tsx#ChatTextField"] = { docgenInfo: ChatTextField.__docgenInfo, name: "ChatTextField", path: "src/desktop/components/ChatList/ChatTextField.tsx#ChatTextField" });
8932
+ ChatTextField.displayName = "ChatTextField", ChatTextField.__docgenInfo = { description: "", displayName: "ChatTextField", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !1, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: { value: "ic_paper_plane" }, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: { value: "fill" }, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/desktop/components/ChatList/ChatTextField.tsx#ChatTextField"] = { docgenInfo: ChatTextField.__docgenInfo, name: "ChatTextField", path: "src/desktop/components/ChatList/ChatTextField.tsx#ChatTextField" });
8923
8933
  }
8924
8934
  catch (__react_docgen_typescript_loader_error) { }
8925
8935
  }, function (module, exports, __webpack_require__) {
@@ -9458,12 +9468,12 @@
9458
9468
  var __assign = this && this.__assign || function () { return __assign = Object.assign || function (t) { for (var s, i = 1, n = arguments.length; i < n; i++)
9459
9469
  for (var p in s = arguments[i])
9460
9470
  Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]); return t; }, __assign.apply(this, arguments); }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
9461
- Object.defineProperty(exports, "__esModule", { value: !0 }), exports.AllVariation = exports.WithImage = exports.My = exports.MyTail = exports.Subscriber = exports.SubscriberTail = exports.Seller = exports.SellerTail = exports.Default = void 0;
9471
+ Object.defineProperty(exports, "__esModule", { value: !0 }), exports.AllVariation = exports.WithImage = exports.TranslucentBlackColorChildrenTextLabel = exports.TranslucentWhiteColorChildrenTextLabel = exports.BrandPrimaryColorChildrenTextLabel = exports.GreyColorChildrenTextLabel = exports.MeSub = exports.Me = exports.OtherSub = exports.Other = exports.OtherAvatarSub = exports.OtherAvatar = exports.OtherAvatarImpact = void 0;
9462
9472
  var react_1 = __importDefault(__webpack_require__(0)), hybrid_1 = __webpack_require__(6), TextLabel_1 = __webpack_require__(28), ChatBubbleListItem_1 = __importDefault(__webpack_require__(556));
9463
- exports.default = { title: "desktop/components/ChatBubbleListItem", component: ChatBubbleListItem_1.default, parameters: { docs: { description: { component: "desktop환경에 최적화 된 ChatBubbleListItem 컴포넌트" } } }, argTypes: { titleText: { description: "주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.", control: { type: "text" } }, imageMode: { description: "이미지 사용 여부를 결정합니다. (프로필 이미지에 대한 사용 여부)", control: { type: "inline-radio" } }, imageSrc: { description: "이미지 사용 시 주소 값입니다.", control: { type: "text" } }, hoverMode: { description: "호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다. (셀러나 다른 구독자가 전송한 경우에만 표시)", control: { type: "inline-radio" } }, styleTheme: { description: "메세지를 전송하는 대상에 따른 스타일 프리셋입니다.", control: { type: "inline-radio" } }, timeMode: { description: "메세지 전송 시간 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, timeText: { description: "메세지 전송 시간 텍스트입니다.", control: { type: "text" } }, contextMenuOptionArray: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.", control: { type: "none" } }, contextMenuState: { description: "ContextMenu의 상태를 결정합니다.", control: { type: "inline-radio" } }, children: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다." }, onClickContextMenuItem: { action: "onClickContextMenuItem" } } };
9464
- var Template = function (args) { return react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args)); };
9465
- exports.Default = Template.bind({}), exports.Default.args = { titleText: "titleText", imageSrc: "https://placekitten.com/300/300", contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02", children: react_1.default.createElement(TextLabel_1.TextLabel, { text: "children TextLabel" }) }, exports.SellerTail = Template.bind({}), exports.SellerTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "seller_tail" }), exports.Seller = Template.bind({}), exports.Seller.args = __assign(__assign({}, exports.Default.args), { styleTheme: "seller" }), exports.SubscriberTail = Template.bind({}), exports.SubscriberTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "subscriber_tail" }), exports.Subscriber = Template.bind({}), exports.Subscriber.args = __assign(__assign({}, exports.Default.args), { styleTheme: "subscriber" }), exports.MyTail = Template.bind({}), exports.MyTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "my_tail" }), exports.My = Template.bind({}), exports.My.args = __assign(__assign({}, exports.Default.args), { styleTheme: "my" }), exports.WithImage = Template.bind({}), exports.WithImage.args = __assign(__assign({}, exports.Default.args), { children: react_1.default.createElement(hybrid_1.ImageView, { src: "https://placekitten.com/240", width: 240 }) });
9466
- exports.AllVariation = function (args) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "seller_tail", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "seller_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "seller" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "seller" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "subscriber_tail", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "subscriber_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "subscriber" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "subscriber" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "my_tail", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "my_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "my" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "my" }))); }.bind({}), exports.AllVariation.parameters = { controls: { include: ["imageMode", "timeText"] } }, exports.AllVariation.args = { contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02" };
9473
+ exports.default = { title: "desktop/components/ChatBubbleListItem", component: ChatBubbleListItem_1.default, parameters: { docs: { description: { component: "desktop환경에 최적화 된 ChatBubbleListItem 컴포넌트" } } }, argTypes: { titleText: { description: "주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.", control: { type: "text" } }, imageSrc: { description: "이미지 사용 시 주소 값입니다.", control: { type: "text" } }, hoverMode: { description: "호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다. (셀러나 다른 구독자가 전송한 경우에만 표시)", control: { type: "inline-radio" } }, styleTheme: { description: "메세지를 전송하는 대상에 따른 스타일 프리셋입니다.", control: { type: "inline-radio" } }, colorTheme: { description: "아이템의 색상 테마를 결정합니다.", control: { type: "inline-radio" } }, timeMode: { description: "메세지 전송 시간 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, timeText: { description: "메세지 전송 시간 텍스트입니다.", control: { type: "text" } }, contextMenuOptionArray: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.", control: { type: "none" } }, contextMenuState: { description: "ContextMenu의 상태를 결정합니다.", control: { type: "inline-radio" } }, children: { description: "말풍선 메세지의 내용을 표시하는 용도로 사용됩니다." }, onClickContextMenuItem: { action: "onClickContextMenuItem" } } };
9474
+ var Template = function (args) { return react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args)); }, defaultArgs = { titleText: "titleText", imageSrc: "https://placekitten.com/300/300", contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02", children: react_1.default.createElement(TextLabel_1.TextLabel, { text: "children TextLabel" }) };
9475
+ exports.OtherAvatarImpact = Template.bind({}), exports.OtherAvatarImpact.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact" }), exports.OtherAvatar = Template.bind({}), exports.OtherAvatar.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar" }), exports.OtherAvatarSub = Template.bind({}), exports.OtherAvatarSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_sub" }), exports.Other = Template.bind({}), exports.Other.args = __assign(__assign({}, defaultArgs), { styleTheme: "other" }), exports.OtherSub = Template.bind({}), exports.OtherSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_sub" }), exports.Me = Template.bind({}), exports.Me.args = __assign(__assign({}, defaultArgs), { styleTheme: "me" }), exports.MeSub = Template.bind({}), exports.MeSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "me_sub" }), exports.GreyColorChildrenTextLabel = Template.bind({}), exports.GreyColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "grey", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextPrimary", text: "children TextLabel" }) }), exports.BrandPrimaryColorChildrenTextLabel = Template.bind({}), exports.BrandPrimaryColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "brand_primary", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "usrTextBrandOnPrimary", text: "children TextLabel" }) }), exports.TranslucentWhiteColorChildrenTextLabel = Template.bind({}), exports.TranslucentWhiteColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "translucent_white", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextBlack", text: "children TextLabel" }) }), exports.TranslucentBlackColorChildrenTextLabel = Template.bind({}), exports.TranslucentBlackColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "translucent_black", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextWhite", text: "children TextLabel" }) }), exports.WithImage = Template.bind({}), exports.WithImage.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", children: react_1.default.createElement(hybrid_1.ImageView, { src: "https://placekitten.com/240", width: 240 }) });
9476
+ exports.AllVariation = function (args) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_impact", titleText: "other_avatar_impact", imageSrc: "https://placekitten.com/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar_impact" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar", titleText: "other_avatar", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_sub", titleText: "other_avatar_sub", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar_sub" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_sub", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_sub" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "me" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me_sub" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "me_sub" }))); }.bind({}), exports.AllVariation.parameters = { controls: { include: ["timeText"] } }, exports.AllVariation.args = { contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02" };
9467
9477
  }, function (module, exports, __webpack_require__) {
9468
9478
  "use strict";
9469
9479
  var __assign = this && this.__assign || function () { return __assign = Object.assign || function (t) { for (var s, i = 1, n = arguments.length; i < n; i++)
@@ -9479,7 +9489,7 @@
9479
9489
  exports.default = { title: "desktop/components/ChatList", component: ChatList_1.default, parameters: { docs: { description: { component: "desktop환경에 최적화 된 ChatList 컴포넌트." }, source: { type: "code" } } }, argTypes: { colorTheme: { description: "채팅 전역의 스타일을 교체할 수 있는 테마를 결정합니다.", defaultValue: "solid" }, headerMode: { description: "header 영역의 사용여부를 결정합니다.", defaultValue: "use" }, titleText: { description: "리스트의 제목을 입력합니다.", control: { type: "text" } }, descText: { description: "리스트의 간단 설명을 입력합니다.", control: { type: "text" } }, captionText: { description: "리스트의 세부 설명, 옵션용 텍스트를 입력합니다.", control: { type: "text" } }, titleStyleTheme: { description: "titleText 영역의 스타일을 결정 합니다.", defaultValue: "select" }, headerDisplayType: { description: "header 영역의 표시방법을 결정 합니다.", defaultValue: "none" }, headerIBtn1IconName: { description: "header 영역에 우측 영역의 아이콘 이름을 결정합니다.", defaultValue: "ic_xmark", control: { type: "text" } }, headerIBtn1IconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다.", defaultValue: "line" }, children: { description: "ChatList에 들어갈 자식 요소입니다. 현재는 ChatListItem 컴포넌트만 위치시킬 수 있습니다.", control: { type: "none" } }, bodyChildren: { description: "ChatList의 body 영역에 들어갈 자식 요소입니다.", control: { type: "none" } }, textFieldState: { description: "텍스트 필드의 상태를 정합니다.", defaultValue: "normal" }, textFieldHintText: { description: "입력하기 전 미리 보여주는 텍스트 값입니다.", control: { type: "text" } }, textFieldDefaultText: { description: "하단 입력폼 내 텍스트 필드의 기본 값을 입력합니다.", control: { type: "text" } }, textFieldMaxLength: { description: "하단 입력폼 내 텍스트 필드의 최대 길이을 입력합니다.", control: { type: "number" } }, scrollVisibleType: { description: "스크롤을 표시할 지 여부를 결정합니다.", defaultValue: "moving" }, footerChildren: { description: "TextField 아래에 위치할 자식 요소입니다. 여러가지 컴포넌트를 조합하여 위치시킬 수 있습니다.", control: { type: "none" } }, submitIBtnState: { description: "메세지 전송 버튼의 상태를 정합니다.", defaultValue: "normal" }, bodyMBtnText: { description: "바디 영역에 떠있는 버튼의 텍스트를 입력합니다.", control: { type: "text" } }, bodySpacingMode: { description: "body 영역의 양 옆 여백 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, submitIBtnIconName: { description: "TextField 전송버튼의 아이콘 이름을 입력합니다", defaultValue: "ic_paper_plane", control: { type: "select" } }, submitIBtnIconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다.", defaultValue: "fill" }, footerIBtn1State: { description: "우측 영역의 아이콘의 상태를 정합니다.", defaultValue: "normal" }, footerIBtn1IconName: { description: "TextField 우측 첫번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn1IconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다." }, footerIBtn1Type: { description: "우측 영역의 아이콘 버튼의 타입을 결정합니다." }, onClickFooterIBtn1: { action: "onClickFooterIBtn1" }, footerIBtn2State: { description: "좌측 두번째 영역의 아이콘 상태를 정합니다", defaultValue: "normal" }, footerIBtn2IconName: { description: "TextField 좌측 두번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn2IconFillType: { description: "좌측 영역의 아이콘 유형을 결정합니다." }, footerIBtn2Type: { description: "좌측 영역의 아이콘 버튼의 타입을 결정합니다." }, onClickFooterIBtn2: { action: "onClickFooterIBtn2" }, footerIBtn3State: { description: "좌측 첫번째 영역의 아이콘 상태를 정합니다", defaultValue: "normal" }, footerIBtn3IconName: { description: "TextField 좌측 첫번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn3IconFillType: { description: "좌측 영역의 아이콘 유형을 결정합니다." }, footerIBtn3Type: { description: "좌측 영역의 아이콘 버튼의 타입을 결정합니다." }, footerIBtn3Accept: { description: "특정 확장자 혹은 타입의 파일만 선택할 수 있게 합니다." }, onClickFooterIBtn3: { action: "onClickFooterIBtn3" }, onSubmit: { action: "onSubmit" }, onClickHeaderIBtn1: { action: "onClickHeaderIBtn1" } } };
9480
9490
  var DefaultChatList = function (args) { var _a = (0, react_1.useState)(Array(50).fill("message")), messages = _a[0], setMessages = _a[1], ref = (0, react_1.useRef)(null); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); }, ref: ref }), messages.map((function (message, index) { return react_1.default.createElement(BasicChatListItem_1.BasicChatListItem, { key: index, titleText: "일이삼사오육칠팔구십십이 #213FAA", contentText: "" + message + index, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }); }))); };
9481
9491
  exports.Default = DefaultChatList.bind({}), exports.Default.args = { titleText: "일이삼사오육칠팔구십십이 #213FAA", descText: "descText", captionText: "captionText", textFieldHintText: "hintText", footerChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }), bodyMBtnText: "bodyBtnText", bodyChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "body children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }) }, exports.AllIcon = DefaultChatList.bind({}), exports.AllIcon.args = { titleText: "일이삼사오육칠팔구십십이 #213FAA", captionText: "captionText", textFieldHintText: "hintText", footerChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }), bodyMBtnText: "bodyBtnText", footerIBtn1IconName: "ic_face", footerIBtn2IconName: "ic_menu", footerIBtn2State: "disable", footerIBtn3IconName: "ic_plus", footerIBtn3Type: "upload" };
9482
- exports.WithChatBubbleListItem = function (args) { var _a = (0, react_1.useState)(Array(20).fill("message")), messages = _a[0], setMessages = _a[1], today = new Date, hours = today.getHours(), minutes = today.getMinutes(); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); } }), messages.map((function (message, index) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "seller_tail", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "subscriber_tail", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "my_tail", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" })); }))); }.bind({}), exports.WithChatBubbleListItem.args = __assign(__assign({}, exports.Default.args), { bodySpacingMode: "use" });
9492
+ exports.WithChatBubbleListItem = function (args) { var _a = (0, react_1.useState)(Array(20).fill("message")), messages = _a[0], setMessages = _a[1], today = new Date, hours = today.getHours(), minutes = today.getMinutes(); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); } }), messages.map((function (message, index) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "other_avatar_impact", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "other_avatar", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "me", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" })); }))); }.bind({}), exports.WithChatBubbleListItem.args = __assign(__assign({}, exports.Default.args), { bodySpacingMode: "use" });
9483
9493
  }, function (module, exports, __webpack_require__) {
9484
9494
  "use strict";
9485
9495
  var __assign = this && this.__assign || function () { return __assign = Object.assign || function (t) { for (var s, i = 1, n = arguments.length; i < n; i++)
@@ -10228,12 +10238,12 @@
10228
10238
  var __assign = this && this.__assign || function () { return __assign = Object.assign || function (t) { for (var s, i = 1, n = arguments.length; i < n; i++)
10229
10239
  for (var p in s = arguments[i])
10230
10240
  Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]); return t; }, __assign.apply(this, arguments); }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
10231
- Object.defineProperty(exports, "__esModule", { value: !0 }), exports.AllVariation = exports.WithImage = exports.My = exports.MyTail = exports.Subscriber = exports.SubscriberTail = exports.Seller = exports.SellerTail = exports.Default = void 0;
10241
+ Object.defineProperty(exports, "__esModule", { value: !0 }), exports.AllVariation = exports.WithImage = exports.TranslucentBlackColorChildrenTextLabel = exports.TranslucentWhiteColorChildrenTextLabel = exports.BrandPrimaryColorChildrenTextLabel = exports.GreyColorChildrenTextLabel = exports.MeSub = exports.Me = exports.OtherSub = exports.Other = exports.OtherAvatarSub = exports.OtherAvatar = exports.OtherAvatarImpact = void 0;
10232
10242
  var react_1 = __importDefault(__webpack_require__(0)), hybrid_1 = __webpack_require__(6), TextLabel_1 = __webpack_require__(36), ChatBubbleListItem_1 = __importDefault(__webpack_require__(621));
10233
- exports.default = { title: "mobile/components/ChatBubbleListItem", component: ChatBubbleListItem_1.default, parameters: { docs: { description: { component: "mobile환경에 최적화 된 ChatBubbleListItem 컴포넌트" } } }, argTypes: { titleText: { description: "주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.", control: { type: "text" } }, imageMode: { description: "이미지 사용 여부를 결정합니다. (프로필 이미지에 대한 사용 여부)", control: { type: "inline-radio" } }, imageSrc: { description: "이미지 사용 시 주소 값입니다.", control: { type: "text" } }, hoverMode: { description: "호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다. (셀러나 다른 구독자가 전송한 경우에만 표시)", control: { type: "inline-radio" } }, styleTheme: { description: "메세지를 전송하는 대상에 따른 스타일 프리셋입니다.", control: { type: "inline-radio" } }, timeMode: { description: "메세지 전송 시간 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, timeText: { description: "메세지 전송 시간 텍스트입니다.", control: { type: "text" } }, contextMenuOptionArray: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.", control: { type: "none" } }, contextMenuState: { description: "ContextMenu의 상태를 결정합니다.", control: { type: "inline-radio" } }, children: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다." }, onClickContextMenuItem: { action: "onClickContextMenuItem" } } };
10234
- var Template = function (args) { return react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args)); };
10235
- exports.Default = Template.bind({}), exports.Default.args = { titleText: "titleText", imageSrc: "https://placekitten.com/300/300", contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02", children: react_1.default.createElement(TextLabel_1.TextLabel, { text: "children TextLabel" }) }, exports.SellerTail = Template.bind({}), exports.SellerTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "seller_tail" }), exports.Seller = Template.bind({}), exports.Seller.args = __assign(__assign({}, exports.Default.args), { styleTheme: "seller" }), exports.SubscriberTail = Template.bind({}), exports.SubscriberTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "subscriber_tail" }), exports.Subscriber = Template.bind({}), exports.Subscriber.args = __assign(__assign({}, exports.Default.args), { styleTheme: "subscriber" }), exports.MyTail = Template.bind({}), exports.MyTail.args = __assign(__assign({}, exports.Default.args), { styleTheme: "my_tail" }), exports.My = Template.bind({}), exports.My.args = __assign(__assign({}, exports.Default.args), { styleTheme: "my" }), exports.WithImage = Template.bind({}), exports.WithImage.args = __assign(__assign({}, exports.Default.args), { children: react_1.default.createElement(hybrid_1.ImageView, { src: "https://placekitten.com/240", width: 240 }) });
10236
- exports.AllVariation = function (args) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "seller_tail", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "seller_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "seller" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "seller" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "subscriber_tail", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "subscriber_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "subscriber" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "subscriber" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "my_tail", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "my_tail" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "my" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "my" }))); }.bind({}), exports.AllVariation.parameters = { controls: { include: ["imageMode", "timeText"] } }, exports.AllVariation.args = { contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02" };
10243
+ exports.default = { title: "mobile/components/ChatBubbleListItem", component: ChatBubbleListItem_1.default, parameters: { docs: { description: { component: "mobile환경에 최적화 된 ChatBubbleListItem 컴포넌트" } } }, argTypes: { titleText: { description: "주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.", control: { type: "text" } }, imageSrc: { description: "이미지 사용 시 주소 값입니다.", control: { type: "text" } }, hoverMode: { description: "호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다. (셀러나 다른 구독자가 전송한 경우에만 표시)", control: { type: "inline-radio" } }, styleTheme: { description: "메세지를 전송하는 대상에 따른 스타일 프리셋입니다.", control: { type: "inline-radio" } }, colorTheme: { description: "아이템의 색상 테마를 결정합니다.", control: { type: "inline-radio" } }, timeMode: { description: "메세지 전송 시간 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, timeText: { description: "메세지 전송 시간 텍스트입니다.", control: { type: "text" } }, contextMenuOptionArray: { description: "iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.", control: { type: "none" } }, contextMenuState: { description: "ContextMenu의 상태를 결정합니다.", control: { type: "inline-radio" } }, children: { description: "말풍선 메세지의 내용을 표시하는 용도로 사용됩니다." }, onClickContextMenuItem: { action: "onClickContextMenuItem" } } };
10244
+ var Template = function (args) { return react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args)); }, defaultArgs = { titleText: "titleText", imageSrc: "https://placekitten.com/300/300", contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02", children: react_1.default.createElement(TextLabel_1.TextLabel, { text: "children TextLabel" }) };
10245
+ exports.OtherAvatarImpact = Template.bind({}), exports.OtherAvatarImpact.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact" }), exports.OtherAvatar = Template.bind({}), exports.OtherAvatar.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar" }), exports.OtherAvatarSub = Template.bind({}), exports.OtherAvatarSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_sub" }), exports.Other = Template.bind({}), exports.Other.args = __assign(__assign({}, defaultArgs), { styleTheme: "other" }), exports.OtherSub = Template.bind({}), exports.OtherSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_sub" }), exports.Me = Template.bind({}), exports.Me.args = __assign(__assign({}, defaultArgs), { styleTheme: "me" }), exports.MeSub = Template.bind({}), exports.MeSub.args = __assign(__assign({}, defaultArgs), { styleTheme: "me_sub" }), exports.GreyColorChildrenTextLabel = Template.bind({}), exports.GreyColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "grey", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextPrimary", text: "children TextLabel" }) }), exports.BrandPrimaryColorChildrenTextLabel = Template.bind({}), exports.BrandPrimaryColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "brand_primary", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "usrTextBrandOnPrimary", text: "children TextLabel" }) }), exports.TranslucentWhiteColorChildrenTextLabel = Template.bind({}), exports.TranslucentWhiteColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "translucent_white", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextBlack", text: "children TextLabel" }) }), exports.TranslucentBlackColorChildrenTextLabel = Template.bind({}), exports.TranslucentBlackColorChildrenTextLabel.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", colorTheme: "translucent_black", children: react_1.default.createElement(TextLabel_1.TextLabel, { colorTheme: "sysTextWhite", text: "children TextLabel" }) }), exports.WithImage = Template.bind({}), exports.WithImage.args = __assign(__assign({}, defaultArgs), { styleTheme: "other_avatar_impact", children: react_1.default.createElement(hybrid_1.ImageView, { src: "https://placekitten.com/240", width: 240 }) });
10246
+ exports.AllVariation = function (args) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_impact", titleText: "other_avatar_impact", imageSrc: "https://placekitten.com/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar_impact" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar", titleText: "other_avatar", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_avatar_sub", titleText: "other_avatar_sub", imageSrc: "https://placedog.net/300/300", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_avatar_sub" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "other_sub", timeMode: "none" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "other_sub" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "me" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }), react_1.default.createElement(ChatBubbleListItem_1.default, __assign({}, args, { styleTheme: "me_sub" }), react_1.default.createElement(TextLabel_1.TextLabel, { text: "me_sub" }))); }.bind({}), exports.AllVariation.parameters = { controls: { include: ["timeText"] } }, exports.AllVariation.args = { contextMenuOptionArray: [{ text: "contextMenuItem1", value: 1 }, { text: "contextMenuItem2", value: 2 }], timeText: "01:02" };
10237
10247
  }, function (module, exports, __webpack_require__) {
10238
10248
  "use strict";
10239
10249
  var __makeTemplateObject = this && this.__makeTemplateObject || function (cooked, raw) { return Object.defineProperty ? Object.defineProperty(cooked, "raw", { value: raw }) : cooked.raw = raw, cooked; }, __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) { void 0 === k2 && (k2 = k), Object.defineProperty(o, k2, { enumerable: !0, get: function () { return m[k]; } }); } : function (o, m, k, k2) { void 0 === k2 && (k2 = k), o[k2] = m[k]; }), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) { Object.defineProperty(o, "default", { enumerable: !0, value: v }); } : function (o, v) { o.default = v; }), __importStar = this && this.__importStar || function (mod) { if (mod && mod.__esModule)
@@ -10326,7 +10336,7 @@
10326
10336
  exports.default = { title: "mobile/components/ChatList", component: ChatList_1.default, parameters: { docs: { description: { component: "mobile환경에 최적화 된 ChatList 컴포넌트." }, source: { type: "code" } } }, argTypes: { colorTheme: { description: "채팅 전역의 스타일을 교체할 수 있는 테마를 결정합니다.", defaultValue: "solid" }, headerMode: { description: "header 영역의 사용여부를 결정합니다.", defaultValue: "use" }, titleText: { description: "리스트의 제목을 입력합니다.", control: { type: "text" } }, descText: { description: "리스트의 간단 설명을 입력합니다.", control: { type: "text" } }, captionText: { description: "리스트의 세부 설명, 옵션용 텍스트를 입력합니다.", control: { type: "text" } }, titleStyleTheme: { description: "titleText 영역의 스타일을 결정 합니다.", defaultValue: "select" }, headerDisplayType: { description: "header 영역의 표시방법을 결정 합니다.", defaultValue: "none" }, headerIBtn1IconName: { description: "header 영역에 우측 영역의 아이콘 이름을 결정합니다.", defaultValue: "ic_xmark", control: { type: "select" } }, headerIBtn1IconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다.", defaultValue: "line" }, children: { description: "ChatList에 들어갈 자식 요소입니다. 현재는 ChatListItem 컴포넌트만 위치시킬 수 있습니다.", control: { type: "none" } }, bodyChildren: { description: "ChatList의 body 영역에 들어갈 자식 요소입니다.", control: { type: "none" } }, textFieldState: { description: "텍스트 필드의 상태를 정합니다.", defaultValue: "normal" }, textFieldHintText: { description: "입력하기 전 미리 보여주는 텍스트 값입니다.", control: { type: "text" } }, textFieldDefaultText: { description: "하단 입력폼 내 텍스트 필드의 기본 값을 입력합니다.", control: { type: "text" } }, textFieldMaxLength: { description: "하단 입력폼 내 텍스트 필드의 최대 길이을 입력합니다.", control: { type: "number" } }, scrollVisibleType: { description: "스크롤을 표시할 지 여부를 결정합니다.", defaultValue: "moving" }, footerChildren: { description: "TextField 아래에 위치할 자식 요소입니다. 여러가지 컴포넌트를 조합하여 위치시킬 수 있습니다.", control: { type: "none" } }, submitIBtnState: { description: "메세지 전송 버튼의 상태를 정합니다.", defaultValue: "normal" }, bodyMBtnText: { description: "바디 영역에 떠있는 버튼의 텍스트를 입력합니다.", control: { type: "text" } }, bodySpacingMode: { description: "body 영역의 양 옆 여백 사용 여부를 결정합니다.", control: { type: "inline-radio" } }, submitIBtnIconName: { description: "TextField 전송버튼의 아이콘 이름을 입력합니다", defaultValue: "ic_paper_plane", control: { type: "select" } }, submitIBtnIconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다.", defaultValue: "fill" }, footerIBtn1State: { description: "우측 영역의 아이콘의 상태를 정합니다.", defaultValue: "normal" }, footerIBtn1IconName: { description: "TextField 우측 첫번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn1IconFillType: { description: "우측 영역의 아이콘 유형을 결정합니다." }, footerIBtn1Type: { description: "우측 영역의 아이콘 버튼의 타입을 결정합니다." }, onClickFooterIBtn1: { action: "onClickFooterIBtn1" }, footerIBtn2State: { description: "좌측 두번째 영역의 아이콘 상태를 정합니다", defaultValue: "normal" }, footerIBtn2IconName: { description: "TextField 좌측 두번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn2IconFillType: { description: "좌측 영역의 아이콘 유형을 결정합니다." }, footerIBtn2Type: { description: "좌측 영역의 아이콘 버튼의 타입을 결정합니다." }, onClickFooterIBtn2: { action: "onClickFooterIBtn2" }, footerIBtn3State: { description: "좌측 첫번째 영역의 아이콘 상태를 정합니다", defaultValue: "normal" }, footerIBtn3IconName: { description: "TextField 좌측 첫번째 영역의 아이콘 이름을 결정합니다.", control: { type: "select" } }, footerIBtn3IconFillType: { description: "좌측 영역의 아이콘 유형을 결정합니다." }, footerIBtn3Type: { description: "좌측 영역의 아이콘 버튼의 타입을 결정합니다." }, footerIBtn3Accept: { description: "특정 확장자 혹은 타입의 파일만 선택할 수 있게 합니다." }, onClickFooterIBtn3: { action: "onClickFooterIBtn3" }, onSubmit: { action: "onSubmit" }, onClickHeaderIBtn1: { action: "onClickHeaderIBtn1" } } };
10327
10337
  var DefaultChatList = function (args) { var _a = (0, react_1.useState)(Array(50).fill("message")), messages = _a[0], setMessages = _a[1], ref = (0, react_1.useRef)(null); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); }, ref: ref }), messages.map((function (message, index) { return react_1.default.createElement(BasicChatListItem_1.BasicChatListItem, { key: index, titleText: "titleText", contentText: "" + message + index, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2", value: 2 }] }); }))); };
10328
10338
  exports.Default = DefaultChatList.bind({}), exports.Default.args = { titleText: "titleText", descText: "descText", captionText: "captionText", textFieldHintText: "hintText", footerChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }), bodyMBtnText: "bodyBtnText", bodyChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "body children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }) }, exports.AllIcon = DefaultChatList.bind({}), exports.AllIcon.args = { titleText: "titleText", captionText: "captionText", textFieldHintText: "hintText", footerChildren: react_1.default.createElement(TextLabel_1.TextLabel, { text: "footer children", colorTheme: "sysTextWhite", styleTheme: "body2Regular" }), bodyMBtnText: "bodyBtnText", footerIBtn1IconName: "ic_face", footerIBtn2IconName: "ic_menu", footerIBtn2State: "disable", footerIBtn3IconName: "ic_plus", footerIBtn3Type: "upload" };
10329
- exports.WithChatBubbleListItem = function (args) { var _a = (0, react_1.useState)(Array(20).fill("message")), messages = _a[0], setMessages = _a[1], today = new Date, hours = today.getHours(), minutes = today.getMinutes(); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); } }), messages.map((function (message, index) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "seller_tail", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "subscriber_tail", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "my_tail", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" })); }))); }.bind({}), exports.WithChatBubbleListItem.args = __assign(__assign({}, exports.Default.args), { bodySpacingMode: "use" });
10339
+ exports.WithChatBubbleListItem = function (args) { var _a = (0, react_1.useState)(Array(20).fill("message")), messages = _a[0], setMessages = _a[1], today = new Date, hours = today.getHours(), minutes = today.getMinutes(); return react_1.default.createElement(ChatList_1.default, __assign({}, args, { onSubmit: function (message) { setMessages((function (prev) { return __spreadArray(__spreadArray([], prev, !0), [message], !1); })); } }), messages.map((function (message, index) { return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "other_avatar_impact", titleText: "seller", imageSrc: "https://placekitten.com/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "other_avatar", titleText: "subscriber", imageSrc: "https://placedog.net/300/300", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }), react_1.default.createElement(ChatBubbleListItem_1.ChatBubbleListItem, { key: index, styleTheme: "me", timeText: hours + ":" + minutes, contextMenuOptionArray: [{ text: "contextMenu1", value: 1 }, { text: "contextMenu2 contextMenu2 contextMenu2", value: 2 }] }, react_1.default.createElement(TextLabel_1.TextLabel, { text: "" + message + index, wordBreak: "break_all" })), react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" })); }))); }.bind({}), exports.WithChatBubbleListItem.args = __assign(__assign({}, exports.Default.args), { bodySpacingMode: "use" });
10330
10340
  }, function (module, exports, __webpack_require__) {
10331
10341
  "use strict";
10332
10342
  var __makeTemplateObject = this && this.__makeTemplateObject || function (cooked, raw) { return Object.defineProperty ? Object.defineProperty(cooked, "raw", { value: raw }) : cooked.raw = raw, cooked; }, __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) { void 0 === k2 && (k2 = k), Object.defineProperty(o, k2, { enumerable: !0, get: function () { return m[k]; } }); } : function (o, m, k, k2) { void 0 === k2 && (k2 = k), o[k2] = m[k]; }), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) { Object.defineProperty(o, "default", { enumerable: !0, value: v }); } : function (o, v) { o.default = v; }), __importStar = this && this.__importStar || function (mod) { if (mod && mod.__esModule)
@@ -10364,7 +10374,7 @@
10364
10374
  var templateObject_1, S_FooterChildrenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return _a.theme.spacing.spacingC; }));
10365
10375
  exports.default = Footer;
10366
10376
  try {
10367
- Footer.displayName = "Footer", Footer.__docgenInfo = { description: "", displayName: "Footer", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !0, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/Footer.tsx#Footer"] = { docgenInfo: Footer.__docgenInfo, name: "Footer", path: "src/mobile/components/ChatList/Footer.tsx#Footer" });
10377
+ Footer.displayName = "Footer", Footer.__docgenInfo = { description: "", displayName: "Footer", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerChildren: { defaultValue: null, description: "", name: "footerChildren", required: !1, type: { name: "ReactNode" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !0, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: null, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: null, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/Footer.tsx#Footer"] = { docgenInfo: Footer.__docgenInfo, name: "Footer", path: "src/mobile/components/ChatList/Footer.tsx#Footer" });
10368
10378
  }
10369
10379
  catch (__react_docgen_typescript_loader_error) { }
10370
10380
  }, function (module, exports, __webpack_require__) {
@@ -10376,7 +10386,7 @@
10376
10386
  var templateObject_1, templateObject_2, S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), (function (_a) { var theme = _a.theme, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn3IconName = _a.footerIBtn3IconName; return footerIBtn2IconName || footerIBtn3IconName ? "" + theme.spacing.spacingC : "" + theme.spacing.spacingE; }), (function (_a) { return _a.theme.spacing.spacingC; })), S_TextFieldWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1;\n margin-right: ", ";\n"], ["\n flex: 1;\n margin-right: ", ";\n"])), (function (_a) { return _a.theme.spacing.spacingB; }));
10377
10387
  exports.default = ChatTextField;
10378
10388
  try {
10379
- ChatTextField.displayName = "ChatTextField", ChatTextField.__docgenInfo = { description: "", displayName: "ChatTextField", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !1, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: { value: "ic_paper_plane" }, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: { value: "fill" }, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/ChatTextField.tsx#ChatTextField"] = { docgenInfo: ChatTextField.__docgenInfo, name: "ChatTextField", path: "src/mobile/components/ChatList/ChatTextField.tsx#ChatTextField" });
10389
+ ChatTextField.displayName = "ChatTextField", ChatTextField.__docgenInfo = { description: "", displayName: "ChatTextField", props: { colorTheme: { defaultValue: null, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"solid"' }, { value: '"translucent"' }, { value: '"transparent"' }] } }, textFieldState: { defaultValue: null, description: "", name: "textFieldState", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }, { value: '"read_only"' }] } }, textFieldHintText: { defaultValue: null, description: "", name: "textFieldHintText", required: !1, type: { name: "PDSTextType" } }, textFieldDefaultText: { defaultValue: null, description: "", name: "textFieldDefaultText", required: !1, type: { name: "PDSTextType" } }, textFieldMaxLength: { defaultValue: null, description: "", name: "textFieldMaxLength", required: !1, type: { name: "number" } }, footerIBtn3Accept: { defaultValue: null, description: "", name: "footerIBtn3Accept", required: !1, type: { name: "string" } }, isSubmitBtnActive: { defaultValue: null, description: "", name: "isSubmitBtnActive", required: !1, type: { name: "boolean" } }, submitIBtnIconName: { defaultValue: { value: "ic_paper_plane" }, description: "", name: "submitIBtnIconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, submitIBtnIconFillType: { defaultValue: { value: "fill" }, description: "", name: "submitIBtnIconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1State: { defaultValue: null, description: "", name: "footerIBtn1State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn1IconName: { defaultValue: null, description: "", name: "footerIBtn1IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn1IconFillType: { defaultValue: null, description: "", name: "footerIBtn1IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn1Type: { defaultValue: null, description: "", name: "footerIBtn1Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn1: { defaultValue: null, description: "", name: "onClickFooterIBtn1", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn2State: { defaultValue: null, description: "", name: "footerIBtn2State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn2IconName: { defaultValue: null, description: "", name: "footerIBtn2IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn2IconFillType: { defaultValue: null, description: "", name: "footerIBtn2IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn2Type: { defaultValue: null, description: "", name: "footerIBtn2Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn2: { defaultValue: null, description: "", name: "onClickFooterIBtn2", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } }, footerIBtn3State: { defaultValue: null, description: "", name: "footerIBtn3State", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, footerIBtn3IconName: { defaultValue: null, description: "", name: "footerIBtn3IconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_chat_off"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_analytics_search_tools"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_confetti"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_cs_bold"' }, { value: '"ic_cs_face"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_device_app"' }, { value: '"ic_device_desktop"' }, { value: '"ic_device_mobile"' }, { value: '"ic_download"' }, { value: '"ic_dynamic_layout"' }, { value: '"ic_editor"' }, { value: '"ic_editor_left_side"' }, { value: '"ic_editor_right_side"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_mail"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_news"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_pages"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_rocket"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_guide"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, footerIBtn3IconFillType: { defaultValue: null, description: "", name: "footerIBtn3IconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, footerIBtn3Type: { defaultValue: null, description: "", name: "footerIBtn3Type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"upload"' }] } }, onClickFooterIBtn3: { defaultValue: null, description: "", name: "onClickFooterIBtn3", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent> | ChangeEvent<HTMLInputElement>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/mobile/components/ChatList/ChatTextField.tsx#ChatTextField"] = { docgenInfo: ChatTextField.__docgenInfo, name: "ChatTextField", path: "src/mobile/components/ChatList/ChatTextField.tsx#ChatTextField" });
10380
10390
  }
10381
10391
  catch (__react_docgen_typescript_loader_error) { }
10382
10392
  }, function (module, exports, __webpack_require__) {
@@ -11701,7 +11711,7 @@
11701
11711
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_hover + ",\n " + theme.ui_cpnt_button_fill_on_base_hover + "\n );"; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n"], ["\n background-color: ", ";\n border: solid 1px ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_hover + ";"; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_pressed + ";"; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", ";\n ", "\n"], ["\n background-color: ", ";\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", ";\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_hover + ";"; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_pressed + ";"; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { none: none, line1: line1, line2: line2, line3: line3 }[colorTheme]; }), (function (_a) { return "disabled" === _a.state && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_hover + ",\n " + theme.ui_cpnt_button_fill_on_base_hover + "\n );"; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && primaryDisabled; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; })), secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_hover + ",\n " + theme.ui_cpnt_button_fill_on_base_hover + "\n );"; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && secondaryDisabled; })), S_MainButton = styled_components_1.default.button(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: ", ";\n display: inline-flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"])), (function (_a) { return "normal" === _a.state ? "pointer" : "default"; }), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; })), S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle), S_SubmittingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n cursor: default;\n"], ["\n cursor: default;\n"])));
11702
11712
  exports.default = MainButton;
11703
11713
  try {
11704
- MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_download"' }, { value: '"ic_editor"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.tsx#MainButton" });
11714
+ MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_download"' }, { value: '"ic_editor"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.tsx#MainButton" });
11705
11715
  }
11706
11716
  catch (__react_docgen_typescript_loader_error) { }
11707
11717
  }, function (module, exports, __webpack_require__) {
@@ -15709,7 +15719,7 @@
15709
15719
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_Button = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n cursor: ", ";\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n &:hover:enabled {\n background-color: ", ";\n }\n &:active:enabled {\n background-color: ", ";\n }\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"])), (function (_a) { return "normal" === _a.state ? "pointer" : "default"; }), (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_hover : theme.ui_cpnt_button_line_base_hover; }), (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_pressed : theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
15710
15720
  exports.default = TextButton;
15711
15721
  try {
15712
- TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/desktop/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/sub/DynamicLayout/components/pdsOriginal/desktop/TextButton/TextButton.tsx#TextButton" });
15722
+ TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/desktop/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/sub/DynamicLayout/components/pdsOriginal/desktop/TextButton/TextButton.tsx#TextButton" });
15713
15723
  }
15714
15724
  catch (__react_docgen_typescript_loader_error) { }
15715
15725
  }, function (module, exports, __webpack_require__) {
@@ -15766,7 +15776,7 @@
15766
15776
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n height: 48px;\n min-width: 96px;\n padding: 0 ", ";\n ", "\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; }), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 14px;"; })), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 10px;"; })), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"])), (function (_a) { return _a.theme.spacing.spacingD; }), (function (_a) { return "round" === _a.shapeType && "border-radius: 8px;"; })), fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), fill = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && fillDisabled; })), none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_enabled; })), line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_error; })), line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border: solid 1px ", ";\n"], ["\n border: solid 1px ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_primary; })), line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n"], ["\n border: solid 1px ", ";\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_border_darktheme_enabled; }), (function (_a) { return _a.theme.ui_cpnt_button_line_base_darktheme_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_darktheme_pressed + ";"; })), lineDisabled = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n border: solid 1px\n ", ";\n"], ["\n background-color: ", ";\n border: solid 1px\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_base_darktheme_default : theme.ui_cpnt_button_line_base_default; }), (function (_a) { var theme = _a.theme; return "line3" === _a.colorTheme ? theme.ui_cpnt_button_line_border_darktheme_disabled : theme.ui_cpnt_button_line_border_disabled; })), line = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n\n ", ";\n ", "\n"], ["\n background-color: ", ";\n\n &:active:enabled {\n ", "\n }\n\n ", ";\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_default; }), (function (_a) { return "background-color: " + _a.theme.ui_cpnt_button_line_base_pressed + ";"; }), (function (_a) { var colorTheme = _a.colorTheme; return colorTheme && { none: none, line1: line1, line2: line2, line3: line3 }[colorTheme]; }), (function (_a) { return "disabled" === _a.state && lineDisabled; })), primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_disabled; })), primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_fill_base_primary; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && primaryDisabled; })), secondaryDisabled = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; })), secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), (function (_a) { return _a.theme.ui_cpnt_button_line_base_hover; }), (function (_a) { var theme = _a.theme; return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );"; }), (function (_a) { return "disabled" === _a.state && secondaryDisabled; })), S_MainButton = styled_components_1.default.button(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n\n ", "\n ", "\n ", "\n ", ";\n\n & > div {\n ", ";\n }\n"])), (function (_a) { var styleTheme = _a.styleTheme; return styleTheme && { primary: primary, secondary: secondary }[styleTheme]; }), (function (_a) { var fillType = _a.fillType; return fillType && { fill: fill, line: line }[fillType]; }), (function (_a) { var size = _a.size; return size && { large: large, medium: medium, small: small, xsmall: xsmall, rlarge: large }[size]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; })), S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle);
15767
15777
  exports.default = MainButton;
15768
15778
  try {
15769
- MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_download"' }, { value: '"ic_editor"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.tsx#MainButton" });
15779
+ MainButton.displayName = "MainButton", MainButton.__docgenInfo = { description: "", displayName: "MainButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, shapeType: { defaultValue: { value: "round" }, description: "", name: "shapeType", required: !1, type: { name: "enum", value: [{ value: '"round"' }, { value: '"rectangle"' }] } }, fillType: { defaultValue: null, description: "", name: "fillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, styleTheme: { defaultValue: { value: "primary" }, description: "", name: "styleTheme", required: !1, type: { name: "enum", value: [{ value: '"primary"' }, { value: '"secondary"' }] } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, iconMode: { defaultValue: { value: "none" }, description: "", name: "iconMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"left"' }, { value: '"right"' }] } }, iconFillType: { defaultValue: { value: "line" }, description: "", name: "iconFillType", required: !1, type: { name: "enum", value: [{ value: '"fill"' }, { value: '"line"' }] } }, iconName: { defaultValue: null, description: "", name: "iconName", required: !1, type: { name: "enum", value: [{ value: '"ic_arrow_down"' }, { value: '"ic_arrow_up"' }, { value: '"ic_bell"' }, { value: '"ic_bookmark"' }, { value: '"ic_call"' }, { value: '"ic_call_end"' }, { value: '"ic_camera"' }, { value: '"ic_chat"' }, { value: '"ic_chat_counseling"' }, { value: '"ic_chat_crm"' }, { value: '"ic_checkbox_indeterminate"' }, { value: '"ic_checkbox_on"' }, { value: '"ic_cloud_download"' }, { value: '"ic_delete"' }, { value: '"ic_downloaded"' }, { value: '"ic_edit"' }, { value: '"ic_eye"' }, { value: '"ic_eye_close"' }, { value: '"ic_face"' }, { value: '"ic_heart"' }, { value: '"ic_help_window"' }, { value: '"ic_live"' }, { value: '"ic_login"' }, { value: '"ic_mic_off"' }, { value: '"ic_mic_on"' }, { value: '"ic_more"' }, { value: '"ic_paper_plane"' }, { value: '"ic_photo"' }, { value: '"ic_pin"' }, { value: '"ic_post_free"' }, { value: '"ic_post_notice"' }, { value: '"ic_post_social"' }, { value: '"ic_question"' }, { value: '"ic_reply"' }, { value: '"ic_setting"' }, { value: '"ic_speaker_off"' }, { value: '"ic_speaker_wave_1"' }, { value: '"ic_speaker_wave_2"' }, { value: '"ic_split_screen"' }, { value: '"ic_star"' }, { value: '"ic_subscribers"' }, { value: '"ic_thumb_down"' }, { value: '"ic_thumb_up"' }, { value: '"ic_toggle_down"' }, { value: '"ic_toggle_up"' }, { value: '"ic_verified"' }, { value: '"ic_video"' }, { value: '"ic_videocall"' }, { value: '"ic_videocall_pro"' }, { value: '"ic_video_episodes"' }, { value: '"ic_video_off"' }, { value: '"ic_video_pause"' }, { value: '"ic_video_play"' }, { value: '"ic_video_play_circle"' }, { value: '"ic_video_resolution"' }, { value: '"ic_video_subtitle"' }, { value: '"ic_vodplus"' }, { value: '"ic_arrow_down_bold"' }, { value: '"ic_arrow_left"' }, { value: '"ic_arrow_left_2"' }, { value: '"ic_arrow_left_bold"' }, { value: '"ic_arrow_left_thin"' }, { value: '"ic_arrow_right"' }, { value: '"ic_arrow_right_2"' }, { value: '"ic_arrow_right_bold"' }, { value: '"ic_arrow_right_thin"' }, { value: '"ic_arrow_round_left"' }, { value: '"ic_arrow_up_bold"' }, { value: '"ic_bell_notification"' }, { value: '"ic_booking"' }, { value: '"ic_booking_completed"' }, { value: '"ic_booking_history"' }, { value: '"ic_booking_papp"' }, { value: '"ic_booking_ticket"' }, { value: '"ic_business"' }, { value: '"ic_channel"' }, { value: '"ic_channel_setting"' }, { value: '"ic_check"' }, { value: '"ic_checkbox_off"' }, { value: '"ic_clip"' }, { value: '"ic_coins"' }, { value: '"ic_cont_watching"' }, { value: '"ic_copy"' }, { value: '"ic_cs"' }, { value: '"ic_dashboard"' }, { value: '"ic_design_preference"' }, { value: '"ic_developer"' }, { value: '"ic_download"' }, { value: '"ic_editor"' }, { value: '"ic_end"' }, { value: '"ic_error"' }, { value: '"ic_filter"' }, { value: '"ic_folder"' }, { value: '"ic_ghost"' }, { value: '"ic_heart_care"' }, { value: '"ic_home"' }, { value: '"ic_information"' }, { value: '"ic_internal"' }, { value: '"ic_language"' }, { value: '"ic_links"' }, { value: '"ic_live_broadcast"' }, { value: '"ic_live_commerce"' }, { value: '"ic_live_concert"' }, { value: '"ic_live_event"' }, { value: '"ic_live_personal"' }, { value: '"ic_lock"' }, { value: '"ic_menu"' }, { value: '"ic_minus_circle"' }, { value: '"ic_open_page"' }, { value: '"ic_order"' }, { value: '"ic_page_size_expand"' }, { value: '"ic_page_size_reduce"' }, { value: '"ic_papp"' }, { value: '"ic_papp_type"' }, { value: '"ic_payment"' }, { value: '"ic_payment_free_trial"' }, { value: '"ic_payment_gift"' }, { value: '"ic_payment_onetime"' }, { value: '"ic_payment_regularly"' }, { value: '"ic_payment_setting"' }, { value: '"ic_photo_multiple"' }, { value: '"ic_plan"' }, { value: '"ic_plus"' }, { value: '"ic_plus_circle"' }, { value: '"ic_post_article"' }, { value: '"ic_post_blog"' }, { value: '"ic_post_column"' }, { value: '"ic_post_community_p"' }, { value: '"ic_post_inquiry"' }, { value: '"ic_post_magazine"' }, { value: '"ic_post_paper_plane"' }, { value: '"ic_post_photobook"' }, { value: '"ic_post_promotion"' }, { value: '"ic_post_promotion_p"' }, { value: '"ic_post_vote"' }, { value: '"ic_post_welcome"' }, { value: '"ic_profit"' }, { value: '"ic_qr"' }, { value: '"ic_radio_off"' }, { value: '"ic_radio_on"' }, { value: '"ic_report"' }, { value: '"ic_requirement"' }, { value: '"ic_sales"' }, { value: '"ic_search"' }, { value: '"ic_section_content_32"' }, { value: '"ic_section_content_40"' }, { value: '"ic_section_contents_carousel_32"' }, { value: '"ic_section_contents_carousel_40"' }, { value: '"ic_section_divider_32"' }, { value: '"ic_section_divider_40"' }, { value: '"ic_section_footer_32"' }, { value: '"ic_section_footer_40"' }, { value: '"ic_section_info_box_32"' }, { value: '"ic_section_info_box_40"' }, { value: '"ic_section_intro_32"' }, { value: '"ic_section_intro_40"' }, { value: '"ic_section_map_32"' }, { value: '"ic_section_map_40"' }, { value: '"ic_section_price_box_32"' }, { value: '"ic_section_price_box_40"' }, { value: '"ic_section_products_carousel_32"' }, { value: '"ic_section_products_carousel_40"' }, { value: '"ic_section_review_32"' }, { value: '"ic_section_review_40"' }, { value: '"ic_section_slider_32"' }, { value: '"ic_section_slider_40"' }, { value: '"ic_section_tab_32"' }, { value: '"ic_section_tab_40"' }, { value: '"ic_seller_info"' }, { value: '"ic_seller_intro"' }, { value: '"ic_seller_page"' }, { value: '"ic_series"' }, { value: '"ic_series_list"' }, { value: '"ic_settlement"' }, { value: '"ic_share"' }, { value: '"ic_slideBanner"' }, { value: '"ic_sort"' }, { value: '"ic_standard_banner"' }, { value: '"ic_success"' }, { value: '"ic_ten_sec_back"' }, { value: '"ic_ten_sec_back_arrow"' }, { value: '"ic_ten_sec_forward"' }, { value: '"ic_ten_sec_forward_arrow"' }, { value: '"ic_time"' }, { value: '"ic_trashcan"' }, { value: '"ic_unavailable"' }, { value: '"ic_unlock"' }, { value: '"ic_upload"' }, { value: '"ic_video_pip"' }, { value: '"ic_video_playback_speed"' }, { value: '"ic_video_playlist"' }, { value: '"ic_vod"' }, { value: '"ic_vodclass"' }, { value: '"ic_vods"' }, { value: '"ic_vod_shorts"' }, { value: '"ic_warning"' }, { value: '"ic_weblink"' }, { value: '"ic_xmark"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"line1"' }, { value: '"line2"' }, { value: '"line3"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, isLoading: { defaultValue: null, description: "", name: "isLoading", required: !1, type: { name: "boolean" } }, isSubmitting: { defaultValue: null, description: "", name: "isSubmitting", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } }, onMouseDown: { defaultValue: null, description: "", name: "onMouseDown", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.tsx#MainButton"] = { docgenInfo: MainButton.__docgenInfo, name: "MainButton", path: "src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.tsx#MainButton" });
15770
15780
  }
15771
15781
  catch (__react_docgen_typescript_loader_error) { }
15772
15782
  }, function (module, exports, __webpack_require__) {
@@ -15814,7 +15824,7 @@
15814
15824
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), (function (_a) { return "rlarge" === _a.size && "width: 100%"; })), medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"], ["\n border-radius: 14px;\n height: 40px;\n\n & > div {\n height: 40px;\n line-height: 40px;\n }\n"]))), small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"], ["\n border-radius: 10px;\n height: 32px;\n\n & > div {\n height: 32px;\n line-height: 32px;\n }\n"]))), xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"], ["\n border-radius: 8px;\n height: 24px;\n\n & > div {\n height: 24px;\n line-height: 24px;\n }\n"]))), S_Button = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n &:active:enabled {\n background-color: ", ";\n }\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n\n &:active:enabled {\n background-color: ", ";\n }\n\n ", ";\n\n & > div {\n ", ";\n }\n ", ";\n"])), (function (_a) { var theme = _a.theme; return "white" === _a.colorTheme ? theme.ui_cpnt_button_white_base_pressed : theme.ui_cpnt_button_line_base_pressed; }), (function (_a) { var size = _a.size; return size && { rlarge: large, large: large, medium: medium, small: small, xsmall: xsmall }[size]; }), (function (_a) { var theme = _a.theme, fontWeight = _a.fontWeight; return fontWeight && { bold: "font-weight: " + theme.fontWeight.bold, regular: "font-weight: " + theme.fontWeight.normal }[fontWeight]; }), (function (_a) { return "use" === _a.responsiveMode && "width: 100%"; }));
15815
15825
  exports.default = TextButton;
15816
15826
  try {
15817
- TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"xsmall"' }, { value: '"rlarge"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/mobile/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/sub/DynamicLayout/components/pdsOriginal/mobile/TextButton/TextButton.tsx#TextButton" });
15827
+ TextButton.displayName = "TextButton", TextButton.__docgenInfo = { description: "", displayName: "TextButton", props: { text: { defaultValue: null, description: "", name: "text", required: !1, type: { name: "PDSTextType" } }, size: { defaultValue: { value: "large" }, description: "", name: "size", required: !1, type: { name: "enum", value: [{ value: '"medium"' }, { value: '"small"' }, { value: '"large"' }, { value: '"rlarge"' }, { value: '"xsmall"' }] } }, responsiveMode: { defaultValue: { value: "none" }, description: "", name: "responsiveMode", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"use"' }] } }, fontWeight: { defaultValue: null, description: "", name: "fontWeight", required: !1, type: { name: "enum", value: [{ value: '"regular"' }, { value: '"bold"' }] } }, type: { defaultValue: { value: "button" }, description: "", name: "type", required: !1, type: { name: "enum", value: [{ value: '"button"' }, { value: '"submit"' }, { value: '"reset"' }] } }, state: { defaultValue: { value: "normal" }, description: "", name: "state", required: !1, type: { name: "enum", value: [{ value: '"normal"' }, { value: '"disabled"' }] } }, colorTheme: { defaultValue: { value: "none" }, description: "", name: "colorTheme", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"red"' }, { value: '"grey_01"' }, { value: '"white"' }] } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !1, type: { name: "((e: MouseEvent<HTMLButtonElement, MouseEvent>) => void)" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/pdsOriginal/mobile/TextButton/TextButton.tsx#TextButton"] = { docgenInfo: TextButton.__docgenInfo, name: "TextButton", path: "src/sub/DynamicLayout/components/pdsOriginal/mobile/TextButton/TextButton.tsx#TextButton" });
15818
15828
  }
15819
15829
  catch (__react_docgen_typescript_loader_error) { }
15820
15830
  }, function (module, exports, __webpack_require__) {
@@ -16979,9 +16989,9 @@
16979
16989
  "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k); return __setModuleDefault(result, mod), result; }, __importDefault = this && this.__importDefault || function (mod) { return mod && mod.__esModule ? mod : { default: mod }; };
16980
16990
  Object.defineProperty(exports, "__esModule", { value: !0 });
16981
16991
  var react_1 = __importStar(__webpack_require__(0)), react_i18next_1 = __webpack_require__(260), styled_components_1 = __importDefault(__webpack_require__(1)), desktop_1 = __webpack_require__(143), useLazyUnmount_1 = __webpack_require__(657), OverlayBorders_1 = __importDefault(__webpack_require__(2138));
16982
- function SectionBox(_a) { var scrollIntoThisSection = _a.scrollIntoThisSection, isEditing = _a.isEditing, children = _a.children, onClick = _a.onClick, t = (0, react_i18next_1.useTranslation)("translation").t, sectionRef = (0, react_1.useRef)(null), _b = (0, react_1.useState)(!1), isHover = _b[0], setIsHover = _b[1], _c = (0, react_1.useState)(!1), fadeOut = _c[0], setFadeout = _c[1], _d = (0, react_1.useState)(!1), hasNoChild = _d[0], setHasNoChild = _d[1], onMouseLeaveAsync = (0, useLazyUnmount_1.useLazyUnmount)({ doUnmount: function () { return setIsHover(!1); } }, 150), onClickDelayedAsync = (0, useLazyUnmount_1.useLazyUnmount)({ doUnmount: function () { onClick(), setFadeout(!1); } }, 150); (0, react_1.useEffect)((function () { var _a; sectionRef && scrollIntoThisSection && (null === (_a = sectionRef.current) || void 0 === _a || _a.scrollIntoView({ behavior: "smooth" })); }), [scrollIntoThisSection]), (0, react_1.useEffect)((function () { sectionRef.current && 0 === sectionRef.current.getBoundingClientRect().height && setHasNoChild(!0); }), [isEditing, children]); return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_SectionBox, { ref: sectionRef, onClick: function () { setFadeout(!0), onClickDelayedAsync(); }, onMouseEnter: function () { setIsHover(!0); }, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing }, isEditing && !hasNoChild && react_1.default.createElement(S_Editing, { isMounting: !0 }, react_1.default.createElement(OverlayBorders_1.default, { zIndex: 1 }), react_1.default.createElement(TopRightAbsoluteBox, null, react_1.default.createElement(desktop_1.D_TextLabel, { text: t("str_4657"), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }))), isHover && !isEditing && react_1.default.createElement(DimmedEditOverlay, { fadeOut: fadeOut }, react_1.default.createElement(S_EditButton, null, react_1.default.createElement(desktop_1.D_TextLabel, { text: t("str_4653"), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }))), children)); }
16992
+ function SectionBox(_a) { var scrollIntoThisSection = _a.scrollIntoThisSection, isEditing = _a.isEditing, children = _a.children, onClick = _a.onClick, t = (0, react_i18next_1.useTranslation)("translation").t, sectionRef = (0, react_1.useRef)(null), _b = (0, react_1.useState)(!1), isHover = _b[0], setIsHover = _b[1], _c = (0, react_1.useState)(!1), fadeOut = _c[0], setFadeout = _c[1], _d = (0, react_1.useState)(!1), hasNoChild = _d[0], setHasNoChild = _d[1], onMouseLeaveAsync = (0, useLazyUnmount_1.useLazyUnmount)({ doUnmount: function () { return setIsHover(!1); } }, 150), onClickDelayedAsync = (0, useLazyUnmount_1.useLazyUnmount)({ doUnmount: function () { onClick(), setFadeout(!1); } }, 150); (0, react_1.useEffect)((function () { var _a; sectionRef && scrollIntoThisSection && (null === (_a = sectionRef.current) || void 0 === _a || _a.scrollIntoView({ behavior: "smooth" })); }), [scrollIntoThisSection]), (0, react_1.useEffect)((function () { sectionRef.current && (0 !== sectionRef.current.getBoundingClientRect().height ? setHasNoChild(!1) : setHasNoChild(!0)); }), [isEditing, children]); return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(S_SectionBox, { ref: sectionRef, onClick: function () { setFadeout(!0), setIsHover(!1), onClickDelayedAsync(); }, onMouseEnter: function () { setIsHover(!0); }, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing }, isEditing && !hasNoChild && react_1.default.createElement(S_Editing, null, react_1.default.createElement(OverlayBorders_1.default, { zIndex: 1 }), react_1.default.createElement(TopRightAbsoluteBox, null, react_1.default.createElement(desktop_1.D_TextLabel, { text: t("str_4657"), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }))), !isEditing && react_1.default.createElement(DimmedEditOverlay, { isHover: isHover, fadeOut: fadeOut }, react_1.default.createElement(S_EditButton, null, react_1.default.createElement(desktop_1.D_TextLabel, { text: t("str_4653"), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }))), children)); }
16983
16993
  exports.default = SectionBox;
16984
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n top: 0;\n right: 0;\n position: absolute;\n z-index: 4;\n background-color: ", ";\n padding: 8px 10px;\n transition: background-color 0.2s ease-out;\n"], ["\n top: 0;\n right: 0;\n position: absolute;\n z-index: 4;\n background-color: ", ";\n padding: 8px 10px;\n transition: background-color 0.2s ease-out;\n"])), (function (_a) { return _a.theme.ui_editor_preview_editing; })), S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"]))), DimmedEditOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n background-color: ", ";\n opacity: 0;\n z-index: 10;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.2s ease-out;\n\n &:hover {\n opacity: 1;\n }\n\n animation: ", ";\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"], ["\n position: absolute;\n background-color: ", ";\n opacity: 0;\n z-index: 10;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.2s ease-out;\n\n &:hover {\n opacity: 1;\n }\n\n animation: ", ";\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"])), (function (_a) { return _a.theme.ui_pages_section_dimmed; }), (function (_a) { return _a.fadeOut && "fadeOut 0.2s ease-out"; })), S_EditButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n font-weight: bold;\n height: 56px;\n display: flex;\n border-radius: 14px;\n justify-content: center;\n align-items: center;\n padding: 0 ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"], ["\n background-color: ", ";\n font-weight: bold;\n height: 56px;\n display: flex;\n border-radius: 14px;\n justify-content: center;\n align-items: center;\n padding: 0 ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"])), (function (_a) { return _a.theme.ui_71; }), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return _a.theme.ui_72; }), (function (_a) { return _a.theme.ui_73; })), S_Editing = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n & > div {\n animation: fadeIn 0.2s ease-out;\n }\n\n @keyframes fadeIn {\n 0% {\n opacity: 0.2;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 1;\n }\n }\n"], ["\n & > div {\n animation: fadeIn 0.2s ease-out;\n }\n\n @keyframes fadeIn {\n 0% {\n opacity: 0.2;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 1;\n }\n }\n"])));
16994
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n top: 0;\n right: 0;\n position: absolute;\n z-index: 4;\n background-color: ", ";\n padding: 8px 10px;\n transition: background-color 0.2s ease-out;\n"], ["\n top: 0;\n right: 0;\n position: absolute;\n z-index: 4;\n background-color: ", ";\n padding: 8px 10px;\n transition: background-color 0.2s ease-out;\n"])), (function (_a) { return _a.theme.ui_editor_preview_editing; })), S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"]))), DimmedEditOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n animation: ", ";\n background-color: ", ";\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n left: 0;\n\n opacity: ", ";\n\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.2s ease-out;\n z-index: 10;\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"], ["\n align-items: center;\n animation: ", ";\n background-color: ", ";\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n left: 0;\n\n opacity: ", ";\n\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.2s ease-out;\n z-index: 10;\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"])), (function (_a) { return _a.fadeOut && "fadeOut 0.2s ease-out"; }), (function (_a) { return _a.theme.ui_pages_section_dimmed; }), (function (_a) { var isHover = _a.isHover; return _a.fadeOut ? 0 : isHover ? 1 : 0; })), S_EditButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n font-weight: bold;\n height: 56px;\n display: flex;\n border-radius: 14px;\n justify-content: center;\n align-items: center;\n padding: 0 ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"], ["\n background-color: ", ";\n font-weight: bold;\n height: 56px;\n display: flex;\n border-radius: 14px;\n justify-content: center;\n align-items: center;\n padding: 0 ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"])), (function (_a) { return _a.theme.ui_71; }), (function (_a) { return _a.theme.spacing.spacingE; }), (function (_a) { return _a.theme.ui_72; }), (function (_a) { return _a.theme.ui_73; })), S_Editing = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n & > div {\n animation: fadeIn 0.2s ease-out;\n }\n\n @keyframes fadeIn {\n 0% {\n opacity: 0.2;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 1;\n }\n }\n"], ["\n & > div {\n animation: fadeIn 0.2s ease-out;\n }\n\n @keyframes fadeIn {\n 0% {\n opacity: 0.2;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 1;\n }\n }\n"])));
16985
16995
  try {
16986
16996
  SectionBox.displayName = "SectionBox", SectionBox.__docgenInfo = { description: "", displayName: "SectionBox", props: { scrollIntoThisSection: { defaultValue: null, description: "", name: "scrollIntoThisSection", required: !0, type: { name: "boolean" } }, isEditing: { defaultValue: null, description: "", name: "isEditing", required: !0, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "", name: "onClick", required: !0, type: { name: "() => void" } } } }, "undefined" != typeof STORYBOOK_REACT_CLASSES && (STORYBOOK_REACT_CLASSES["src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.tsx#SectionBox"] = { docgenInfo: SectionBox.__docgenInfo, name: "SectionBox", path: "src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.tsx#SectionBox" });
16987
16997
  }