@newageerp/v3.widgets.status-widget - npm Package Compare versions

Comparing version 2.4.6 to 2.4.7

dist/status-widget.d.ts

 import React, { ReactNode } from 'react';
 export declare enum StatusWidgetColors {
-    red = "tw3-bg-red-50 tw3-text-red-700",
-    purple = "tw3-bg-purple-50 tw3-text-purple-800",
-    blue = "tw3-bg-blue-50 tw3-text-blue-800",
-    sky = "tw3-bg-sky-50 tw3-text-sky-600",
-    lime = "tw3-bg-lime-50 tw3-text-lime-700",
-    green = "tw3-bg-green-50 tw3-text-green-700",
-    amber = "tw3-bg-amber-100 tw3-text-amber-600",
-    orange = "tw3-bg-orange-50 tw3-text-orange-600",
-    pink = "tw3-bg-pink-50 tw3-text-pink-700",
-    teal = "tw3-bg-teal-50 tw3-text-teal-700",
-    slate = "tw3-bg-slate-100 tw3-text-slate-800",
-    slateorange = "tw3-bg-slate-100 tw3-text-orange-600",
-    bronze = "tw3-bg-yellow-800/30 tw3-text-yellow-800",
-    black = "tw3-bg-gray-400 tw3-text-slate-900"
+    red = "bg-red-50 text-red-700",
+    purple = "bg-purple-50 text-purple-800",
+    blue = "bg-blue-50 text-blue-800",
+    sky = "bg-sky-50 text-sky-600",
+    lime = "bg-lime-50 text-lime-700",
+    green = "bg-green-50 text-green-700",
+    amber = "bg-amber-100 text-amber-600",
+    orange = "bg-orange-50 text-orange-600",
+    pink = "bg-pink-50 text-pink-700",
+    teal = "bg-teal-50 text-teal-700",
+    slate = "bg-slate-100 text-slate-800",
+    slateorange = "bg-slate-100 text-orange-600",
+    bronze = "bg-yellow-800/30 text-yellow-800",
+    black = "bg-gray-400 text-slate-900"
 }
@@ -18,0 +18,0 @@ export declare type StatusWidgetProps = {

dist/status-widget.js

@@ -11,21 +11,21 @@ "use strict";
 (function (StatusWidgetColors) {
-    StatusWidgetColors["red"] = "tw3-bg-red-50 tw3-text-red-700";
-    StatusWidgetColors["purple"] = "tw3-bg-purple-50 tw3-text-purple-800";
-    StatusWidgetColors["blue"] = "tw3-bg-blue-50 tw3-text-blue-800";
-    StatusWidgetColors["sky"] = "tw3-bg-sky-50 tw3-text-sky-600";
-    StatusWidgetColors["lime"] = "tw3-bg-lime-50 tw3-text-lime-700";
-    StatusWidgetColors["green"] = "tw3-bg-green-50 tw3-text-green-700";
-    StatusWidgetColors["amber"] = "tw3-bg-amber-100 tw3-text-amber-600";
-    StatusWidgetColors["orange"] = "tw3-bg-orange-50 tw3-text-orange-600";
-    StatusWidgetColors["pink"] = "tw3-bg-pink-50 tw3-text-pink-700";
-    StatusWidgetColors["teal"] = "tw3-bg-teal-50 tw3-text-teal-700";
-    StatusWidgetColors["slate"] = "tw3-bg-slate-100 tw3-text-slate-800";
-    StatusWidgetColors["slateorange"] = "tw3-bg-slate-100 tw3-text-orange-600";
-    StatusWidgetColors["bronze"] = "tw3-bg-yellow-800/30 tw3-text-yellow-800";
-    StatusWidgetColors["black"] = "tw3-bg-gray-400 tw3-text-slate-900";
+    StatusWidgetColors["red"] = "bg-red-50 text-red-700";
+    StatusWidgetColors["purple"] = "bg-purple-50 text-purple-800";
+    StatusWidgetColors["blue"] = "bg-blue-50 text-blue-800";
+    StatusWidgetColors["sky"] = "bg-sky-50 text-sky-600";
+    StatusWidgetColors["lime"] = "bg-lime-50 text-lime-700";
+    StatusWidgetColors["green"] = "bg-green-50 text-green-700";
+    StatusWidgetColors["amber"] = "bg-amber-100 text-amber-600";
+    StatusWidgetColors["orange"] = "bg-orange-50 text-orange-600";
+    StatusWidgetColors["pink"] = "bg-pink-50 text-pink-700";
+    StatusWidgetColors["teal"] = "bg-teal-50 text-teal-700";
+    StatusWidgetColors["slate"] = "bg-slate-100 text-slate-800";
+    StatusWidgetColors["slateorange"] = "bg-slate-100 text-orange-600";
+    StatusWidgetColors["bronze"] = "bg-yellow-800/30 text-yellow-800";
+    StatusWidgetColors["black"] = "bg-gray-400 text-slate-900";
 })(StatusWidgetColors = exports.StatusWidgetColors || (exports.StatusWidgetColors = {}));
 function StatusWidget({ children, color, isCompact, className, title, smallPadding, }) {
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('tw3-font-light  tw3-inline-block tw3-whitespace-nowrap', { 'tw3-px-[15px]': isCompact }, { 'tw3-px-[10px]': !isCompact && !smallPadding }, { 'tw3-px-[5px]': smallPadding }, { 'tw3-py-[2px] tw3-rounded-[2px]': smallPadding }, { 'tw3-py-[5px] tw3-rounded-lg': !smallPadding }, StatusWidgetColors[color], className), title: title }, children && isCompact ? children[0] : children));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('font-light  inline-block whitespace-nowrap', { 'px-[15px]': isCompact }, { 'px-[10px]': !isCompact && !smallPadding }, { 'px-[5px]': smallPadding }, { 'py-[2px] rounded-[2px]': smallPadding }, { 'py-[5px] rounded-lg': !smallPadding }, StatusWidgetColors[color], className), title: title }, children && isCompact ? children[0] : children));
 }
 exports.StatusWidget = StatusWidget;
 //# sourceMappingURL=status-widget.js.map

package.json

 {
   "name": "@newageerp/v3.widgets.status-widget",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "homepage": "https://bit.dev/newageerp/v3/widgets/status-widget",
@@ -9,3 +9,3 @@ "main": "dist/index.js",
     "name": "v3/widgets/status-widget",
-    "version": "2.4.6"
+    "version": "2.4.7"
   },
@@ -12,0 +12,0 @@ "dependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

36024

decreased by-0.73%

No dependency changes