npm - @opexa/portal-components - Versions diffs - 0.0.307 → 0.0.309 - Mend

@opexa/portal-components 0.0.307 → 0.0.309

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 (266) hide show

package/dist/ui/Menu/menu.recipe.d.ts CHANGED Viewed

@@ -2,17 +2,17 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
@@ -21,38 +21,38 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
+} | {}, Record<"content" | "indicator" | "separator" | "trigger" | "positioner" | "arrow" | "arrowTip" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
             trigger?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             arrow?: import("tailwind-variants").ClassValue;
             arrowTip?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "indicator" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"content" | "indicator" | "separator" | "trigger" | "positioner" | "arrow" | "arrowTip" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "indicator" | "separator" | "trigger" | "positioner" | "arrow" | "arrowTip" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/NumberInput/numberInput.recipe.js CHANGED Viewed

@@ -3,11 +3,11 @@ import { tv } from 'tailwind-variants';
 import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
 export const numberInputRecipe = tv({
     slots: anatomyToRecipeSlots(numberInputAnatomy, {
-        control: 'border-border-primary bg-bg-primary ui-focus:border-border-brand ui-focus:shadow-brand-xs grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border ui-disabled:opacity-60 ui-readonly:cursor-default ui-readonly:opacity-50',
-        input: 'placeholder:text-text-placeholder row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed',
-        label: 'text-gray-600 mb-sm inline-block text-sm font-medium',
-        decrementTrigger: 'border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-60',
-        incrementTrigger: 'border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-60',
+        control: 'grid ui-readonly:cursor-default grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border border-border-primary ui-focus:border-border-brand bg-bg-primary ui-disabled:opacity-60 ui-readonly:opacity-50 ui-focus:shadow-brand-xs',
+        input: 'row-[span_2/span_2] w-full border-0 bg-transparent outline-none placeholder:text-text-placeholder disabled:cursor-not-allowed',
+        label: 'mb-sm inline-block font-medium text-gray-600 text-sm',
+        decrementTrigger: 'inline-flex cursor-pointer ui-disabled:cursor-not-allowed items-center justify-center border-border-primary border-t border-l icon:text-gray-600 ui-disabled:opacity-60',
+        incrementTrigger: 'inline-flex cursor-pointer ui-disabled:cursor-not-allowed items-center justify-center border-border-primary border-l icon:text-gray-600 ui-disabled:opacity-60',
     }),
     variants: {
         size: {

package/dist/ui/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -25,7 +25,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -38,7 +38,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<PasswordInput.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -52,7 +52,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -65,7 +65,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -78,7 +78,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<PasswordInput.IndicatorProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -92,7 +92,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -105,7 +105,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -118,7 +118,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<PasswordInput.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -132,7 +132,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -145,7 +145,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -158,7 +158,7 @@ export declare const Input: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<PasswordInput.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -172,7 +172,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -185,7 +185,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -198,7 +198,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const VisibilityTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<PasswordInput.VisibilityTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -212,7 +212,7 @@ export declare const VisibilityTrigger: import("react").ComponentType<import("@a
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -225,7 +225,7 @@ export declare const VisibilityTrigger: import("react").ComponentType<import("@a
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -238,5 +238,5 @@ export declare const VisibilityTrigger: import("react").ComponentType<import("@a
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: PasswordInput.ContextProps) => import("react").ReactNode;

package/dist/ui/PasswordInput/passwordInput.recipe.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export declare const passwordInputRecipe: import("tailwind-variants").TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
@@ -24,7 +24,7 @@ export declare const passwordInputRecipe: import("tailwind-variants").TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -37,4 +37,4 @@ export declare const passwordInputRecipe: import("tailwind-variants").TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "indicator" | "label" | "root" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/PasswordInput/passwordInput.recipe.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { tv } from 'tailwind-variants';
 import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
 export const passwordInputRecipe = tv({
     slots: anatomyToRecipeSlots(passwordInputAnatomy, {
-        input: 'placeholder:text-text-placeholder w-full grow outline-none',
+        input: 'w-full grow outline-none placeholder:text-text-placeholder',
         control: 'flex rounded-md border ui-disabled:opacity-60 ui-readonly:opacity-60',
-        label: 'text-text-secondary-700 mb-sm inline-block text-sm font-medium',
+        label: 'mb-sm inline-block font-medium text-sm text-text-secondary-700',
         visibilityTrigger: 'flex shrink-0 items-center justify-center',
     }),
     variants: {
@@ -27,7 +27,7 @@ export const passwordInputRecipe = tv({
             variant: 'outline',
             colorScheme: 'gray',
             className: {
-                control: 'bg-bg-primary border-border-primary focus-within:border-border-brand focus-within:shadow-brand-xs ui-disabled:shadow-none ui-readonly:shadow-none',
+                control: 'border-border-primary bg-bg-primary ui-disabled:shadow-none ui-readonly:shadow-none focus-within:border-border-brand focus-within:shadow-brand-xs',
             },
         },
     ],

package/dist/ui/PinInput/pinInput.recipe.js CHANGED Viewed

@@ -5,12 +5,12 @@ export const pinInputRecipe = tv({
     slots: anatomyToRecipeSlots(pinInputAnatomy, {
         control: 'grid',
         input: 'aspect-[48/52] w-full rounded-md outline-none',
-        label: 'text-input-label-fg mb-sm inline-block text-sm font-medium',
+        label: 'mb-sm inline-block font-medium text-input-label-fg text-sm',
     }),
     variants: {
         size: {
             md: {
-                input: 'text-center text-2xl font-medium',
+                input: 'text-center font-medium text-2xl',
                 control: 'gap-2',
             },
         },
@@ -26,7 +26,7 @@ export const pinInputRecipe = tv({
             variant: 'outline',
             colorScheme: 'gray',
             className: {
-                input: 'shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary focus:border-border-brand focus:shadow-brand-xs border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none',
+                input: 'border border-border-primary bg-bg-primary shadow-xs placeholder:text-text-placeholder-subtle read-only:opacity-60 read-only:shadow-none focus:border-border-brand focus:shadow-brand-xs disabled:opacity-50 disabled:shadow-none',
             },
         },
     ],