@devtron-labs/devtron-fe-common-lib 0.0.7-beta-30 → 0.0.7-beta-31

package/dist/Common/Progressing.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ProgressingProps } from './Types';
-export declare function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element;
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
 export declare function DetailsProgressing({ loadingText, size, fullHeight, children, styles, }: ProgressingProps): JSX.Element;

package/dist/Common/Types.d.ts

@@ -123,6 +123,7 @@ export interface ProgressingProps {
     theme?: 'white' | 'default';
     styles?: React.CSSProperties;
     children?: React.ReactNode;
+    fillColor?: string;
 }
 export interface PopupMenuType {
     children?: any;

package/dist/index.js

@@ -3985,9 +3985,9 @@ function useThrottledEffect(callback, delay, deps) {
 }
 
 function Progressing(_a) {
-    var pageLoader = _a.pageLoader, size = _a.size, theme = _a.theme, styles = _a.styles;
+    var pageLoader = _a.pageLoader, size = _a.size, theme = _a.theme, styles = _a.styles, fillColor = _a.fillColor;
     var loaderSize = size ? "".concat(size, "px") : pageLoader ? '48px' : '20px';
-    return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles, "data-testid": "progressing" }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: "#06C", fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
+    return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles, "data-testid": "progressing" }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: fillColor || '#06C', fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
 }
 function DetailsProgressing(_a) {
     var loadingText = _a.loadingText, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.fullHeight, fullHeight = _c === void 0 ? false : _c, children = _a.children, styles = _a.styles;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.7-beta-30",
+    "version": "0.0.7-beta-31",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Progressing.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { ProgressingProps } from './Types'
 
-export function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element {
+export function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element {
     const loaderSize = size ? `${size}px` : pageLoader ? '48px' : '20px'
     return (
         <div className={`loader ${theme || 'default'}-background`} style={styles} data-testid="progressing">
@@ -18,7 +18,7 @@ export function Progressing({ pageLoader, size, theme, styles }: ProgressingProp
                             type="rotate"
                         />
                         <path
-                            fill="#06C"
+                            fill={fillColor || '#06C'}
                             fillRule="nonzero"
                             d="M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z"
                         />

package/src/Common/Types.ts

@@ -135,6 +135,7 @@ export interface ProgressingProps {
     theme?: 'white' | 'default'
     styles?: React.CSSProperties
     children?: React.ReactNode
+    fillColor?: string
 }
 
 export interface PopupMenuType {