@lawkit/ui 0.1.73 → 0.1.74

package/dist/tokens/src/contracts/theme-contract.css.d.ts

@@ -63,4 +63,16 @@ export declare const themeVars: {
         raised: `var(--${string})`;
         modal: `var(--${string})`;
     };
+    duration: {
+        fast: `var(--${string})`;
+        base: `var(--${string})`;
+        slow: `var(--${string})`;
+        slower: `var(--${string})`;
+    };
+    easing: {
+        standard: `var(--${string})`;
+        linear: `var(--${string})`;
+        decelerate: `var(--${string})`;
+        emphasized: `var(--${string})`;
+    };
 };

package/dist/tokens/src/foundation/duration-scale.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultDurationTokens: {
+    readonly fast: "100ms";
+    readonly base: "150ms";
+    readonly slow: "200ms";
+    readonly slower: "300ms";
+};

package/dist/tokens/src/foundation/easing-scale.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultEasingTokens: {
+    readonly standard: "ease";
+    readonly linear: "linear";
+    readonly decelerate: "ease-out";
+    readonly emphasized: "ease-in-out";
+};

package/dist/tokens/src/index.d.ts

@@ -4,6 +4,8 @@ export type { LdsSpacingTokens } from './foundation/spacing-scale';
 export { spacingScale, defaultSpacingTokens } from './foundation/spacing-scale';
 export { defaultRadiusTokens } from './foundation/radius-scale';
 export { defaultShadowTokens } from './foundation/shadow-scale';
+export { defaultDurationTokens } from './foundation/duration-scale';
+export { defaultEasingTokens } from './foundation/easing-scale';
 export { fontFamilyTokens, fontSizeScale, lineHeightScale, fontWeightScale, letterSpacingScale } from './foundation/typography-scale';
 export { semanticColorRoles } from './semantic/color-roles';
 export { textStyles } from './semantic/text-styles';

package/dist/tokens/src/themes/light-theme.css.d.ts

@@ -20,5 +20,17 @@ export declare const defaultThemeValues: {
         readonly raised: "0 6px 16px rgba(17, 24, 39, 0.08)";
         readonly modal: "0 4px 15px rgba(44, 63, 88, 0.35)";
     };
+    duration: {
+        readonly fast: "100ms";
+        readonly base: "150ms";
+        readonly slow: "200ms";
+        readonly slower: "300ms";
+    };
+    easing: {
+        readonly standard: "ease";
+        readonly linear: "linear";
+        readonly decelerate: "ease-out";
+        readonly emphasized: "ease-in-out";
+    };
 };
 export declare const lightThemeClass: string;

package/dist/ui-v3/src/components/FloatingModal/FloatingModal.css.d.ts

@@ -1,3 +1,4 @@
+export declare const EXIT_MS: number;
 export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
     position: {
         "bottom-right": {
@@ -7,4 +8,11 @@ export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
             left: `var(--${string})`;
         };
     };
+    closing: {
+        true: {
+            opacity: number;
+            transform: "translateY(16px)";
+        };
+        false: {};
+    };
 }>;

package/dist/ui-v3/src/components/FullScreenModal/FullScreenModal.css.d.ts

@@ -1 +1,10 @@
-export declare const surface: string;
+export declare const EXIT_MS: number;
+export declare const surface: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+            transform: "translateY(24px)";
+        };
+        false: {};
+    };
+}>;

package/dist/ui-v3/src/components/Modal/Modal.css.d.ts

@@ -1,4 +1,12 @@
-export declare const overlay: string;
+export declare const EXIT_MS: number;
+export declare const overlay: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+        };
+        false: {};
+    };
+}>;
 export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
@@ -14,6 +22,13 @@ export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
             maxWidth: number;
         };
     };
+    closing: {
+        true: {
+            opacity: number;
+            transform: "scale(0.96)";
+        };
+        false: {};
+    };
 }>;
 export declare const header: string;
 export declare const headerTitle: string;

package/dist/ui-v3/src/components/SweetAlert/SweetAlert.css.d.ts

@@ -1,5 +1,21 @@
-export declare const overlay: string;
-export declare const card: string;
+export declare const EXIT_MS: number;
+export declare const overlay: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+        };
+        false: {};
+    };
+}>;
+export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+            transform: "scale(0.96)";
+        };
+        false: {};
+    };
+}>;
 export declare const iconWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     intent: {
         warning: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lawkit/ui",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "type": "module",
   "description": "LDS Design System — React component library with design tokens",
   "main": "./dist/index.js",