@fctc/sme-widget-ui 2.3.7 → 2.3.9

package/dist/index.js

@@ -17145,14 +17145,24 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -17167,16 +17177,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {

package/dist/index.mjs

@@ -17018,14 +17018,24 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -17040,16 +17050,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {

package/dist/widgets.d.mts

@@ -177,7 +177,11 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-info'?: any;
     'decoration-danger'?: any;
     'decoration-warning'?: any;
+    'decoration-purpled'?: any;
+    'decoration-oranged'?: any;
+    'decoration-info-light'?: any;
     domainHelper?: any;
+    class?: string;
 }
 
 declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;

package/dist/widgets.d.ts

@@ -177,7 +177,11 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-info'?: any;
     'decoration-danger'?: any;
     'decoration-warning'?: any;
+    'decoration-purpled'?: any;
+    'decoration-oranged'?: any;
+    'decoration-info-light'?: any;
     domainHelper?: any;
+    class?: string;
 }
 
 declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;

package/dist/widgets.js

@@ -16394,14 +16394,24 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -16416,16 +16426,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {

package/dist/widgets.mjs

@@ -16331,14 +16331,24 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -16353,16 +16363,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "2.3.7",
+  "version": "2.3.9",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",