@colisweb/rescript-toolkit 5.23.2 → 5.24.1

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/ui/Toolkit__Ui_MultiSelect.res +2 -2
  3. package/src/ui/Toolkit__Ui_MultiSelectWithValidation.res +2 -2
  4. package/src/ui/Toolkit__Ui_Radio.res +18 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colisweb/rescript-toolkit",
3
- "version": "5.23.2",
3
+ "version": "5.24.1",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "clean": "rescript clean",
package/src/ui/Toolkit__Ui_MultiSelect.res CHANGED
@@ -67,14 +67,14 @@ let make = (
67
67
  | options =>
68
68
  <>
69
69
  <div
70
- className="table table-fixed w-full pr-8"
70
+ className="table table-fixed w-full mr-8"
71
71
  title={options->Array.map(({label}) => label)->Js.Array2.joinWith(", ")}>
72
72
  <span className="table-cell truncate text-left">
73
73
  {options->Array.map(({label}) => label)->Js.Array2.joinWith(", ")->React.string}
74
74
  </span>
75
75
  </div>
76
76
  <button
77
- className={"absolute right-1 z-20 bg-info-100 text-info-600 text-sm rounded px-1.5 py-0.5 inline-flex items-center gap-2"}
77
+ className={"absolute right-1 bg-info-100 text-info-600 text-sm rounded px-1.5 py-0.5 inline-flex items-center gap-2"}
78
78
  onClick={event => {
79
79
  event->JsxEventC.Mouse.stopPropagation
80
80
  onChange([])
package/src/ui/Toolkit__Ui_MultiSelectWithValidation.res CHANGED
@@ -142,14 +142,14 @@ let make = (
142
142
  | options =>
143
143
  <>
144
144
  <div
145
- className="table table-fixed w-full pr-8"
145
+ className="table table-fixed w-full mr-8"
146
146
  title={options->Array.map(({label}) => label)->Js.Array2.joinWith(", ")}>
147
147
  <span className="table-cell truncate text-left">
148
148
  {options->Array.map(({label}) => label)->Js.Array2.joinWith(", ")->React.string}
149
149
  </span>
150
150
  </div>
151
151
  <button
152
- className={"absolute right-1 z-20 bg-info-100 text-info-600 text-sm rounded px-1.5 py-0.5 inline-flex items-center gap-2"}
152
+ className={"absolute right-1 bg-info-100 text-info-600 text-sm rounded px-1.5 py-0.5 inline-flex items-center gap-2"}
153
153
  onClick={event => {
154
154
  event->JsxEventC.Mouse.stopPropagation
155
155
  onValidate([])
package/src/ui/Toolkit__Ui_Radio.res CHANGED
@@ -55,11 +55,11 @@ let make = (
55
55
  "bg-white flex-shrink-0 cw-radio-circle",
56
56
  {
57
57
  switch variant {
58
- | Default => "peer-checked:border-primary-700 peer-checked:text-primary-700"
59
- | Filled => "peer-checked:border-primary-700 peer-checked:text-white"
58
+ | Default => "border peer-checked:border-4 peer-checked:border-primary-700 peer-checked:text-primary-700"
59
+ | Filled => "border-2 peer-checked:border-primary-700 peer-checked:text-white"
60
60
  }
61
61
  },
62
- "checkmark rounded-full border-2 mr-2 border-neutral-700 transform transition-all ease-in-out flex items-center justify-center",
62
+ "checkmark rounded-full mr-2 border-neutral-700 transform transition-all ease-in-out flex items-center justify-center",
63
63
  switch size {
64
64
  | #xs => "w-4 h-4"
65
65
  | #sm => "w-6 h-6"
@@ -67,17 +67,21 @@ let make = (
67
67
  | #lg => "w-10 h-10"
68
68
  },
69
69
  ])}>
70
- <span
71
- className={cx([
72
- "transform transition-all ease-in-out cw-radio-circle-content rounded-full",
73
- switch size {
74
- | #xs => "w-2 h-2"
75
- | #sm => "w-3 h-3"
76
- | #md => "w-4 h-4"
77
- | #lg => "w-6 h-6"
78
- },
79
- ])}
80
- />
70
+ {switch variant {
71
+ | Default => React.null
72
+ | Filled =>
73
+ <span
74
+ className={cx([
75
+ "transform transition-all ease-in-out cw-radio-circle-content rounded-full",
76
+ switch size {
77
+ | #xs => "w-2 h-2"
78
+ | #sm => "w-3 h-3"
79
+ | #md => "w-4 h-4"
80
+ | #lg => "w-6 h-6"
81
+ },
82
+ ])}
83
+ />
84
+ }}
81
85
  </span>
82
86
  <span
83
87
  className={cx([