@opexa/portal-components 0.0.119 → 0.0.121

package/dist/ui/Field/Field.d.ts

@@ -1,6 +1,11 @@
 import { Field } from '@ark-ui/react/field';
 export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Field.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -15,6 +20,11 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -29,6 +39,11 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -44,6 +59,11 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Field.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -58,6 +78,11 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -72,6 +97,11 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -87,6 +117,11 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<Field.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -101,6 +136,11 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -115,6 +155,11 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -130,6 +175,11 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const HelperText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -144,6 +194,11 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -158,6 +213,11 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -173,6 +233,11 @@ export declare const HelperText: import("react").ComponentType<import("@ark-ui/r
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const ErrorText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -187,6 +252,11 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -201,6 +271,11 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -216,6 +291,11 @@ export declare const ErrorText: import("react").ComponentType<import("@ark-ui/re
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Select: import("react").ComponentType<import("@ark-ui/react").Assign<Field.SelectProps & import("react").RefAttributes<HTMLSelectElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -230,6 +310,11 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -244,6 +329,11 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -259,6 +349,11 @@ export declare const Select: import("react").ComponentType<import("@ark-ui/react
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Textarea: import("react").ComponentType<import("@ark-ui/react").Assign<Field.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -273,6 +368,11 @@ export declare const Textarea: import("react").ComponentType<import("@ark-ui/rea
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -287,6 +387,11 @@ export declare const Textarea: import("react").ComponentType<import("@ark-ui/rea
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;

package/dist/ui/Field/field.recipe.d.ts

@@ -1,5 +1,10 @@
 export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -14,6 +19,11 @@ export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;
@@ -28,6 +38,11 @@ export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
     };
 }, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
+        sm: {
+            input: string;
+            select: string;
+            textarea: string;
+        };
         md: {
             input: string;
             select: string;

package/dist/ui/Field/field.recipe.js

@@ -14,6 +14,11 @@ export const fieldRecipe = tv({
     }),
     variants: {
         size: {
+            sm: {
+                input: 'h-10 px-lg',
+                select: 'h-10 px-lg',
+                textarea: 'px-lg py-md',
+            },
             md: {
                 input: 'h-11 px-3.5',
                 select: 'h-11 px-3.5',