@youngonesworks/ui 0.1.83 → 0.1.86

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 (7) hide show
  1. package/dist/components/phoneNumberInput/index.d.ts +2 -1
  2. package/dist/globals.css +1 -1
  3. package/dist/index.cjs +5 -4
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +5 -4
  6. package/dist/index.js.map +1 -1
  7. package/package.json +4 -2
package/dist/components/phoneNumberInput/index.d.ts CHANGED
@@ -23,8 +23,9 @@ interface PhoneInputSelectProps {
23
23
  phoneNumberError: string | undefined;
24
24
  phoneNumberExtensionError?: string | undefined;
25
25
  className?: string;
26
+ inputClass?: string;
26
27
  disabled?: boolean;
27
28
  label?: string | ReactNode;
28
29
  }
29
- export declare const PhoneNumberInput: ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, label, disabled, }: PhoneInputSelectProps) => import("react/jsx-runtime").JSX.Element;
30
+ export declare const PhoneNumberInput: ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, inputClass, label, disabled, }: PhoneInputSelectProps) => import("react/jsx-runtime").JSX.Element;
30
31
  export {};
package/dist/globals.css CHANGED
@@ -8,7 +8,7 @@
8
8
  @import "./styles/fonts.css";
9
9
  @import "./styles/variables.css";
10
10
  @import "./styles/utilities.css";
11
- @import "../node_modules/react-phone-input-2/lib/style.css";
11
+ @import "react-phone-input-2/lib/style.css";
12
12
 
13
13
  @keyframes spin {
14
14
  from {
package/dist/index.cjs CHANGED
@@ -1798,7 +1798,7 @@ PasswordInput.displayName = "PasswordInput";
1798
1798
 
1799
1799
  //#endregion
1800
1800
  //#region src/components/phoneNumberInput/index.tsx
1801
- const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid = true, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, label, disabled }) => {
1801
+ const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid = true, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, inputClass, label, disabled }) => {
1802
1802
  const handlePhoneChange = (0, react.useCallback)((value, country) => {
1803
1803
  if (!value || typeof country !== "object" || country === null || !("dialCode" in country)) return;
1804
1804
  const dialCode = `+${country.dialCode}`;
@@ -1834,8 +1834,8 @@ const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid
1834
1834
  }) : label,
1835
1835
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_phone_input_2.default, {
1836
1836
  inputProps: {
1837
- name: "phone",
1838
- id: "phoneNumber",
1837
+ name: phoneNumberField,
1838
+ id: phoneNumberField,
1839
1839
  required: true,
1840
1840
  disabled
1841
1841
  },
@@ -1852,7 +1852,8 @@ const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid
1852
1852
  onChange: handlePhoneChange,
1853
1853
  countryCodeEditable: false,
1854
1854
  enableSearch: false,
1855
- disableSearchIcon: true
1855
+ disableSearchIcon: true,
1856
+ inputClass
1856
1857
  }),
1857
1858
  (phoneNumberExtensionError || phoneNumberError) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
1858
1859
  className: "text-xs font-normal text-red-500",