pds-dev-kit-web-test 2.5.224 → 2.5.225

package/dist/src/common/assets/icons/fill/Duplicate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Duplicate: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Duplicate;

package/dist/src/common/assets/icons/fill/Duplicate.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Duplicate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M14.6161,2.2106 C16.2711,2.2106 17.6161,3.5556 17.6161,5.2106 L17.6161,5.4256 L18.1571,5.4256 C19.5911,5.4256 20.7571,6.5916 20.7571,8.0256 L20.7571,19.0486 C20.7571,20.4266 19.6351,21.5486 18.2571,21.5486 L8.9701,21.5486 C7.5371,21.5486 6.3701,20.3816 6.3701,18.9486 L6.3701,18.3336 L6.2291,18.3336 C4.5751,18.3336 3.2291,16.9876 3.2291,15.3336 L3.2291,5.2106 C3.2291,3.5556 4.5751,2.2106 6.2291,2.2106 Z M18.1571,7.4256 L12.0181,7.4256 L12.0181,9.8646 C12.0181,10.4716 11.5261,10.9636 10.9191,10.9636 L8.3701,10.9646 L8.3701,18.9486 C8.3701,19.2796 8.6391,19.5486 8.9701,19.5486 L18.2571,19.5486 C18.5331,19.5486 18.7571,19.3246 18.7571,19.0486 L18.7571,8.0256 C18.7571,7.6946 18.4881,7.4256 18.1571,7.4256 Z M13.529,10.9748 C14.081,10.9748 14.529,11.4228 14.529,11.9748 L14.529,13.7278 L16.282,13.7278 C16.834,13.7278 17.282,14.1758 17.282,14.7278 C17.282,15.2798 16.834,15.7278 16.282,15.7278 L14.529,15.7278 L14.529,17.4808 C14.529,18.0328 14.081,18.4808 13.529,18.4808 C12.977,18.4808 12.529,18.0328 12.529,17.4808 L12.529,15.7278 L10.776,15.7278 C10.224,15.7278 9.776,15.2798 9.776,14.7278 C9.776,14.1758 10.224,13.7278 10.776,13.7278 L12.529,13.7278 L12.529,11.9748 C12.529,11.4228 12.977,10.9748 13.529,10.9748 Z M14.6161,4.2106 L6.2291,4.2106 C5.6781,4.2106 5.2291,4.6586 5.2291,5.2106 L5.2291,15.3336 C5.2291,15.8846 5.6781,16.3336 6.2291,16.3336 L6.3701,16.3336 L6.3701,10.8696 C6.3701,10.7436 6.3991,10.6246 6.4421,10.5136 C6.4571,10.4736 6.4771,10.4456 6.4941,10.4126 L6.52676667,10.3398593 L6.5511,10.3066 L6.5961,10.2626 C6.6471,10.1966 6.7051,10.1406 6.7711,10.0896 L11.1231,5.7996 C11.1661,5.7466 11.2121,5.7026 11.2651,5.6596 L11.3011,5.6246 C11.3231,5.6026 11.3501,5.6016 11.3731,5.5866 C11.5251,5.4936 11.6941,5.4256 11.8851,5.4256 L15.6161,5.4256 L15.6161,5.2106 C15.6161,4.6586 15.1681,4.2106 14.6161,4.2106 Z" }) })));
+};
+exports.default = Duplicate;

package/dist/src/common/assets/icons/fill/index.d.ts

