infinity-forge 11.5.5 → 11.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/components/modal/component.d.ts +1 -1
- package/dist/ui/components/modal/component.js +2 -2
- package/dist/ui/components/modal/component.js.map +1 -1
- package/dist/ui/components/modal/interfaces.d.ts +1 -0
- package/dist/ui/components/user-menu/index.js +2 -1
- package/dist/ui/components/user-menu/index.js.map +1 -1
- package/dist/ui/components/user-menu/styles.js +2 -2
- package/dist/ui/components/user-menu/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ModalProps } from './interfaces.js';
|
|
2
|
-
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, stylesContent, hideCloseButton, disabledClickOverlay, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, className, stylesContent, hideCloseButton, disabledClickOverlay, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -40,7 +40,7 @@ var icons_1 = require("../../../ui/icons/index.js");
|
|
|
40
40
|
var hooks_1 = require("../../../ui/hooks/index.js");
|
|
41
41
|
var S = __importStar(require("./styles.js"));
|
|
42
42
|
function Modal(_a) {
|
|
43
|
-
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, stylesContent = _a.stylesContent, hideCloseButton = _a.hideCloseButton, disabledClickOverlay = _a.disabledClickOverlay;
|
|
43
|
+
var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, _d = _a.className, className = _d === void 0 ? '' : _d, stylesContent = _a.stylesContent, hideCloseButton = _a.hideCloseButton, disabledClickOverlay = _a.disabledClickOverlay;
|
|
44
44
|
var shouldRender = (0, hooks_1.useMountTransition)(open, 300);
|
|
45
45
|
function handleConfirm() {
|
|
46
46
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
|
|
@@ -52,7 +52,7 @@ function Modal(_a) {
|
|
|
52
52
|
var onClick = disabledClickOverlay ? undefined : onClose;
|
|
53
53
|
if (!shouldRender)
|
|
54
54
|
return null;
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { isExiting: !open, onClick: onClick, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className:
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { isExiting: !open, onClick: onClick, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, className: "modal-content ".concat(className), onClick: function (e) {
|
|
56
56
|
e.stopPropagation();
|
|
57
57
|
}, children: [(title || !hideCloseButton) && ((0, jsx_runtime_1.jsxs)("h2", { className: 'title', children: [(0, jsx_runtime_1.jsx)("span", { className: 'title_content', children: title && title }), !hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { className: 'close-button', type: 'button', onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }) }))] })), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: 'content_modal_infinity_forge', children: [message && (0, jsx_runtime_1.jsx)("p", { className: 'message', children: message }), children, (actions || onCancel || onConfirm) && ((0, jsx_runtime_1.jsxs)("div", { className: 'actions_modal_infinity_forge', children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: 'custom_actions_modal_infinity_forge', children: actions })] }))] })] }) }));
|
|
58
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,sBAwEC;;AA9ED,sCAAoC;AACpC,oCAAiC;AACjC,oCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAgBT;QAfX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,oBAAoB,0BAAA;IAEpB,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAElD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;IACf,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QACZ,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAM,OAAO,GAAG,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAA;IAE1D,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,YACzC,wBAAC,CAAC,CAAC,KAAK,IACN,KAAK,EAAE,MAAM,gBACD,CAAC,IAAI,EACjB,SAAS,EAAE,wBAAiB,SAAS,CAAE,EACvC,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,aAEA,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,IAAI,CAC9B,gCAAI,SAAS,EAAC,OAAO,aACnB,iCAAM,SAAS,EAAC,eAAe,YAAE,KAAK,IAAI,KAAK,GAAQ,EAEtD,CAAC,eAAe,IAAI,CACnB,mCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YAC7D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,CACV,IACE,CACN,EAED,iCAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,8BAA8B,aAChE,OAAO,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,EAE/C,QAAQ,EAER,CAAC,OAAO,IAAI,QAAQ,IAAI,SAAS,CAAC,IAAI,CACrC,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,IAAI,mCAAQ,OAAO,EAAE,YAAY,YAAG,UAAU,GAAU,EAEhE,SAAS,IAAI,mCAAQ,OAAO,EAAE,aAAa,YAAG,WAAW,GAAU,EAEnE,OAAO,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAO,IAC5E,CACP,IACG,IACE,GACF,CACX,CAAA;AACH,CAAC"}
|
|
@@ -41,7 +41,8 @@ var S = __importStar(require("./styles.js"));
|
|
|
41
41
|
function UserMenu(_a) {
|
|
42
42
|
var name = _a.name, subtitle = _a.subtitle, avatar = _a.avatar, email = _a.email, onEditProfile = _a.onEditProfile, onLogout = _a.onLogout, customOptions = _a.customOptions;
|
|
43
43
|
function UserMenuContent() {
|
|
44
|
-
|
|
44
|
+
var _a;
|
|
45
|
+
return ((0, jsx_runtime_1.jsxs)(S.UserMenuContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [avatar && (0, jsx_runtime_1.jsx)("img", { src: avatar, alt: name }), !avatar && (0, jsx_runtime_1.jsx)("div", { className: 'img', children: (_a = name === null || name === void 0 ? void 0 : name.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase() }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: 'title', children: name }), (0, jsx_runtime_1.jsx)("span", { className: 'subtext', children: email })] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("div", { className: 'options', children: [customOptions === null || customOptions === void 0 ? void 0 : customOptions.map(function (option) { return ((0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: option.onClick, children: [option.icon, (0, jsx_runtime_1.jsx)("span", { children: option.label })] })); }), onEditProfile && ((0, jsx_runtime_1.jsxs)("button", { className: 'option', onClick: onEditProfile, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconEditProfile' }), (0, jsx_runtime_1.jsx)("span", { children: "Editar Perfil" })] })), onLogout && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'separator' }), (0, jsx_runtime_1.jsxs)("button", { className: 'option red', onClick: onLogout, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconExit' }), (0, jsx_runtime_1.jsx)("span", { children: "Sair" })] })] }))] })] }));
|
|
45
46
|
}
|
|
46
47
|
return ((0, jsx_runtime_1.jsxs)(S.UserMenu, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: 'title', children: name }), (0, jsx_runtime_1.jsx)("span", { className: 'subtext', children: subtitle })] }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { idTooltip: 'user-menu-tooltip', trigger: (0, jsx_runtime_1.jsx)("img", { src: avatar, alt: name }), content: (0, jsx_runtime_1.jsx)(UserMenuContent, {}) })] }));
|
|
47
48
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/user-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/user-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,4BA2DC;;AA9ED,oCAAiC;AACjC,sCAAoC;AAEpC,0CAA6B;AAgB7B,SAAgB,QAAQ,CAAC,EAAyF;QAAvF,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA;IAC9F,SAAS,eAAe;;QACtB,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,eAChB,iCAAK,SAAS,EAAC,KAAK,aACjB,MAAM,IAAI,gCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAI,EAEzC,CAAC,MAAM,IAAI,gCAAK,SAAS,EAAC,KAAK,YAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,0CAAE,WAAW,EAAE,GAAO,EAEvE,4CACE,+BAAI,SAAS,EAAC,OAAO,YAAE,IAAI,GAAM,EACjC,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACpC,IACF,EAEN,gCAAK,SAAS,EAAC,WAAW,GAAG,EAE7B,iCAAK,SAAS,EAAC,SAAS,aACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC9B,oCAAQ,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,aAC/C,MAAM,CAAC,IAAI,EACZ,2CAAO,MAAM,CAAC,KAAK,GAAQ,IACpB,CACV,EAL+B,CAK/B,CAAC,EAED,aAAa,IAAI,CAChB,oCAAQ,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,aAC/C,uBAAC,YAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAE/B,6DAA0B,IACnB,CACV,EAEA,QAAQ,IAAI,CACX,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAE7B,oCAAQ,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,QAAQ,aAC9C,uBAAC,YAAI,IAAC,IAAI,EAAC,UAAU,GAAG,EAExB,oDAAiB,IACV,IACR,CACJ,IACG,IACY,CACrB,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,4CACE,+BAAI,SAAS,EAAC,OAAO,YAAE,IAAI,GAAM,EACjC,iCAAM,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAQ,IACvC,EAEN,uBAAC,iBAAO,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,gCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAI,EAAE,OAAO,EAAE,uBAAC,eAAe,KAAG,GAAI,IACtG,CACd,CAAA;AACH,CAAC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.UserMenuContent = exports.UserMenu = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.UserMenu = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n button {\n }\n\n img {\n min-width: 100%;\n min-height: 100%;\n object-fit: cover;\n border-radius: 99999px;\n\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n padding: 0;\n border: none;\n overflow: hidden;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.1s;\n background-color: #ccc;\n\n &:hover {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);\n }\n }\n"], ["\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n button {\n }\n\n img {\n min-width: 100%;\n min-height: 100%;\n object-fit: cover;\n border-radius: 99999px;\n\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n padding: 0;\n border: none;\n overflow: hidden;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.1s;\n background-color: #ccc;\n\n &:hover {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);\n }\n }\n"])));
|
|
13
|
-
exports.UserMenuContent = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .top {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 6px 8px;\n }\n\n .separator {\n width: 100%;\n height: 1px;\n background-color: #e5e7eb;\n margin: 4px 0;\n }\n\n img {\n object-fit: cover;\n border-radius: 99999px;\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n overflow: hidden;\n background-color: #ccc;\n }\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .option {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n width: 100%;\n padding: 6px 8px;\n transition: background-color 0.1s ease-in-out;\n border-radius: 4px;\n\n &:hover {\n background-color: #f3f4f6;\n }\n\n svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n }\n\n &.red {\n color: #dc2626;\n\n svg {\n stroke: currentColor;\n }\n\n &:hover {\n background-color: #dc262610;\n }\n }\n }\n"], ["\n .top {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 6px 8px;\n }\n\n .separator {\n width: 100%;\n height: 1px;\n background-color: #e5e7eb;\n margin: 4px 0;\n }\n\n img {\n object-fit: cover;\n border-radius: 99999px;\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n overflow: hidden;\n background-color: #ccc;\n }\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .option {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n width: 100%;\n padding: 6px 8px;\n transition: background-color 0.1s ease-in-out;\n border-radius: 4px;\n\n &:hover {\n background-color: #f3f4f6;\n }\n\n svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n }\n\n &.red {\n color: #dc2626;\n\n svg {\n stroke: currentColor;\n }\n\n &:hover {\n background-color: #dc262610;\n }\n }\n }\n"])));
|
|
12
|
+
exports.UserMenu = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n button {\n }\n\n img,\n .img {\n min-width: 100%;\n min-height: 100%;\n object-fit: cover;\n border-radius: 99999px;\n\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n padding: 0;\n border: none;\n overflow: hidden;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.1s;\n background-color: #ccc;\n\n &:hover {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);\n }\n }\n"], ["\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n button {\n }\n\n img,\n .img {\n min-width: 100%;\n min-height: 100%;\n object-fit: cover;\n border-radius: 99999px;\n\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n padding: 0;\n border: none;\n overflow: hidden;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.1s;\n background-color: #ccc;\n\n &:hover {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);\n }\n }\n"])));
|
|
13
|
+
exports.UserMenuContent = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .top {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 6px 8px;\n }\n\n .separator {\n width: 100%;\n height: 1px;\n background-color: #e5e7eb;\n margin: 4px 0;\n }\n\n img,\n .img {\n object-fit: cover;\n border-radius: 99999px;\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n overflow: hidden;\n background-color: #ccc;\n\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 1.8rem;\n color: #ffffff;\n text-transform: uppercase;\n }\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .option {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n width: 100%;\n padding: 6px 8px;\n transition: background-color 0.1s ease-in-out;\n border-radius: 4px;\n\n &:hover {\n background-color: #f3f4f6;\n }\n\n svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n }\n\n &.red {\n color: #dc2626;\n\n svg {\n stroke: currentColor;\n }\n\n &:hover {\n background-color: #dc262610;\n }\n }\n }\n"], ["\n .top {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 6px 8px;\n }\n\n .separator {\n width: 100%;\n height: 1px;\n background-color: #e5e7eb;\n margin: 4px 0;\n }\n\n img,\n .img {\n object-fit: cover;\n border-radius: 99999px;\n max-width: 40px;\n max-height: 40px;\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n border-radius: 99999px;\n overflow: hidden;\n background-color: #ccc;\n\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 1.8rem;\n color: #ffffff;\n text-transform: uppercase;\n }\n\n .title {\n font-size: 1.4rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.2;\n }\n\n .subtext {\n font-size: 1.2rem;\n font-weight: 400;\n color: #6b7280;\n line-height: 1.2;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .option {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n width: 100%;\n padding: 6px 8px;\n transition: background-color 0.1s ease-in-out;\n border-radius: 4px;\n\n &:hover {\n background-color: #f3f4f6;\n }\n\n svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n }\n\n &.red {\n color: #dc2626;\n\n svg {\n stroke: currentColor;\n }\n\n &:hover {\n background-color: #dc262610;\n }\n }\n }\n"])));
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/user-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/user-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qiCAAA,k+BAoDpC,KAAA;AAEY,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qoDAAA,kkDA8F3C,KAAA"}
|