@voxel51/voodo 0.0.26 → 0.0.28

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 (52) hide show
  1. package/README.md +0 -41
  2. package/dist/components/Collapsible/Collapsible.d.ts +78 -0
  3. package/dist/components/Collapsible/Collapsible.d.ts.map +1 -0
  4. package/dist/components/Collapsible/index.d.ts +3 -0
  5. package/dist/components/Collapsible/index.d.ts.map +1 -0
  6. package/dist/components/Drawer/Drawer.d.ts +68 -0
  7. package/dist/components/Drawer/Drawer.d.ts.map +1 -0
  8. package/dist/components/Drawer/index.d.ts +3 -0
  9. package/dist/components/Drawer/index.d.ts.map +1 -0
  10. package/dist/components/FormField/FormField.d.ts +3 -0
  11. package/dist/components/FormField/FormField.d.ts.map +1 -1
  12. package/dist/components/ListItem/ListItem.d.ts.map +1 -1
  13. package/dist/components/RichList/RichList.d.ts +2 -1
  14. package/dist/components/RichList/RichList.d.ts.map +1 -1
  15. package/dist/components/index.d.ts +2 -0
  16. package/dist/components/index.d.ts.map +1 -1
  17. package/dist/index.cjs +5 -5
  18. package/dist/index.cjs.map +1 -1
  19. package/dist/index.d.ts +6 -0
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.js +5313 -5237
  22. package/dist/index.js.map +1 -1
  23. package/dist/theme/index.d.ts +0 -1
  24. package/dist/theme/index.d.ts.map +1 -1
  25. package/dist/theme/tokens/index.d.ts +30 -0
  26. package/dist/theme/tokens/index.d.ts.map +1 -1
  27. package/dist/theme/tokens/transitions.d.ts +74 -0
  28. package/dist/theme/tokens/transitions.d.ts.map +1 -0
  29. package/dist/types/index.d.ts +1 -0
  30. package/dist/types/index.d.ts.map +1 -1
  31. package/dist/types/transition.d.ts +127 -0
  32. package/dist/types/transition.d.ts.map +1 -0
  33. package/dist/util/useControllableState.d.ts +44 -0
  34. package/dist/util/useControllableState.d.ts.map +1 -0
  35. package/dist/util/useDisclosure.d.ts +44 -0
  36. package/dist/util/useDisclosure.d.ts.map +1 -0
  37. package/dist/util/useDragDelta.d.ts +58 -0
  38. package/dist/util/useDragDelta.d.ts.map +1 -0
  39. package/dist/util/useElementSize.d.ts +29 -0
  40. package/dist/util/useElementSize.d.ts.map +1 -0
  41. package/dist/util/useLatest.d.ts +24 -0
  42. package/dist/util/useLatest.d.ts.map +1 -0
  43. package/dist/util/useResizableDrawer.d.ts +69 -0
  44. package/dist/util/useResizableDrawer.d.ts.map +1 -0
  45. package/dist/voodo.css +1 -1
  46. package/package.json +1 -6
  47. package/dist/theme/mui/components.d.ts +0 -9
  48. package/dist/theme/mui/components.d.ts.map +0 -1
  49. package/dist/theme/mui/index.d.ts +0 -3
  50. package/dist/theme/mui/index.d.ts.map +0 -1
  51. package/dist/theme/mui/theme-config.d.ts +0 -31
  52. package/dist/theme/mui/theme-config.d.ts.map +0 -1
package/README.md CHANGED
@@ -59,43 +59,6 @@ application.
59
59
  import "@voxel51/voodo/theme.css";
