@veevarts/design-system 2.1.0-beta.6 → 2.1.0-beta.8

package/dist/tailwind/index.d.ts

@@ -120,6 +120,19 @@ export declare const tailwindTheme: {
         readonly normal: "1.5";
         readonly relaxed: "1.75";
     };
+    keyframes: {
+        'record-shimmer': {
+            '0%': {
+                backgroundPosition: string;
+            };
+            '100%': {
+                backgroundPosition: string;
+            };
+        };
+    };
+    animation: {
+        'record-shimmer': string;
+    };
 };
 /**
  * Deep merge utility for objects
@@ -322,6 +335,19 @@ export declare const veevartPreset: {
                 readonly normal: "1.5";
                 readonly relaxed: "1.75";
             };
+            keyframes: {
+                'record-shimmer': {
+                    '0%': {
+                        backgroundPosition: string;
+                    };
+                    '100%': {
+                        backgroundPosition: string;
+                    };
+                };
+            };
+            animation: {
+                'record-shimmer': string;
+            };
         };
     };
     darkMode: "class";
@@ -554,5 +580,18 @@ export declare const tokens: {
             readonly normal: "1.5";
             readonly relaxed: "1.75";
         };
+        keyframes: {
+            'record-shimmer': {
+                '0%': {
+                    backgroundPosition: string;
+                };
+                '100%': {
+                    backgroundPosition: string;
+                };
+            };
+        };
+        animation: {
+            'record-shimmer': string;
+        };
     };
 };

package/dist/tailwind/index.mjs

@@ -235,6 +235,9 @@ var posSurfaceTokens = {
   line: "#E7E7E9",
   /** `--line2`: the lighter hairline under list rows and above the role bar. */
   "line-2": "#F1F1F3",
+  hair: "#F0F0F1",
+  page: "#FBFBFB",
+  field: "#E5E5E5",
   /** `--okb` / `--okf` */
   "ok-fill": "#EAF3DE",
   ok: "#3B6D11",
@@ -249,6 +252,10 @@ var posSurfaceTokens = {
   /** `--ib` / `--if` */
   "info-fill": "#EAF1FC",
   info: "#1D4FA8",
+  "violet-fill": "#F1ECFB",
+  violet: "#6D28D9",
+  "neutral-fill": "#F4F4F5",
+  neutral: "#52525B",
   /** `.btn-dstr` — the fill behind an irreversible confirmation. */
   destructive: "#A32D2D"
 };
@@ -275,7 +282,16 @@ var tailwindTheme = {
   spacing,
   fontSize: typography.fontSize,
   fontWeight: typography.fontWeight,
-  lineHeight: typography.lineHeight
+  lineHeight: typography.lineHeight,
+  keyframes: {
+    "record-shimmer": {
+      "0%": { backgroundPosition: "-25rem 0" },
+      "100%": { backgroundPosition: "25rem 0" }
+    }
+  },
+  animation: {
+    "record-shimmer": "record-shimmer 1.3s linear infinite"
+  }
 };
 function deepMerge(target, source) {
   if (!source || typeof source !== "object") {

package/dist/test/ReducedMotion.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function ReducedMotion({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/test/RootFontSize.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function RootFontSize({ size, children }: {
+    size: string;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/test/container-width.d.ts

@@ -0,0 +1,14 @@
+export declare class FakeResizeObserver {
+    static width: number;
+    static instances: FakeResizeObserver[];
+    disconnected: boolean;
+    private readonly callback;
+    private readonly targets;
+    constructor(callback: ResizeObserverCallback);
+    observe(target: Element): void;
+    unobserve(): void;
+    disconnect(): void;
+    emit(width: number): void;
+}
+export declare function stubContainerWidth(width: number): void;
+export declare function resizeContainers(width: number): void;

package/dist/test/contrast.d.ts

@@ -0,0 +1 @@
+export declare function contrastRatio(a: string, b: string): number;

package/dist/test/px-classes.d.ts

@@ -0,0 +1,2 @@
+export declare const pxClasses: (root: Element) => string[];
+export declare const expectNoPxClasses: (root: Element) => void;

package/dist/test/root-font-size.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+export declare const LARGE_TEXT_ROOT = "137.5%";
+export declare const LARGE_TEXT_SCALE = 1.375;
+export declare const withRootFontSize: (size: string) => (Story: ComponentType) => import('react').FunctionComponentElement<{
+    size: string;
+    children?: import('react').ReactNode;
+}>;
+export declare const fontSizePx: (element: Element) => number;

package/dist/tokens/pos-surface.d.ts

@@ -25,6 +25,9 @@ export declare const posSurfaceTokens: {
     readonly line: "#E7E7E9";
     /** `--line2`: the lighter hairline under list rows and above the role bar. */
     readonly 'line-2': "#F1F1F3";
+    readonly hair: "#F0F0F1";
+    readonly page: "#FBFBFB";
+    readonly field: "#E5E5E5";
     /** `--okb` / `--okf` */
     readonly 'ok-fill': "#EAF3DE";
     readonly ok: "#3B6D11";
@@ -39,6 +42,10 @@ export declare const posSurfaceTokens: {
     /** `--ib` / `--if` */
     readonly 'info-fill': "#EAF1FC";
     readonly info: "#1D4FA8";
+    readonly 'violet-fill': "#F1ECFB";
+    readonly violet: "#6D28D9";
+    readonly 'neutral-fill': "#F4F4F5";
+    readonly neutral: "#52525B";
     /** `.btn-dstr` — the fill behind an irreversible confirmation. */
     readonly destructive: "#A32D2D";
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "2.1.0-beta.6",
+    "version": "2.1.0-beta.8",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",