@voxel51/voodo 1.4.0-dev.0 → 2.1.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/bin/voodo.mjs +127 -0
- package/dist/cli/reference.d.ts +79 -0
- package/dist/cli/reference.d.ts.map +1 -0
- package/dist/cli.cjs +11 -0
- package/dist/cli.cjs.map +1 -0
- package/dist/cli.d.ts +2 -0
- package/dist/cli.js +167 -0
- package/dist/cli.js.map +1 -0
- package/dist/components/ActivityToast/ActivityToast.d.ts +1 -1
- package/dist/components/ActivityToast/ActivityToast.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +5 -3
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts +3 -3
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/RichCard.d.ts +3 -1
- package/dist/components/Card/RichCard.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Clickable/Clickable.d.ts +1 -1
- package/dist/components/Combobox/Combobox.d.ts +3 -3
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/components/Datepicker/DatePicker.d.ts +1 -1
- package/dist/components/Datepicker/DatepickerIconButton.d.ts.map +1 -1
- package/dist/components/Datepicker/DatepickerInput.d.ts.map +1 -1
- package/dist/components/Divider/Divider.d.ts +21 -14
- package/dist/components/Divider/Divider.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +37 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +3 -3
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown/DropdownTrigger.d.ts +2 -2
- package/dist/components/Dropzone/Dropzone.d.ts +34 -0
- package/dist/components/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist/components/Dropzone/index.d.ts +2 -0
- package/dist/components/Dropzone/index.d.ts.map +1 -0
- package/dist/components/EmptyState/EmptyState.d.ts +11 -4
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/FormField/FormField.d.ts +4 -2
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +4 -19
- package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
- package/dist/components/Heading/Heading.d.ts +1 -1
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/IconAction/IconAction.d.ts +26 -0
- package/dist/components/IconAction/IconAction.d.ts.map +1 -0
- package/dist/components/IconAction/index.d.ts +2 -0
- package/dist/components/IconAction/index.d.ts.map +1 -0
- package/dist/components/Icons/Icon.d.ts +4 -3
- package/dist/components/Icons/Icon.d.ts.map +1 -1
- package/dist/components/Icons/IconBase.d.ts +2 -0
- package/dist/components/Icons/IconBase.d.ts.map +1 -1
- package/dist/components/Icons/IconWrapper.d.ts +3 -1
- package/dist/components/Icons/IconWrapper.d.ts.map +1 -1
- package/dist/components/Icons/Spinner.d.ts.map +1 -1
- package/dist/components/Icons/icons.d.ts +9 -1
- package/dist/components/Icons/icons.d.ts.map +1 -1
- package/dist/components/ImageList/ImageList.d.ts +4 -4
- package/dist/components/ImageList/ImageList.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +14 -19
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/InputIcon.d.ts +1 -1
- package/dist/components/Input/InputIcon.d.ts.map +1 -1
- package/dist/components/Input/styles.d.ts +11 -12
- package/dist/components/Input/styles.d.ts.map +1 -1
- package/dist/components/ListItem/ListItem.d.ts +2 -2
- package/dist/components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/components/LoadingDots/LoadingDots.d.ts +1 -1
- package/dist/components/Menu/MenuCheckItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuIconTextItem.d.ts +4 -4
- package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuSectionTitle.d.ts.map +1 -1
- package/dist/components/Menu/MenuTextItem.d.ts +3 -3
- package/dist/components/Menu/MenuTextItem.d.ts.map +1 -1
- package/dist/components/Menu/styles.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +17 -9
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Pill/Pill.d.ts +5 -4
- package/dist/components/Pill/Pill.d.ts.map +1 -1
- package/dist/components/Popover/Popover.d.ts +5 -5
- package/dist/components/Popover/styles.d.ts.map +1 -1
- package/dist/components/Progress/Progress.d.ts +8 -11
- package/dist/components/Progress/Progress.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts +15 -3
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Radio/RadioGroup.d.ts +4 -4
- package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/RichButton/RichButton.d.ts +2 -0
- package/dist/components/RichButton/RichButton.d.ts.map +1 -1
- package/dist/components/RichList/RichList.d.ts +14 -13
- package/dist/components/RichList/RichList.d.ts.map +1 -1
- package/dist/components/Select/Option.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +17 -7
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Sheet/Sheet.d.ts +9 -4
- package/dist/components/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/Slider/Slider.d.ts +15 -1
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/SliderBar.d.ts +1 -1
- package/dist/components/Slider/SliderKnob.d.ts +1 -1
- package/dist/components/Slider/SliderLabels.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Stack/Stack.d.ts +3 -3
- package/dist/components/StepRail/StepRail.d.ts +36 -0
- package/dist/components/StepRail/StepRail.d.ts.map +1 -0
- package/dist/components/StepRail/index.d.ts +2 -0
- package/dist/components/StepRail/index.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +82 -0
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Tabs/Tab.d.ts +3 -0
- package/dist/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts +7 -3
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/TextAction/TextAction.d.ts +29 -0
- package/dist/components/TextAction/TextAction.d.ts.map +1 -0
- package/dist/components/TextAction/index.d.ts +2 -0
- package/dist/components/TextAction/index.d.ts.map +1 -0
- package/dist/components/TextArea/TextArea.d.ts +7 -3
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextBadge/TextBadge.d.ts +3 -3
- package/dist/components/TextBadge/TextBadge.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +7 -5
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/ToastContainer/ToastContainer.d.ts +9 -1
- package/dist/components/ToastContainer/ToastContainer.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts +2 -2
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +12 -11
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/components/Toolbar/Toolbar.d.ts +14 -14
- package/dist/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/Toolbar/ToolbarGroup.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tree/TreeSelect.d.ts +1 -1
- package/dist/components/Tree/types.d.ts +2 -0
- package/dist/components/Tree/types.d.ts.map +1 -1
- package/dist/components/UnsetHint/UnsetHint.d.ts +2 -1
- package/dist/components/UnsetHint/UnsetHint.d.ts.map +1 -1
- package/dist/components/UploadList/UploadList.d.ts +36 -0
- package/dist/components/UploadList/UploadList.d.ts.map +1 -0
- package/dist/components/UploadList/index.d.ts +2 -0
- package/dist/components/UploadList/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4915 -4257
- package/dist/index.js.map +1 -1
- package/dist/palette-Boxwxq4V.js +723 -0
- package/dist/palette-Boxwxq4V.js.map +1 -0
- package/dist/palette-DV12yAPS.cjs +2 -0
- package/dist/palette-DV12yAPS.cjs.map +1 -0
- package/dist/styles/color-classes.d.ts +1 -1
- package/dist/styles/color-classes.d.ts.map +1 -1
- package/dist/styles/text.d.ts +6 -0
- package/dist/styles/text.d.ts.map +1 -1
- package/dist/theme/cssVar.d.ts +128 -105
- package/dist/theme/cssVar.d.ts.map +1 -1
- package/dist/theme/mui.d.ts +15 -15
- package/dist/theme/mui.d.ts.map +1 -1
- package/dist/theme/tokens/colors.d.ts +297 -227
- package/dist/theme/tokens/colors.d.ts.map +1 -1
- package/dist/theme/tokens/gradients.d.ts +6 -0
- package/dist/theme/tokens/gradients.d.ts.map +1 -0
- package/dist/theme/tokens/index.d.ts +350 -220
- package/dist/theme/tokens/index.d.ts.map +1 -1
- package/dist/theme/tokens/palette.d.ts +64 -5
- package/dist/theme/tokens/palette.d.ts.map +1 -1
- package/dist/theme/tokens/spacing.d.ts +48 -0
- package/dist/theme/tokens/spacing.d.ts.map +1 -1
- package/dist/theme/tokens/typography.d.ts +203 -5
- package/dist/theme/tokens/typography.d.ts.map +1 -1
- package/dist/theme/useColorPalette.d.ts +16 -10
- package/dist/theme/useColorPalette.d.ts.map +1 -1
- package/dist/tokens.cjs +1 -1
- package/dist/tokens.cjs.map +1 -1
- package/dist/tokens.js +23 -38
- package/dist/tokens.js.map +1 -1
- package/dist/types/color.d.ts +272 -237
- package/dist/types/color.d.ts.map +1 -1
- package/dist/types/text.d.ts +43 -4
- package/dist/types/text.d.ts.map +1 -1
- package/dist/types/variant.d.ts +2 -0
- package/dist/types/variant.d.ts.map +1 -1
- package/dist/util/classes.d.ts.map +1 -1
- package/dist/util/formatBytes.d.ts +14 -0
- package/dist/util/formatBytes.d.ts.map +1 -0
- package/dist/voodo.css +1 -1
- package/package.json +13 -2
- package/dist/components/CodeBlock/CodeBlock.d.ts +0 -32
- package/dist/components/CodeBlock/CodeBlock.d.ts.map +0 -1
- package/dist/components/CodeBlock/index.d.ts +0 -2
- package/dist/components/CodeBlock/index.d.ts.map +0 -1
- package/dist/components/LoadingScreen/LoadingScreen.d.ts +0 -28
- package/dist/components/LoadingScreen/LoadingScreen.d.ts.map +0 -1
- package/dist/components/LoadingScreen/index.d.ts +0 -2
- package/dist/components/LoadingScreen/index.d.ts.map +0 -1
- package/dist/palette-B91vdbSd.js +0 -479
- package/dist/palette-B91vdbSd.js.map +0 -1
- package/dist/palette-dgN5vIc-.cjs +0 -2
- package/dist/palette-dgN5vIc-.cjs.map +0 -1
|
@@ -14,6 +14,7 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
|
|
|
14
14
|
value?: string;
|
|
15
15
|
onChange: (value: string) => void;
|
|
16
16
|
name?: string;
|
|
17
|
+
/** @deprecated Figma draws one radio size; forwarded to {@link Radio}, which ignores it. */
|
|
17
18
|
size?: RadioGroupSize;
|
|
18
19
|
disabled?: boolean;
|
|
19
20
|
radioProps?: RadioProps;
|
|
@@ -21,12 +22,12 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
|
|
|
21
22
|
/**
|
|
22
23
|
* A group of radio controls; supports selection via one-of semantics.
|
|
23
24
|
*
|
|
24
|
-
*
|
|
25
|
+
* Controlled via `value` + `onChange`, or uncontrolled with `defaultValue`.
|
|
25
26
|
*
|
|
26
27
|
* @example
|
|
27
28
|
* ```tsx
|
|
28
29
|
* const MyComponent = () => {
|
|
29
|
-
* const [value, setValue] = useState<string
|
|
30
|
+
* const [value, setValue] = useState<string>("car");
|
|
30
31
|
*
|
|
31
32
|
* const onChange = useCallback((selectedValue: string) => {
|
|
32
33
|
* setValue(selectedValue);
|
|
@@ -59,8 +60,7 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
|
|
|
59
60
|
* @param defaultValue The default value to use when no selection has been made.
|
|
60
61
|
* @param onChange Callback triggered when the selection value changes.
|
|
61
62
|
* @param name Optional name of the radio group.
|
|
62
|
-
* @param size
|
|
63
|
-
* See {@link Size}.
|
|
63
|
+
* @param size Deprecated; Figma draws a single radio size, so the wrapped {@link Radio} components ignore it.
|
|
64
64
|
* @param disabled If `true`, disables the radio group.
|
|
65
65
|
* @param className `class` overrides to apply to the radio group.
|
|
66
66
|
* @param radioProps Additional HTML properties to apply to each of the wrapped {@link Radio} components.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuC1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAiBjE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}
|
|
@@ -12,21 +12,22 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
/**
|
|
13
13
|
* A list-like component which renders a group of {@link ListItem} children.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* Selection works controlled (`selected` + `onSelected`) or uncontrolled.
|
|
16
|
+
* Ordering is always controlled: with `draggable`, items only move when you
|
|
17
|
+
* feed `onOrderChange`'s result back into `listItems`.
|
|
17
18
|
*
|
|
18
19
|
* @example
|
|
19
20
|
* ```tsx
|
|
20
21
|
* const MyComponent = ({openSettings}: {openSettings: (id: string) => void}) => {
|
|
21
|
-
* const items
|
|
22
|
+
* const [items, setItems] = useState<Descriptor<ListItemProps>[]>(() => [
|
|
22
23
|
* {
|
|
23
24
|
* id: "1",
|
|
24
25
|
* data: {
|
|
25
26
|
* primaryContent: "First Item",
|
|
26
|
-
* secondaryContent: "First item description"
|
|
27
|
+
* secondaryContent: "First item description",
|
|
27
28
|
* actions: (
|
|
28
29
|
* <Button
|
|
29
|
-
* variant=
|
|
30
|
+
* variant="icon"
|
|
30
31
|
* aria-label="Settings"
|
|
31
32
|
* leadingIcon={SettingsIcon}
|
|
32
33
|
* onClick={() => openSettings("1")}
|
|
@@ -38,24 +39,25 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
38
39
|
* id: "2",
|
|
39
40
|
* data: {
|
|
40
41
|
* primaryContent: "Second Item",
|
|
41
|
-
* secondaryContent: "Second item description"
|
|
42
|
+
* secondaryContent: "Second item description",
|
|
42
43
|
* actions: (
|
|
43
44
|
* <Button
|
|
44
|
-
* variant=
|
|
45
|
+
* variant="icon"
|
|
45
46
|
* aria-label="Settings"
|
|
46
47
|
* leadingIcon={SettingsIcon}
|
|
47
48
|
* onClick={() => openSettings("2")}
|
|
48
49
|
* />
|
|
49
50
|
* )
|
|
50
51
|
* },
|
|
52
|
+
* },
|
|
51
53
|
* {
|
|
52
54
|
* id: "3",
|
|
53
55
|
* data: {
|
|
54
56
|
* primaryContent: "Third Item",
|
|
55
|
-
* secondaryContent: "Third item description"
|
|
57
|
+
* secondaryContent: "Third item description",
|
|
56
58
|
* actions: (
|
|
57
59
|
* <Button
|
|
58
|
-
* variant=
|
|
60
|
+
* variant="icon"
|
|
59
61
|
* aria-label="Settings"
|
|
60
62
|
* leadingIcon={SettingsIcon}
|
|
61
63
|
* onClick={() => openSettings("3")}
|
|
@@ -63,12 +65,10 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
63
65
|
* )
|
|
64
66
|
* },
|
|
65
67
|
* },
|
|
66
|
-
*
|
|
67
|
-
* []
|
|
68
|
-
* );
|
|
68
|
+
* ]);
|
|
69
69
|
*
|
|
70
70
|
* return (
|
|
71
|
-
* <RichList listItems={items} />
|
|
71
|
+
* <RichList listItems={items} draggable onOrderChange={setItems} spacing="sm" />
|
|
72
72
|
* );
|
|
73
73
|
* };
|
|
74
74
|
* ```
|
|
@@ -77,6 +77,7 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
77
77
|
* @param listItems List of component descriptors which will be used to create {@link ListItem} child components.
|
|
78
78
|
* The order of this list dictates the order of the children from top to bottom.
|
|
79
79
|
* @param draggable If `true`, allows reordering of children via dragging {@link ListItem} components.
|
|
80
|
+
* @param spacing Vertical gap between items. Defaults to `"md"`. See {@link Spacing}.
|
|
80
81
|
* @param onSelected Callback triggered when selection state changes.
|
|
81
82
|
* This callback includes a list of currently-selected descriptor IDs.
|
|
82
83
|
* @param onOrderChange Callback triggered when {@link ListItem} ordering changes.
|
|
@@ -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,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
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoGtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiBhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkClC,CAAC"}
|
|
@@ -40,9 +40,13 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
|
|
|
40
40
|
* ```tsx
|
|
41
41
|
* // Single selection
|
|
42
42
|
* const MyComponent = () => {
|
|
43
|
-
* const [value, setValue] = useState<string
|
|
43
|
+
* const [value, setValue] = useState<string>();
|
|
44
44
|
*
|
|
45
|
-
* const onChange = useCallback(
|
|
45
|
+
* const onChange = useCallback(
|
|
46
|
+
* (next: string | string[] | null) =>
|
|
47
|
+
* setValue(typeof next === "string" ? next : undefined),
|
|
48
|
+
* []
|
|
49
|
+
* );
|
|
46
50
|
*
|
|
47
51
|
* const options: Descriptor<{label: string, content: ReactNode}>[] = useMemo(() => [
|
|
48
52
|
* {id: "id-a", data: {label: "A", content: "Option A"}},
|
|
@@ -69,7 +73,10 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
|
|
|
69
73
|
* const MyComponent = () => {
|
|
70
74
|
* const [value, setValue] = useState<string[]>(() => []);
|
|
71
75
|
*
|
|
72
|
-
* const onChange = useCallback(
|
|
76
|
+
* const onChange = useCallback(
|
|
77
|
+
* (next: string | string[] | null) => setValue(Array.isArray(next) ? next : []),
|
|
78
|
+
* []
|
|
79
|
+
* );
|
|
73
80
|
*
|
|
74
81
|
* const options: Descriptor<{label: string, content: ReactNode}>[] = useMemo(() => [
|
|
75
82
|
* {id: "id-a", data: {label: "A", content: "Option A"}},
|
|
@@ -94,12 +101,15 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
|
|
|
94
101
|
* @param disabled If `true`, disables the component.
|
|
95
102
|
* @param exclusive If `true`, allows only a single element to be selected;
|
|
96
103
|
* otherwise, multiple items can be selected concurrently.
|
|
97
|
-
* @param onChange Callback triggered when selection state changes.
|
|
98
|
-
*
|
|
104
|
+
* @param onChange Callback triggered when selection state changes. Receives the
|
|
105
|
+
* selected option `id` (a string, or `null`) when `exclusive`, otherwise an
|
|
106
|
+
* array of selected `id`s.
|
|
99
107
|
* @param options List of component descriptors which will be used to create {@link Option} child components.
|
|
100
108
|
* @param zIndex Z-index level for the dropdown.
|
|
101
|
-
* @param portal If `true`,
|
|
102
|
-
*
|
|
109
|
+
* @param portal If `true`, renders the options in a portal that always stacks
|
|
110
|
+
* above modals, overriding `zIndex`.
|
|
111
|
+
* @param value The selected option `id` (when `exclusive`) or `id`s; set it for
|
|
112
|
+
* controlled selection.
|
|
103
113
|
* @param props Additional HTML properties to apply to the component.
|
|
104
114
|
*/
|
|
105
115
|
export declare const Select: FC<SelectProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;IAChD,KAAY,WAAW,GAAG,OAAO,YAAY,CAAC,WAAW,CAAC;IAC1D,KAAY,SAAS,GAAG,OAAO,YAAY,CAAC,SAAS,CAAC;IACtD,KAAY,GAAG,GAAG,OAAO,YAAY,CAAC,GAAG,CAAC;IAC1C,KAAY,QAAQ,GAAG,OAAO,YAAY,CAAC,QAAQ,CAAC;IACpD,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;CACjD;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;IAChD,KAAY,WAAW,GAAG,OAAO,YAAY,CAAC,WAAW,CAAC;IAC1D,KAAY,SAAS,GAAG,OAAO,YAAY,CAAC,SAAS,CAAC;IACtD,KAAY,GAAG,GAAG,OAAO,YAAY,CAAC,GAAG,CAAC;IAC1C,KAAY,QAAQ,GAAG,OAAO,YAAY,CAAC,QAAQ,CAAC;IACpD,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;CACjD;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwIlC,CAAC"}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
/** Edge the sheet slides in from. */
|
|
3
|
-
export declare
|
|
4
|
-
Left
|
|
5
|
-
Right
|
|
3
|
+
export declare const SheetSide: {
|
|
4
|
+
readonly Left: "left";
|
|
5
|
+
readonly Right: "right";
|
|
6
|
+
};
|
|
7
|
+
export type SheetSide = `${(typeof SheetSide)[keyof typeof SheetSide]}`;
|
|
8
|
+
export declare namespace SheetSide {
|
|
9
|
+
type Left = typeof SheetSide.Left;
|
|
10
|
+
type Right = typeof SheetSide.Right;
|
|
6
11
|
}
|
|
7
12
|
export interface SheetProps {
|
|
8
13
|
/** Whether the sheet is rendered. Sheets are always controlled. */
|
|
9
14
|
open: boolean;
|
|
10
15
|
/** Invoked on the close button, the backdrop, or Escape. */
|
|
11
16
|
onClose: () => void;
|
|
12
|
-
/** Edge it slides in from. Defaults to
|
|
17
|
+
/** Edge it slides in from. Defaults to `"right"`. */
|
|
13
18
|
side?: SheetSide;
|
|
14
19
|
/** Heading rendered in the sheet's title bar. */
|
|
15
20
|
title?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,EAAE,CAAC;AAExE,yBAAiB,SAAS,CAAC;IACzB,KAAY,IAAI,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;IACzC,KAAY,KAAK,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;CAC5C;AAOD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqFhC,CAAC"}
|
|
@@ -32,6 +32,14 @@ export interface MultiValueSliderProps extends Omit<SliderProps, "multi" | "onCh
|
|
|
32
32
|
*
|
|
33
33
|
* This component renders a slider with one or more draggable knobs, optional numeric inputs, and optional labels.
|
|
34
34
|
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <BaseSlider min={0} max={1} step={0.05} value={threshold} onChange={setThreshold} />
|
|
38
|
+
* // Prefer the type-safe aliases:
|
|
39
|
+
* <SingleValueSlider min={0} max={100} value={opacity} onChange={setOpacity} />
|
|
40
|
+
* <MultiValueSlider min={0} max={1} value={[low, high]} onChange={setRange} />
|
|
41
|
+
* ```
|
|
42
|
+
*
|
|
35
43
|
* This component operates as both a controlled and uncontrolled component.
|
|
36
44
|
* See `value` and `onChange` for controlled behavior.
|
|
37
45
|
*
|
|
@@ -106,11 +114,14 @@ export declare const BaseSlider: FC<SliderProps>;
|
|
|
106
114
|
*
|
|
107
115
|
* @param onChange Callback triggered when the slider value changes.
|
|
108
116
|
* This change can be triggered in three ways:
|
|
109
|
-
* - The user modifies the value in the
|
|
117
|
+
* - The user modifies the value in the input field.
|
|
110
118
|
* - The user drags a slider knob.
|
|
111
119
|
* - The user clicks on the slider track.
|
|
112
120
|
* @param max Maximum value of the slider
|
|
113
121
|
* @param min Minimum value of the slider
|
|
122
|
+
* @param value The controlled value: a single number in `[min, max]`.
|
|
123
|
+
* @param onChangeCommitted Called once when an interaction completes (drag
|
|
124
|
+
* release, track click, input blur), with a single number.
|
|
114
125
|
* @param props See {@link BaseSlider} for all available properties.
|
|
115
126
|
*/
|
|
116
127
|
export declare const SingleValueSlider: FC<SingleValueSliderProps>;
|
|
@@ -145,6 +156,9 @@ export declare const SingleValueSlider: FC<SingleValueSliderProps>;
|
|
|
145
156
|
* - The user clicks on the slider track.
|
|
146
157
|
* @param max Maximum value of the slider
|
|
147
158
|
* @param min Minimum value of the slider
|
|
159
|
+
* @param value The controlled value: `[low, high]`, each in `[min, max]`.
|
|
160
|
+
* @param onChangeCommitted Called once when an interaction completes (drag
|
|
161
|
+
* release, track click, input blur), with `[low, high]`.
|
|
148
162
|
* @param props See {@link BaseSlider} for all available properties.
|
|
149
163
|
*/
|
|
150
164
|
export declare const MultiValueSlider: FC<MultiValueSliderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAiLtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAexD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}
|
|
@@ -25,7 +25,7 @@ interface SliderBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"
|
|
|
25
25
|
* If `multi` is true, this must be a value of the form [low, high]; otherwise, this is a single numeric value.
|
|
26
26
|
* @param props Additional HTML properties to apply to the component.
|
|
27
27
|
*
|
|
28
|
-
* @internal For use by {@link
|
|
28
|
+
* @internal For use by {@link BaseSlider}.
|
|
29
29
|
*/
|
|
30
30
|
export declare const SliderBar: FC<SliderBarProps>;
|
|
31
31
|
export {};
|
|
@@ -15,7 +15,7 @@ interface SliderKnobProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
15
15
|
*
|
|
16
16
|
* @param position The relative position of the knob; this must be a value in the range `[0, 1]`.
|
|
17
17
|
* @param onDragStart Callback triggered on the start of a drag event.
|
|
18
|
-
* @param value Value of the knob; this is expected to be `position * (max - min)`.
|
|
18
|
+
* @param value Value of the knob; this is expected to be `min + position * (max - min)`.
|
|
19
19
|
* @param min Minimum allowed value, exposed as `aria-valuemin`.
|
|
20
20
|
* @param max Maximum allowed value, exposed as `aria-valuemax`.
|
|
21
21
|
* @param props Additional HTML properties to apply to the component.
|
|
@@ -24,7 +24,7 @@ interface SliderLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
24
24
|
* otherwise, this is a single numeric value.
|
|
25
25
|
* @param props Additional HTML properties to apply to the component.
|
|
26
26
|
*
|
|
27
|
-
* @internal For use by {@link
|
|
27
|
+
* @internal For use by {@link BaseSlider}.
|
|
28
28
|
*/
|
|
29
29
|
export declare const SliderLabels: FC<SliderLabelProps>;
|
|
30
30
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAWD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
|
|
@@ -11,7 +11,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
|
-
* <Stack orientation=
|
|
14
|
+
* <Stack orientation="col" spacing="md">
|
|
15
15
|
* <Text>Top</Text>
|
|
16
16
|
* <Text>Middle</Text>
|
|
17
17
|
* <Text>Bottom</Text>
|
|
@@ -20,7 +20,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
22
|
* ```tsx
|
|
23
|
-
* <Stack orientation=
|
|
23
|
+
* <Stack orientation="row" spacing="md">
|
|
24
24
|
* <Text>Left</Text>
|
|
25
25
|
* <Text>Middle</Text>
|
|
26
26
|
* <Text>Right</Text>
|
|
@@ -29,7 +29,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
29
29
|
*
|
|
30
30
|
* @example
|
|
31
31
|
* ```tsx
|
|
32
|
-
* <Stack orientation=
|
|
32
|
+
* <Stack orientation="row" align="center" justify="between">
|
|
33
33
|
* <Text>Left</Text>
|
|
34
34
|
* <Text>Middle</Text>
|
|
35
35
|
* <Text>Right</Text>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
/** One step in a {@link StepRail}. */
|
|
3
|
+
export interface StepRailStep {
|
|
4
|
+
id: string;
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface StepRailProps extends Omit<HTMLAttributes<HTMLOListElement>, "onSelect"> {
|
|
8
|
+
steps: StepRailStep[];
|
|
9
|
+
current: string;
|
|
10
|
+
onSelect?: (id: string) => void;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Shows progress through a multi-step flow. Completed steps show a check, the
|
|
14
|
+
* current step is highlighted, and later steps are muted.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <StepRail
|
|
19
|
+
* steps={[
|
|
20
|
+
* { id: "source", label: "Source" },
|
|
21
|
+
* { id: "files", label: "Files" },
|
|
22
|
+
* { id: "import", label: "Import" },
|
|
23
|
+
* ]}
|
|
24
|
+
* current="files"
|
|
25
|
+
* onSelect={goToStep}
|
|
26
|
+
* />
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* @param steps Ordered steps, each with a unique `id` and a `label`.
|
|
30
|
+
* @param current The `id` of the step the user is on.
|
|
31
|
+
* @param onSelect Called with a completed step's `id` when it is clicked. Omit it to keep completed steps static.
|
|
32
|
+
* @param className Additional CSS class names to apply to the list.
|
|
33
|
+
* @param props Additional HTML properties to apply to the list.
|
|
34
|
+
*/
|
|
35
|
+
export declare const StepRail: FC<StepRailProps>;
|
|
36
|
+
//# sourceMappingURL=StepRail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepRail.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/StepRail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB3D,sCAAsC;AACtC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX;IACC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6EtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1,8 +1,90 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* A styled data table.
|
|
4
|
+
*
|
|
5
|
+
* Compose it from {@link TableHeader}, {@link TableBody}, {@link TableRow},
|
|
6
|
+
* {@link TableHead} and {@link TableCell}. Each renders its native table
|
|
7
|
+
* element, so any HTML table attribute passes through.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <Table>
|
|
12
|
+
* <TableHeader>
|
|
13
|
+
* <TableRow>
|
|
14
|
+
* <TableHead>Name</TableHead>
|
|
15
|
+
* <TableHead>Status</TableHead>
|
|
16
|
+
* </TableRow>
|
|
17
|
+
* </TableHeader>
|
|
18
|
+
* <TableBody>
|
|
19
|
+
* <TableRow onClick={() => openRun(run.id)}>
|
|
20
|
+
* <TableCell>{run.name}</TableCell>
|
|
21
|
+
* <TableCell>{run.status}</TableCell>
|
|
22
|
+
* </TableRow>
|
|
23
|
+
* </TableBody>
|
|
24
|
+
* </Table>
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @param className Additional CSS class names to apply to the table.
|
|
28
|
+
* @param children The table sections.
|
|
29
|
+
* @param props Additional HTML properties to apply to the table.
|
|
30
|
+
*/
|
|
2
31
|
export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
|
|
32
|
+
/**
|
|
33
|
+
* A table row. A row with an `onClick` gets a pointer cursor and a hover
|
|
34
|
+
* highlight; a row without one stays static.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```tsx
|
|
38
|
+
* <TableRow onClick={() => openRun(run.id)}>
|
|
39
|
+
* <TableCell>{run.name}</TableCell>
|
|
40
|
+
* </TableRow>
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
3
43
|
export declare const TableRow: FC<HTMLAttributes<HTMLTableRowElement>>;
|
|
44
|
+
/**
|
|
45
|
+
* The table's header section (`thead`), with a divider below it.
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* ```tsx
|
|
49
|
+
* <TableHeader>
|
|
50
|
+
* <TableRow>
|
|
51
|
+
* <TableHead>Name</TableHead>
|
|
52
|
+
* </TableRow>
|
|
53
|
+
* </TableHeader>
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
4
56
|
export declare const TableHeader: FC<HTMLAttributes<HTMLTableSectionElement>>;
|
|
57
|
+
/**
|
|
58
|
+
* The table's body section (`tbody`).
|
|
59
|
+
*
|
|
60
|
+
* @example
|
|
61
|
+
* ```tsx
|
|
62
|
+
* <TableBody>
|
|
63
|
+
* {runs.map((run) => (
|
|
64
|
+
* <TableRow key={run.id}>
|
|
65
|
+
* <TableCell>{run.name}</TableCell>
|
|
66
|
+
* </TableRow>
|
|
67
|
+
* ))}
|
|
68
|
+
* </TableBody>
|
|
69
|
+
* ```
|
|
70
|
+
*/
|
|
5
71
|
export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
|
|
72
|
+
/**
|
|
73
|
+
* A body cell (`td`), in the primary text color.
|
|
74
|
+
*
|
|
75
|
+
* @example
|
|
76
|
+
* ```tsx
|
|
77
|
+
* <TableCell colSpan={2}>{run.name}</TableCell>
|
|
78
|
+
* ```
|
|
79
|
+
*/
|
|
6
80
|
export declare const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>>;
|
|
81
|
+
/**
|
|
82
|
+
* A header cell (`th`), in the secondary text color.
|
|
83
|
+
*
|
|
84
|
+
* @example
|
|
85
|
+
* ```tsx
|
|
86
|
+
* <TableHead scope="col">Status</TableHead>
|
|
87
|
+
* ```
|
|
88
|
+
*/
|
|
7
89
|
export declare const TableHead: FC<ThHTMLAttributes<HTMLTableCellElement>>;
|
|
8
90
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAiBf;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAqB5D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
|
|
@@ -23,6 +23,9 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<
|
|
|
23
23
|
* @param active Whether this is the selected tab. The {@link Tabs} underline slides to it.
|
|
24
24
|
* @param count Optional trailing count rendered after the label.
|
|
25
25
|
* @param href Renders the tab as an anchor. See {@link TabProps.href}.
|
|
26
|
+
* @param target Anchor target, used with `href`.
|
|
27
|
+
* @param rel Anchor rel, used with `href`. Defaults to `"noreferrer"` when
|
|
28
|
+
* `target` is `"_blank"`.
|
|
26
29
|
* @param disabled If `true`, disables the tab.
|
|
27
30
|
* @param className `class` overrides to apply to the component.
|
|
28
31
|
* @param children The tab's label.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,GAAG,kGAqFf,CAAC"}
|
|
@@ -18,12 +18,16 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
20
20
|
* ```tsx
|
|
21
|
-
* <Text>
|
|
22
|
-
*
|
|
21
|
+
* <Text>Plain body text</Text>
|
|
22
|
+
* <Text variant="heading-md">Section title</Text>
|
|
23
|
+
* <Text variant="body-secondary" color="text-secondary">
|
|
24
|
+
* Supporting detail
|
|
23
25
|
* </Text>
|
|
24
26
|
* ```
|
|
25
27
|
*
|
|
26
|
-
* @param variant The
|
|
28
|
+
* @param variant The text's role in the type tier, which sets its size, line
|
|
29
|
+
* height and weight together. Defaults to `"body-primary"`. The size-only
|
|
30
|
+
* variants (`"xxs"` to `"xxl"`) are deprecated. See {@link TextVariant}.
|
|
27
31
|
* @param color The color of the text. See {@link TextProps.color}.
|
|
28
32
|
* @param children The content wrapped by this component.
|
|
29
33
|
* @param className `class` overrides to apply to the component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EACL,KAAK,cAAc,EAGnB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2B9B,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, FC } from 'react';
|
|
2
|
+
import { IconInput } from '../Icons';
|
|
3
|
+
import { Size } from '../../types';
|
|
4
|
+
type TextActionSize = `${Size.Sm | Size.Md | Size.Lg}`;
|
|
5
|
+
export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
size?: TextActionSize;
|
|
7
|
+
leadingIcon?: IconInput;
|
|
8
|
+
trailingIcon?: IconInput;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A borderless pill for secondary actions: secondary text that fills on hover.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <TextAction size="sm" trailingIcon={ArrowUpRightIcon} onClick={upgrade}>
|
|
16
|
+
* Upgrade
|
|
17
|
+
* </TextAction>
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @param size `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
|
|
21
|
+
* @param leadingIcon Optional icon before the label: a per-icon component.
|
|
22
|
+
* @param trailingIcon Optional icon after the label: a per-icon component.
|
|
23
|
+
* @param className Additional CSS class names to apply to the button.
|
|
24
|
+
* @param children The label.
|
|
25
|
+
* @param props Additional HTML button properties, such as `onClick`.
|
|
26
|
+
*/
|
|
27
|
+
export declare const TextAction: FC<TextActionProps>;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=TextAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAKL,IAAI,EAIL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -28,12 +28,15 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
28
28
|
* const MyComponent = () => {
|
|
29
29
|
* const [value, setValue] = useState<string>("");
|
|
30
30
|
*
|
|
31
|
-
* const onChange = useCallback(
|
|
31
|
+
* const onChange = useCallback(
|
|
32
|
+
* (event: ChangeEvent<HTMLTextAreaElement>) => setValue(event.target.value),
|
|
33
|
+
* []
|
|
34
|
+
* );
|
|
32
35
|
*
|
|
33
36
|
* return (
|
|
34
37
|
* <TextArea
|
|
35
38
|
* onChange={onChange}
|
|
36
|
-
* resize=
|
|
39
|
+
* resize="None"
|
|
37
40
|
* rows={10}
|
|
38
41
|
* value={value}
|
|
39
42
|
* />
|
|
@@ -44,7 +47,8 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
44
47
|
* @param size The size of the textarea; this controls the size of the text itself and container padding.
|
|
45
48
|
* See {@link Size}.
|
|
46
49
|
* @param error If `true`, renders the textarea in an error state.
|
|
47
|
-
* @param resize Resize behavior
|
|
50
|
+
* @param resize Resize behavior: `"None"`, `"Vertical"`, `"Horizontal"` or
|
|
51
|
+
* `"BiDirectional"`. Defaults to `"Vertical"`. See {@link ResizeBehavior}.
|
|
48
52
|
* @param rows The number of text rows to display in the textarea.
|
|
49
53
|
* @param className `class` overrides to apply to the component.
|
|
50
54
|
* @param containerClassName `class` overrides to apply to the component's container.
|