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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/cjs/Dialog/components.js +29 -90
  2. package/dist/cjs/Dialog/state.js +2 -8
  3. package/dist/cjs/Dialog/styles.module.scss.js +2 -2
  4. package/dist/cjs/FileUploader/controlled.js +7 -0
  5. package/dist/cjs/Table/AutoTable/controlled.js +2 -1
  6. package/dist/cjs/Table/AutoTable/styles.module.scss.js +1 -1
  7. package/dist/cjs/TablePagination/index.js +21 -8
  8. package/dist/cjs/index.js +11 -0
  9. package/dist/cjs/styles/createPalette.js +11 -0
  10. package/dist/cjs/styles/entrypoint.scss.js +7 -0
  11. package/dist/cjs/styles.css +1 -1
  12. package/dist/cjs/unstable/Card/components.js +213 -0
  13. package/dist/cjs/unstable/Card/state.js +53 -0
  14. package/dist/cjs/unstable/Card/styles.module.scss.js +1 -1
  15. package/dist/cjs/unstable/StatCard/index.js +124 -0
  16. package/dist/cjs/unstable/StatCard/index.module.scss.js +7 -0
  17. package/dist/cjs/unstable/index.js +39 -13
  18. package/dist/cjs/unstable/skeleton/index.js +74 -0
  19. package/dist/cjs/unstable/skeleton/index.module.scss.js +7 -0
  20. package/dist/cjs/unstable/suspense/index.js +18 -0
  21. package/dist/cjs/unstable/suspense/index.module.scss.js +7 -0
  22. package/dist/cjs/unstable/suspense/loader.js +23 -0
  23. package/dist/esm/Dialog/components.js +28 -89
  24. package/dist/esm/Dialog/state.js +2 -8
  25. package/dist/esm/Dialog/styles.module.scss.js +2 -2
  26. package/dist/esm/FileUploader/controlled.js +7 -0
  27. package/dist/esm/Table/AutoTable/controlled.js +2 -1
  28. package/dist/esm/Table/AutoTable/styles.module.scss.js +1 -1
  29. package/dist/esm/TablePagination/index.js +21 -8
  30. package/dist/esm/index.js +1 -1
  31. package/dist/esm/styles/createPalette.js +1 -1
  32. package/dist/esm/styles/entrypoint.scss.js +3 -0
  33. package/dist/esm/styles.css +1 -1
  34. package/dist/esm/unstable/Card/components.js +182 -0
  35. package/dist/esm/unstable/Card/state.js +30 -0
  36. package/dist/esm/unstable/Card/styles.module.scss.js +1 -1
  37. package/dist/esm/unstable/StatCard/index.js +116 -0
  38. package/dist/esm/unstable/StatCard/index.module.scss.js +3 -0
  39. package/dist/esm/unstable/index.js +5 -1
  40. package/dist/esm/unstable/skeleton/index.js +69 -0
  41. package/dist/esm/unstable/skeleton/index.module.scss.js +3 -0
  42. package/dist/esm/unstable/suspense/index.js +15 -0
  43. package/dist/esm/unstable/suspense/index.module.scss.js +3 -0
  44. package/dist/esm/unstable/suspense/loader.js +20 -0
  45. package/dist/types/Dialog/components.d.ts +27 -20
  46. package/dist/types/Dialog/factory.d.ts +4 -5
  47. package/dist/types/Dialog/state.d.ts +1 -15
  48. package/dist/types/TablePagination/index.d.ts +1 -1
  49. package/dist/types/styles/createPalette.d.ts +13 -2
  50. package/dist/types/unstable/Card/components.d.ts +90 -0
  51. package/dist/types/unstable/Card/index.d.ts +2 -11
  52. package/dist/types/unstable/Card/state.d.ts +20 -0
  53. package/dist/types/unstable/StatCard/index.d.ts +33 -0
  54. package/dist/types/unstable/index.d.ts +3 -0
  55. package/dist/types/unstable/skeleton/index.d.ts +15 -0
  56. package/dist/types/unstable/suspense/index.d.ts +9 -0
  57. package/dist/types/unstable/suspense/loader.d.ts +7 -0
  58. package/package.json +1 -7
  59. package/dist/cjs/unstable/Card/index.js +0 -33
  60. package/dist/esm/unstable/Card/index.js +0 -29
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ export * from './loader.js';
3
+ export type LoadingBoundaryProps = {
4
+ force?: boolean;
5
+ loader?: ReactNode;
6
+ error?: ReactNode;
7
+ children?: ReactNode;
8
+ };
9
+ export declare function LoadingBoundary(props: LoadingBoundaryProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export type LoaderProps = {
3
+ style?: React.CSSProperties;
4
+ className?: string;
5
+ };
6
+ export declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function DialogLoader({ className, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "2.8.12",
3
+ "version": "2.8.13-next.0",
4
4
  "private": false,
5
5
  "description": "Design System for Veritone CE",
6
6
  "keywords": [
@@ -69,12 +69,6 @@
69
69
  "./baseline.css": "./dist/esm/styles/external/baseline.css",
70
70
  "./fonts/default.css": "./dist/esm/styles/external/fonts/default.css"
71
71
  },
72
- "sideEffects": [
73
- "src/styles/baseline.ts",
74
- "src/fonts/default.ts",
75
- "dist/esm/styles/baseline.js",
76
- "dist/esm/styles/fonts/default.js"
77
- ],
78
72
  "files": [
79
73
  "dist",
80
74
  "eslint-config"
@@ -1,33 +0,0 @@
1
- 'use strict';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var jsxRuntime = require('react/jsx-runtime');
7
- var React = require('react');
8
- var styles_module = require('./styles.module.scss.js');
9
- var cx = require('../../styles/cx.js');
10
- require('../../styles/defaultThemeOptions.js');
11
- require('@capsizecss/core');
12
- require('color2k');
13
- require('../../styles/defaultTheme.js');
14
- require('../../styles/provider.client.js');
15
- require('../../styles/css-vars.js');
16
-
17
- const Card = React.forwardRef(
18
- ({ inset = "medium", ...props }, ref) => {
19
- return /* @__PURE__ */ jsxRuntime.jsx(
20
- "div",
21
- {
22
- ref,
23
- className: cx.cx(styles_module.default["card"], props.className),
24
- "data-testid": props["data-testid"],
25
- "data-inset": inset,
26
- style: props.style,
27
- children: props.children
28
- }
29
- );
30
- }
31
- );
32
-
33
- exports.default = Card;
@@ -1,29 +0,0 @@
1
- 'use strict';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { forwardRef } from 'react';
4
- import styles from './styles.module.scss.js';
5
- import { cx } from '../../styles/cx.js';
6
- import '../../styles/defaultThemeOptions.js';
7
- import '@capsizecss/core';
8
- import 'color2k';
9
- import '../../styles/defaultTheme.js';
10
- import '../../styles/provider.client.js';
11
- import '../../styles/css-vars.js';
12
-
13
- const Card = forwardRef(
14
- ({ inset = "medium", ...props }, ref) => {
15
- return /* @__PURE__ */ jsx(
16
- "div",
17
- {
18
- ref,
19
- className: cx(styles["card"], props.className),
20
- "data-testid": props["data-testid"],
21
- "data-inset": inset,
22
- style: props.style,
23
- children: props.children
24
- }
25
- );
26
- }
27
- );
28
-
29
- export { Card as default };