pds-dev-kit-web-test 2.5.262 → 2.5.264

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

@@ -157,10 +157,5 @@ declare const fillIcons: {
     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;
-    readonly ic_bring_to_front_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_desktop_sync: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_move_backward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_move_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_send_to_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default fillIcons;

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

@@ -23,7 +23,6 @@ var BellStyle_1 = __importDefault(require("./BellStyle"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
 var BringForward_1 = __importDefault(require("./BringForward"));
 var BringToFront_1 = __importDefault(require("./BringToFront"));
-var BringToFrontArrow_1 = __importDefault(require("./BringToFrontArrow"));
 var Button_1 = __importDefault(require("./Button"));
 var Calendar_1 = __importDefault(require("./Calendar"));
 var Call_1 = __importDefault(require("./Call"));
@@ -41,7 +40,6 @@ var CloudDownload_1 = __importDefault(require("./CloudDownload"));
 var Copy_1 = __importDefault(require("./Copy"));
 var Cut_1 = __importDefault(require("./Cut"));
 var Delete_1 = __importDefault(require("./Delete"));
-var DesktopSync_1 = __importDefault(require("./DesktopSync"));
 var Developer_1 = __importDefault(require("./Developer"));
 var DeviceApp_1 = __importDefault(require("./DeviceApp"));
 var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
@@ -89,9 +87,7 @@ var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var Moon_1 = __importDefault(require("./Moon"));
 var More_1 = __importDefault(require("./More"));
 var MoveBackward_1 = __importDefault(require("./MoveBackward"));
-var MoveBackwardArrow_1 = __importDefault(require("./MoveBackwardArrow"));
 var MoveForward_1 = __importDefault(require("./MoveForward"));
-var MoveForwardArrow_1 = __importDefault(require("./MoveForwardArrow"));
 var PageSetting_1 = __importDefault(require("./PageSetting"));
 var Paint_1 = __importDefault(require("./Paint"));
 var Palette_1 = __importDefault(require("./Palette"));
@@ -118,7 +114,6 @@ var SellerIntro_1 = __importDefault(require("./SellerIntro"));
 var SellerPage_1 = __importDefault(require("./SellerPage"));
 var SendBackward_1 = __importDefault(require("./SendBackward"));
 var SendToBack_1 = __importDefault(require("./SendToBack"));
-var SendToBackArrow_1 = __importDefault(require("./SendToBackArrow"));
 var Setting_1 = __importDefault(require("./Setting"));
 var Shape_1 = __importDefault(require("./Shape"));
 var Shoppingbag_1 = __importDefault(require("./Shoppingbag"));
@@ -322,11 +317,6 @@ var fillIcons = {
     ic_move_forward: MoveForward_1.default,
     ic_group: Group_1.default,
     ic_ungroup: Ungroup_1.default,
-    ic_duplicate: Duplicate_1.default,
-    ic_bring_to_front_arrow: BringToFrontArrow_1.default,
-    ic_desktop_sync: DesktopSync_1.default,
-    ic_move_backward_arrow: MoveBackwardArrow_1.default,
-    ic_move_forward_arrow: MoveForwardArrow_1.default,
-    ic_send_to_back_arrow: SendToBackArrow_1.default
+    ic_duplicate: Duplicate_1.default
 };
 exports.default = fillIcons;

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

@@ -308,10 +308,5 @@ declare const lineIcons: {
     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;
-    readonly ic_bring_to_front_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_desktop_sync: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_move_backward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_move_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
-    readonly ic_send_to_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default lineIcons;

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

@@ -40,7 +40,6 @@ var Bookmark_1 = __importDefault(require("./Bookmark"));
 var Box_1 = __importDefault(require("./Box"));
 var BringForward_1 = __importDefault(require("./BringForward"));
 var BringToFront_1 = __importDefault(require("./BringToFront"));
-var BringToFrontArrow_1 = __importDefault(require("./BringToFrontArrow"));
 var Business_1 = __importDefault(require("./Business"));
 var Button_1 = __importDefault(require("./Button"));
 var Calendar_1 = __importDefault(require("./Calendar"));
@@ -74,7 +73,6 @@ var Cut_1 = __importDefault(require("./Cut"));
 var Dashboard_1 = __importDefault(require("./Dashboard"));
 var Delivery_1 = __importDefault(require("./Delivery"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
-var DesktopSync_1 = __importDefault(require("./DesktopSync"));
 var Developer_1 = __importDefault(require("./Developer"));
 var DeviceApp_1 = __importDefault(require("./DeviceApp"));
 var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
@@ -137,9 +135,7 @@ var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var MinusRound_1 = __importDefault(require("./MinusRound"));
 var Moon_1 = __importDefault(require("./Moon"));
 var MoveBackward_1 = __importDefault(require("./MoveBackward"));
-var MoveBackwardArrow_1 = __importDefault(require("./MoveBackwardArrow"));
 var MoveForward_1 = __importDefault(require("./MoveForward"));
-var MoveForwardArrow_1 = __importDefault(require("./MoveForwardArrow"));
 var News_1 = __importDefault(require("./News"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
@@ -240,7 +236,6 @@ var SellerIntro_1 = __importDefault(require("./SellerIntro"));
 var SellerPage_1 = __importDefault(require("./SellerPage"));
 var SendBackward_1 = __importDefault(require("./SendBackward"));
 var SendToBack_1 = __importDefault(require("./SendToBack"));
-var SendToBackArrow_1 = __importDefault(require("./SendToBackArrow"));
 var Series_1 = __importDefault(require("./Series"));
 var SeriesList_1 = __importDefault(require("./SeriesList"));
 var Setting_1 = __importDefault(require("./Setting"));
@@ -624,11 +619,6 @@ var lineIcons = {
     ic_move_forward: MoveForward_1.default,
     ic_group: Group_1.default,
     ic_ungroup: Ungroup_1.default,
-    ic_duplicate: Duplicate_1.default,
-    ic_bring_to_front_arrow: BringToFrontArrow_1.default,
-    ic_desktop_sync: DesktopSync_1.default,
-    ic_move_backward_arrow: MoveBackwardArrow_1.default,
-    ic_move_forward_arrow: MoveForwardArrow_1.default,
-    ic_send_to_back_arrow: SendToBackArrow_1.default
+    ic_duplicate: Duplicate_1.default
 };
 exports.default = lineIcons;

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

@@ -66,7 +66,7 @@ function UseTooltip(_a) {
         systemUIPosition: tooltipPosition,
         distance: distance
     });
-    return tooltipText ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.body) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+    return tooltipText ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.getElementById('root')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
 }
 var S_TooltipWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", ";\n"], ["\n  ", "\n\n  ", ";\n"])), systemUI_1.TooltipWrapperStyle, function (_a) {
     var tooltipPositionCss = _a.tooltipPositionCss;

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -363,7 +363,5 @@
     "sys_cpnt_editor_undefined": "darkgrey500",
     "sys_cpnt_slider_track_active_undefined": "darkgrey400",
     "sys_cpnt_slider_thumb_normal_undefined": "darkgrey400",
-    "sys_cpnt_editor_buttongroup_undefined": "darkgrey400",
-    "sys_text_grey_02_hinttext": "darkgrey450",
-    "sys_component_base_48": "darkgrey70"
+    "sys_cpnt_editor_buttongroup_undefined": "darkgrey400"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -363,7 +363,5 @@
     "sys_cpnt_editor_undefined": "grey400",
     "sys_cpnt_slider_track_active_undefined": "grey400",
     "sys_cpnt_slider_thumb_normal_undefined": "grey400",
-    "sys_cpnt_editor_buttongroup_undefined": "grey400",
-    "sys_text_grey_02_hinttext": "grey450",
-    "sys_component_base_48": "grey70"
+    "sys_cpnt_editor_buttongroup_undefined": "grey400"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -118,7 +118,5 @@
     "grey300": "#BDBDC2",
     "darkgrey300": "#555557",
     "yellow500": "#FED400",
-    "darkyellow500": "#FFD100",
-    "grey450": "#97979B",
-    "darkgrey450": "#828286"
+    "darkyellow500": "#FFD100"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -26,7 +26,7 @@
     "ui_cpnt_textfield_border_error": "sys_border_line_04",
     "ui_cpnt_textfield_base_normal": "sys_component_base_06",
     "ui_cpnt_textfield_base_disabled": "sys_component_base_07",
-    "ui_cpnt_textfield_text_hint": "sys_text_grey_02_hinttext",
+    "ui_cpnt_textfield_text_hint": "sys_text_grey_02",
     "ui_cpnt_textfield_text_typed": "sys_text_grey_01",
     "ui_cpnt_textfield_text_error": "sys_text_error_01",
     "ui_cpnt_textfield_text_disabled": "sys_text_grey_03",
@@ -876,9 +876,5 @@
     "ui_cpnt_select_dropdown_border_error": "sys_border_line_04",
     "ui_cpnt_select_dropdown_text_error": "sys_text_error_01",
     "ui_cpnt_select_dropdown_text_darktheme_error": "sys_text_error_darktheme_01",
-    "ui_cpnt_select_dropdown_border_darktheme_error": "sys_border_line_darktheme_03",
-    "ui_cpnt_form_text_hint": "sys_text_grey_02_hinttext",
-    "ui_129": "sys_cpnt_sheet_base_13",
-    "ui_130": "sys_component_on_base_02",
-    "ui_cpnt_button_fill_base_on_sheet": "sys_component_base_48"
+    "ui_cpnt_select_dropdown_border_darktheme_error": "sys_border_line_darktheme_03"
 }

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

@@ -120,8 +120,6 @@ declare const colorSet: {
         darkgrey300: string;
         yellow500: string;
         darkyellow500: string;
-        grey450: string;
-        darkgrey450: string;
     };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
@@ -489,8 +487,6 @@ declare const colorSet: {
         sys_cpnt_slider_track_active_undefined: string;
         sys_cpnt_slider_thumb_normal_undefined: string;
         sys_cpnt_editor_buttongroup_undefined: string;
-        sys_text_grey_02_hinttext: string;
-        sys_component_base_48: string;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -858,8 +854,6 @@ declare const colorSet: {
         sys_cpnt_slider_track_active_undefined: string;
         sys_cpnt_slider_thumb_normal_undefined: string;
         sys_cpnt_editor_buttongroup_undefined: string;
-        sys_text_grey_02_hinttext: string;
-        sys_component_base_48: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1740,10 +1734,6 @@ declare const colorSet: {
         ui_cpnt_select_dropdown_text_error: string;
         ui_cpnt_select_dropdown_text_darktheme_error: string;
         ui_cpnt_select_dropdown_border_darktheme_error: string;
-        ui_cpnt_form_text_hint: string;
-        ui_129: string;
-        ui_130: string;
-        ui_cpnt_button_fill_base_on_sheet: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -877,8 +877,4 @@ export interface UITheme {
     ui_cpnt_select_dropdown_text_error: string;
     ui_cpnt_select_dropdown_text_darktheme_error: string;
     ui_cpnt_select_dropdown_border_darktheme_error: string;
-    ui_cpnt_form_text_hint: string;
-    ui_129: string;
-    ui_130: string;
-    ui_cpnt_button_fill_base_on_sheet: string;
 }

package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 function hoverTypeSystemUICssGenerator(_a) {
     var baseSize = _a.baseSize, sizeOffset = _a.sizeOffset, positionOffset = _a.positionOffset, systemUIPosition = _a.systemUIPosition, _b = _a.distance, distance = _b === void 0 ? 8 : _b;
     if (!sizeOffset || !positionOffset) {
-        return '';
+        return 'visibility: hidden;';
     }
     var end = positionOffset.left, bottom = positionOffset.bottom, top = positionOffset.top;
     var width = sizeOffset.width, height = sizeOffset.height;

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

@@ -133,7 +133,7 @@ var S_BasicButton = styled_components_1.default.button(templateObject_5 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_basicbuttongroup_base_disabled;
 });
-var S_TooltipWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", ";\n"], ["\n  ", "\n\n  ", ";\n"])), systemUI_1.TooltipWrapperStyle, function (_a) {
+var S_TooltipWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n  ", ";\n"], ["\n  ", "\n  ", ";\n"])), systemUI_1.TooltipWrapperStyle, function (_a) {
     var tooltipPositionCss = _a.tooltipPositionCss;
     return tooltipPositionCss;
 });

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

@@ -179,6 +179,10 @@ function Dropdown(_a) {
     var getTextColorTheme = function () {
         if (colorTheme === 'none') {
             if (state === 'normal') {
+                var isHintTextShow = !(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) && !(value === null || value === void 0 ? void 0 : value.text) && !(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) && !!hintText;
+                if (isHintTextShow) {
+                    return 'sysTextSecondary';
+                }
                 if (isFocused) {
                     return 'sysTextPrimary';
                 }
@@ -199,12 +203,6 @@ function Dropdown(_a) {
         }
     };
     var getTextColorOverride = function () {
-        if (colorTheme === 'none') {
-            var isHintTextShow = !(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) && !(value === null || value === void 0 ? void 0 : value.text) && !(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) && !!hintText;
-            if (isHintTextShow) {
-                return 'ui_cpnt_form_text_hint';
-            }
-        }
         if (colorTheme === 'dark') {
             if (state === 'normal') {
                 var isHintTextShow = !(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) && !(value === null || value === void 0 ? void 0 : value.text) && !(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) && !!hintText;

package/dist/src/desktop/components/MainButton/MainButton.d.ts

@@ -11,7 +11,7 @@ export type MainButtonProps = {
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
     iconName?: PDSIconType;
-    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1' | 'secondary2';
+    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';
     isLoading?: boolean;

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

@@ -352,21 +352,14 @@ var secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 });
-var secondary2Disabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondaryDisabled = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1Disabled;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2Disabled;
 });
-var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 }, function (_a) {
@@ -376,11 +369,7 @@ var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObje
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_pressed;
 }, transitionStyle_1.ButtonTransition);
-var secondary2 = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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"], ["\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"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, transitionStyle_1.ButtonTransition, function (_a) {
@@ -392,14 +381,11 @@ var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObjec
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2;
 }, function (_a) {
     var state = _a.state;
     return state === 'disabled' && secondaryDisabled;
 });
-var S_MainButton = styled_components_1.default.button(templateObject_22 || (templateObject_22 = __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) {
+var 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) {
     var state = _a.state;
     return (state === 'normal' ? 'pointer' : 'default');
 }, function (_a) {
@@ -422,6 +408,6 @@ var S_MainButton = styled_components_1.default.button(templateObject_22 || (temp
             regular: "font-weight: ".concat(theme.fontWeight.normal)
         }[fontWeight];
 });
-var S_SubmittingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_23 || (templateObject_23 = __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, templateObject_23;
+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;

package/dist/src/desktop/components/UploadMainButton/UploadMainButton.d.ts

@@ -11,7 +11,7 @@ type UploadMainButtonProps = {
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
     iconName?: PDSIconType;
-    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1' | 'secondary2';
+    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     state?: 'normal' | 'disabled';
     accept?: string;
     multipleMode?: 'none' | 'use';

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

@@ -322,21 +322,14 @@ var secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 });
-var secondary2Disabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondaryDisabled = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1Disabled;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2Disabled;
 });
-var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 }, function (_a) {
@@ -346,11 +339,7 @@ var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObje
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_pressed;
 }, transitionStyle_1.ButtonTransition);
-var secondary2 = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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"], ["\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"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, transitionStyle_1.ButtonTransition, function (_a) {
@@ -362,14 +351,11 @@ var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObjec
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2;
 }, function (_a) {
     var disabled = _a.disabled;
     return disabled && secondaryDisabled;
 });
