@hanzogui/config 2.0.0

package/src/v5-motion.ts

@@ -0,0 +1,109 @@
+import { createAnimations } from '@hanzogui/animations-motion'
+
+export const animationsMotion = createAnimations({
+  '0ms': {
+    duration: 0,
+  },
+  '50ms': {
+    duration: 50,
+  },
+  '75ms': {
+    duration: 75,
+  },
+  '100ms': {
+    duration: 100,
+  },
+  '200ms': {
+    duration: 200,
+  },
+  '250ms': {
+    duration: 250,
+  },
+  '300ms': {
+    duration: 300,
+  },
+  '400ms': {
+    duration: 400,
+  },
+  '500ms': {
+    duration: 500,
+  },
+  superLazy: {
+    type: 'spring',
+    damping: 15,
+    mass: 2,
+    stiffness: 20,
+  },
+  lazy: {
+    type: 'spring',
+    damping: 11,
+    mass: 0.25,
+    stiffness: 12,
+  },
+  slowest: {
+    type: 'spring',
+    damping: 9,
+    stiffness: 7.5,
+  },
+  slow: {
+    type: 'spring',
+    damping: 27,
+    stiffness: 45,
+  },
+  medium: {
+    damping: 12,
+    stiffness: 100,
+    mass: 0.85,
+  },
+  superBouncy: {
+    type: 'spring',
+    damping: 3,
+    mass: 0.7,
+    stiffness: 135,
+  },
+  bouncy: {
+    type: 'spring',
+    damping: 5.4,
+    mass: 0.9,
+    stiffness: 90,
+  },
+  quick: {
+    type: 'spring',
+    damping: 17,
+    mass: 0.5,
+    stiffness: 410,
+  },
+  quickLessBouncy: {
+    type: 'spring',
+    damping: 40,
+    mass: 1,
+    stiffness: 400,
+    velocity: 5,
+  },
+  quicker: {
+    type: 'spring',
+    damping: 20,
+    mass: 0.35,
+    stiffness: 450,
+  },
+  quickerLessBouncy: {
+    type: 'spring',
+    damping: 26,
+    mass: 0.5,
+    stiffness: 500,
+  },
+  quickest: {
+    type: 'spring',
+    damping: 22,
+    mass: 0.3,
+    stiffness: 550,
+  },
+  quickestLessBouncy: {
+    type: 'spring',
+    damping: 28,
+    mass: 0.4,
+    stiffness: 600,
+  },
+})
+
+export const animations = animationsMotion

package/src/v5-reanimated.ts

@@ -0,0 +1,105 @@
+import { createAnimations } from '@hanzogui/animations-reanimated'
+
+export const animationsReanimated = createAnimations({
+  '0ms': {
+    type: 'timing',
+    duration: 0,
+  },
+  '50ms': {
+    type: 'timing',
+    duration: 50,
+  },
+  '75ms': {
+    type: 'timing',
+    duration: 75,
+  },
+  '100ms': {
+    type: 'timing',
+    duration: 100,
+  },
+  '200ms': {
+    type: 'timing',
+    duration: 200,
+  },
+  '250ms': {
+    type: 'timing',
+    duration: 250,
+  },
+  '300ms': {
+    type: 'timing',
+    duration: 300,
+  },
+  '400ms': {
+    type: 'timing',
+    duration: 400,
+  },
+  '500ms': {
+    type: 'timing',
+    duration: 500,
+  },
+  superBouncy: {
+    damping: 5,
+    mass: 0.7,
+    stiffness: 180,
+  },
+  bouncy: {
+    damping: 9,
+    mass: 0.9,
+    stiffness: 120,
+  },
+  superLazy: {
+    damping: 25,
+    mass: 2,
+    stiffness: 25,
+  },
+  medium: {
+    damping: 16,
+    stiffness: 90,
+    mass: 0.8,
+  },
+  lazy: {
+    damping: 18,
+    mass: 0.2,
+    stiffness: 10,
+  },
+  slowest: {
+    damping: 15,
+    stiffness: 10,
+  },
+  slow: {
+    damping: 45,
+    stiffness: 60,
+  },
+  quick: {
+    damping: 25,
+    mass: 1,
+    stiffness: 550,
+  },
+  quickLessBouncy: {
+    damping: 40,
+    mass: 2,
+    stiffness: 400,
+  },
+  quicker: {
+    damping: 16,
+    mass: 0.6,
+    stiffness: 700,
+  },
+  quickerLessBouncy: {
+    damping: 27,
+    mass: 0.45,
+    stiffness: 750,
+  },
+  quickest: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400,
+  },
+  quickestLessBouncy: {
+    damping: 24,
+    mass: 0.35,
+    stiffness: 750,
+  },
+})
+
+export const animations = animationsReanimated

