@bosonprotocol/react-kit 0.33.0-alpha.9 → 0.33.1-alpha.0

package/dist/esm/components/form/BaseCheckbox.js

@@ -0,0 +1,27 @@
+import { useField } from "formik";
+import { Check } from "phosphor-react";
+import React, { useEffect, useRef } from "react";
+import Error from "./Error";
+import { CheckboxWrapper } from "./Field.styles";
+export function BaseCheckbox({ name, text, theme, hideError, ...props }) {
+    const [field, meta, helpers] = useField(name);
+    const ref = useRef(field.value);
+    const errorMessage = meta.error && meta.touched ? meta.error : "";
+    const displayError = typeof errorMessage === "string" && errorMessage !== "";
+    const checkboxId = `checkbox-${name}`;
+    useEffect(() => {
+        if (ref.current !== field.value) {
+            if (!meta.touched) {
+                helpers.setTouched(true);
+            }
+        }
+    }, [field.value]); // eslint-disable-line
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CheckboxWrapper, { htmlFor: checkboxId, "$error": errorMessage, theme: theme },
+            React.createElement("input", { hidden: true, id: checkboxId, type: "checkbox", ...props, ...field, checked: field.value }),
+            React.createElement("div", null,
+                React.createElement(Check, { size: 16 })),
+            React.createElement("b", null, text)),
+        React.createElement(Error, { display: !hideError && displayError, message: errorMessage })));
+}
+//# sourceMappingURL=BaseCheckbox.js.map

package/dist/esm/components/form/BaseCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,oBAAC,eAAe,IAAC,OAAO,EAAE,UAAU,YAAU,YAAY,EAAE,KAAK,EAAE,KAAK;YACtE,+BACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,KACX,KAAK,KACL,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;YACF;gBACE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CACf;YACN,+BAAI,IAAI,CAAK,CACG;QAClB,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/components/form/Checkbox.d.ts

@@ -1,4 +1,15 @@
 /// <reference types="react" />
-import type { CheckboxProps } from "./types";
-export default function Checkbox({ name, text, ...props }: CheckboxProps): JSX.Element;
+import { BaseCheckboxProps } from "./BaseCheckbox";
+export declare const bosonCheckboxTheme: {
+    backgroundColor: "#F1F3F9";
+    borderColor: "#5560720f";
+    hover: {
+        borderColor: "#7829F9";
+    };
+    error: {
+        borderColor: "#FC6838";
+    };
+};
+export type CheckboxProps = Omit<BaseCheckboxProps, "theme">;
+export declare function Checkbox(props: CheckboxProps): JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/esm/components/form/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAkCvE"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGjE,eAAO,MAAM,kBAAkB;;;;;;;;;CASO,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;AAC7D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAE5C"}

package/dist/esm/components/form/Checkbox.js

@@ -1,27 +1,18 @@
-import { useField } from "formik";
-import { Check } from "phosphor-react";
-import React, { useEffect, useRef } from "react";
-import Error from "./Error";
-import { CheckboxWrapper } from "./Field.styles";
-export default function Checkbox({ name, text, ...props }) {
-    const [field, meta, helpers] = useField(name);
-    const ref = useRef(field.value);
-    const errorMessage = meta.error && meta.touched ? meta.error : "";
-    const displayError = typeof errorMessage === "string" && errorMessage !== "";
-    const checkboxId = `checkbox-${name}`;
-    useEffect(() => {
-        if (ref.current !== field.value) {
-            if (!meta.touched) {
-                helpers.setTouched(true);
-            }
-        }
-    }, [field.value]); // eslint-disable-line
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CheckboxWrapper, { htmlFor: checkboxId, error: errorMessage },
-            React.createElement("input", { hidden: true, id: checkboxId, type: "checkbox", ...props, ...field, checked: field.value }),
-            React.createElement("div", null,
-                React.createElement(Check, { size: 16 })),
-            React.createElement("b", null, text || "Checkbox")),
-        React.createElement(Error, { display: displayError, message: errorMessage })));
+import React from "react";
+import { theme } from "../../theme";
+import { BaseCheckbox } from "./BaseCheckbox";
+const colors = theme.colors.light;
+export const bosonCheckboxTheme = {
+    backgroundColor: colors.lightGrey,
+    borderColor: colors.border,
+    hover: {
+        borderColor: colors.secondary
+    },
+    error: {
+        borderColor: colors.orange
+    }
+};
+export function Checkbox(props) {
+    return React.createElement(BaseCheckbox, { ...props, theme: bosonCheckboxTheme });
 }
 //# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiB;IACtE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,oBAAC,eAAe,IAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY;YACvD,+BACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,KACX,KAAK,KACL,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;YACF;gBACE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CACf;YACN,+BAAI,IAAI,IAAI,UAAU,CAAK,CACX;QAClB,oBAAC,KAAK,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACtD,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAC,SAAS;IACjC,WAAW,EAAE,MAAM,CAAC,MAAM;IAC1B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC,SAAS;KAC9B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC,MAAM;KAC3B;CACmC,CAAC;AAEvC,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,oBAAC,YAAY,OAAK,KAAK,EAAE,KAAK,EAAE,kBAAkB,GAAI,CAAC;AAChE,CAAC"}

