@voxel51/voodo 0.0.20 → 0.0.22

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 (130) hide show
  1. package/README.md +12 -0
  2. package/dist/components/ActivityToast/ActivityToast.d.ts +28 -2
  3. package/dist/components/ActivityToast/ActivityToast.d.ts.map +1 -1
  4. package/dist/components/Button/Button.d.ts +24 -4
  5. package/dist/components/Button/Button.d.ts.map +1 -1
  6. package/dist/components/Card/Card.d.ts +36 -0
  7. package/dist/components/Card/Card.d.ts.map +1 -0
  8. package/dist/components/Card/RichCard.d.ts +45 -0
  9. package/dist/components/Card/RichCard.d.ts.map +1 -0
  10. package/dist/components/Card/index.d.ts +3 -0
  11. package/dist/components/Card/index.d.ts.map +1 -0
  12. package/dist/components/Checkbox/Checkbox.d.ts +30 -0
  13. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  14. package/dist/components/Clickable/Clickable.d.ts +16 -0
  15. package/dist/components/Clickable/Clickable.d.ts.map +1 -1
  16. package/dist/components/Datepicker/DatePicker.d.ts +50 -0
  17. package/dist/components/Datepicker/DatePicker.d.ts.map +1 -1
  18. package/dist/components/Datepicker/DatepickerIconButton.d.ts +12 -0
  19. package/dist/components/Datepicker/DatepickerIconButton.d.ts.map +1 -1
  20. package/dist/components/Datepicker/DatepickerInput.d.ts +15 -0
  21. package/dist/components/Datepicker/DatepickerInput.d.ts.map +1 -1
  22. package/dist/components/Divider/Divider.d.ts +19 -0
  23. package/dist/components/Divider/Divider.d.ts.map +1 -0
  24. package/dist/components/Divider/index.d.ts +2 -0
  25. package/dist/components/Divider/index.d.ts.map +1 -0
  26. package/dist/components/EmptyState/EmptyState.d.ts +20 -0
  27. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -0
  28. package/dist/components/EmptyState/index.d.ts +2 -0
  29. package/dist/components/EmptyState/index.d.ts.map +1 -0
  30. package/dist/components/FormField/FormField.d.ts +45 -0
  31. package/dist/components/FormField/FormField.d.ts.map +1 -1
  32. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +38 -0
  33. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
  34. package/dist/components/Heading/Heading.d.ts +17 -0
  35. package/dist/components/Heading/Heading.d.ts.map +1 -1
  36. package/dist/components/Icons/DragHandle.d.ts +8 -0
  37. package/dist/components/Icons/DragHandle.d.ts.map +1 -1
  38. package/dist/components/Icons/Icon.d.ts +17 -1
  39. package/dist/components/Icons/Icon.d.ts.map +1 -1
  40. package/dist/components/Icons/IconWrapper.d.ts +19 -0
  41. package/dist/components/Icons/IconWrapper.d.ts.map +1 -0
  42. package/dist/components/Icons/RadioDot.d.ts +8 -0
  43. package/dist/components/Icons/RadioDot.d.ts.map +1 -1
  44. package/dist/components/Icons/index.d.ts +1 -0
  45. package/dist/components/Icons/index.d.ts.map +1 -1
  46. package/dist/components/Input/Input.d.ts +52 -2
  47. package/dist/components/Input/Input.d.ts.map +1 -1
  48. package/dist/components/Input/InputIcon.d.ts +11 -3
  49. package/dist/components/Input/InputIcon.d.ts.map +1 -1
  50. package/dist/components/ListItem/ListItem.d.ts +19 -0
  51. package/dist/components/ListItem/ListItem.d.ts.map +1 -1
  52. package/dist/components/Pill/Pill.d.ts +23 -2
  53. package/dist/components/Pill/Pill.d.ts.map +1 -1
  54. package/dist/components/Radio/Radio.d.ts +16 -0
  55. package/dist/components/Radio/Radio.d.ts.map +1 -1
  56. package/dist/components/Radio/RadioGroup.d.ts +48 -0
  57. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  58. package/dist/components/RichButton/RichButton.d.ts +32 -1
  59. package/dist/components/RichButton/RichButton.d.ts.map +1 -1
  60. package/dist/components/RichButtonGroup/RichButtonGroup.d.ts +42 -0
  61. package/dist/components/RichButtonGroup/RichButtonGroup.d.ts.map +1 -1
  62. package/dist/components/RichList/RichList.d.ts +66 -0
  63. package/dist/components/RichList/RichList.d.ts.map +1 -1
  64. package/dist/components/Select/Option.d.ts +10 -0
  65. package/dist/components/Select/Option.d.ts.map +1 -1
  66. package/dist/components/Select/Select.d.ts +71 -0
  67. package/dist/components/Select/Select.d.ts.map +1 -1
  68. package/dist/components/Slider/Slider.d.ts +111 -0
  69. package/dist/components/Slider/Slider.d.ts.map +1 -1
  70. package/dist/components/Slider/SliderBar.d.ts +18 -0
  71. package/dist/components/Slider/SliderBar.d.ts.map +1 -1
  72. package/dist/components/Slider/SliderKnob.d.ts +12 -0
  73. package/dist/components/Slider/SliderKnob.d.ts.map +1 -1
  74. package/dist/components/Slider/SliderLabels.d.ts +18 -0
  75. package/dist/components/Slider/SliderLabels.d.ts.map +1 -1
  76. package/dist/components/Spinner/Spinner.d.ts +14 -0
  77. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  78. package/dist/components/Stack/Stack.d.ts +41 -1
  79. package/dist/components/Stack/Stack.d.ts.map +1 -1
  80. package/dist/components/Table/Table.d.ts +8 -0
  81. package/dist/components/Table/Table.d.ts.map +1 -0
  82. package/dist/components/Table/index.d.ts +2 -0
  83. package/dist/components/Table/index.d.ts.map +1 -0
  84. package/dist/components/Text/Text.d.ts +20 -1
  85. package/dist/components/Text/Text.d.ts.map +1 -1
  86. package/dist/components/TextArea/TextArea.d.ts +39 -1
  87. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  88. package/dist/components/TextBadge/TextBadge.d.ts +16 -0
  89. package/dist/components/TextBadge/TextBadge.d.ts.map +1 -1
  90. package/dist/components/Toast/Toast.d.ts +39 -2
  91. package/dist/components/Toast/Toast.d.ts.map +1 -1
  92. package/dist/components/ToastContainer/ToastContainer.d.ts +8 -0
  93. package/dist/components/ToastContainer/ToastContainer.d.ts.map +1 -1
  94. package/dist/components/Toggle/Toggle.d.ts +32 -0
  95. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  96. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +46 -1
  97. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  98. package/dist/components/Tooltip/Tooltip.d.ts +18 -0
  99. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  100. package/dist/components/UnsetHint/UnsetHint.d.ts +13 -0
  101. package/dist/components/UnsetHint/UnsetHint.d.ts.map +1 -1
  102. package/dist/components/index.d.ts +4 -0
  103. package/dist/components/index.d.ts.map +1 -1
  104. package/dist/index.cjs +5 -5
  105. package/dist/index.cjs.map +1 -1
  106. package/dist/index.js +5448 -5055
  107. package/dist/index.js.map +1 -1
  108. package/dist/styles/color-classes.d.ts +1 -1
  109. package/dist/styles/color-classes.d.ts.map +1 -1
  110. package/dist/styles/shadow.d.ts.map +1 -1
  111. package/dist/theme/tokens/colors.d.ts +2 -0
  112. package/dist/theme/tokens/colors.d.ts.map +1 -1
  113. package/dist/theme/tokens/index.d.ts +2 -0
  114. package/dist/theme/tokens/index.d.ts.map +1 -1
  115. package/dist/types/align.d.ts +7 -0
  116. package/dist/types/align.d.ts.map +1 -0
  117. package/dist/types/color.d.ts +1 -0
  118. package/dist/types/color.d.ts.map +1 -1
  119. package/dist/types/icons.d.ts +5 -0
  120. package/dist/types/icons.d.ts.map +1 -1
  121. package/dist/types/index.d.ts +2 -0
  122. package/dist/types/index.d.ts.map +1 -1
  123. package/dist/types/justify.d.ts +9 -0
  124. package/dist/types/justify.d.ts.map +1 -0
  125. package/dist/types/shadow.d.ts +1 -0
  126. package/dist/types/shadow.d.ts.map +1 -1
  127. package/dist/types/size.d.ts +2 -1
  128. package/dist/types/size.d.ts.map +1 -1
  129. package/dist/voodo.css +1 -1
  130. package/package.json +4 -2
