@veritone-ce/design-system 2.3.4 → 2.3.6

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 (35) hide show
  1. package/dist/cjs/Button/index.js +13 -8
  2. package/dist/cjs/DatePicker/Calendar.js +150 -0
  3. package/dist/cjs/DatePicker/DateField.js +30 -0
  4. package/dist/cjs/DatePicker/index.js +122 -0
  5. package/dist/cjs/DatePicker/styles.module.scss.js +7 -0
  6. package/dist/cjs/DateRangePicker/index.js +41 -0
  7. package/dist/cjs/DateRangePicker/styles.module.scss.js +7 -0
  8. package/dist/cjs/Drawer/components.js +1 -1
  9. package/dist/cjs/Input/styles.module.scss.js +1 -1
  10. package/dist/cjs/index.js +26 -22
  11. package/dist/cjs/styles.css +5 -3
  12. package/dist/esm/Button/index.js +13 -8
  13. package/dist/esm/DatePicker/Calendar.js +146 -0
  14. package/dist/esm/DatePicker/DateField.js +26 -0
  15. package/dist/esm/DatePicker/index.js +118 -0
  16. package/dist/esm/DatePicker/styles.module.scss.js +3 -0
  17. package/dist/esm/DateRangePicker/index.js +37 -0
  18. package/dist/esm/DateRangePicker/styles.module.scss.js +3 -0
  19. package/dist/esm/Drawer/components.js +1 -1
  20. package/dist/esm/Input/styles.module.scss.js +1 -1
  21. package/dist/esm/index.js +2 -0
  22. package/dist/esm/styles.css +5 -3
  23. package/dist/types/Button/index.d.ts +14 -7
  24. package/dist/types/Checkbox/index.d.ts +11 -2
  25. package/dist/types/DatePicker/Calendar.d.ts +7 -0
  26. package/dist/types/DatePicker/DateField.d.ts +3 -0
  27. package/dist/types/DatePicker/index.d.ts +17 -0
  28. package/dist/types/DateRangePicker/index.d.ts +16 -0
  29. package/dist/types/Dialog/components.d.ts +14 -4
  30. package/dist/types/Drawer/components.d.ts +14 -4
  31. package/dist/types/Input/index.d.ts +12 -2
  32. package/dist/types/RadioButton/index.d.ts +10 -2
  33. package/dist/types/Textarea/index.d.ts +11 -2
  34. package/dist/types/index.d.ts +4 -0
  35. package/package.json +5 -3
package/dist/types/Dialog/components.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { type DialogOptions } from './state.js';
3
- import { type ButtonProps } from '../Button/index.js';
4
3
  import { type TypographyProps } from '../Typography/index.js';
5
4
  import { type IconButtonProps } from '../IconButton/index.js';
6
5
  export type DialogProps = DialogOptions & {
@@ -27,11 +26,22 @@ declare const Dialog: React.ForwardRefExoticComponent<DialogOptions & {
27
26
  } & React.RefAttributes<HTMLDivElement>>;
28
27
  export default Dialog;
29
28
  export declare const DialogStart: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
30
- export declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
29
+ export declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
30
  export declare const DialogEnd: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
32
31
  export declare const DialogTitle: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;
33
32
  export declare const DialogTypography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLParagraphElement>>;
34
33
  export declare const DialogDescription: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLParagraphElement>>;
35
- export declare const DialogActions: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
- export declare const DialogCloseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
34
+ export declare const DialogActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
35
+ export declare const DialogCloseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
36
+ variant?: import("../Button/index.js").ButtonVariant | undefined;
37
+ palette?: import("../styles/palette.js").PaletteActionVariantsColors | import("../styles/css-vars.js").RecursiveStringObject<import("../styles/palette.js").PaletteActionVariantsColors> | undefined;
38
+ size?: import("../Button/index.js").ButtonSize | undefined;
39
+ disabled?: boolean | undefined;
40
+ loading?: boolean | undefined;
41
+ active?: boolean | undefined;
42
+ startIcon?: React.ReactNode;
43
+ endIcon?: React.ReactNode;
44
+ children?: React.ReactNode;
45
+ 'data-testid'?: string | undefined;
46
+ } & React.RefAttributes<HTMLButtonElement>>;
37
47
  export declare const DialogCloseIconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
package/dist/types/Drawer/components.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { type DrawerOptions } from './state.js';
3
3
  import { type PaletteSurfaceColors, type ResolvablePaletteValue } from '../styles/index.js';
4
- import { type ButtonProps } from '../Button/index.js';
5
4
  import { type TypographyProps } from '../Typography/index.js';
6
5
  import { type IconButtonProps } from '../IconButton/index.js';
7
6
  export type DrawerStrategy = 'fixed' | 'absolute';
@@ -36,7 +35,7 @@ declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerOptions, "dismi
36
35
  } & React.RefAttributes<HTMLDivElement>>;
37
36
  export default Drawer;
38
37
  export declare const DrawerStart: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
39
- export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
38
+ export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
40
39
  export declare const DrawerEnd: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
41
40
  export type DrawerTitleContainerVariant = 'text' | 'bar';
42
41
  export type DrawerTitlePalette = ResolvablePaletteValue<PaletteSurfaceColors>;
@@ -52,6 +51,17 @@ export declare const DrawerTitle: React.ForwardRefExoticComponent<TypographyProp
52
51
  } & React.RefAttributes<HTMLHeadingElement>>;
53
52
  export declare const DrawerTypography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLParagraphElement>>;
54
53
  export declare const DrawerDescription: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLParagraphElement>>;