package/dist/esm/components/form/CountrySelect.d.ts

@@ -1,22 +1,37 @@
 /// <reference types="react" />
 import type { Country as CountryCode } from "react-phone-number-input";
+import { CSSObjectWithLabel } from "react-select";
 import { CSSProperties } from "styled-components";
 import type { InputProps } from "./types";
 export type { Country as CountryCode } from "react-phone-number-input";
 export type CountrySelectProps = InputProps & {
     countries?: CountryCode[];
+    fieldValueIsCountryCode?: boolean;
     theme?: Partial<{
-        controlHeight: CSSProperties["height"];
-        borderRadius: CSSProperties["borderRadius"];
-        controlHoverBorderColor: CSSProperties["borderColor"];
-        controlBackground: CSSProperties["background"];
-        controlFocusBorderColor: CSSProperties["borderColor"];
-        controlUnfocusedBorderColor: CSSProperties["borderColor"];
-        selectedOptionBackground: CSSProperties["background"];
-        unselectedOptionBackground: CSSProperties["background"];
-        selectedOptionColor: CSSProperties["color"];
-        unselectedOptionColor: CSSProperties["color"];
+        control: Partial<CSSProperties> & Partial<{
+            hover: Partial<CSSProperties>;
+            focus: Partial<CSSProperties>;
+            error: Partial<CSSProperties>;
+        }>;
+        option: Partial<CSSProperties> & Partial<{
+            selected: Partial<CSSProperties>;
+            disabled: Partial<CSSProperties>;
+            focus: Partial<CSSProperties>;
+            error: CSSProperties;
+        }>;
+        placeholder: Partial<CSSProperties> & Partial<{
+            error: CSSObjectWithLabel;
+        }>;
+        input: Partial<CSSProperties> & Partial<{
+            error: CSSObjectWithLabel;
+        }>;
+        singleValue: Partial<CSSProperties> & Partial<{
+            error: CSSObjectWithLabel;
+        }>;
+        menu: Partial<CSSProperties> & Partial<{
+            error: CSSObjectWithLabel;
+        }>;
     }>;
 };
-export declare function CountrySelect({ name, countries, theme: selectTheme, ...rest }: CountrySelectProps): JSX.Element;
+export declare function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }: CountrySelectProps): JSX.Element;
 //# sourceMappingURL=CountrySelect.d.ts.map

package/dist/esm/components/form/CountrySelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6GvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,2BAA2B,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1D,wBAAwB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,0BAA0B,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,qBAAqB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAuHpB"}
+{"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAe,EACb,kBAAkB,EAInB,MAAM,cAAc,CAAC;AACtB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA+IvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,GAC7B,OAAO,CAAC;YACN,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAC9B,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAC9B,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;SAC/B,CAAC,CAAC;QACL,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAC5B,OAAO,CAAC;YACN,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YACjC,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YACjC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAC9B,KAAK,EAAE,aAAa,CAAC;SACtB,CAAC,CAAC;QACL,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,OAAO,CAAC;YAAE,KAAK,EAAE,kBAAkB,CAAA;SAAE,CAAC,CAAC;QACzC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC;YAAE,KAAK,EAAE,kBAAkB,CAAA;SAAE,CAAC,CAAC;QACvE,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,OAAO,CAAC;YAAE,KAAK,EAAE,kBAAkB,CAAA;SAAE,CAAC,CAAC;QACzC,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC;YAAE,KAAK,EAAE,kBAAkB,CAAA;SAAE,CAAC,CAAC;KACvE,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAoHpB"}

package/dist/esm/components/form/CountrySelect.js

@@ -8,8 +8,9 @@ import styled from "styled-components";
 import { zIndex } from "../ui/zIndex";
 import Error from "./Error";
 import { theme as importedTheme } from "../../theme";