@@ -156,5 +156,6 @@ declare const fillIcons: {
     readonly ic_move_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_group: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ungroup: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_duplicate: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default fillIcons;

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

@@ -48,6 +48,7 @@ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotifica
 var Divider_1 = __importDefault(require("./Divider"));
 var Download_1 = __importDefault(require("./Download"));
 var Downloaded_1 = __importDefault(require("./Downloaded"));
+var Duplicate_1 = __importDefault(require("./Duplicate"));
 var Edit_1 = __importDefault(require("./Edit"));
 var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
 var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
@@ -315,6 +316,7 @@ var fillIcons = {
     ic_move_backward: MoveBackward_1.default,
     ic_move_forward: MoveForward_1.default,
     ic_group: Group_1.default,
-    ic_ungroup: Ungroup_1.default
+    ic_ungroup: Ungroup_1.default,
+    ic_duplicate: Duplicate_1.default
 };
 exports.default = fillIcons;

package/dist/src/common/assets/icons/line/Duplicate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Duplicate: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Duplicate;

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

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Duplicate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M14.6164,2.4606 C16.1324,2.4606 17.3664,3.6946 17.3664,5.2106 L17.3664,5.6756 L18.1574,5.6756 C19.4534,5.6756 20.5074,6.7296 20.5074,8.0256 L20.5074,19.0486 C20.5074,20.2896 19.4984,21.2986 18.2574,21.2986 L8.9704,21.2986 C7.6744,21.2986 6.6204,20.2446 6.6204,18.9486 L6.6204,18.0836 L6.2294,18.0836 C4.7134,18.0836 3.4794,16.8496 3.4794,15.3336 L3.4794,5.2106 C3.4794,3.6946 4.7134,2.4606 6.2294,2.4606 Z M18.1574,7.1756 L12.0894,7.1756 L12.0894,9.9866 C12.0904,10.5776 11.6104,11.0576 11.0184,11.0576 L8.1204,11.0586 L8.1204,18.9486 C8.1204,19.4176 8.5024,19.7986 8.9704,19.7986 L18.2574,19.7986 C18.6714,19.7986 19.0074,19.4626 19.0074,19.0486 L19.0074,8.0256 C19.0074,7.5566 18.6264,7.1756 18.1574,7.1756 Z M13.5288,11.2248 C13.9428,11.2248 14.2788,11.5608 14.2788,11.9748 L14.2788,13.9778 L16.2818,13.9778 C16.6958,13.9778 17.0318,14.3138 17.0318,14.7278 C17.0318,15.1418 16.6958,15.4778 16.2818,15.4778 L14.2788,15.4778 L14.2788,17.4808 C14.2788,17.8948 13.9428,18.2308 13.5288,18.2308 C13.1148,18.2308 12.7788,17.8948 12.7788,17.4808 L12.7788,15.4778 L10.7758,15.4778 C10.3618,15.4778 10.0258,15.1418 10.0258,14.7278 C10.0258,14.3138 10.3618,13.9778 10.7758,13.9778 L12.7788,13.9778 L12.7788,11.9748 C12.7788,11.5608 13.1148,11.2248 13.5288,11.2248 Z M14.6164,3.9606 L6.2294,3.9606 C5.5404,3.9606 4.9794,4.5216 4.9794,5.2106 L4.9794,15.3336 C4.9794,16.0236 5.5404,16.5836 6.2294,16.5836 L6.6204,16.5836 L6.6204,10.8696 C6.6204,10.7986 6.6424,10.7356 6.6604,10.6706 C6.6634,10.5806 6.6864,10.4906 6.7614,10.4166 L6.8404,10.3396 L11.3914,5.8536 C11.4244,5.8206 11.4654,5.8136 11.5044,5.7946 C11.6174,5.7256 11.7434,5.6756 11.8854,5.6756 L15.8664,5.6756 L15.8664,5.2106 C15.8664,4.5216 15.3054,3.9606 14.6164,3.9606 Z" }) })));
+};
+exports.default = Duplicate;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -307,5 +307,6 @@ declare const lineIcons: {
     readonly ic_move_forward: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_group: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ungroup: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_duplicate: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default lineIcons;

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

@@ -81,6 +81,7 @@ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotifica
 var Divider_1 = __importDefault(require("./Divider"));
 var DottedCircle_1 = __importDefault(require("./DottedCircle"));
 var Download_1 = __importDefault(require("./Download"));
+var Duplicate_1 = __importDefault(require("./Duplicate"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
@@ -617,6 +618,7 @@ var lineIcons = {
     ic_move_backward: MoveBackward_1.default,
     ic_move_forward: MoveForward_1.default,
     ic_group: Group_1.default,
-    ic_ungroup: Ungroup_1.default
+    ic_ungroup: Ungroup_1.default,
+    ic_duplicate: Duplicate_1.default
 };
 exports.default = lineIcons;

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

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "Start for Free"
     }
 }

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

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "Start for Free"
     }
 }

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

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "Magsimula nang Libre"
     }
 }

package/dist/src/common/services/i18n/resources/index.d.ts

@@ -26,6 +26,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly en: {
@@ -55,6 +56,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly ja: {
@@ -84,6 +86,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly es: {
@@ -113,6 +116,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly 'zh-cn': {
@@ -142,6 +146,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly 'zh-tw': {
@@ -171,6 +176,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
     readonly fil: {
@@ -200,6 +206,7 @@ declare const locale: {
             str_start: string;
             str_free: string;
             str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
+            str_1460: string;
         };
     };
 };

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

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "無料で始める"
     }
 }

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

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "시작하기",
         "str_free": "무료",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "사업자의 도메인이 연결되지 않아 실행할 수 없습니다."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "사업자의 도메인이 연결되지 않아 실행할 수 없습니다.",
+        "str_1460": "무료로 시작하기"
     }
 }

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "免费开始"
     }
 }

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -24,6 +24,7 @@
         "str_5831": "{{price}} USD",
         "str_start": "Start",
         "str_free": "FREE",
