@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
38 lines • 1.49 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.LayeredCard = void 0;
const material_1 = require("@mui/material");
/**
* Represents a styled card component with layered effects.
* Extends from Material-UI Paper component.
* Applies a box shadow for a subtle hover effect.
* @constant {object} LayeredCard
*/
exports.LayeredCard = (0, material_1.styled)(material_1.Paper)({
boxShadow: "0px 6px 12px rgba(47, 72, 88, 0.1), 0px 8px 16px rgba(47, 72, 88, 0.2)", // Основной оттенок для тени
position: "relative",
zIndex: 10,
transition: "transform 0.3s ease, box-shadow 0.3s ease",
"&:hover": {
transform: "translateY(-5px)",
boxShadow: "0px 12px 24px rgba(47, 72, 88, 0.3)", // Глубокий акцент на тень
},
});
//# sourceMappingURL=index.js.map