@colisweb/rescript-toolkit 2.30.0 → 2.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.30.0",
+  "version": "2.32.0",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/ui/Toolkit__Ui_Alert.res

@@ -4,23 +4,36 @@ type status = [#success | #error | #warning | #info]
 let make = (~title, ~description=?, ~status, ~className=?) =>
   <div
     className={cx([
-      "py-2 px-4 flex items-center",
+      "py-2 px-4 flex items-center border rounded",
       switch status {
-      | #success => "bg-success-50"
-      | #error => "bg-danger-50"
-      | #warning => "bg-warning-50"
-      | #info => "bg-info-50"
+      | #success => "bg-success-50 border-success-500"
+      | #error => "bg-danger-50 border-danger-500"
+      | #warning => "bg-warning-50 border-warning-500"
+      | #info => "bg-info-50 border-info-500"
       },
       className->Option.getWithDefault(""),
     ])}>
     {switch status {
-    | #success => <BsReactIcons.MdCheckCircle size=28 className="text-success-500 flex-shrink-0" />
+    | #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-500 flex-shrink-0" />
-    | #info => <BsReactIcons.MdInfoOutline size=28 className="text-info-500 flex-shrink-0" />
+    | #warning => <BsReactIcons.MdWarning 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={description->Option.isSome ? "font-bold" : ""}> title </div>
+      <div
+        className={cx([
+          description->Option.isSome ? "font-bold" : "",
+          {
+            switch status {
+            | #success => "text-success-600"
+            | #error => "text-danger-600"
+            | #warning => "text-warning-600"
+            | #info => "text-info-600"
+            }
+          },
+        ])}>
+        title
+      </div>
       {description->Option.getWithDefault(React.null)}
     </div>
   </div>

package/src/ui/Toolkit__Ui_Table.res

@@ -98,14 +98,7 @@ module Core = {
 
                 <React.Fragment key={"tr" ++ index->Int.toString}>
                   <Toolkit__Ui_Spread props={row.getRowProps()}>
-                    <tr
-                      className={cx([
-                        "block even:bg-gray-200",
-                        {
-                          open Css
-                          style(list{height(5.5->rem)})
-                        },
-                      ])}>
+                    <tr className={"block even:bg-gray-200 min-h-[5.5rem]"}>
                       {row.cells
                       ->Array.mapWithIndex((index, cell) =>
                         <Toolkit__Ui_Spread

package/src/vendors/Axios.res

@@ -98,12 +98,14 @@ external options: (string, ~config: config=?, unit) => Promise.Js.t<response<'da
   "options"
 
 module Interceptors = {
-  @module("axios") @scope(("default", "interceptors", "request"))
-  external requestInterceptor: ('config => Promise.Js.t<'updatedConfig, 'error>) => unit = "use"
+  type t
+  module Request = {
+    @module("axios") @scope(("default", "interceptors", "request"))
+    external use: ('config => Promise.Js.t<'updatedConfig, 'error>) => t = "use"
 
-  @module("axios") @scope(("default", "interceptors", "response"))
-  external responseInterceptor: ('response => Promise.Js.t<'updatedResponse, 'error>) => unit =
-    "use"
+    @module("axios") @scope(("default", "interceptors", "request"))
+    external eject: t => unit = "eject"
+  }
 }
 
 module WithResult = {