+import { checkIfValueIsEmpty } from "../../lib/object/checkIfValueIsEmpty";
 const colors = importedTheme.colors.light;
-const customStyles = {
+const customStyles = (error, customTheme) => ({
     control: (provided, state) => {
         const before = state.selectProps.label
             ? {
@@ -20,22 +21,23 @@ const customStyles = {
                 }
             }
             : null;
-        const { theme } = state;
         return {
             ...provided,
-            borderRadius: theme.borderRadius,
-            height: theme.controlHeight,
             alignContent: "center",
             padding: "0.4rem 1rem",
             boxShadow: "none",
+            background: colors.lightGrey,
+            ...customTheme?.control,
+            border: state.isFocused
+                ? customTheme?.control?.focus?.border ?? `1px solid ${colors.secondary}`
+                : !checkIfValueIsEmpty(error)
+                    ? customTheme?.control?.error?.border ?? `1px solid ${colors.orange}`
+                    : customTheme?.control?.border ?? `1px solid ${colors.border}`,
             ":hover": {
-                borderColor: theme.colors.controlHoverBorderColor,
-                borderWidth: "1px"
+                borderColor: colors.secondary,
+                borderWidth: "1px",
+                ...customTheme?.control?.hover
             },
-            background: theme.colors.controlBackground,
-            border: state.isFocused
-                ? `1px solid ${theme.colors.controlFocusBorderColor}`
-                : `1px solid ${theme.colors.controlUnfocusedBorderColor}`,
             ...before
         };
     },
@@ -48,27 +50,53 @@ const customStyles = {
         };
     },
     option: (provided, state) => {
-        const { theme } = state;
         return {
             ...provided,
+            ...customTheme?.option,
             cursor: state.isDisabled ? "not-allowed" : "pointer",
-            opacity: state.isDisabled ? "0.5" : "1",
+            opacity: state.isDisabled
+                ? customTheme?.option?.disabled?.opacity ?? "0.5"
+                : customTheme?.option?.opacity ?? "1",
             background: state.isOptionSelected || state.isSelected || state.isFocused
-                ? theme.colors.selectedOptionBackground
-                : theme.colors.unselectedOptionBackground,
+                ? customTheme?.option?.selected?.background ?? colors.lightGrey
+                : customTheme?.option?.background ?? colors.white,
             color: state.isOptionSelected || state.isSelected
-                ? theme.colors.selectedOptionColor
-                : theme.colors.unselectedOptionColor
+                ? customTheme?.option?.selected?.color ?? colors.secondary
+                : customTheme?.option?.color ?? colors.black,
+            ...(state.isDisabled && customTheme?.option?.disabled),
+            ...((state.isOptionSelected || state.isSelected) &&
+                customTheme?.option?.selected),
+            ...(state.isFocused && customTheme?.option?.focus),
+            ...(!checkIfValueIsEmpty(error) && customTheme?.option?.error)
+        };
+    },
+    menu: (provided) => {
+        return {
+            ...provided,
+            overflow: "hidden",
+            ...customTheme?.menu,
+            ...(!checkIfValueIsEmpty(error) && customTheme?.menu?.error)
         };
     },
-    menu: (provided) => ({
-        ...provided,
-        overflow: "hidden"
-    }),
     indicatorSeparator: () => ({
         display: "none"
+    }),
+    placeholder: (provided) => ({
+        ...provided,
+        ...customTheme?.placeholder,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.placeholder?.error)
+    }),
+    input: (provided) => ({
+        ...provided,
+        ...customTheme?.input,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.input?.error)
+    }),
+    singleValue: (provided) => ({
+        ...provided,
+        ...customTheme?.singleValue,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.singleValue?.error)
     })
