@colisweb/rescript-toolkit 5.26.0 → 5.26.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colisweb/rescript-toolkit",
3
- "version": "5.26.0",
3
+ "version": "5.26.1",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "clean": "rescript clean",
@@ -738,6 +738,11 @@ module Make = (StateLenses: Config) => {
738
738
  </Toolkit__Ui_Label>
739
739
  <ReactPhoneNumberInput
740
740
  international
741
+ className={cx([
742
+ "bg-white border rounded",
743
+ error->Option.isSome ? "border-danger-500" : "",
744
+ ])}
745
+ id
741
746
  value
742
747
  countryCallingCodeEditable={false}
743
748
  defaultCountry
package/src/ui/styles.css CHANGED
@@ -33,6 +33,8 @@
33
33
 
34
34
  :root {
35
35
  --reach-dialog: 1;
36
+ --PhoneInputCountrySelectArrow-width: 0.5em;
37
+ --PhoneInputCountryFlag-height: 0.85em;
36
38
  }
37
39
 
38
40
  body {
@@ -260,16 +262,15 @@ input[type="number"] {
260
262
  -moz-appearance: textfield;
261
263
  }
262
264
 
263
- .PhoneInput {
264
- @apply bg-white border rounded;
265
- }
266
-
267
265
  .PhoneInputCountry {
268
- @apply px-2 m-2 border-r;
266
+ @apply pr-2 m-2 border-r;
269
267
  }
270
268
 
271
269
  .PhoneInputInput {
272
270
  @apply rounded-r py-2;
273
271
  }
272
+ .PhoneInputCountrySelectArrow {
273
+ @apply relative -top-px ml-2 text-neutral-600;
274
+ }
274
275
 
275
276
  /* purgecss end ignore */
@@ -7,6 +7,8 @@ external make: (
7
7
  ~defaultCountry: string=?,
8
8
  ~onChange: string => unit=?,
9
9
  ~onBlur: 'a => unit=?,
10
+ ~className: string=?,
11
+ ~id: string=?,
10
12
  ) => React.element = "default"
11
13
 
12
14
  @module("react-phone-number-input")