@colisweb/rescript-toolkit 4.1.2 → 4.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "4.1.2",
+  "version": "4.2.1",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/ui/Toolkit__Ui_Card.res

@@ -13,6 +13,7 @@ module Header = {
     ~actionDisabled: option<bool>=?,
     ~containerClassName="",
     ~buttonTestId="",
+    ~buttonColor=#info,
   ) =>
     <div className={cx(["flex flex-row items-center mb-4", containerClassName])}>
       <div
@@ -26,7 +27,7 @@ module Header = {
         <Toolkit__Ui_Button
           variant=#pill
           size=#xs
-          color=#info
+          color=buttonColor
           onClick={_ => event()}
           testId={buttonTestId}
           disabled={actionDisabled->Option.getWithDefault(false)}

package/src/ui/Toolkit__Ui_Card.resi

@@ -12,6 +12,7 @@ module Header: {
     ~actionDisabled: bool=?,
     ~containerClassName: string=?,
     ~buttonTestId: string=?,
+    ~buttonColor: Toolkit__Ui_Button.color=?,
   ) => React.element
 }
 

package/src/vendors/ReactIcons.res

@@ -6075,3 +6075,9 @@ module FaListAlt = {
   external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
     "FaListAlt"
 }
+
+module FaPauseCircle = {
+  @module("react-icons/fa") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaPauseCircle"
+}