@react-cupertino-ui/shared 2.0.3 → 2.0.5

package/dist/lib/constants/tokens/breakpoints.d.ts

@@ -0,0 +1,8 @@
+export declare const breakpoints: {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+    largeDesktop: string;
+};
+export default breakpoints;
+export type Breakpoints = typeof breakpoints;

package/dist/lib/constants/tokens/breakpoints.js

@@ -0,0 +1,7 @@
+export const breakpoints = {
+    mobile: "480px",
+    tablet: "768px",
+    desktop: "1024px",
+    largeDesktop: "1200px",
+};
+export default breakpoints;

package/dist/lib/constants/tokens/colors.d.ts

@@ -0,0 +1,3 @@
+export * from "./dark-colors";
+export * from "./light-colors";
+export * from "./lemon-colors";

package/dist/lib/constants/tokens/colors.js

@@ -0,0 +1,3 @@
+export * from "./dark-colors";
+export * from "./light-colors";
+export * from "./lemon-colors";

package/dist/lib/constants/tokens/dark-colors.d.ts

@@ -0,0 +1,19 @@
+export declare const darkColors: {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+};
+export type DarkColors = typeof darkColors;

package/dist/lib/constants/tokens/dark-colors.js

@@ -0,0 +1,18 @@
+export const darkColors = {
+    background: "0 0% 100%",
+    foreground: "20 14.3% 4.1%",
+    card: "0 0% 100%",
+    cardForeground: "20 14.3% 4.1%",
+    popover: "0 0% 100%",
+    popoverForeground: "20 14.3% 4.1%",
+    primary: "24 9.8% 10%",
+    primaryForeground: "60 9.1% 97.8%",
+    secondary: "60 4.8% 95.9%",
+    secondaryForeground: "24 9.8% 10%",
+    muted: "60 4.8% 95.9%",
+    mutedForeground: "25 5.3% 44.7%",
+    accent: "60 4.8% 95.9%",
+    accentForeground: "24 9.8% 10%",
+    destructive: "0 84.2% 60.2%",
+    destructiveForeground: "60 9.1% 97.8%",
+};

package/dist/lib/constants/tokens/glass.d.ts

@@ -0,0 +1,37 @@
+export declare const glassTokens: {
+    blur: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    saturation: string;
+    opacity: {
+        surface: number;
+        hover: number;
+        pressed: number;
+        dark: number;
+    };
+    surface: {
+        light: string;
+        hover: string;
+        strong: string;
+        dark: string;
+    };
+    border: {
+        light: string;
+        dark: string;
+    };
+    shadow: {
+        light: string;
+        dark: string;
+    };
+    refraction: string;
+    glow: string;
+    press: {
+        duration: string;
+        scale: number;
+        rebound: number;
+    };
+};
+export type GlassTokens = typeof glassTokens;
+export default glassTokens;

package/dist/lib/constants/tokens/glass.js

@@ -0,0 +1,36 @@
+export const glassTokens = {
+    blur: {
+        sm: "20px",
+        md: "32px",
+        lg: "48px",
+    },
+    saturation: "180%",
+    opacity: {
+        surface: 0.7,
+        hover: 0.82,
+        pressed: 0.6,
+        dark: 0.45,
+    },
+    surface: {
+        light: "rgba(255, 255, 255, 0.7)",
+        hover: "rgba(255, 255, 255, 0.85)",
+        strong: "rgba(255, 255, 255, 0.95)",
+        dark: "rgba(16, 16, 16, 0.6)",
+    },
+    border: {
+        light: "rgba(255, 255, 255, 0.18)",
+        dark: "rgba(255, 255, 255, 0.12)",
+    },
+    shadow: {
+        light: "0 8px 32px rgba(0, 0, 0, 0.12)",
+        dark: "0 20px 50px rgba(0, 0, 0, 0.45)",
+    },
+    refraction: "linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, transparent 60%)",
+    glow: "0 0 40px rgba(0, 122, 255, 0.35)",
+    press: {
+        duration: "220ms",
+        scale: 0.97,
+        rebound: 1.02,
+    },
+};
+export default glassTokens;

