@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
48 lines • 1.85 kB
JavaScript
;
/*
* Work TIF, Raman Marozau.
* All rights reserved.
* Copyright(c), 2025-present.
*
* Business Source License 1.1
*
* Copyright (C) 2025 Raman Marozau, raman@worktif.com
* Use of this software is governed by the Business Source License included in the LICENSE file and at www.mariadb.com/bsl11.
*
* Change Date: Never
* On the date above, in accordance with the Business Source License, use of this software will be governed by the open source license specified in the LICENSE file.
* Additional Use Grant: Free for personal and non-commercial research use only.
*
*
* SPDX-License-Identifier: BUSL-1.1
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.GlowingAvatar = exports.InteractiveAvatar = void 0;
const material_1 = require("@mui/material");
/**
* Represents an interactive avatar component.
* Inherits styles from the Avatar component and adds hover effects.
* Uses transitions for box shadow and transform properties.
*/
exports.InteractiveAvatar = (0, material_1.styled)(material_1.Avatar)({
transition: "box-shadow 0.3s ease, transform 0.3s ease",
"&:hover": {
boxShadow: "0px 0px 10px rgba(51, 101, 138, 0.8)", // Голубоватое свечение
transform: "scale(1.1)",
},
});
/**
* Component that represents a glowing avatar.
*
* GlowingAvatar is a styled component that extends the Avatar component.
* It adds a glow effect to the avatar upon hover by modifying the transform
* and box-shadow properties.
*/
exports.GlowingAvatar = (0, material_1.styled)(material_1.Avatar)({
transition: "transform 0.3s ease, box-shadow 0.3s ease",
"&:hover": {
transform: "scale(1.1)",
boxShadow: "0px 0px 12px rgba(51, 101, 138, 0.7)", // Голубоватое свечение
},
});
//# sourceMappingURL=index.js.map