@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
37 lines • 1.3 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.AnimatedListItem = void 0;
const material_1 = require("@mui/material");
/**
* Represents a styled list item with animated fade-in effect.
* The item starts with opacity 0 and slightly below its original position
* and transitions to opacity 1 and its original position on visibility.
* @type {Function}
*/
exports.AnimatedListItem = (0, material_1.styled)("li")({
opacity: 1,
transform: "translateY(20px)",
transition: "opacity 0.4s ease, transform 0.4s ease",
"&.visible": {
opacity: 1,
transform: "translateY(0)",
},
});
//# sourceMappingURL=index.js.map