@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
49 lines • 1.84 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.GradientProgress = exports.BrandProgressIndicator = void 0;
const material_1 = require("@mui/material");
/**
* Represents a custom styled CircularProgress component to show progress related to a brand.
*
* Properties:
* - color: Color code to be used for the progress indicator.
* - animationDuration: Duration of the animation in milliseconds.
* - strokeWidth: Width of the progress indicator line.
*/
exports.BrandProgressIndicator = (0, material_1.styled)(material_1.CircularProgress)({
color: "#33658A", // Color from palette
animationDuration: "800ms",
strokeWidth: 5,
});
/**
* Represents a custom styled CircularProgress with a gradient background that rotates infinitely.
* Inherits properties from CircularProgress component.
*
* @type {Component}
*/
exports.GradientProgress = (0, material_1.styled)(material_1.CircularProgress)({
animation: "rotate 2s linear infinite",
background: "conic-gradient(from 0deg, #2F4858, #33658A)", // Main gradient
borderRadius: "50%",
width: "40px",
height: "40px",
transition: "transform 0.5s ease",
});
//# sourceMappingURL=index.js.map