55
- export declare const DrawerActions: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
56
- export declare const DrawerCloseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
54
+ export declare const DrawerActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
55
+ export declare const DrawerCloseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
56
+ variant?: import("../Button/index.js").ButtonVariant | undefined;
57
+ palette?: import("../styles/palette.js").PaletteActionVariantsColors | import("../styles/css-vars.js").RecursiveStringObject<import("../styles/palette.js").PaletteActionVariantsColors> | undefined;
58
+ size?: import("../Button/index.js").ButtonSize | undefined;
59
+ disabled?: boolean | undefined;
60
+ loading?: boolean | undefined;
61
+ active?: boolean | undefined;
62
+ startIcon?: React.ReactNode;
63
+ endIcon?: React.ReactNode;
64
+ children?: React.ReactNode;
65
+ 'data-testid'?: string | undefined;
66
+ } & React.RefAttributes<HTMLButtonElement>>;
57
67
  export declare const DrawerCloseIconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
package/dist/types/Input/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export type InputProps = React.HTMLProps<HTMLInputElement> & {
2
+ export type InputProps = React.ComponentPropsWithoutRef<'input'> & {
3
3
  placeholder?: string | undefined;
4
4
  value?: string | ReadonlyArray<string> | number | undefined;
5
5
  error?: boolean;
@@ -10,5 +10,15 @@ export type InputProps = React.HTMLProps<HTMLInputElement> & {
10
10
  style?: React.CSSProperties;
11
11
  className?: string;
12
12
  };
13
- declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
13
+ declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
14
+ placeholder?: string | undefined;
15
+ value?: string | ReadonlyArray<string> | number | undefined;
16
+ error?: boolean | undefined;
17
+ disabled?: boolean | undefined;
18
+ startIcon?: React.ReactNode;
19
+ endIcon?: React.ReactNode;
20
+ 'data-testid'?: string | undefined;
21
+ style?: React.CSSProperties | undefined;
22
+ className?: string | undefined;
23
+ } & React.RefAttributes<HTMLInputElement>>;
14
24
  export default Input;
package/dist/types/RadioButton/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export type RadioButtonProps = Omit<React.HTMLProps<HTMLInputElement>, 'type'> & {
2
+ export type RadioButtonProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
3
3
  defaultChecked?: boolean;
4
4
  checked?: boolean;
5
5
  label?: React.ReactNode;
@@ -8,5 +8,13 @@ export type RadioButtonProps = Omit<React.HTMLProps<HTMLInputElement>, 'type'> &
8
8
  style?: React.CSSProperties;
9
9
  className?: string;
10
10
  };
11
- declare const RadioButton: React.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
11
+ declare const RadioButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
12
+ defaultChecked?: boolean | undefined;
13
+ checked?: boolean | undefined;
14
+ label?: React.ReactNode;
15
+ disabled?: boolean | undefined;
16
+ 'data-testid'?: string | undefined;
17
+ style?: React.CSSProperties | undefined;
18
+ className?: string | undefined;
19
+ } & React.RefAttributes<HTMLInputElement>>;
12
20
  export default RadioButton;
package/dist/types/Textarea/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export type TextareaProps = React.HTMLProps<HTMLTextAreaElement> & {
2
+ export type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {
3
3
  placeholder?: string | undefined;
4
4
  value?: string | ReadonlyArray<string> | number | undefined;
5
5
  disabled?: boolean;
@@ -9,5 +9,14 @@ export type TextareaProps = React.HTMLProps<HTMLTextAreaElement> & {
9
9
  style?: React.CSSProperties;
10
10
  className?: string;
11
11
  };
12
- declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
12
+ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
13
+ placeholder?: string | undefined;
14
+ value?: string | ReadonlyArray<string> | number | undefined;
15
+ disabled?: boolean | undefined;
16
+ error?: boolean | undefined;
17
+ rows?: number | undefined;
18
+ 'data-testid'?: string | undefined;
19
+ style?: React.CSSProperties | undefined;
20
+ className?: string | undefined;
21
+ } & React.RefAttributes<HTMLTextAreaElement>>;
13
22
  export default Textarea;
package/dist/types/index.d.ts CHANGED
@@ -14,6 +14,10 @@ export { default as Chip } from './Chip/index.js';
14
14
  export * from './Chip/index.js';
15
15
  export { default as CircularProgress } from './CircularProgress/index.js';
16
16
  export * from './CircularProgress/index.js';
17
+ export { default as DatePicker } from './DatePicker/index.js';
18
+ export * from './DatePicker/index.js';
19
+ export { default as DateRangePicker } from './DateRangePicker/index.js';
20
+ export * from './DateRangePicker/index.js';
17
21
  export { default as Dialog } from './Dialog/index.js';
18
22
  export * from './Dialog/index.js';
19
23
  export { default as Drawer } from './Drawer/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "2.3.4",
3
+ "version": "2.3.6",
4
4
  "private": false,
5
5
  "description": "Design System for Veritone CE",
6
6
  "keywords": [
@@ -83,7 +83,9 @@
83
83
  "deepmerge": "^4.3.1",
84
84
  "modern-normalize": "^2.0.0",
85
85
  "notistack": "^3.0.1",
86
- "react-remove-scroll": "^2.5.7"
86
+ "react-aria": "^3.32.1",
87
+ "react-remove-scroll": "^2.5.7",
88
+ "react-stately": "^3.30.1"
87
89
  },
88
90
  "devDependencies": {
89
91
  "@commitlint/cli": "^17.7.1",
@@ -115,7 +117,7 @@
115
117
  "@vitest/coverage-v8": "^1.3.1",
116
118
  "auto": "^11.1.1",
117
119
  "autoprefixer": "^10.4.17",
118
- "chromatic": "^6.10.1",
120
+ "chromatic": "^11.2.0",
119
121
  "cssnano": "^6.0.3",
120
122
  "cz-conventional-changelog": "^3.3.0",
121
123
  "esbuild": "^0.19.11",