package/README.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # VOODO: Voxel's Official Design Ontology
2
2
 
3
+ <div align="center">
4
+
5
+ [![Discord](https://img.shields.io/badge/Discord-7289DA?logo=discord&logoColor=white)](https://discord.gg/fiftyone-community)
6
+ [![Hugging Face](https://img.shields.io/badge/Hugging_Face-purple?style=flat&logo=huggingface)](https://huggingface.co/Voxel51)
7
+ [![Voxel51 Blog](https://img.shields.io/badge/Voxel51_Blog-ff6d04?style=flat)](https://voxel51.com/blog)
8
+ [![Newsletter](https://img.shields.io/badge/Newsletter-BE5B25?logo=mail.ru&logoColor=white)](https://share.hsforms.com/1zpJ60ggaQtOoVeBqIZdaaA2ykyk)
9
+ [![LinkedIn](https://img.shields.io/badge/In-white?style=flat&label=Linked&labelColor=blue)](https://www.linkedin.com/company/voxel51)
10
+ [![Twitter](https://img.shields.io/badge/Twitter-000000?logo=x&logoColor=white)](https://x.com/voxel51)
11
+ [![Medium](https://img.shields.io/badge/Medium-12100E?logo=medium&logoColor=white)](https://medium.com/voxel51)
12
+
13
+ </div>
14
+
3
15
  This library acts as both a design system and a component library for Voxel51's
4
16
  front-end applications.
5
17
 
@@ -1,11 +1,37 @@
1
1
  import { FC, HTMLAttributes } from 'react';
2
- import { Anchor, Variant } from '../../types';
2
+ import { Anchor, IconName, Variant } from '../../types';
3
3
  export interface ActivityToastProps extends HTMLAttributes<HTMLDivElement> {
4
4
  anchor?: Anchor;
5
- icon?: FC;
5
+ icon?: FC | IconName;
6
6
  message?: string;
7
7
  open?: boolean;
8
8
  variant?: Variant;
9
9
  }
10
+ /**
11
+ * A component which renders simple toast-style notifications.
12
+ *
13
+ * This component is best suited for non-interactive, ephemeral notifications.
14
+ *
15
+ * See also {@link Toast}.
16
+ *
17
+ * @example
18
+ * ```tsx
19
+ * <ActivityToast
20
+ * open={true}
21
+ * icon={() => <Icon name={IconName.Check}/>}
22
+ * message={"Operation successful"}
23
+ * variant={Variant.Success}
24
+ * />
25
+ * ```
26
+ *
27
+ * @param anchor Position within the viewport to anchor the notification.
28
+ * Options include all cardinal directions as well as all four corners.
29
+ * @param className `class` overrides to apply to the component.
30
+ * @param icon Reference (`FC`) to an icon or an {@link IconName} to render which prefixes the toast message. See {@link Icon}.
31
+ * @param message Message to include in the toast.
32
+ * @param open Boolean controlling whether the toast is visible.
33
+ * @param variant The toast variant; this controls the general styling of the toast. See {@link Variant}.
34
+ * @param props Additional HTML properties to apply to the component.
35
+ */
10
36
  export declare const ActivityToast: FC<ActivityToastProps>;
11
37
  //# sourceMappingURL=ActivityToast.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActivityToast.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityToast/ActivityToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMhD,OAAO,EACL,MAAM,EAMN,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiChD,CAAC"}
1
+ {"version":3,"file":"ActivityToast.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityToast/ActivityToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOhD,OAAO,EACL,MAAM,EAKN,QAAQ,EAGR,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgChD,CAAC"}
@@ -1,13 +1,33 @@
1
1
  import { ButtonHTMLAttributes, FC } from 'react';
2
- import { Size, Variant } from '../../types';
3
- type ButtonSize = Exclude<Size, Size.Lg>;
2
+ import { IconName, Size, Variant } from '../../types';
3
+ type ButtonSize = Exclude<Size, Size.Lg | Size.Xl>;
4
4
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
5
5
  variant?: Variant;
6
6
  size?: ButtonSize;
7
- leadingIcon?: FC;
8
- trailingIcon?: FC;
7
+ leadingIcon?: FC | IconName;
8
+ trailingIcon?: FC | IconName;
9
9
  borderless?: boolean;
10
10
  }
11
+ /**
12
+ * A basic button component.
13
+ *
14
+ * @example
15
+ * ```tsx
16
+ * <Button onClick={() => alert("Button clicked")}>
17
+ * Click me
18
+ * </Button>
19
+ * ```
20
+ *
21
+ * @param variant The button variant; this controls the general styling of the button. See {@link Variant}.
22
+ * @param size The size of the button; this controls both the text size and the button size. See {@link Size}.
23
+ * @param borderless Boolean controlling whether the button should be "borderless," removing any borders and
24
+ * rounding the corners.
25
+ * @param leadingIcon Optional reference ({@link FC}) to an icon or an {@link IconName} which prefixes the button's content. See {@link Icon}.
26
+ * @param trailingIcon Optional reference ({@link FC}) to an icon or an {@link IconName} which postfixes the button's content. See {@link Icon}.
27
+ * @param className `class` overrides to apply to the component.
28
+ * @param children Button content.
29
+ * @param props Additional HTML properties to apply to the component.
30
+ */
11
31
  export declare const Button: FC<ButtonProps>;
12
32
  export {};
13
33
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAQL,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4ClC,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAOL,QAAQ,EAER,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiDlC,CAAC"}
@@ -0,0 +1,36 @@
1
+ import { FC, HTMLAttributes } from 'react';
2
+ import { Shadow } from '../../types';
3
+ export declare enum CardBackground {
4
+ Primary = "primary",
5
+ Secondary = "secondary",
6
+ Elevated = "elevated"
7
+ }
8
+ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
9
+ background?: CardBackground;
10
+ border?: boolean;
11
+ className?: string;
12
+ compact?: boolean;
13
+ shadow?: Shadow;
14
+ outlined?: boolean;
15
+ }
16
+ /**
17
+ * A styled container component with configurable background, shadow, and padding.
18
+ *
19
+ * @example
20
+ * ```tsx
21
+ * <Card background={CardBackground.Secondary} compact>
22
+ * Card content here
23
+ * </Card>
24
+ * ```
25
+ *
26
+ * @param background The background color variant. Defaults to {@link CardBackground.Primary}.
27
+ * @param border Whether to render a border around the card.
28
+ * @param className Additional CSS class names to apply to the card.
29
+ * @param compact When true, reduces internal padding.
30
+ * @param shadow The shadow depth applied to the card. Defaults to {@link Shadow.Md}.
31
+ * @param outlined When true, replaces the shadow with a border outline.
32
+ * @param children The content of the card.
33
+ * @param props Additional HTML properties to apply to the card.
34
+ */
35
+ export declare const Card: FC<CardProps>;
36
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,EAOL,MAAM,EACP,MAAM,SAAS,CAAC;AAGjB,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0B9B,CAAC"}
@@ -0,0 +1,45 @@
1
+ import { FC, default as React } from 'react';
2
+ import { CardProps } from '.';
3
+ import { IconName } from '../../types';
4
+ export interface RichCardProps extends CardProps {
5
+ badge?: string;
6
+ compact?: boolean;
7
+ description?: string | string[];
8
+ icon?: IconName;
9
+ title?: string;
10
+ action?: React.ReactNode;
11
+ }
12
+ /**
13
+ * A card component that displays an icon, title, description, and badge.
14
+ * Designed for richer content such as dashboards or item lists.
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * <RichCard
19
+ * icon={IconName.Star}
20
+ * title="Getting Started"
21
+ * description="Follow these steps to set up your workspace."
22
+ * badge="New"
23
+ * />
24
+ * ```
25
+ *
26
+ * @param badge A small badge for supplementary info such as status or count.
27
+ * @param compact When true, uses a horizontal layout with tighter spacing.
28
+ * @param description Body text. Pass an array of strings to render a bulleted list.
29
+ * @param icon The icon to display beside the title. See {@link IconName}.
30
+ * @param title The card heading.
31
+ * @param action A React node (e.g. a button) rendered in the action slot.
32
+ * @param children Content displayed inside the card, below the description.
33
+ * @param props Additional HTML properties to apply to the card.
34
+ */
35
+ export declare const RichCard: FC<RichCardProps>;
36
+ /**
37
+ * Renders card body text. A plain string is displayed as a single paragraph;
38
+ * an array of strings is rendered as a bulleted list.
39
+ *
40
+ * @param text The description content.
41
+ */
42
+ export declare const Description: FC<{
43
+ text: string | string[];
44
+ }>;
45
+ //# sourceMappingURL=RichCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RichCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/RichCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAwB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIpE,OAAO,EAGL,QAAQ,EAST,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkEtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAcvD,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './Card';
2
+ export * from './RichCard';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
@@ -12,6 +12,36 @@ export interface CheckboxProps extends ModifiedCheckboxProps {
12
12
  labelClassName?: string;
13
13
  showUnsetHint?: boolean;
14
14
  }
15
+ /**
16
+ * A basic checkbox component.
17
+ *
18
+ * This component operates exclusively as a controlled component. See `checked` and `onChange` for controls.
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * const MyComponent = () => {
23
+ * const [checked, setChecked] = useState<boolean>(false);
24
+ *
25
+ * return (
26
+ * <Checkbox
27
+ * checked={checked}
28
+ * onChange={(newValue: boolean) => setChecked(newValue)}
29
+ * label={"Create new dataset"}
30
+ * />
31
+ * );
32
+ * };
33
+ * ```
34
+ *
35
+ * @param checked `checked` state of the checkbox.
36
+ * @param onChange Change handler for when the checked state changes.
37
+ * @param size Size of the checkbox; this controls both the checkbox itself and the associated label. See {@link Size}.
38
+ * @param radius Border radius of the checkbox; this controls the styling of the checkbox itself. See {@link Radius}.
39
+ * @param className `class` overrides to apply to the checkbox.
40
+ * @param labelClassName `class` overrides for custom styling of the checkbox's label.
41
+ * @param label Label to display alongside the checkbox.
42
+ * @param showUnsetHint If `true`, displays a hint to the user for checkbox interaction.
43
+ * @param props Additional HTML properties to apply to the checkbox.
44
+ */
15
45
  export declare const Checkbox: FC<CheckboxProps>;
16
46
  export {};
17
47
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAOL,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgBD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6DtC,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAOL,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6DtC,CAAC"}
@@ -1,3 +1,19 @@
1
1
  import { FC, HTMLAttributes } from 'react';
2
+ /**
3
+ * A wrapper component which applies styling to make its children appear clickable to the user.
4
+ *
5
+ * Clickable components have their cursor set to the `pointer` cursor option when hovering.
6
+ *
7
+ * @example
8
+ * ```tsx
9
+ * <Clickable onClick={() => deleteEntry()}}>
10
+ * <Icon name={IconName.Delete} />
11
+ * </Clickable>
12
+ * ```
13
+ *
14
+ * @param children Content wrapped by this component.
15
+ * @param className `class` overrides to apply to the component.
16
+ * @param props Additional HTML properties to apply to the component.
17
+ */
2
18
  export declare const Clickable: FC<HTMLAttributes<HTMLSpanElement>>;
3
19
  //# sourceMappingURL=Clickable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/Clickable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,eAAe,CAAC,CAUzD,CAAC"}
1
+ {"version":3,"file":"Clickable.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/Clickable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,eAAe,CAAC,CAUzD,CAAC"}
@@ -9,5 +9,55 @@ export interface DatePickerProps extends Omit<ReactDatePickerProps, "size" | "cl
9
9
  dateFormat?: string;
10
10
  selected?: Date | null;
11
11
  }
12
+ /**
13
+ * A datepicker component which allows selecting a date, time, or date-time using a calendar-like interface.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * const MyComponent = ({disabled, dateOnly}: {disabled: boolean, dateOnly: boolean}) => {
18
+ * const [value, setValue] = useState<Date | null>(null);
19
+ *
20
+ * const onChange = useCallback((date: Date | null) => {
21
+ * if (date && !Number.isNaN(date.getTime())) {
22
+ * console.log("valid date set", date);
23
+ * }
24
+ *
25
+ * setValue(date);
26
+ * }, [setValue]);
27
+ *
28
+ * return (
29
+ * <DatePicker
30
+ * disabled={disabled}
31
+ * selected={value}
32
+ * showTimeSelect={!dateOnly}
33
+ * onChange={onChange}
34
+ * />
35
+ * );
36
+ * };
37
+ * ```
38
+ *
39
+ * @param size Size of the datepicker input. See {@link Size}.
40
+ * @param radius Border radius of the datepicker input. See {@link Radius}.
41
+ * @param className `class` overrides to apply to the component.
42
+ * @param disabled If `true`, disables the datepicker input and interaction.
43
+ * @param selected The controlled value of the datepicker.
44
+ * @param error If `true`, displays an error state in the datepicker input.
45
+ * @param dateFormat The format to use for displaying the value.
46
+ * If not specified, the following formats are used in order of precedence:
47
+ * - `HH:mm` if `showTimeSelectOnly` is `true`
48
+ * - `yyyy-MM-dd · HH:mm` if `showTimeSelect` is `true`
49
+ * - `yyyy-MM-dd`
50
+ * @param onChange Callback triggered when the user changes the date/time value.
51
+ * @param minDate Optional minimum date; dates before this will be disabled.
52
+ * @param maxDate Optional maximum date; dates after this will be disabled.
53
+ * @param placeholderText Optional placeholder text when no value is present.
54
+ * @param showTimeSelect If `true`, allows the user to select a time value in addition to date.
55
+ * @param showTimeSelectOnly If `true`, allows the user to select *only* a time value (no date).
56
+ * Note that when setting this value to `true`, `showTimeSelect` should also be set to `true`.
57
+ * @param timeIntervals Optional time interval (in minutes) to apply to time selection.
58
+ * Time selection will be limited to times with these increments.
59
+ * If not provided, a default value of `30` is used.
60
+ * @param props Additional HTML properties to apply to the component.
61
+ */
12
62
  export declare const DatePicker: FC<DatePickerProps>;
13
63
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,4CAA4C,CAAC;AACpD,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAKvC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,EACpB,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CACjE;IACC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqD1C,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,4CAA4C,CAAC;AACpD,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAKvC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,EACpB,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CACjE;IACC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqD1C,CAAC"}
@@ -14,6 +14,18 @@ export interface DatepickerIconButtonProps {
14
14
  iconName: IconName;
15
15
  position?: IconPosition;
16
16
  }
17
+ /**
18
+ * An interactable icon to display within the datepicker input.
19
+ *
20
+ * @param onClick Callback triggered when the icon is clicked.
21
+ * @param disabled If `true`, disables interaction with the icon.
22
+ * @param size Size of the icon. See {@link Size}.
23
+ * @param ariaLabel Optional aria label for the icon; only used for accessibility.
24
+ * @param iconName Name of the icon. See {@link IconName}.
25
+ * @param position The position of the icon. See {@link IconPosition}.
26
+ *
27
+ * @internal For use by {@link DatepickerInput}.
28
+ */
17
29
  export declare const DatepickerIconButton: FC<DatepickerIconButtonProps>;
18
30
  export default DatepickerIconButton;
19
31
  //# sourceMappingURL=DatepickerIconButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatepickerIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"DatepickerIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -9,6 +9,21 @@ export interface DatepickerInputProps {
9
9
  radius?: Radius;
10
10
  hasValue?: boolean;
11
11
  }
12
+ /**
13
+ * An input component supporting dates and date-times.
14
+ *
15
+ * This component operates exclusively as a controlled component. See `value` and `onChange` for controlled behavior.
16
+ *
17
+ * @param value The text representation of the date.
18
+ * @param onClick Callback triggered when the input is clicked.
19
+ * @param disabled If `true`, disables the input.
20
+ * @param error If `true`, renders the input in an error state.
21
+ * @param size The size of the input; this controls the size of the text and the input's padding. See {@link Size}.
22
+ * @param radius The border radius of the input. See {@link Radius}.
23
+ * @param hasValue Unused
24
+ *
25
+ * @internal For use by {@link DatePicker}.
26
+ */
12
27
  export declare const DatepickerInput: FC<DatepickerInputProps>;
13
28
  export default DatepickerInput;
14
29
  //# sourceMappingURL=DatepickerInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatepickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAML,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AA6CjB,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"DatepickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAML,MAAM,EACN,IAAI,EAGL,MAAM,SAAS,CAAC;AA6CjB,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { FC, HTMLAttributes } from 'react';
2
+ import { TextProps } from '../Text';
3
+ import { Orientation } from '../../types';
4
+ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
5
+ orientation?: Orientation;
6
+ label?: string;
7
+ textProps?: TextProps;
8
+ }
9
+ /**
10
+ * A divider component used to separate content.
11
+ * This is an alias for {@link Text} with {@link TextVariant.Xxs}.
12
+ *
13
+ * @param orientation A value used to determine whether to display the divider.
14
+ * @param label The label to display on the divider.
15
+ * @param props Additional HTML properties to apply to the component.
16
+ *
17
+ */
18
+ export declare const Divider: FC<DividerProps>;
19
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAQ,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAEL,WAAW,EAIZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiCpC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Divider';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { FC } from 'react';
2
+ import { StackProps } from '../Stack';
3
+ import { IconName } from '../../types';
4
+ export interface EmptyStateProps extends StackProps {
5
+ icon: IconName;
6
+ title: string;
7
+ description?: string;
8
+ }
9
+ /**
10
+ * A basic empty state to display to the user.
11
+ *
12
+ * @param icon The icon to display in the empty state.
13
+ * @param title The title to display in the empty state.
14
+ * @param description An optional description to display in the empty state.
15
+ * @param props Additional HTML properties to apply to the component.
16
+ *
17
+ *
18
+ */
19
+ export declare const EmptyState: FC<EmptyStateProps>;
20
+ //# sourceMappingURL=EmptyState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAKL,QAAQ,EAMT,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './EmptyState';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -6,5 +6,50 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
6
6
  disabled?: boolean;
7
7
  error?: ReactNode;
8
8
  }
9
+ /**
10
+ * A component which represents a composite form field, consisting of a label, form control, description,
11
+ * and error message.
12
+ *
13
+ * This component applies standard form best-practices to the contained elements, such as ensuring the label and form
14
+ * control are properly linked.
15
+ *
16
+ * See also {@link FormFieldGroup}.
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * const MyComponent = () => {
21
+ * const [value, setValue] = useState<string>("");
22
+ * const [error, setError] = useState<string | null>(null);
23
+ *
24
+ * const onChange = useCallback((newValue: string) => {
25
+ * setValue(newValue);
26
+ * if (newValue.length < 5) {
27
+ * setError("Name must be at least 5 characters");
28
+ * } else {
29
+ * setError(null);
30
+ * }
31
+ * },
32
+ * [setError, setValue]
33
+ * );
34
+ *
35
+ * return (
36
+ * <FormField
37
+ * control={<Input value={value} onChange={onChange} />}
38
+ * label={"Dataset name"}
39
+ * description={"Name of the dataset to create"}
40
+ * error={error}
41
+ * />
42
+ * );
43
+ * };
44
+ * ```
45
+ *
46
+ * @param control The form control to use in this field. This can be any component.
47
+ * @param label Optional label to display for the form field.
48
+ * @param description Optional description to display for the form field.
49
+ * @param disabled If `true`, disables the form field.
50
+ * @param error Optional error message to display for the form field.
51
+ * @param className `class` overrides to apply to the field container.
52
+ * @param props Additional HTML properties to apply to the field container.
53
+ */
9
54
  export declare const FormField: FC<FormFieldProps>;
10
55
  //# sourceMappingURL=FormField.d.ts.map
@@ -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,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;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"}
@@ -6,5 +6,43 @@ export interface FormFieldGroupProps extends HTMLAttributes<HTMLFieldSetElement>
6
6
  orientation?: Orientation;
7
7
  spacing?: Spacing;
8
8
  }
9
+ /**
10
+ * A logical grouping of form fields.
11
+ *
12
+ * This component wraps its children in a `fieldset` tag.
13
+ *
14
+ * See also {@link FormField}.
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * <FormFieldGroup orientation={Orientation.Vertical} spacing={Spacing.Lg}>
19
+ * <FormField
20
+ * control={
21
+ * <Input
22
+ * // input configuration
23
+ * />
24
+ * }
25
+ * label="First name"
26
+ * />
27
+ *
28
+ * <FormField
29
+ * control={
30
+ * <Input
31
+ * // input configuration
32
+ * />
33
+ * }
34
+ * label="Last name"
35
+ * />
36
+ * </FormFieldGroup>
37
+ * ```
38
+ *
39
+ * @param orientation The orientation of the form group;
40
+ * controls whether children are stacked horizontally or vertically.
41
+ * See {@link Orientation}.
42
+ * @param spacing Spacing to apply between form fields. See {@link Spacing}.
43
+ * @param disabled If `true`, disables the form group.
44
+ * @param children Form controls wrapped by this component.
45
+ * @param props Additional HTML properties to apply to the component.
46
+ */
9
47
  export declare const FormFieldGroup: FC<FormFieldGroupProps>;
10
48
  //# sourceMappingURL=FormFieldGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldGroup/FormFieldGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AAEtC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAYlD,CAAC"}
1
+ {"version":3,"file":"FormFieldGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldGroup/FormFieldGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AAEtC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAYlD,CAAC"}
@@ -3,5 +3,22 @@ import { default as HeadingLevel } from '../../types/heading';
3
3
  export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
4
4
  level?: HeadingLevel;
5
5
  }
6
+ /**
7
+ * A basic heading component.
8
+ *
9
+ * This component leverages standard heading tags `h1`, `h2`, etc.
10
+ *
11
+ * @example
12
+ * ```tsx
13
+ * <Heading level={HeadingLevel.H2}>
14
+ * Heading content here
15
+ * </Heading>
16
+ * ```
17
+ *
18
+ * @param level Heading level to use. See {@link HeadingLevel}.
19
+ * @param className `class` overrides to apply to the component.
20
+ * @param children The content of the heading.
21
+ * @param props Additional HTML properties to apply to the component.
22
+ */
6
23
  export declare const Heading: FC<HeadingProps>;
7
24
  //# sourceMappingURL=Heading.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACtE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAgBD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACtE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAgBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}
@@ -1,4 +1,12 @@
1
1
  import { FC } from 'react';
2
2
  import { IconProps } from './types';
3
+ /**
4
+ * A drag-handle icon.
5
+ *
6
+ * @param className `class` overrides to apply to the component.
7
+ * @param props Additional HTML properties to apply to the component.
8
+ *
9
+ * @internal For use by the {@link ListItem} component.
10
+ */
3
11
  export declare const DragHandleIcon: FC<IconProps>;
4
12
  //# sourceMappingURL=DragHandle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/DragHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAiBxC,CAAC"}
1
+ {"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/DragHandle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAiBxC,CAAC"}