60
60
  ```
61
61
 
62
- #### Usage with MUI
63
-
64
- This library also exports theme configuration (in the form of a Material `ThemeConfig`)
65
- which can be used to generate an MUI theme.
66
-
67
- ```typescript jsx
68
-
69
- import { createTheme, ThemeProvider } from '@mui/material/styles';
70
- import { defaultMUIThemeConfig, createMUIThemeConfig } from '@voxel51/voodo';
71
-
72
- // Option 1: Use default (dark mode)
73
- const theme = createTheme(defaultMUIThemeConfig);
74
-
75
- // Option 2: Create light mode
76
- const lightTheme = createTheme(createMUIThemeConfig({ mode: 'light' }));
77
-
78
- // Option 3: With overrides
79
- const customTheme = createTheme(
80
- createMUIThemeConfig({
81
- mode: 'dark',
82
- overrides: {
83
- palette: {
84
- primary: { main: '#custom-color' },
85
- },
86
- },
87
- })
88
- );
89
-
90
- function App() {
91
- return (
92
- <ThemeProvider theme={theme}>
93
- {/* Your app */}
94
- </ThemeProvider>
95
- );
96
- }
97
- ```
98
-
99
62
  ## Contributing
100
63
 
101
64
  This library is based on [HeadlessUI](https://headlessui.com/) and [Tailwind](https://tailwindcss.com/).
@@ -111,10 +74,6 @@ General rules of thumb:
111
74
  ## Publishing
112
75
 
113
76
  This library is published to NPM via GitHub Actions workflows.
114
- Releases are triggered by tagging a commit with a `v<version>` tag, where `<version>`
115
- should match the `version` property in `package.json`. For example, the initial release has the tag `v0.0.1`.
116
-
117
- Once a release is tagged and published, the `version` property in `package.json` should receive a patch bump.
118
77
 
119
78
  This library is currently in a pre-release state, with versions matching `0.x.y`.
120
79
  Standard semantic versioning will be enforced starting with version `1.0.0`.
@@ -0,0 +1,78 @@
1
+ import { default as React } from 'react';
2
+ import { UseDisclosureOptions } from '../../util/useDisclosure';
3
+ /**
4
+ * Snapshot of open/close state passed to the `header` render prop so the
5
+ * caller can style the trigger element (e.g. rotate a chevron icon).
6
+ */
7
+ export interface CollapsibleState {
8
+ /** Whether the content area is currently open. */
9
+ open: boolean;
10
+ /** Toggles the open state. Calls `onOpenChange` when in controlled mode. */
11
+ toggle: () => void;
12
+ }
13
+ /**
14
+ * Props for {@link Collapsible}.
15
+ *
16
+ * Extends {@link UseDisclosureOptions} so the component supports both
17
+ * uncontrolled (`defaultOpen`) and controlled (`open` + `onOpenChange`) usage.
18
+ */
19
+ export interface CollapsibleProps extends UseDisclosureOptions {
20
+ /**
21
+ * Render prop for the clickable header. Receives the current
22
+ * {@link CollapsibleState} so the caller can wire up the toggle and reflect
23
+ * open state in the trigger UI.
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * <Collapsible header={({ open, toggle }) => (
28
+ * <button onClick={toggle}>{open ? "Hide" : "Show"}</button>
29
+ * )}>
30
+ * content
31
+ * </Collapsible>
32
+ * ```
33
+ */
34
+ header?: (state: CollapsibleState) => React.ReactNode;
35
+ /**
36
+ * When `true` (default), the content area expands and collapses with a CSS
37
+ * `max-height` transition so the DOM node stays mounted and accessible while
38
+ * collapsed. When `false`, children are unmounted immediately with no animation.
39
+ * @default true
40
+ */
41
+ animated?: boolean;
42
+ /** Content to show or hide. */
43
+ children?: React.ReactNode;
44
+ /** Additional class name applied to the root element. */
45
+ className?: string;
46
+ /** Inline styles applied to the root element. */
47
+ style?: React.CSSProperties;
48
+ }
49
+ /**
50
+ * A vertically collapsible container with an optional header trigger.
51
+ *
52
+ * Supports uncontrolled and controlled open state via {@link useDisclosure}.
53
+ * When `animated` is true, content visibility is driven by a CSS `max-height`
54
+ * transition so the DOM node stays mounted and accessible while collapsed.
55
+ *
56
+ * @example
57
+ * ```tsx
58
+ * // Uncontrolled — starts open
59
+ * <Collapsible
60
+ * header={({ open, toggle }) => (
61
+ * <button onClick={toggle}>{open ? "Collapse" : "Expand"}</button>
62
+ * )}
63
+ * >
64
+ * <p>Hidden content</p>
65
+ * </Collapsible>
66
+ *
67
+ * // Controlled
68
+ * const [open, setOpen] = useState(false);
69
+ * <Collapsible open={open} onOpenChange={setOpen} header={({ toggle }) => (
70
+ * <button onClick={toggle}>Toggle</button>
71
+ * )}>
72
+ * <p>Controlled content</p>
73
+ * </Collapsible>
74
+ * ```
75
+ */
76
+ declare const Collapsible: React.FC<CollapsibleProps>;
77
+ export default Collapsible;
78
+ //# sourceMappingURL=Collapsible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI3E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4EAA4E;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { default as Collapsible } from './Collapsible';
2
+ export type { CollapsibleProps, CollapsibleState } from './Collapsible';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,68 @@
1
+ import { default as React } from 'react';
2
+ import { UseDisclosureOptions } from '../../util/useDisclosure';
3
+ /**
4
+ * Edge of the viewport the drawer is anchored to. Determines both the
5
+ * drag axis (`left`/`right` resize horizontally; `top`/`bottom` resize
6
+ * vertically) and the direction the drawer expands when opened.
7
+ */
8
+ export type DrawerSide = "left" | "right" | "top" | "bottom";
9
+ /**
10
+ * State passed to the {@link DrawerProps.header} render prop so callers
11
+ * can react to and control the drawer's open/closed state from within
12
+ * their header content (e.g. a toggle button).
13
+ */
14
+ export interface DrawerHeaderState {
15
+ /** Whether the drawer is currently expanded. */
16
+ open: boolean;
17
+ /** Flip the drawer between open and closed. */
18
+ toggle: () => void;
19
+ }
20
+ /**
21
+ * Props for the {@link Drawer} component. Extends `UseDisclosureOptions`
22
+ * so callers can drive the open state in either controlled
23
+ * (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`) mode.
24
+ */
25
+ export interface DrawerProps extends UseDisclosureOptions {
26
+ /** Edge the drawer is anchored to. Defaults to `"bottom"`. */
27
+ side?: DrawerSide;
28
+ /** Size (in px) the drawer opens to when first rendered or re-opened. */
29
+ defaultSize: number;
30
+ /** Minimum size (in px) the user can drag the drawer down to while open. */
31
+ minSize: number;
32
+ /** Maximum size (in px) the user can drag the drawer up to. */
33
+ maxSize: number;
34
+ /**
35
+ * How the drawer relates to surrounding layout.
36
+ * - `"push"` (default): the drawer occupies space and pushes siblings.
37
+ * - `"float"`: the drawer overlays content without affecting layout.
38
+ */
39
+ mode?: "push" | "float";
40
+ /**
41
+ * Render prop for the always-visible header area. Receives open state and
42
+ * toggle. Everything the caller renders here stays visible when collapsed —
43
+ * toggle button, ruler, pinned rows, etc. Its height is measured and used
44
+ * as the drawer's closed size automatically.
45
+ */
46
+ header?: (state: DrawerHeaderState) => React.ReactNode;
47
+ /** Called whenever the user finishes resizing the drawer. */
48
+ onSizeChange?: (size: number) => void;
49
+ /** Ref forwarded to the scrollable body element wrapping `children`. */
50
+ bodyRef?: React.RefObject<HTMLDivElement | null>;
51
+ /** Drawer body content, rendered inside the scrollable area. */
52
+ children?: React.ReactNode;
53
+ /** Additional class name applied to the drawer root. */
54
+ className?: string;
55
+ /** Inline styles merged into the drawer root (after the sizing style). */
56
+ style?: React.CSSProperties;
57
+ }
58
+ /**
59
+ * Resizable, collapsible drawer anchored to one edge of its container.
60
+ *
61
+ * The drawer is draggable along its perpendicular axis between `minSize`
62
+ * and `maxSize`, and collapses to the measured height of its `header`
63
+ * render prop (plus the drag handle) when closed. Open state can be
64
+ * controlled or uncontrolled via the inherited disclosure props.
65
+ */
66
+ declare const Drawer: React.FC<DrawerProps>;
67
+ export default Drawer;
68
+ //# sourceMappingURL=Drawer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAcD;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { default as Drawer } from './Drawer';
2
+ export type { DrawerProps, DrawerSide, DrawerHeaderState } from './Drawer';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
@@ -1,10 +1,12 @@
1
1
  import { FC, HTMLAttributes, ReactNode } from 'react';