-        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
+        "str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected.",
+        "str_1460": "免費開始"
     }
 }

package/dist/src/desktop/components/MainButton/MainButton.js

@@ -39,9 +39,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var components_1 = require("../../../common/components");
-var styles_1 = require("../../../common/styles");
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
@@ -52,6 +52,16 @@ var TextLabel_1 = require("../TextLabel");
 // shadow?: 'hidden' | 'visible';
 function MainButton(_a) {
     var text = _a.text, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, fillType = _a.fillType, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, fontWeight = _a.fontWeight, _f = _a.iconMode, iconMode = _f === void 0 ? 'none' : _f, _g = _a.iconFillType, iconFillType = _g === void 0 ? 'line' : _g, iconName = _a.iconName, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, isLoading = _a.isLoading, isSubmitting = _a.isSubmitting, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
+    var buttonRef = (0, react_1.useRef)(null);
+    var _l = (0, react_1.useState)(), buttonWidth = _l[0], setButtonWidth = _l[1];
+    (0, react_1.useLayoutEffect)(function () {
+        if (buttonRef.current) {
+            var shouldCalculateWidth = Boolean(isLoading) || Boolean(isSubmitting);
+            if (!shouldCalculateWidth) {
+                setButtonWidth(buttonRef.current.offsetWidth);
+            }
+        }
+    }, [text, iconMode, size, isLoading, isSubmitting]);
     var handleClick = function (e) {
         if (onClick) {
             onClick(e);
@@ -196,13 +206,10 @@ function MainButton(_a) {
         }
     };
     var MainButtonVariation = function () {
-        if (isLoading) {
-            return ((0, jsx_runtime_1.jsx)(S_LoadingMainButton, { shapeType: shapeType, size: size, responsiveMode: responsiveMode, state: "disabled", disabled: true }));
-        }
-        if (isSubmitting) {
-            return ((0, jsx_runtime_1.jsx)(S_SubmittingMainButton, __assign({ shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, colorTheme: colorTheme, state: "normal", disabled: true }, { children: (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { colorKey: submittingProgressColor(), size: size === 'rlarge' ? 'large' : size }) })));
+        if (isSubmitting || isLoading) {
+            return ((0, jsx_runtime_1.jsx)(S_SubmittingMainButton, __assign({ shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, colorTheme: colorTheme, state: "normal", disabled: true, style: buttonWidth ? { width: "".concat(buttonWidth, "px") } : undefined }, { children: (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { colorKey: submittingProgressColor(), size: size === 'rlarge' ? 'large' : size }) })));
         }
-        return ((0, jsx_runtime_1.jsxs)(S_MainButton, __assign({ "x-pds-name": "MainButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, fontWeight: fontWeight, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: [size !== 'xsmall' && iconMode === 'left' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: iconColor(), fillType: iconFillType }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor(), colorOverride: textColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }), size !== 'xsmall' && iconMode === 'right' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: iconColor(), fillType: iconFillType })] }))] })));
+        return ((0, jsx_runtime_1.jsxs)(S_MainButton, __assign({ "x-pds-name": "MainButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", ref: buttonRef, shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, fontWeight: fontWeight, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', onClick: handleClick, onMouseDown: handleMouseDown }, { children: [size !== 'xsmall' && iconMode === 'left' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: iconColor(), fillType: iconFillType }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], singleLineMode: "use", colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor(), colorOverride: textColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }), size !== 'xsmall' && iconMode === 'right' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: iconColor(), fillType: iconFillType })] }))] })));
     };
     return MainButtonVariation();
 }
@@ -401,7 +408,6 @@ var S_MainButton = styled_components_1.default.button(templateObject_20 || (temp
             regular: "font-weight: ".concat(theme.fontWeight.normal)
         }[fontWeight];
 });
-var S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
-var S_SubmittingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  cursor: default;\n"], ["\n  cursor: default;\n"])));
+var S_SubmittingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  cursor: default;\n"], ["\n  cursor: default;\n"])));
 exports.default = MainButton;
-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;
+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;