@admin-layout/gluestack-ui-mobile 12.0.16-alpha.93 → 12.2.1-alpha.0

package/src/components/ui/badge/index.tsx

@@ -1,188 +0,0 @@
-'use client';
-import React from 'react';
-import { Text, View } from 'react-native';
-import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
-import { tva } from '@gluestack-ui/nativewind-utils/tva';
-import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
-import { cssInterop } from 'nativewind';
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-const SCOPE = 'BADGE';
-
-const badgeStyle = tva({
-    base: 'flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1',
-    variants: {
-        action: {
-            error: 'bg-background-error border-error-300',
-            warning: 'bg-background-warning border-warning-300',
-            success: 'bg-background-success border-success-300',
-            info: 'bg-background-info border-info-300',
-            muted: 'bg-background-muted border-background-300',
-        },
-        variant: {
-            solid: '',
-            outline: 'border',
-        },
-        size: {
-            sm: '',
-            md: '',
-            lg: '',
-        },
-    },
-});
-
-const badgeTextStyle = tva({
-    base: 'text-typography-700 font-body font-normal tracking-normal uppercase',
-
-    parentVariants: {
-        action: {
-            error: 'text-error-600',
-            warning: 'text-warning-600',
-            success: 'text-success-600',
-            info: 'text-info-600',
-            muted: 'text-background-800',
-        },
-        size: {
-            sm: 'text-2xs',
-            md: 'text-xs',
-            lg: 'text-sm',
-        },
-    },
-    variants: {
-        isTruncated: {
-            true: 'web:truncate',
-        },
-        bold: {
-            true: 'font-bold',
-        },
-        underline: {
-            true: 'underline',
-        },
-        strikeThrough: {
-            true: 'line-through',
-        },
-        sub: {
-            true: 'text-xs',
-        },
-        italic: {
-            true: 'italic',
-        },
-        highlight: {
-            true: 'bg-yellow-500',
-        },
-    },
-});
-
-const badgeIconStyle = tva({
-    base: 'fill-none',
-    parentVariants: {
-        action: {
-            error: 'text-error-600',
-            warning: 'text-warning-600',
-            success: 'text-success-600',
-            info: 'text-info-600',
-            muted: 'text-background-800',
-        },
-        size: {
-            sm: 'h-3 w-3',
-            md: 'h-3.5 w-3.5',
-            lg: 'h-4 w-4',
-        },
-    },
-});
-
-const ContextView = withStyleContext(View, SCOPE);
-
-cssInterop(PrimitiveIcon, {
-    className: {
-        target: 'style',
-        nativeStyleToProp: {
-            height: true,
-            width: true,
-            fill: true,
-            color: 'classNameColor',
-            stroke: true,
-        },
-    },
-});
-
-type IBadgeProps = React.ComponentPropsWithoutRef<typeof ContextView> & VariantProps<typeof badgeStyle>;
-const Badge = ({
-    children,
-    action = 'muted',
-    variant = 'solid',
-    size = 'md',
-    className,
-    ...props
-}: { className?: string } & IBadgeProps) => {
-    return (
-        <ContextView
-            className={badgeStyle({ action, variant, class: className })}
-            {...props}
-            context={{
-                action,
-                variant,
-                size,
-            }}
-        >
-            {children}
-        </ContextView>
-    );
-};
-
-type IBadgeTextProps = React.ComponentPropsWithoutRef<typeof Text> & VariantProps<typeof badgeTextStyle>;
-
-const BadgeText = React.forwardRef<React.ElementRef<typeof Text>, IBadgeTextProps>(
-    ({ children, className, size, ...props }, ref) => {
-        const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
-        return (
-            <Text
-                ref={ref}
-                className={badgeTextStyle({
-                    parentVariants: {
-                        size: parentSize,
-                        action: parentAction,
-                    },
-                    size,
-                    class: className,
-                })}
-                {...props}
-            >
-                {children}
-            </Text>
-        );
-    },
-);
-
-type IBadgeIconProps = React.ComponentPropsWithoutRef<typeof PrimitiveIcon> & VariantProps<typeof badgeIconStyle>;
-
-const BadgeIcon = React.forwardRef<React.ElementRef<typeof UIIcon>, IBadgeIconProps>(
-    ({ className, size, ...props }, ref) => {
-        const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
-
-        if (typeof size === 'number') {
-            return <UIIcon ref={ref} {...props} className={badgeIconStyle({ class: className })} size={size} />;
-        } else if ((props?.height !== undefined || props?.width !== undefined) && size === undefined) {
-            return <UIIcon ref={ref} {...props} className={badgeIconStyle({ class: className })} />;
-        }
-        return (
-            <UIIcon
-                className={badgeIconStyle({
-                    parentVariants: {
-                        size: parentSize,
-                        action: parentAction,
-                    },
-                    size,
-                    class: className,
-                })}
-                {...props}
-                ref={ref}
-            />
-        );
-    },
-);
-
-Badge.displayName = 'Badge';
-BadgeText.displayName = 'BadgeText';
-BadgeIcon.displayName = 'BadgeIcon';
-
-export { Badge, BadgeIcon, BadgeText };

package/src/components/ui/badge/index.web.tsx

