@particle-network/ui-react 0.5.1-beta.7 → 0.5.1-beta.9

package/dist/components/layout/Box/box-theme.d.ts

@@ -9,6 +9,132 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         fixed: string;
         sticky: string;
     };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
     display: {
         flex: string;
         inlineFlex: string;
@@ -31,17 +157,17 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     };
     zIndex: {
         auto: string;
-        '0': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '100': string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
     };
     direction: {
         row: string;
@@ -482,8 +608,8 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     bg: {
         current: string;
         transparent: string;
-        default: string;
-        pure: string;
+        bgDefault: string;
+        bgPure: string;
         bg100: string;
         bg200: string;
         bg300: string;
@@ -493,6 +619,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -548,6 +675,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -577,14 +705,25 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         divider: string;
         foreground: string;
         secondary: string;
+        secondaryForeground: string;
         tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
         primary: string;
+        primaryForeground: string;
         success: string;
+        successForeground: string;
         warning: string;
+        warningForeground: string;
         danger: string;
+        dangerForeground: string;
         alert: string;
+        alertForeground: string;
         bullish: string;
+        bullishForeground: string;
         bearish: string;
+        bearishForeground: string;
     };
     fontWeight: {
         normal: string;
@@ -610,6 +749,132 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         fixed: string;
         sticky: string;
     };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
     display: {
         flex: string;
         inlineFlex: string;
@@ -632,17 +897,17 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     };
     zIndex: {
         auto: string;
-        '0': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '100': string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
     };
     direction: {
         row: string;
@@ -1083,8 +1348,8 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     bg: {
         current: string;
         transparent: string;
-        default: string;
-        pure: string;
+        bgDefault: string;
+        bgPure: string;
         bg100: string;
         bg200: string;
         bg300: string;
@@ -1094,6 +1359,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -1149,6 +1415,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -1178,14 +1445,25 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         divider: string;
         foreground: string;
         secondary: string;
+        secondaryForeground: string;
         tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
         primary: string;
+        primaryForeground: string;
         success: string;
+        successForeground: string;
         warning: string;
+        warningForeground: string;
         danger: string;
+        dangerForeground: string;
         alert: string;
+        alertForeground: string;
         bullish: string;
+        bullishForeground: string;
         bearish: string;
+        bearishForeground: string;
     };
     fontWeight: {
         normal: string;
@@ -1211,6 +1489,132 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         fixed: string;
         sticky: string;
     };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
     display: {
         flex: string;
         inlineFlex: string;
@@ -1233,17 +1637,17 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     };
     zIndex: {
         auto: string;
-        '0': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '100': string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
     };
     direction: {
         row: string;
@@ -1684,8 +2088,8 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
     bg: {
         current: string;
         transparent: string;
-        default: string;
-        pure: string;
+        bgDefault: string;
+        bgPure: string;
         bg100: string;
         bg200: string;
         bg300: string;
@@ -1695,6 +2099,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -1750,6 +2155,7 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         foreground: string;
         secondary: string;
         tertiary: string;
+        cursor: string;
         primary: string;
         success: string;
         warning: string;
@@ -1779,14 +2185,25 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         divider: string;
         foreground: string;
         secondary: string;
+        secondaryForeground: string;
         tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
         primary: string;
+        primaryForeground: string;
         success: string;
+        successForeground: string;
         warning: string;
+        warningForeground: string;
         danger: string;
+        dangerForeground: string;
         alert: string;
+        alertForeground: string;
         bullish: string;
+        bullishForeground: string;
         bearish: string;
+        bearishForeground: string;
     };
     fontWeight: {
         normal: string;

package/dist/components/layout/Box/box-theme.js

@@ -50,8 +50,8 @@ const sizingPresets = [
 const bgClasses = {
     current: 'bg-current',
     transparent: 'bg-transparent',
-    default: 'bg-default',
-    pure: 'light:bg-white dark:bg-black',
+    bgDefault: 'bg-background',
+    bgPure: 'light:bg-white dark:bg-black',
     bg100: 'bg-background-100',
     bg200: 'bg-background-200',
     bg300: 'bg-background-300',
@@ -61,13 +61,14 @@ const bgClasses = {
     foreground: 'bg-foreground',
     secondary: 'bg-secondary',
     tertiary: 'bg-tertiary',
-    primary: 'bg-primary',
-    success: 'bg-success',
-    warning: 'bg-warning',
-    danger: 'bg-danger',
-    alert: 'bg-alert',
-    bullish: 'bg-bullish',
-    bearish: 'bg-bearish'
+    cursor: 'bg-cursor text-cursor-foreground',
+    primary: 'bg-primary text-primary-foreground',
+    success: 'bg-success text-success-foreground',
+    warning: 'bg-warning text-warning-foreground',
+    danger: 'bg-danger text-danger-foreground',
+    alert: 'bg-alert text-alert-foreground',
+    bullish: 'bg-bullish text-bullish-foreground',
+    bearish: 'bg-bearish text-bearish-foreground'
 };
 const colorClasses = {
     current: 'text-current',
@@ -75,14 +76,25 @@ const colorClasses = {
     divider: 'text-divider',
     foreground: 'text-foreground',
     secondary: 'text-secondary',
+    secondaryForeground: 'text-secondary-foreground',
     tertiary: 'text-tertiary',
+    tertiaryForeground: 'text-tertiary-foreground',
+    cursor: 'text-cursor',
+    cursorForeground: 'text-cursor-foreground',
     primary: 'text-primary',
+    primaryForeground: 'text-primary-foreground',
     success: 'text-success',
+    successForeground: 'text-success-foreground',
     warning: 'text-warning',
+    warningForeground: 'text-warning-foreground',
     danger: 'text-danger',
+    dangerForeground: 'text-danger-foreground',
     alert: 'text-alert',
+    alertForeground: 'text-alert-foreground',
     bullish: 'text-bullish',
-    bearish: 'text-bearish'
+    bullishForeground: 'text-bullish-foreground',
+    bearish: 'text-bearish',
+    bearishForeground: 'text-bearish-foreground'
 };
 const borderColorClasses = {
     transparent: 'border-transparent',
@@ -90,6 +102,7 @@ const borderColorClasses = {
     foreground: 'border-foreground',
     secondary: 'border-secondary',
     tertiary: 'border-tertiary',
+    cursor: 'border-cursor',
     primary: 'border-primary',
     success: 'border-success',
     warning: 'border-warning',
@@ -119,6 +132,13 @@ const boxVariants = tv({
             fixed: 'fixed',
             sticky: 'sticky'
         },
+        top: spacingClasses('top'),
+        right: spacingClasses('right'),
+        bottom: spacingClasses('bottom'),
+        left: spacingClasses('left'),
+        start: spacingClasses('start'),
+        end: spacingClasses('end'),
+        inset: spacingClasses('inset'),
         display: {
             flex: 'flex',
             inlineFlex: 'inline-flex',