package/src/v5-rn.ts

@@ -0,0 +1,115 @@
+import { createAnimations } from '@hanzogui/animations-react-native'
+
+export const animationsReactNative = createAnimations({
+  '0ms': {
+    type: 'timing',
+    duration: 0,
+  },
+  '50ms': {
+    type: 'timing',
+    duration: 50,
+  },
+  '75ms': {
+    type: 'timing',
+    duration: 75,
+  },
+  '100ms': {
+    type: 'timing',
+    duration: 100,
+  },
+  '200ms': {
+    type: 'timing',
+    duration: 200,
+  },
+  '250ms': {
+    type: 'timing',
+    duration: 250,
+  },
+  '300ms': {
+    type: 'timing',
+    duration: 300,
+  },
+  '400ms': {
+    type: 'timing',
+    duration: 400,
+  },
+  '500ms': {
+    type: 'timing',
+    duration: 500,
+  },
+  superBouncy: {
+    type: 'spring',
+    damping: 5,
+    mass: 0.7,
+    stiffness: 180,
+  },
+  bouncy: {
+    type: 'spring',
+    damping: 9,
+    mass: 0.9,
+    stiffness: 120,
+  },
+  superLazy: {
+    type: 'spring',
+    damping: 25,
+    mass: 2,
+    stiffness: 25,
+  },
+  lazy: {
+    type: 'spring',
+    damping: 18,
+    mass: 0.2,
+    stiffness: 10,
+  },
+  medium: {
+    damping: 16,
+    stiffness: 90,
+    mass: 0.8,
+  },
+  slowest: {
+    type: 'spring',
+    damping: 15,
+    stiffness: 10,
+  },
+  slow: {
+    type: 'spring',
+    damping: 45,
+    stiffness: 60,
+  },
+  quick: {
+    type: 'spring',
+    damping: 25,
+    mass: 1,
+    stiffness: 550,
+  },
+  quickLessBouncy: {
+    type: 'spring',
+    damping: 40,
+    mass: 2,
+    stiffness: 400,
+  },
+  quicker: {
+    type: 'spring',
+    damping: 16,
+    mass: 0.6,
+    stiffness: 700,
+  },
+  quickerLessBouncy: {
+    type: 'spring',
+    damping: 27,
+    mass: 0.45,
+    stiffness: 750,
+  },
+  quickest: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400,
+  },
+  quickestLessBouncy: {
+    damping: 24,
+    mass: 0.35,
+    stiffness: 750,
+  },
+})
+
+export const animations = animationsReactNative

package/src/v5-subtle.ts

@@ -0,0 +1,4 @@
+// v5-subtle - desaturated color themes, no animations bundled
+
+export * from '@hanzogui/themes/v5-subtle'
+export * from './v5-base'

package/src/v5.ts

@@ -0,0 +1,7 @@
+// v5 base - no animations bundled, users import from specific paths:
+//   @hanzogui/config/v5-css
+//   @hanzogui/config/v5-native
+//   @hanzogui/config/v5-reanimated
+
+export * from '@hanzogui/themes/v5'
+export * from './v5-base'

package/tsconfig.json

@@ -0,0 +1,65 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true
+  },
+  "exclude": [
+    "types",
+    "v5.d.ts",
+    "v5.cjs",
+    "v5-css.d.ts",
+    "v5-css.cjs",
+    "v5-rn.d.ts",
+    "v5-rn.cjs",
+    "v5-reanimated.d.ts",
+    "v5-reanimated.cjs",
+    "v5-motion.d.ts",
+    "v5-motion.cjs",
+    "v5-subtle.d.ts",
+    "v5-subtle.cjs",
+    "v4.d.ts",
+    "v4.cjs",
+    "v3.cjs",
+    "v3.d.ts",
+    "v2.d.ts",
+    "v2.cjs",
+    "v2-reanimated.d.ts",
+    "v2-reanimated.js",
+    "v2-native.d.ts",
+    "v2-native.js",
+    "dist",
+    "**/__tests__"
+  ],
+  "references": [
+    {
+      "path": "../animations-css"
+    },
+    {
+      "path": "../animations-moti"
+    },
+    {
+      "path": "../animations-react-native"
+    },
+    {
+      "path": "../colors"
+    },
+    {
+      "path": "../font-inter"
+    },
+    {
+      "path": "../font-silkscreen"
+    },
+    {
+      "path": "../react-native-media-driver"
+    },
+    {
+      "path": "../shorthands"
+    },
+    {
+      "path": "../themes"
+    },
+    {
+      "path": "../web"
+    }
+  ]
+}