-var S_UploadMainButton = styled_components_1.default.label(templateObject_22 || (templateObject_22 = __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) {
+var 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) {
     var disabled = _a.disabled;
     return (disabled ? 'default' : 'pointer');
 }, function (_a) {
@@ -392,7 +378,7 @@ var S_UploadMainButton = styled_components_1.default.label(templateObject_22 ||
     var responsiveMode = _a.responsiveMode;
     return responsiveMode === 'use' && 'width: 100%';
 });
-var S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
-var S_SubmittingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  cursor: default;\n"], ["\n  cursor: default;\n"])));
+var S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
+var S_SubmittingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  cursor: default;\n"], ["\n  cursor: default;\n"])));
 exports.default = UploadMainButton;
-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;
+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;

package/dist/src/mobile/components/MainButton/MainButton.d.ts

@@ -11,7 +11,7 @@ export type MainButtonProps = {
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
     iconName?: PDSIconType;
-    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1' | 'secondary2';
+    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';
     isLoading?: boolean;

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

@@ -333,32 +333,21 @@ var secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 });
-var secondary2Disabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondaryDisabled = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1Disabled;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2Disabled;
 });
-var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 }, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_pressed;
 }, transitionStyle_1.ButtonTransition);
-var secondary2 = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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"], ["\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"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, transitionStyle_1.ButtonTransition, function (_a) {
@@ -367,14 +356,11 @@ var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObjec
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2;
 }, function (_a) {
     var state = _a.state;
     return state === 'disabled' && secondaryDisabled;
 });