package/dist/lib/constants/tokens/lemon-colors.d.ts

@@ -0,0 +1,19 @@
+export declare const lemonColors: {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+};
+export type LemonColors = typeof lemonColors;

package/dist/lib/constants/tokens/lemon-colors.js

@@ -0,0 +1,18 @@
+export const lemonColors = {
+    background: "0 0% 100%",
+    foreground: "20 14.3% 4.1%",
+    card: "0 0% 100%",
+    cardForeground: "20 14.3% 4.1%",
+    popover: "0 0% 100%",
+    popoverForeground: "20 14.3% 4.1%",
+    primary: "24 9.8% 10%",
+    primaryForeground: "60 9.1% 97.8%",
+    secondary: "60 4.8% 95.9%",
+    secondaryForeground: "24 9.8% 10%",
+    muted: "60 4.8% 95.9%",
+    mutedForeground: "25 5.3% 44.7%",
+    accent: "60 4.8% 95.9%",
+    accentForeground: "24 9.8% 10%",
+    destructive: "0 84.2% 60.2%",
+    destructiveForeground: "60 9.1% 97.8%",
+};

package/dist/lib/constants/tokens/light-colors.d.ts

@@ -0,0 +1,19 @@
+export declare const lightColors: {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+};
+export type LightColors = typeof lightColors;

package/dist/lib/constants/tokens/light-colors.js

@@ -0,0 +1,18 @@
+export const lightColors = {
+    background: "0 0% 100%",
+    foreground: "20 14.3% 4.1%",
+    card: "0 0% 100%",
+    cardForeground: "20 14.3% 4.1%",
+    popover: "0 0% 100%",
+    popoverForeground: "20 14.3% 4.1%",
+    primary: "24 9.8% 10%",
+    primaryForeground: "60 9.1% 97.8%",
+    secondary: "60 4.8% 95.9%",
+    secondaryForeground: "24 9.8% 10%",
+    muted: "60 4.8% 95.9%",
+    mutedForeground: "25 5.3% 44.7%",
+    accent: "60 4.8% 95.9%",
+    accentForeground: "24 9.8% 10%",
+    destructive: "0 84.2% 60.2%",
+    destructiveForeground: "60 9.1% 97.8%",
+};

package/dist/lib/constants/tokens/size.d.ts

@@ -0,0 +1,8 @@
+export declare const sizeTokens: {
+    default: string;
+    sm: string;
+    lg: string;
+    icon: string;
+};
+export default sizeTokens;
+export type SizeTokens = typeof sizeTokens;

package/dist/lib/constants/tokens/size.js

@@ -0,0 +1,7 @@
+export const sizeTokens = {
+    default: "0 0% 100%",
+    sm: "h-9 rounded-md px-3",
+    lg: "h-11 rounded-md px-8",
+    icon: "h-10 w-10",
+};
+export default sizeTokens;

package/dist/lib/constants/tokens/spacing.d.ts

@@ -0,0 +1,24 @@
+export declare const spacingTokens: {
+    stack: {
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xlg: string;
+        xxlg: string;
+    };
+    inline: {
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xlg: string;
+        xxlg: string;
+    };
+};
+export default spacingTokens;
+export type SpacingTokens = typeof spacingTokens;

package/dist/lib/constants/tokens/spacing.js

@@ -0,0 +1,23 @@
+export const spacingTokens = {
+    stack: {
+        xxxs: "1rem",
+        xxs: "2rem",
+        xs: "3rem",
+        sm: "4rem",
+        md: "5rem",
+        lg: "6rem",
+        xlg: "7rem",
+        xxlg: "8rem",
+    },
+    inline: {
+        xxxs: "0.5rem",
+        xxs: "1rem",
+        xs: "1.5rem",
+        sm: "2rem",
+        md: "2.5rem",
+        lg: "3rem",
+        xlg: "3.5rem",
+        xxlg: "4rem",
+    },
+};
+export default spacingTokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-cupertino-ui/shared",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Shared utilities and tokens for React Cupertino UI",
   "type": "module",
   "main": "./dist/index.js",