pds-dev-kit-web-test 2.7.94 → 2.7.95

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

@@ -1,398 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-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");
-var types_1 = require("./types");
-function UploadMainButton(_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, _h = _a.iconName, iconName = _h === void 0 ? 'ic_upload' : _h, _j = _a.colorTheme, colorTheme = _j === void 0 ? 'none' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, _l = _a.accept, accept = _l === void 0 ? '*' : _l, _m = _a.multipleMode, multipleMode = _m === void 0 ? 'none' : _m, isLoading = _a.isLoading, isSubmitting = _a.isSubmitting, onClick = _a.onClick;
-    var handleClick = function (e) {
-        if (onClick) {
-            onClick(e);
-        }
-        e.target.value = '';
-    };
-    var isLineColorTheme = colorTheme.includes('line');
-    var isPrimaryColorTheme = colorTheme.includes('primary');
-    var isSecondaryColorTheme = colorTheme.includes('secondary');
-    var lineColorThemeTextColor = function () {
-        if (colorTheme === 'line1') {
-            return 'ui_cpnt_button_text_error';
-        }
-        if (colorTheme === 'line2') {
-            return 'ui_cpnt_button_text_primary';
-        }
-        if (colorTheme === 'line3') {
-            return 'ui_cpnt_button_text_darktheme_enabled';
-        }
-    };
-    var submittingProgressColor = function () {
-        if (fillType === 'line' && isLineColorTheme && state !== 'disabled') {
-            return lineColorThemeTextColor();
-        }
-        if (fillType === 'fill') {
-            return 'ui_cpnt_textlabel_usr_brandonprimary';
-        }
-        if (fillType === 'line') {
-            return 'ui_cpnt_textlabel_sys_primary';
-        }
-        if (styleTheme === 'primary') {
-            if (colorTheme === 'primary1') {
-                return 'ui_cpnt_textlabel_usr_brandprimary';
-            }
-            return 'ui_cpnt_textlabel_usr_brandonprimary';
-        }
-        if (styleTheme === 'secondary') {
-            if (colorTheme === 'secondary1') {
-                return 'ui_cpnt_textlabel_sys_white';
-            }
-            return 'ui_cpnt_textlabel_usr_brandprimary';
-        }
-        return 'ui_cpnt_textlabel_usr_brandonprimary';
-    };
-    var textColor = function () {
-        if (fillType === 'fill') {
-            return 'usrTextBrandOnPrimary';
-        }
-        if (fillType === 'line') {
-            return 'sysTextPrimary';
-        }
-        if (styleTheme === 'primary') {
-            if (colorTheme === 'primary1') {
-                return 'usrTextBrandPrimary';
-            }
-            return 'usrTextBrandOnPrimary';
-        }
-        if (styleTheme === 'secondary') {
-            if (colorTheme === 'secondary1') {
-                return 'sysTextWhite';
-            }
-            return 'usrTextBrandPrimary';
-        }
-        return 'usrTextBrandOnPrimary';
-    };
-    var textColorOverride = function () {
-        if (colorTheme === 'line3' && state === 'disabled') {
-            return 'ui_cpnt_button_text_darktheme_disabled';
-        }
-        if (fillType === 'line' && isLineColorTheme && state !== 'disabled') {
-            return lineColorThemeTextColor();
-        }
-        if (styleTheme === 'secondary' && colorTheme === 'secondary1' && state === 'disabled') {
-            return 'ui_cpnt_button_text_secondary_variation_disabled';
-        }
-        return undefined;
-    };
-    var lineColorThemeIconColor = function () {
-        if (colorTheme === 'line1') {
-            return 'ui_cpnt_button_icon_error';
-        }
-        if (colorTheme === 'line2') {
-            return 'ui_cpnt_button_icon_primary';
-        }
-        if (colorTheme === 'line3') {
-            return 'ui_cpnt_button_icon_darktheme_enabled';
-        }
-    };
-    var primaryColorThemeIconColor = function () {
-        if (colorTheme === 'primary1') {
-            return 'ui_cpnt_button_icon_primary';
-        }
-    };
-    var secondaryColorThemeIconColor = function () {
-        if (colorTheme === 'secondary1') {
-            return 'ui_cpnt_button_icon_on_primary';
-        }
-    };
-    var iconColor = function () {
-        if (state === 'disabled') {
-            if (colorTheme === 'line3') {
-                return 'ui_cpnt_button_icon_darktheme_disabled';
-            }
-            if (styleTheme === 'secondary' && colorTheme === 'secondary1') {
-                return 'ui_cpnt_button_icon_secondary_variation_disabled';
-            }
-            return 'ui_cpnt_button_icon_disabled';
-        }
-        if (fillType === 'line' && isLineColorTheme) {
-            return lineColorThemeIconColor();
-        }
-        if (fillType) {
-            return types_1.iconFillTypeColors[fillType];
-        }
-        if (styleTheme === 'primary' && isPrimaryColorTheme) {
-            return primaryColorThemeIconColor();
-        }
-        if (styleTheme === 'secondary' && isSecondaryColorTheme) {
-            return secondaryColorThemeIconColor();
-        }
-        if (styleTheme) {
-            return types_1.iconStyleThemeColors[styleTheme];
-        }
-    };
-    var UploadMainButtonVariation = function () {
-        if (isLoading) {
-            return ((0, jsx_runtime_1.jsx)(S_LoadingUploadMainButton, __assign({ shapeType: shapeType, size: size, responsiveMode: responsiveMode, colorTheme: "none", disabled: true }, { children: (0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, disabled: true, accept: accept, multiple: multipleMode === 'use' }) })));
-        }
-        if (isSubmitting) {
-            return ((0, jsx_runtime_1.jsxs)(S_SubmittingUploadMainButton, __assign({ shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, colorTheme: colorTheme, disabled: false, isSubmitting: true }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, disabled: true, accept: accept, multiple: multipleMode === 'use' }), (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { colorKey: submittingProgressColor(), size: size === 'rlarge' ? 'large' : size })] })));
-        }
-        return ((0, jsx_runtime_1.jsxs)(S_UploadMainButton, __assign({ "x-pds-name": "UploadMainButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", shapeType: shapeType, fillType: fillType, styleTheme: styleTheme, size: size, responsiveMode: responsiveMode, fontWeight: fontWeight, colorTheme: colorTheme, disabled: state === 'disabled' }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, disabled: state === 'disabled', accept: accept, multiple: multipleMode === 'use', onChange: handleClick }), 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: types_1.textStyles[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 UploadMainButtonVariation();
-}
-var 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) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var shapeType = _a.shapeType;
-    return shapeType === 'round' && 'border-radius: 14px;';
-}, function (_a) {
-    var size = _a.size;
-    return size === 'rlarge' && 'width: 100%';
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var shapeType = _a.shapeType;
-    return shapeType === 'round' && 'border-radius: 14px;';
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var shapeType = _a.shapeType;
-    return shapeType === 'round' && 'border-radius: 10px;';
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var shapeType = _a.shapeType;
-    return shapeType === 'round' && 'border-radius: 8px;';
-});
-var fillDisabled = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_disabled;
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_primary;
-}, transitionStyle_1.ButtonTransition, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_fill_on_base_hover;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed;
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && fillDisabled;
-});
-var none = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border: solid 1px ", ";\n"], ["\n  border: solid 1px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_border_enabled;
-});
-var line1 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border: solid 1px ", ";\n"], ["\n  border: solid 1px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_border_error;
-});
-var line2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  border: solid 1px ", ";\n"], ["\n  border: solid 1px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_border_primary;
-});
-var line3 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 1px ", ";\n\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: solid 1px ", ";\n\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_base_darktheme_default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_border_darktheme_enabled;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_line_base_darktheme_hover;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_line_base_darktheme_pressed;
-});
-var 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, colorTheme = _a.colorTheme;
-    return colorTheme === 'line3'
-        ? theme.ui_cpnt_button_line_base_darktheme_default
-        : theme.ui_cpnt_button_line_base_default;
-}, function (_a) {
-    var theme = _a.theme, colorTheme = _a.colorTheme;
-    return colorTheme === 'line3'
-        ? theme.ui_cpnt_button_line_border_darktheme_disabled
-        : theme.ui_cpnt_button_line_border_disabled;
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_base_default;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_line_base_hover;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_line_base_pressed;
-}, transitionStyle_1.ButtonTransition, function (_a) {
-    var colorTheme = _a.colorTheme;
-    if (colorTheme === 'none') {
-        return none;
-    }
-    if (colorTheme === 'line1') {
-        return line1;
-    }
-    if (colorTheme === 'line2') {
-        return line2;
-    }
-    if (colorTheme === 'line3') {
-        return line3;
-    }
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && lineDisabled;
-});
-var primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_disabled;
-});
-var primary1 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_primary_variation_base_enabled;
-});
-var 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) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_fill_base_primary;
-}, transitionStyle_1.ButtonTransition, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_fill_on_base_hover;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_fill_on_base_pressed;
-}, function (_a) {
-    var colorTheme = _a.colorTheme;
-    return colorTheme === 'primary1' && primary1;
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && primaryDisabled;
-});
-var secondary1Disabled = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    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 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 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_hover;
-}, 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  &: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 theme = _a.theme;
-    return theme.ui_cpnt_button_line_base_hover;
-}, transitionStyle_1.ButtonTransition, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_fill_on_base_hover;
-}, function (_a) {
-    var theme = _a.theme, isSubmitting = _a.isSubmitting;
-    return !isSubmitting && theme.ui_cpnt_button_secondary_on_base_pressed;
-}, 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 disabled = _a.disabled;
-    return (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) {
-    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"])));
-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;

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

@@ -1 +0,0 @@
-export { default as UploadMainButton } from './UploadMainButton';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadMainButton = void 0;
-var UploadMainButton_1 = require("./UploadMainButton");
-Object.defineProperty(exports, "UploadMainButton", { enumerable: true, get: function () { return __importDefault(UploadMainButton_1).default; } });

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

@@ -1,15 +0,0 @@
-export declare const textStyles: {
-    readonly rlarge: "body1Bold";
-    readonly large: "body1Bold";
-    readonly medium: "body2Bold";
-    readonly small: "caption1Bold";
-    readonly xsmall: "caption1Regular";
-};
-export declare const iconFillTypeColors: {
-    readonly fill: "ui_cpnt_button_icon_on_primary";
-    readonly line: "ui_cpnt_button_icon_enabled";
-};
-export declare const iconStyleThemeColors: {
-    readonly primary: "ui_cpnt_button_icon_on_primary";
-    readonly secondary: "ui_cpnt_button_icon_primary";
-};

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconStyleThemeColors = exports.iconFillTypeColors = exports.textStyles = void 0;
-exports.textStyles = {
-    rlarge: 'body1Bold',
-    large: 'body1Bold',
-    medium: 'body2Bold',
-    small: 'caption1Bold',
-    xsmall: 'caption1Regular'
-};
-exports.iconFillTypeColors = {
-    fill: 'ui_cpnt_button_icon_on_primary',
-    line: 'ui_cpnt_button_icon_enabled'
-};
-exports.iconStyleThemeColors = {
-    primary: 'ui_cpnt_button_icon_on_primary',
-    secondary: 'ui_cpnt_button_icon_primary'
-};

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { PDSTextType } from '../../../common';
-type UploadTextButtonProps = {
-    text?: PDSTextType;
-    size?: 'rlarge' | 'large' | 'medium' | 'small' | 'xsmall';
-    responsiveMode?: 'none' | 'use';
-    fontWeight?: 'bold' | 'regular';
-    state?: 'normal' | 'disabled';
-    colorTheme?: 'none' | 'red' | 'grey_01' | 'grey2' | 'white' | 'white2';
-    accept?: string;
-    multipleMode?: 'none' | 'use';
-    onClick?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};
-declare function UploadTextButton({ text, size, responsiveMode, fontWeight, state, colorTheme, accept, multipleMode, onClick }: UploadTextButtonProps): JSX.Element;
-export default UploadTextButton;

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

@@ -1,142 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importStar(require("styled-components"));
-var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
-var TextLabel_1 = require("../TextLabel");
-var textStyle = {
-    rlarge: 'body1Bold',
-    large: 'body1Bold',
-    medium: 'body2Bold',
-    small: 'caption1Bold',
-    xsmall: 'caption1Regular'
-};
-var textColor = {
-    none: 'usrTextBrandPrimary',
-    red: 'sysTextError',
-    grey_01: 'sysTextPrimary',
-    grey2: 'sysTextSecondary',
-    white: 'sysTextWhite',
-    white2: 'sysTextWhite'
-};
-function UploadTextButton(_a) {
-    var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.state, state = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e, _f = _a.accept, accept = _f === void 0 ? '*' : _f, _g = _a.multipleMode, multipleMode = _g === void 0 ? 'none' : _g, onClick = _a.onClick;
-    var handleClick = function (e) {
-        if (onClick) {
-            onClick(e);
-        }
-        e.target.value = '';
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_UploadTextButton, __assign({ "x-pds-name": "UploadTextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, fontWeight: fontWeight, disabled: state === 'disabled', colorTheme: colorTheme }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, disabled: state === 'disabled', accept: accept, multiple: multipleMode === 'use', onChange: handleClick }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" })] })));
-}
-var 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) {
-    var size = _a.size;
-    return size === 'rlarge' && '100%';
-});
-var 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"])));
-var 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"])));
-var 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"])));
-var colorThemeDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"], ["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_base_hover;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_line_base_pressed;
-});
-var colorThemeWhite = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"], ["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_white_base_hover;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_button_white_base_pressed;
-});
-var colorThemeWhite2 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"], ["\n  &:hover:not([disabled]) {\n    background-color: ", ";\n  }\n  &:active:not([disabled]) {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textbutton_white_variation_base_hover;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textbutton_white_variation_base_pressed;
-});
-var S_UploadTextButton = styled_components_1.default.label(templateObject_8 || (templateObject_8 = __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  ", ";\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  ", ";\n\n  & > div {\n    font-weight: ", ";\n  }\n\n  ", ";\n  ", ";\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? 'default' : 'pointer');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-}, transitionStyle_1.ButtonTransition, function (_a) {
-    var colorTheme = _a.colorTheme;
-    switch (colorTheme) {
-        case 'none':
-        case 'red':
-        case 'grey_01':
-            return colorThemeDefault;
-        case 'grey2':
-            return colorThemeDefault;
-        case 'white':
-            return colorThemeWhite;
-        case 'white2':
-            return colorThemeWhite2;
-        default:
-            return colorThemeDefault;
-    }
-}, 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) {
-    var responsiveMode = _a.responsiveMode;
-    return responsiveMode === 'use' && 'width: 100%';
-});
-exports.default = UploadTextButton;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/src/desktop/components/UploadTextButton/index.d.ts

@@ -1 +0,0 @@
-export { default as UploadTextButton } from './UploadTextButton';

package/dist/src/desktop/components/UploadTextButton/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadTextButton = void 0;
-var UploadTextButton_1 = require("./UploadTextButton");
-Object.defineProperty(exports, "UploadTextButton", { enumerable: true, get: function () { return __importDefault(UploadTextButton_1).default; } });

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common';
-type Props = {
-    logoImageSrc?: string;
-    titleText?: PDSTextType;
-    menuMode?: 'center_text' | 'none';
-    textArray?: PDSValueOption[];
-    userImageSrc?: string;
-    loginInfoMode?: 'none' | 'profile' | 'button';
-    mBtnText?: PDSTextType;
-    dividerType?: 'none' | 'solid';
-    onClickLogo?: () => void;
-    onClickLoginInfo?: () => void;
-};
-declare function UserDesktopNavBar({ logoImageSrc, titleText, menuMode, textArray, userImageSrc, loginInfoMode, mBtnText, dividerType, onClickLogo, onClickLoginInfo }: Props): JSX.Element;
-export default UserDesktopNavBar;