-var S_MainButton = styled_components_1.default.button(templateObject_22 || (templateObject_22 = __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 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) {
@@ -394,6 +380,6 @@ var S_MainButton = styled_components_1.default.button(templateObject_22 || (temp
             regular: "font-weight: ".concat(theme.fontWeight.normal)
         }[fontWeight];
 });
-var S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
+var S_LoadingMainButton = (0, styled_components_1.default)(S_MainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
 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, templateObject_23;
+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;

package/dist/src/mobile/components/UploadMainButton/UploadMainButton.d.ts

@@ -11,7 +11,7 @@ type UploadMainButtonProps = {
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
     iconName?: PDSIconType;
-    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1' | 'secondary2';
+    colorTheme?: 'none' | 'line1' | 'line2' | 'line3' | 'primary1' | 'secondary1';
     state?: 'normal' | 'disabled';
     accept?: string;
     multipleMode?: 'none' | 'use';

package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js

@@ -310,32 +310,21 @@ var secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (temp
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 });
-var secondary2Disabled = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondaryDisabled = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  background-color: ", ";\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1Disabled;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2Disabled;
 });
-var secondary1 = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_default;
 }, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_secondary_variation_base_pressed;
 }, transitionStyle_1.ButtonTransition);
-var secondary2 = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_on_sheet;
-});
-var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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"], ["\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"])), function (_a) {
+var 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) {
     var theme = _a.theme;
     return theme.ui_cpnt_button_line_base_hover;
 }, transitionStyle_1.ButtonTransition, function (_a) {
@@ -344,14 +333,11 @@ var secondary = (0, styled_components_1.css)(templateObject_21 || (templateObjec
 }, function (_a) {
     var colorTheme = _a.colorTheme;
     return colorTheme === 'secondary1' && secondary1;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'secondary2' && secondary2;
 }, function (_a) {
     var disabled = _a.disabled;
     return disabled && secondaryDisabled;
 });
-var S_UploadMainButton = styled_components_1.default.label(templateObject_22 || (templateObject_22 = __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 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 &&
         {
@@ -371,6 +357,6 @@ var S_UploadMainButton = styled_components_1.default.label(templateObject_22 ||
     var responsiveMode = _a.responsiveMode;
     return responsiveMode === 'use' && 'width: 100%';
 });
-var S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
+var S_LoadingUploadMainButton = (0, styled_components_1.default)(S_UploadMainButton)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.skeletonLoadingStyle);
 exports.default = UploadMainButton;
-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;
+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;