@colisweb/rescript-toolkit 2.59.2 → 2.60.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.59.2",
+  "version": "2.60.0",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build -with-deps",

package/src/ui/Toolkit__Ui_Alert.res

@@ -4,7 +4,7 @@ type status = [#success | #error | #warning | #info]
 let make = (~title, ~description=?, ~status, ~className=?) =>
   <div
     className={cx([
-      "py-2 px-4 flex items-center border rounded",
+      "p-4 flex items-center border rounded-lg",
       switch status {
       | #success => "bg-success-50 border-success-500"
       | #error => "bg-danger-50 border-danger-500"
@@ -16,18 +16,19 @@ let make = (~title, ~description=?, ~status, ~className=?) =>
     {switch status {
     | #success => <BsReactIcons.MdCheckCircle size=28 className="text-success-600 flex-shrink-0" />
     | #error => <BsReactIcons.MdWarning size=28 className="text-danger-600 flex-shrink-0" />
-    | #warning => <BsReactIcons.MdWarning size=28 className="text-warning-600 flex-shrink-0" />
+    | #warning =>
+      <BsReactIcons.FaExclamationTriangle size=28 className="text-warning-600 flex-shrink-0" />
     | #info => <BsReactIcons.FaExclamationCircle size=28 className="text-info-600 flex-shrink-0" />
     }}
     <div className="mx-3">
       <div
         className={cx([
-          description->Option.isSome ? "font-bold" : "",
+          description->Option.isSome ? "font-semibold" : "",
           {
             switch status {
             | #success => "text-success-600"
             | #error => "text-danger-600"
-            | #warning => "text-warning-600"
+            | #warning => "text-warning-700"
             | #info => "text-info-600"
             }
           },

package/src/vendors/BsReactIcons.res

@@ -5980,3 +5980,8 @@ module FaCog = {
   @module("react-icons/fa") @react.component
   external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element = "FaCog"
 }
+module FaExclamationTriangle = {
+  @module("react-icons/fa") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaExclamationTriangle"
+}