@veritone-ce/design-system 2.8.11 → 2.8.13-next.0

package/dist/types/unstable/index.d.ts

@@ -3,5 +3,8 @@ export { default as Card } from './Card/index.js';
 export * from './Card/index.js';
 export { default as LinearProgress } from './LinearProgress/index.js';
 export * from './LinearProgress/index.js';
+export * from './skeleton/index.js';
+export * from './StatCard/index.js';
+export * from './suspense/index.js';
 export { default as Tabs } from './Tabs/index.js';
 export * from './Tabs/index.js';

package/dist/types/unstable/skeleton/index.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { type FormControlProps } from '../../FormControl/index.js';
+import { type CardProps, CardTitleProps } from '../Card/index.js';
+export type SkeletonProps = {
+    variant?: 'text' | 'rectangular' | 'rounded';
+    style?: React.CSSProperties;
+    children?: ReactNode;
+    className?: string;
+};
+export declare function Skeleton({ variant, children, style, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type CardSkeletonProps = Omit<SkeletonProps, 'variant'> & CardProps;
+export declare function CardSkeleton({ inset, className, ...cardProps }: CardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type FormControlSkeletonProps = FormControlProps & {};
+export declare function FormControlSkeleton({ label, children, ...formControlProps }: FormControlSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardTitleSkeleton({ start, actions, children, ...props }: CardTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/suspense/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export * from './loader.js';
+export type LoadingBoundaryProps = {
+    force?: boolean;
+    loader?: ReactNode;
+    error?: ReactNode;
+    children?: ReactNode;
+};
+export declare function LoadingBoundary(props: LoadingBoundaryProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/suspense/loader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type LoaderProps = {
+    style?: React.CSSProperties;
+    className?: string;
+};
+export declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogLoader({ className, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.8.11",
+  "version": "2.8.13-next.0",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -69,12 +69,6 @@
     "./baseline.css": "./dist/esm/styles/external/baseline.css",
     "./fonts/default.css": "./dist/esm/styles/external/fonts/default.css"
   },
-  "sideEffects": [
-    "src/styles/baseline.ts",
-    "src/fonts/default.ts",
-    "dist/esm/styles/baseline.js",
-    "dist/esm/styles/fonts/default.js"
-  ],
   "files": [
     "dist",
     "eslint-config"
@@ -126,7 +120,11 @@
     "react-aria": "^3.32.1",
     "react-dropzone": "^14.2.3",
     "react-remove-scroll": "^2.5.7",
-    "react-stately": "^3.30.1"
+    "react-stately": "^3.30.1",
+    "react-vega": "^8.0.0",
+    "vega": "^6.2.0",
+    "vega-embed": "^7.1.0",
+    "vega-lite": "^6.4.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.7.1",

package/dist/cjs/unstable/Card/index.js

@@ -1,33 +0,0 @@
-'use strict';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles_module = require('./styles.module.scss.js');
-var cx = require('../../styles/cx.js');
-require('../../styles/defaultThemeOptions.js');
-require('@capsizecss/core');
-require('color2k');
-require('../../styles/defaultTheme.js');
-require('../../styles/provider.client.js');
-require('../../styles/css-vars.js');
-
-const Card = React.forwardRef(
-  ({ inset = "medium", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cx.cx(styles_module.default["card"], props.className),
-        "data-testid": props["data-testid"],
-        "data-inset": inset,
-        style: props.style,
-        children: props.children
-      }
-    );
-  }
-);
-
-exports.default = Card;

package/dist/esm/unstable/Card/index.js

@@ -1,29 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styles from './styles.module.scss.js';
-import { cx } from '../../styles/cx.js';
-import '../../styles/defaultThemeOptions.js';
-import '@capsizecss/core';
-import 'color2k';
-import '../../styles/defaultTheme.js';
-import '../../styles/provider.client.js';
-import '../../styles/css-vars.js';
-
-const Card = forwardRef(
-  ({ inset = "medium", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cx(styles["card"], props.className),
-        "data-testid": props["data-testid"],
-        "data-inset": inset,
-        style: props.style,
-        children: props.children
-      }
-    );
-  }
-);
-
-export { Card as default };