2
+ import { Spacing } from '../../types';
2
3
  export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
3
4
  control: ReactNode;
4
5
  label?: ReactNode;
5
6
  description?: ReactNode;
6
7
  disabled?: boolean;
7
8
  error?: ReactNode;
9
+ spacing?: Spacing;
8
10
  }
9
11
  /**
10
12
  * A component which represents a composite form field, consisting of a label, form control, description,
@@ -48,6 +50,7 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
48
50
  * @param description Optional description to display for the form field.
49
51
  * @param disabled If `true`, disables the form field.
50
52
  * @param error Optional error message to display for the form field.
53
+ * @param spacing Spacing between elements in the field. Defaults to {@link Spacing.Sm}.
51
54
  * @param className `class` overrides to apply to the field container.
52
55
  * @param props Additional HTML properties to apply to the field container.
53
56
  */
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgCxC,CAAC"}
1
+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAe,OAAO,EAAa,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiCxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAe3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8EtC,CAAC"}
1
+ {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8EtC,CAAC"}
@@ -1,12 +1,13 @@
1
1
  import { FC, HTMLAttributes } from 'react';
2
2
  import { ListItemProps } from '../ListItem';
3
- import { Descriptor } from '../../types';
3
+ import { Descriptor, Spacing } from '../../types';
4
4
  export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
5
5
  listItems: Descriptor<ListItemProps>[];
6
6
  draggable?: boolean;
7
7
  onSelected?: (selectedItems: string[]) => void;
8
8
  onOrderChange?: (newItems: Descriptor<ListItemProps>[]) => void;
9
9
  selected?: string[];
10
+ spacing?: Spacing;
10
11
  }
11
12
  /**
12
13
  * A list-like component which renders a group of {@link ListItem} children.
@@ -1 +1 @@
1
- {"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAmGtC,CAAC"}
1
+ {"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAa9C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoGtC,CAAC"}
@@ -3,8 +3,10 @@ export * from './Button';
3
3
  export * from './Card';
4
4
  export * from './Checkbox';
5
5
  export * from './Clickable';
6
+ export * from './Collapsible';
6
7
  export * from './Datepicker';
7
8
  export * from './Divider';
9
+ export * from './Drawer';
8
10
  export * from './EmptyState';
9
11
  export * from './FormField';
10
12
  export * from './FormFieldGroup';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}