package/types/animations.css.d.ts

@@ -0,0 +1,10 @@
+export declare const animations: import("@hanzogui/web").AnimationDriver<{
+    '100ms': string;
+    bouncy: string;
+    lazy: string;
+    slow: string;
+    medium: string;
+    quick: string;
+    tooltip: string;
+}>;
+//# sourceMappingURL=animations.css.d.ts.map

package/types/animations.d.ts

@@ -0,0 +1,67 @@
+export declare const animations: import("@hanzogui/web").AnimationDriver<{
+    '0ms': {
+        type: "timing";
+        duration: number;
+    };
+    '50ms': {
+        type: "timing";
+        duration: number;
+    };
+    '75ms': {
+        type: "timing";
+        duration: number;
+    };
+    '100ms': {
+        type: "timing";
+        duration: number;
+    };
+    '200ms': {
+        type: "timing";
+        duration: number;
+    };
+    '250ms': {
+        type: "timing";
+        duration: number;
+    };
+    '300ms': {
+        type: "timing";
+        duration: number;
+    };
+    '400ms': {
+        type: "timing";
+        duration: number;
+    };
+    '500ms': {
+        type: "timing";
+        duration: number;
+    };
+    bouncy: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        damping: number;
+        stiffness: number;
+    };
+    medium: {
+        damping: number;
+        stiffness: number;
+        mass: number;
+    };
+    slow: {
+        damping: number;
+        stiffness: number;
+    };
+    quick: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    tooltip: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animations.d.ts.map

package/types/animations.reanimated.d.ts

@@ -0,0 +1,40 @@
+export declare const animations: import("@hanzogui/web").AnimationDriver<{
+    '100ms': {
+        type: string;
+        duration: number;
+    };
+    bouncy: {
+        type: string;
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        type: string;
+        damping: number;
+        stiffness: number;
+    };
+    medium: {
+        damping: number;
+        stiffness: number;
+        mass: number;
+    };
+    slow: {
+        type: string;
+        damping: number;
+        stiffness: number;
+    };
+    quick: {
+        type: string;
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    tooltip: {
+        type: string;
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animations.reanimated.d.ts.map

package/types/animationsCSS.d.ts

@@ -0,0 +1,28 @@
+export declare const animationsCSS: import("@hanzogui/web").AnimationDriver<{
+    '0ms': string;
+    '30ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    superBouncy: string;
+    bouncy: string;
+    kindaBouncy: string;
+    superLazy: string;
+    lazy: string;
+    medium: string;
+    slowest: string;
+    slow: string;
+    quick: string;
+    quickLessBouncy: string;
+    tooltip: string;
+    quicker: string;
+    quickerLessBouncy: string;
+    quickest: string;
+    quickestLessBouncy: string;
+}>;
+//# sourceMappingURL=animationsCSS.d.ts.map

package/types/animationsMotion.d.ts

@@ -0,0 +1,121 @@
+export declare const animationsMotion: import("@hanzogui/web").AnimationDriver<{
+    '0ms': {
+        duration: number;
+    };
+    '30ms': {
+        duration: number;
+    };
+    '50ms': {
+        duration: number;
+    };
+    '75ms': {
+        duration: number;
+    };
+    '100ms': {
+        duration: number;
+    };
+    '200ms': {
+        duration: number;
+    };
+    '250ms': {
+        duration: number;
+    };
+    '300ms': {
+        duration: number;
+    };
+    '400ms': {
+        duration: number;
+    };
+    '500ms': {
+        duration: number;
+    };
+    superBouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    bouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    kindaBouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    superLazy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    medium: {
+        damping: number;
+        stiffness: number;
+        mass: number;
+    };
+    slowest: {
+        type: "spring";
+        damping: number;
+        stiffness: number;
+    };
+    slow: {
+        type: "spring";
+        damping: number;
+        stiffness: number;
+    };
+    quick: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quickLessBouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+        velocity: number;
+    };
+    tooltip: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quicker: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quickerLessBouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quickest: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    quickestLessBouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animationsMotion.d.ts.map