-};
+});
 const ControlGrid = styled.div `
   display: flex;
   width: 100%;
@@ -76,6 +104,7 @@ const ControlGrid = styled.div `
   align-items: center;
   justify-content: space-between;
   .PhoneInputCountryIcon {
+    max-width: fit-content;
     min-width: 40px;
     display: inline;
     height: 27px;
@@ -83,6 +112,9 @@ const ControlGrid = styled.div `
       max-width: 40px;
     }
   }
+  svg {
+    max-width: 40px;
+  }
 `;
 const OptionGrid = styled.div `
   display: grid;
@@ -106,18 +138,22 @@ const PhoneWrapper = styled.div `
     transition: all 150ms ease-in-out;
   }
 `;
-export function CountrySelect({ name, countries, theme: selectTheme, ...rest }) {
+export function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }) {
     const { status } = useFormikContext();
     const [initialized, setInitialized] = useState(false);
     const [field, meta, helpers] = useField(name);
-    const errorText = meta.error || status?.[name];
-    const errorMessage = errorText && meta.touched ? errorText : "";
-    const displayError = typeof errorMessage === "string" && errorMessage !== "";
+    const errorMessage = meta.error || status?.[name];
+    const displayErrorMessage = meta.error && meta.touched && !errorMessage
+        ? meta.error
+        : meta.error && meta.touched && errorMessage
+            ? errorMessage
+            : "";
+    const displayError = typeof displayErrorMessage === "string" && displayErrorMessage !== "";
     const [phone, setPhone] = useState(undefined);
-    const [countryCode, setCountryCode] = useState();
+    const [countryCodeOrName, setCountryCodeOrName] = useState();
     useEffect(() => {
         if (!initialized && field.value) {
-            setCountryCode(field.value);
+            setCountryCodeOrName(field.value);
             setInitialized(true);
         }
     }, [field.value, initialized]); // eslint-disable-line
@@ -127,46 +163,40 @@ export function CountrySelect({ name, countries, theme: selectTheme, ...rest })
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             , { 
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCode, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, theme: (theme) => ({
-                                ...theme,
-                                controlHeight: selectTheme?.controlHeight,
-                                borderRadius: selectTheme?.borderRadius || 0,
-                                colors: {
-                                    ...theme.colors,
-                                    controlHoverBorderColor: selectTheme?.controlHoverBorderColor ||
-                                        colors.secondary,
-                                    controlBackground: selectTheme?.controlBackground || colors.lightGrey,
-                                    controlFocusBorderColor: selectTheme?.controlFocusBorderColor ||
-                                        colors.secondary,
-                                    controlUnfocusedBorderColor: selectTheme?.controlUnfocusedBorderColor ||
-                                        colors.border,
-                                    selectedOptionBackground: selectTheme?.selectedOptionBackground ||
-                                        colors.lightGrey,
-                                    unselectedOptionBackground: selectTheme?.unselectedOptionBackground || colors.white,
-                                    selectedOptionColor: selectTheme?.selectedOptionColor || colors.secondary,
-                                    unselectedOptionColor: selectTheme?.unselectedOptionColor || colors.black
-                                }
-                            }), styles: customStyles, name: "countrySelect", value: (props?.options || []).find((o) => o.value === countryCode), onChange: (o) => {
-                                setCountryCode(o.value);
-                                helpers.setValue(o.label);
-                            }, components: {
-                                Control: (props) => {
-                                    const country = props?.getValue()[0]?.value || null;
-                                    return (React.createElement(components.Control, { ...props },
-                                        React.createElement(ControlGrid, null,
-                                            country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
-                                            props.children)));
-                                },
-                                Option: (props) => {
-                                    const country = props?.data?.value || null;
-                                    return (React.createElement(components.Option, { ...props },
-                                        React.createElement(OptionGrid, null,
-                                            country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
-                                            props.label)));
-                                }
-                            } })))) })),
+                inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCodeOrName, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => {
+                    const value = (props?.options || []).find((o) => fieldValueIsCountryCode
+                        ? o.value === countryCodeOrName
+                        : o.label === countryCodeOrName);
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("div", null,
+                            React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, styles: customStyles(displayErrorMessage, selectTheme), name: "countrySelect", value: value, onChange: (o) => {
+                                    if (!meta.touched) {
+                                        helpers.setTouched(true);
+                                    }
+                                    const value = fieldValueIsCountryCode ? o.value : o.label;
+                                    setCountryCodeOrName(value);
+                                    helpers.setValue(value);
+                                }, onBlur: () => {
+                                    if (!meta.touched) {
+                                        helpers.setTouched(true);
+                                    }
+                                }, components: {
+                                    Control: (props) => {
+                                        const country = props?.getValue()[0]?.value || null;
+                                        return (React.createElement(components.Control, { ...props },
+                                            React.createElement(ControlGrid, null,
+                                                country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
+                                                props.children)));
+                                    },
+                                    Option: (props) => {
+                                        const country = props?.data?.value || null;
+                                        return (React.createElement(components.Option, { ...props },
+                                            React.createElement(OptionGrid, null,
+                                                country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
+                                                props.label)));
+                                    }
+                                } }))));
+                } })),
         React.createElement(Error, { display: !rest.hideError && displayError, message: errorMessage })));
 }
 //# sourceMappingURL=CountrySelect.js.map

package/dist/esm/components/form/CountrySelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,MAAM,EAAE,EAA2B,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;AAC1C,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,CAAC,QAAa,EAAE,KAAU,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK;YACpC,CAAC,CAAC;gBACE,SAAS,EAAE;oBACT,OAAO,EAAE,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG;oBACvC,UAAU,EAAE,KAAK;oBACjB,WAAW,EAAE,MAAM;iBACpB;aACF;YACH,CAAC,CAAC,IAAI,CAAC;QACT,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACxB,OAAO;YACL,GAAG,QAAQ;YACX,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,MAAM,EAAE,KAAK,CAAC,aAAa;YAC3B,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,aAAa;YACtB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE;gBACR,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;gBACjD,WAAW,EAAE,KAAK;aACnB;YACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;YAC1C,MAAM,EAAE,KAAK,CAAC,SAAS;gBACrB,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,uBAAuB,EAAE;gBACrD,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,2BAA2B,EAAE;YAC3D,GAAG,MAAM;SACV,CAAC;IACJ,CAAC;IACD,SAAS,EAAE,CAAC,QAAa,EAAE,KAAU,EAAE,EAAE;QACvC,OAAO;YACL,GAAG,QAAQ;YACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAC3D,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;SACd,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,QAAa,EAAE,KAAU,EAAE,EAAE;QACpC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACxB,OAAO;YACL,GAAG,QAAQ;YACX,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;YACpD,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;YACvC,UAAU,EACR,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS;gBAC3D,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;gBACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,0BAA0B;YAC7C,KAAK,EACH,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU;gBACxC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB;gBAClC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,qBAAqB;SACzC,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACnB,GAAG,QAAQ;QACX,QAAQ,EAAE,QAAQ;KACnB,CAAC;IACF,kBAAkB,EAAE,GAAG,EAAE,CAAC,CAAC;QACzB,OAAO,EAAE,MAAM;KAChB,CAAC;CAKH,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc7B,CAAC;AACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAW9B,CAAC;AAkBF,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACY;IACnB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAAE;YAC/B,cAAc,CAAC,KAAK,CAAC,KAAoB,CAAC,CAAC;YAC3C,cAAc,CAAC,IAAI,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEtD,OAAO,CACL;QACE,oBAAC,YAAY;YACX,oBAAC,UAAU;YACT,6DAA6D;;gBAA7D,6DAA6D;gBAC7D,cAAc,EAAE,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,gCAAW,CACZ,CAAC,EACF,sBAAsB,EAAE,KAAK,EAC7B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAC/D,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC7D;oBACE;wBACE,oBAAC,MAAM,OACD,IAAI,KACJ,KAAK,EACT,UAAU,EAAE,IAAI,CAAC,QAAQ,EACzB,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gCACjB,GAAG,KAAK;gCACR,aAAa,EAAE,WAAW,EAAE,aAAa;gCACzC,YAAY,EAAE,WAAW,EAAE,YAAY,IAAI,CAAC;gCAC5C,MAAM,EAAE;oCACN,GAAG,KAAK,CAAC,MAAM;oCACf,uBAAuB,EACrB,WAAW,EAAE,uBAAuB;wCACpC,MAAM,CAAC,SAAS;oCAClB,iBAAiB,EACf,WAAW,EAAE,iBAAiB,IAAI,MAAM,CAAC,SAAS;oCACpD,uBAAuB,EACrB,WAAW,EAAE,uBAAuB;wCACpC,MAAM,CAAC,SAAS;oCAClB,2BAA2B,EACzB,WAAW,EAAE,2BAA2B;wCACxC,MAAM,CAAC,MAAM;oCACf,wBAAwB,EACtB,WAAW,EAAE,wBAAwB;wCACrC,MAAM,CAAC,SAAS;oCAClB,0BAA0B,EACxB,WAAW,EAAE,0BAA0B,IAAI,MAAM,CAAC,KAAK;oCACzD,mBAAmB,EACjB,WAAW,EAAE,mBAAmB,IAAI,MAAM,CAAC,SAAS;oCACtD,qBAAqB,EACnB,WAAW,EAAE,qBAAqB,IAAI,MAAM,CAAC,KAAK;iCACrD;6BACF,CAAC,EACF,MAAM,EAAE,YAAY,EACpB,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,CAChC,CAAC,CAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAChD,EACD,QAAQ,EAAE,CAAC,CAAkB,EAAE,EAAE;gCAC/B,cAAc,CAAC,CAAC,CAAC,KAAoB,CAAC,CAAC;gCACvC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;4BAC5B,CAAC,EACD,UAAU,EAAE;gCACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oCACjB,MAAM,OAAO,GACV,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAS,EAAE,KAAK,IAAI,IAAI,CAAC;oCAC/C,OAAO,CACL,oBAAC,UAAU,CAAC,OAAO,OAAK,KAAK;wCAC3B,oBAAC,WAAW;4CACT,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAsB,EAAE,KAAK,EAAC,EAAE,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,OAAG,CACxB;4CACA,KAAK,CAAC,QAAe,CACV,CACK,CACtB,CAAC;gCACJ,CAAC;gCACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oCAChB,MAAM,OAAO,GAAI,KAAK,EAAE,IAAY,EAAE,KAAK,IAAI,IAAI,CAAC;oCACpD,OAAO,CACL,oBAAC,UAAU,CAAC,MAAM,OAAK,KAAK;wCAC1B,oBAAC,UAAU;4CACR,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IACH,OAAO,EAAE,OAAsB,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,OAAG,CACxB;4CACA,KAAK,CAAC,KAAK,CACD,CACK,CACrB,CAAC;gCACJ,CAAC;6BACF,GACD,CACE,CACL,CACJ,GACD,CACW;QACf,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC,IAAI,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACzE,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/form/Field.styles.d.ts

@@ -36,8 +36,20 @@ export declare const FieldInput: import("styled-components").IStyledComponent<"w
     $heightSize?: "regular" | "small" | "large" | undefined;
     theme?: InputTheme | undefined;
 }>>;
+export type FileUploadWrapperTheme = Partial<{
+    borderColor: CSSProperties["borderColor"];
+    borderRadius: CSSProperties["borderRadius"];
+    background: CSSProperties["background"];
+    focus: Partial<{
+        borderColor: CSSProperties["borderColor"];
+    }>;
+    error: Partial<{
+        borderColor: CSSProperties["borderColor"];
+    }>;
+}>;
 export declare const FileUploadWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    error: any;
+    $error: unknown;
+    theme: FileUploadWrapperTheme | undefined;
 }>>;
 export declare const FieldFileUpload: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$error" | "$heightSize"> & {
     $error?: any;
@@ -135,8 +147,30 @@ export declare const FormFieldWrapper: import("styled-components").IStyledCompon
     alignSelf?: import("csstype").Property.AlignSelf | undefined;
     justifySelf?: import("csstype").Property.JustifySelf | undefined;
 } & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export type CheckboxTheme = Partial<{
+    backgroundColor: CSSProperties["backgroundColor"];
+    borderColor: CSSProperties["borderColor"];
+    borderRadius: CSSProperties["borderRadius"];
+    color: CSSProperties["color"];
+    hover: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+    error: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+    checked: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+}>;
 export declare const CheckboxWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    error: any;
+    $error: unknown;
+    theme: CheckboxTheme;
 }>>;
 export declare const VideoPreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>>;
 export declare const ImagePreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;

package/dist/esm/components/form/Field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAS/D,eAAO,MAAM,UAAU,4NAGtB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;SAC3C,CAAC;QACF,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAC1C,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;SACzC,CAAC;QACF,WAAW,EAAE;YACX,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC;KACH,CAAC;CACH,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AACnD,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AACX,eAAO,MAAM,UAAU;aACZ,GAAG;;;GAsEb,CAAC;AAEF,eAAO,MAAM,iBAAiB;WAAuB,GAAG;GAsDvD,CAAC;AAEF,eAAO,MAAM,eAAe;aAhIjB,GAAG;;;;;;aAAH,GAAG;;;mDAkIb,CAAC;AAEF,eAAO,MAAM,sBAAsB;eAA2B,OAAO;GAiCpE,CAAC;AACF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;SAC3C,CAAC;QACF,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAC1C,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;SACzC,CAAC;QACF,WAAW,EAAE;YACX,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC;KACH,CAAC;CACH,CAAC;AACF,eAAO,MAAM,aAAa;YAA6B,GAAG;GA6DzD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAqB5B,CAAC;AAEF,eAAO,MAAM,eAAe;WAAyB,GAAG;GAmEvD,CAAC;AAEF,eAAO,MAAM,YAAY,yNAKxB,CAAC;AACF,eAAO,MAAM,YAAY,uNAExB,CAAC"}
+{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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"}