@colisweb/rescript-toolkit 5.27.0 → 5.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/ui/Toolkit__Ui.res +1 -0
  3. package/src/ui/Toolkit__Ui_SectionCard.res +11 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colisweb/rescript-toolkit",
3
- "version": "5.27.0",
3
+ "version": "5.28.0",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "clean": "rescript clean",
package/src/ui/Toolkit__Ui.res CHANGED
@@ -44,3 +44,4 @@ module Popover = Toolkit__Ui_Popover
44
44
  module DropdownMenu = Toolkit__Ui_DropdownMenu
45
45
  module ScrollArea = Toolkit__Ui_ScrollArea
46
46
  module PasswordRulesNotice = Toolkit__Ui_PasswordRulesNotice
47
+ module SectionCard = Toolkit__Ui_SectionCard
package/src/ui/Toolkit__Ui_SectionCard.res ADDED
@@ -0,0 +1,11 @@
1
+ @react.component
2
+ let make = (~title: React.element, ~icon: module(ReactIcons.Icon), ~children) => {
3
+ let module(Icon) = icon
4
+ <section className={"bg-white shadow-md rounded-lg"}>
5
+ <header className="bg-neutral-100 text-primary-700 px-6 py-4 flex flex-row items-center gap-2">
6
+ <Icon size={32} />
7
+ <p className={"font-medium text-xl font-display text-primary-800"}> {title} </p>
8
+ </header>
9
+ <div className="p-6 min-h-64"> {children} </div>
10
+ </section>
11
+ }