@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.
- package/dist/cjs/Dialog/components.js +29 -90
- package/dist/cjs/Dialog/state.js +2 -8
- package/dist/cjs/Dialog/styles.module.scss.js +2 -2
- package/dist/cjs/FileUploader/controlled.js +7 -0
- package/dist/cjs/Table/AutoTable/controlled.js +2 -1
- package/dist/cjs/Table/AutoTable/styles.module.scss.js +1 -1
- package/dist/cjs/TablePagination/index.js +21 -8
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/styles/createPalette.js +11 -0
- package/dist/cjs/styles/entrypoint.scss.js +7 -0
- package/dist/cjs/styles.css +1 -1
- package/dist/cjs/unstable/Card/components.js +213 -0
- package/dist/cjs/unstable/Card/state.js +53 -0
- package/dist/cjs/unstable/Card/styles.module.scss.js +1 -1
- package/dist/cjs/unstable/StatCard/index.js +124 -0
- package/dist/cjs/unstable/StatCard/index.module.scss.js +7 -0
- package/dist/cjs/unstable/index.js +39 -13
- package/dist/cjs/unstable/skeleton/index.js +74 -0
- package/dist/cjs/unstable/skeleton/index.module.scss.js +7 -0
- package/dist/cjs/unstable/suspense/index.js +18 -0
- package/dist/cjs/unstable/suspense/index.module.scss.js +7 -0
- package/dist/cjs/unstable/suspense/loader.js +23 -0
- package/dist/esm/Dialog/components.js +28 -89
- package/dist/esm/Dialog/state.js +2 -8
- package/dist/esm/Dialog/styles.module.scss.js +2 -2
- package/dist/esm/FileUploader/controlled.js +7 -0
- package/dist/esm/Table/AutoTable/controlled.js +2 -1
- package/dist/esm/Table/AutoTable/styles.module.scss.js +1 -1
- package/dist/esm/TablePagination/index.js +21 -8
- package/dist/esm/index.js +1 -1
- package/dist/esm/styles/createPalette.js +1 -1
- package/dist/esm/styles/entrypoint.scss.js +3 -0
- package/dist/esm/styles.css +1 -1
- package/dist/esm/unstable/Card/components.js +182 -0
- package/dist/esm/unstable/Card/state.js +30 -0
- package/dist/esm/unstable/Card/styles.module.scss.js +1 -1
- package/dist/esm/unstable/StatCard/index.js +116 -0
- package/dist/esm/unstable/StatCard/index.module.scss.js +3 -0
- package/dist/esm/unstable/index.js +5 -1
- package/dist/esm/unstable/skeleton/index.js +69 -0
- package/dist/esm/unstable/skeleton/index.module.scss.js +3 -0
- package/dist/esm/unstable/suspense/index.js +15 -0
- package/dist/esm/unstable/suspense/index.module.scss.js +3 -0
- package/dist/esm/unstable/suspense/loader.js +20 -0
- package/dist/types/Dialog/components.d.ts +27 -20
- package/dist/types/Dialog/factory.d.ts +4 -5
- package/dist/types/Dialog/state.d.ts +1 -15
- package/dist/types/TablePagination/index.d.ts +1 -1
- package/dist/types/styles/createPalette.d.ts +13 -2
- package/dist/types/unstable/Card/components.d.ts +90 -0
- package/dist/types/unstable/Card/index.d.ts +2 -11
- package/dist/types/unstable/Card/state.d.ts +20 -0
- package/dist/types/unstable/StatCard/index.d.ts +33 -0
- package/dist/types/unstable/index.d.ts +3 -0
- package/dist/types/unstable/skeleton/index.d.ts +15 -0
- package/dist/types/unstable/suspense/index.d.ts +9 -0
- package/dist/types/unstable/suspense/loader.d.ts +7 -0
- package/package.json +1 -7
- package/dist/cjs/unstable/Card/index.js +0 -33
- 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.
|
|
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 };
|