@opexa/portal-components 0.0.107 → 0.0.108

package/dist/types/index.d.ts

@@ -828,4 +828,11 @@ export interface GameTypeData {
     slug: string;
     name: string;
 }
+export interface News {
+    id: string;
+    image: string;
+    title: string;
+    content: string;
+    category: string;
+}
 export {};

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { Checkbox } from '@ark-ui/react/checkbox';
 export declare const withContext: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -14,7 +14,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -27,7 +27,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -40,9 +40,9 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
     [x: string]: any;
-}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -55,7 +55,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -68,7 +68,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -81,7 +81,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -95,7 +95,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -108,7 +108,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -121,7 +121,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -135,7 +135,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -148,7 +148,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -161,7 +161,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -175,7 +175,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -201,7 +201,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -215,7 +215,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -228,7 +228,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -241,7 +241,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -255,7 +255,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -268,7 +268,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -281,6 +281,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;

package/dist/ui/Checkbox/checkbox.recipe.d.ts

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

package/dist/ui/Checkbox/checkbox.recipe.js

@@ -26,9 +26,9 @@ export const checkboxRecipe = tv({
             variant: 'outline',
             colorScheme: 'gray',
             className: {
-                control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none',
+                control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:cursor-not-allowed ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:cursor-not-allowed ui-readonly:opacity-50 ui-readonly:shadow-none',
                 indicator: 'text-cyan-950',
-                label: 'text-gray-600 text-xs leading-tight',
+                label: 'text-text-secondary-700 text-xs leading-tight',
             },
         },
     ],