@@ -1,188 +0,0 @@
-'use client';
-import React from 'react';
-import { PrimitiveIcon, UIIcon } from '@gluestack-ui/icon';
-import { tva } from '@gluestack-ui/nativewind-utils/tva';
-import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
-import { cssInterop } from 'nativewind';
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-const SCOPE = 'BADGE';
-
-const badgeStyle = tva({
-    base: 'flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1',
-    variants: {
-        action: {
-            error: 'bg-background-error border-error-300',
-            warning: 'bg-background-warning border-warning-300',
-            success: 'bg-background-success border-success-300',
-            info: 'bg-background-info border-info-300',
-            muted: 'bg-background-muted border-background-300',
-        },
-        variant: {
-            solid: '',
-            outline: 'border',
-        },
-        size: {
-            sm: '',
-            md: '',
-            lg: '',
-        },
-    },
-});
-
-const badgeTextStyle = tva({
-    base: 'text-typography-700 font-body font-normal tracking-normal uppercase',
-
-    parentVariants: {
-        action: {
-            error: 'text-error-600',
-            warning: 'text-warning-600',
-            success: 'text-success-600',
-            info: 'text-info-600',
-            muted: 'text-background-800',
-        },
-        size: {
-            sm: 'text-2xs',
-            md: 'text-xs',
-            lg: 'text-sm',
-        },
-    },
-    variants: {
-        isTruncated: {
-            true: 'web:truncate',
-        },
-        bold: {
-            true: 'font-bold',
-        },
-        underline: {
-            true: 'underline',
-        },
-        strikeThrough: {
-            true: 'line-through',
-        },
-        sub: {
-            true: 'text-xs',
-        },
-        italic: {
-            true: 'italic',
-        },
-        highlight: {
-            true: 'bg-yellow-500',
-        },
-    },
-});
-
-const badgeIconStyle = tva({
-    base: 'fill-none',
-    parentVariants: {
-        action: {
-            error: 'text-error-600',
-            warning: 'text-warning-600',
-            success: 'text-success-600',
-            info: 'text-info-600',
-            muted: 'text-background-800',
-        },
-        size: {
-            sm: 'h-3 w-3',
-            md: 'h-3.5 w-3.5',
-            lg: 'h-4 w-4',
-        },
-    },
-});
-
-const ContextView = withStyleContext(
-    ({ children, ...props }: React.HTMLProps<HTMLDivElement>) => <div {...props}>{children}</div>,
-    SCOPE,
-);
-
-cssInterop(PrimitiveIcon, {
-    className: {
-        target: 'style',
-        nativeStyleToProp: {
-            height: true,
-            width: true,
-            fill: true,
-            color: 'classNameColor',
-            stroke: true,
-        },
-    },
-});
-
-type IBadgeProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof badgeStyle>;
-const Badge = ({
-    children,
-    action = 'muted',
-    variant = 'solid',
-    size = 'md',
-    className,
-    ...props
-}: { className?: string } & IBadgeProps) => {
-    return (
-        <ContextView
-            className={badgeStyle({ action, variant, class: className })}
-            {...props}
-            context={{
-                action,
-                variant,
-                size,
-            }}
-        >
-            {children}
-        </ContextView>
-    );
-};
-
-type IBadgeTextProps = React.ComponentPropsWithoutRef<'span'> & VariantProps<typeof badgeTextStyle>;
-
-const BadgeText = React.forwardRef<HTMLSpanElement, IBadgeTextProps>(({ children, className, size, ...props }, ref) => {
-    const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
-    return (
-        <span
-            ref={ref}
-            className={badgeTextStyle({
-                parentVariants: {
-                    size: parentSize,
-                    action: parentAction,
-                },
-                size,
-                class: className,
-            })}
-            {...props}
-        >
-            {children}
-        </span>
-    );
-});
-
-type IBadgeIconProps = React.ComponentPropsWithoutRef<typeof PrimitiveIcon> & VariantProps<typeof badgeIconStyle>;
-
-const BadgeIcon = React.forwardRef<React.ElementRef<typeof UIIcon>, IBadgeIconProps>(
-    ({ className, size, ...props }, ref) => {
-        const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
-
-        if (typeof size === 'number') {
-            return <UIIcon ref={ref} {...props} className={badgeIconStyle({ class: className })} size={size} />;
-        } else if ((props?.height !== undefined || props?.width !== undefined) && size === undefined) {
-            return <UIIcon ref={ref} {...props} className={badgeIconStyle({ class: className })} />;
-        }
-        return (
-            <UIIcon
-                className={badgeIconStyle({
-                    parentVariants: {
-                        size: parentSize,
-                        action: parentAction,
-                    },
-                    size,
-                    class: className,
-                })}
-                {...props}
-                ref={ref}
-            />
-        );
-    },
-);
-
-Badge.displayName = 'Badge';
-BadgeText.displayName = 'BadgeText';
-BadgeIcon.displayName = 'BadgeIcon';
-
-export { Badge, BadgeIcon, BadgeText };

package/src/components/ui/box/index.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { View, ViewProps } from 'react-native';
-
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-import { boxStyle } from './styles';
-
-type IBoxProps = ViewProps & VariantProps<typeof boxStyle> & { className?: string };
-
-const Box = React.forwardRef<React.ElementRef<typeof View>, IBoxProps>(({ className, ...props }, ref) => {
-    return <View ref={ref} {...props} className={boxStyle({ class: className })} />;
-});
-
-Box.displayName = 'Box';
-export { Box };

package/src/components/ui/box/index.web.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { boxStyle } from './styles';
-
-import type { VariantProps } from '@gluestack-ui/nativewind-utils';
-
-type IBoxProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof boxStyle> & { className?: string };
-
-const Box = React.forwardRef<HTMLDivElement, IBoxProps>(({ className, ...props }, ref) => {
-    return <div ref={ref} className={boxStyle({ class: className })} {...props} />;
-});
-
-Box.displayName = 'Box';
-export { Box };

package/src/components/ui/box/styles.tsx

@@ -1,10 +0,0 @@
-import { tva } from '@gluestack-ui/nativewind-utils/tva';
-import { isWeb } from '@gluestack-ui/nativewind-utils/IsWeb';
-
-const baseStyle = isWeb
-    ? 'flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none'
-    : '';
-
-export const boxStyle = tva({
-    base: baseStyle,
-});