@voxel51/voodo 2.0.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/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.map +1 -1
- 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 +2 -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 +7 -1
- package/dist/components/IconAction/IconAction.d.ts.map +1 -1
- 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/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 +4 -4
- 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.map +1 -1
- 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 +9 -2
- package/dist/components/TextAction/TextAction.d.ts.map +1 -1
- 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 +4 -4
- 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.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4032 -3844
- package/dist/index.js.map +1 -1
- package/dist/{palette-C24I0BcT.js → palette-Boxwxq4V.js} +92 -24
- 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/text.d.ts +6 -0
- package/dist/styles/text.d.ts.map +1 -1
- package/dist/theme/tokens/index.d.ts +62 -0
- package/dist/theme/tokens/index.d.ts.map +1 -1
- package/dist/theme/tokens/typography.d.ts +139 -0
- package/dist/theme/tokens/typography.d.ts.map +1 -1
- package/dist/tokens.cjs +1 -1
- package/dist/tokens.js +2 -2
- package/dist/types/text.d.ts +43 -4
- package/dist/types/text.d.ts.map +1 -1
- package/dist/util/classes.d.ts.map +1 -1
- package/dist/voodo.css +1 -1
- package/package.json +5 -1
- package/dist/palette-C24I0BcT.js.map +0 -1
- package/dist/palette-yXRdZevG.cjs +0 -2
- package/dist/palette-yXRdZevG.cjs.map +0 -1
|
@@ -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,EAML,MAAM,EACN,IAAI,
|
|
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,EAML,MAAM,EACN,IAAI,EAIL,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,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,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;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsFtC,CAAC"}
|
|
@@ -41,7 +41,7 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
|
|
|
41
41
|
allowFreeText?: boolean;
|
|
42
42
|
/** Shown when the field is empty. */
|
|
43
43
|
placeholder?: string;
|
|
44
|
-
/** Field size. See {@link Size}. Defaults to
|
|
44
|
+
/** Field size. See {@link Size}. Defaults to `"md"`. */
|
|
45
45
|
size?: Size;
|
|
46
46
|
disabled?: boolean;
|
|
47
47
|
/** Spinner in place of the list while the caller's query is in flight. */
|
|
@@ -103,7 +103,7 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
|
|
|
103
103
|
*
|
|
104
104
|
* Keyboard: ArrowDown / ArrowUp move the highlight (opening the list if
|
|
105
105
|
* closed), Enter picks the highlighted row, Escape closes without picking,
|
|
106
|
-
* and blur commits the text when `allowFreeText` is set.
|
|
106
|
+
* and blur commits the text when `allowFreeText` is set (unless `commitOnBlur` is `false`).
|
|
107
107
|
*
|
|
108
108
|
* @example
|
|
109
109
|
* ```tsx
|
|
@@ -127,7 +127,7 @@ export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
|
|
|
127
127
|
* @example
|
|
128
128
|
* ```tsx
|
|
129
129
|
* // Open domain: suggestions help, but any string is allowed.
|
|
130
|
-
* <Combobox allowFreeText options={knownTypes}
|
|
130
|
+
* <Combobox allowFreeText options={knownTypes} value={type} inputValue={text} onInputChange={setText} onChange={setType} />
|
|
131
131
|
* ```
|
|
132
132
|
*
|
|
133
133
|
* @param options Rows to offer, already filtered by the caller.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACP,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAIL,IAAI,EAGJ,MAAM,EAEP,MAAM,SAAS,CAAC;AAGjB,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC;;;;OAIG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACP,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAIL,IAAI,EAGJ,MAAM,EAEP,MAAM,SAAS,CAAC;AAGjB,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC;;;;OAIG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACzE,2DAA2D;IAC3D,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC;IAC/D,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;IAC5D,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuRtC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* Menu placements used when the cursor is far from any viewport edge
|
|
4
4
|
* vs. flipped placements when the menu would overflow.
|
|
5
5
|
*/
|
|
6
6
|
type MenuAnchor = "bottom start" | "bottom end" | "top start" | "top end";
|
|
@@ -44,7 +44,7 @@ export interface DatePickerProps extends Omit<ReactDatePickerProps, "size" | "cl
|
|
|
44
44
|
* @param error If `true`, displays an error state in the datepicker input.
|
|
45
45
|
* @param dateFormat The format to use for displaying the value.
|
|
46
46
|
* If not specified, the following formats are used in order of precedence:
|
|
47
|
-
* - `HH:mm` if `showTimeSelectOnly`
|
|
47
|
+
* - `HH:mm` if both `showTimeSelect` and `showTimeSelectOnly` are `true`
|
|
48
48
|
* - `yyyy-MM-dd · HH:mm` if `showTimeSelect` is `true`
|
|
49
49
|
* - `yyyy-MM-dd`
|
|
50
50
|
* @param onChange Callback triggered when the user changes the date/time value.
|
|
@@ -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;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,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;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAa,IAAI,EAAkB,MAAM,SAAS,CAAC;AAS1D,eAAO,MAAM,YAAY;;;CAGf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,OAAO,GAAG,OAAO,YAAY,CAAC,OAAO,CAAC;IAClD,KAAY,QAAQ,GAAG,OAAO,YAAY,CAAC,QAAQ,CAAC;CACrD;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,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAuC9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -4,10 +4,9 @@ import { Orientation } from '../../types';
|
|
|
4
4
|
/**
|
|
5
5
|
* The visual style used to render a {@link Divider}.
|
|
6
6
|
*
|
|
7
|
-
* - `
|
|
8
|
-
* - `
|
|
9
|
-
*
|
|
10
|
-
* rendered.
|
|
7
|
+
* - `"line"` renders a solid 1px rule (the default).
|
|
8
|
+
* - `"dot"` renders dotted rules: with a `label`, dotted lines flank the
|
|
9
|
+
* label; without one, a centered dot sits between two solid rules.
|
|
11
10
|
*
|
|
12
11
|
* Defined locally to the Divider component so it does not pollute the shared
|
|
13
12
|
* `@/types` enums.
|
|
@@ -25,7 +24,7 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
25
24
|
orientation?: Orientation;
|
|
26
25
|
label?: string;
|
|
27
26
|
/**
|
|
28
|
-
* The visual style of the divider. Defaults to
|
|
27
|
+
* The visual style of the divider. Defaults to `"line"`.
|
|
29
28
|
*/
|
|
30
29
|
dividerStyle?: DividerStyle;
|
|
31
30
|
textProps?: TextProps;
|
|
@@ -33,20 +32,28 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
32
|
/**
|
|
34
33
|
* A divider component used to separate content.
|
|
35
34
|
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <Divider />
|
|
38
|
+
* <Divider label="or" />
|
|
39
|
+
* <Stack orientation="row" align="center">
|
|
40
|
+
* <Text>Left</Text>
|
|
41
|
+
* <Divider orientation="col" />
|
|
42
|
+
* <Text>Right</Text>
|
|
43
|
+
* </Stack>
|
|
44
|
+
* ```
|
|
45
|
+
*
|
|
36
46
|
* @param orientation The {@link Orientation} of the divider. Defaults to a
|
|
37
|
-
* horizontal (row) rule. Use
|
|
47
|
+
* horizontal (`"row"`) rule. Use `"col"` for a vertical rule.
|
|
38
48
|
* @param label The label to display in the middle of the divider. Labels are
|
|
39
|
-
* only supported for horizontal dividers
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
* sensible place to render text.
|
|
49
|
+
* only supported for horizontal dividers: with `"col"` the label is dropped
|
|
50
|
+
* and a development warning is emitted via `console.warn`, since a vertical
|
|
51
|
+
* divider has no sensible place to render text.
|
|
43
52
|
* @param dividerStyle The {@link DividerStyle} used to render the divider.
|
|
44
|
-
* Defaults to
|
|
45
|
-
*
|
|
46
|
-
* dot separator.
|
|
53
|
+
* Defaults to `"line"`. Use `"dot"` to render a dotted line, or, when no
|
|
54
|
+
* `label` is present, a single centered dot separator.
|
|
47
55
|
* @param textProps Additional props forwarded to the label {@link Text}.
|
|
48
56
|
* @param props Additional HTML properties to apply to the component.
|
|
49
|
-
*
|
|
50
57
|
*/
|
|
51
58
|
export declare const Divider: FC<DividerProps>;
|
|
52
59
|
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +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,EAGL,WAAW,
|
|
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,EAGL,WAAW,EAGZ,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,IAAI,GAAG,OAAO,YAAY,CAAC,IAAI,CAAC;IAC5C,KAAY,GAAG,GAAG,OAAO,YAAY,CAAC,GAAG,CAAC;CAC3C;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyEpC,CAAC"}
|
|
@@ -19,6 +19,43 @@ export interface DrawerProps extends UseDisclosureOptions {
|
|
|
19
19
|
className?: string;
|
|
20
20
|
style?: React.CSSProperties;
|
|
21
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* A resizable panel docked to one edge of its container.
|
|
24
|
+
*
|
|
25
|
+
* Drag the handle to resize it. The `header` render prop receives the open
|
|
26
|
+
* state and a toggle, so the header can open and close the drawer. Open state
|
|
27
|
+
* is uncontrolled by default; pass `open` and `onOpenChange` to control it.
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* <Drawer
|
|
32
|
+
* side="bottom"
|
|
33
|
+
* maxSize={400}
|
|
34
|
+
* header={({ open, toggle }) => (
|
|
35
|
+
* <Button variant="secondary" size="sm" onClick={toggle}>
|
|
36
|
+
* {open ? "Hide logs" : "Show logs"}
|
|
37
|
+
* </Button>
|
|
38
|
+
* )}
|
|
39
|
+
* >
|
|
40
|
+
* <LogList />
|
|
41
|
+
* </Drawer>
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* @param side The edge the drawer docks to. Defaults to `"bottom"`.
|
|
45
|
+
* @param maxSize Maximum size of the content area in pixels. The header and
|
|
46
|
+
* resize handle are not counted.
|
|
47
|
+
* @param mode `"push"` keeps the drawer in the layout flow, so it pushes
|
|
48
|
+
* neighbouring content aside; `"float"` positions it over the content.
|
|
49
|
+
* Defaults to `"push"`.
|
|
50
|
+
* @param header Renders the header. Receives `{ open, toggle }`.
|
|
51
|
+
* @param defaultOpen Initial open state when uncontrolled. Defaults to `true`.
|
|
52
|
+
* @param open Controlled open state.
|
|
53
|
+
* @param onOpenChange Called when the open state changes.
|
|
54
|
+
* @param onSizeChange Called with the new content size in pixels.
|
|
55
|
+
* @param children The drawer content.
|
|
56
|
+
* @param className Additional CSS class names to apply to the drawer.
|
|
57
|
+
* @param style Inline styles to apply to the drawer.
|
|
58
|
+
*/
|
|
22
59
|
declare const Drawer: React.FC<DrawerProps>;
|
|
23
60
|
export default Drawer;
|
|
24
61
|
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAKjE,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAE,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAYD,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAKjE,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAE,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAYD,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -51,7 +51,7 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
51
51
|
* @default true
|
|
52
52
|
*/
|
|
53
53
|
portal?: boolean;
|
|
54
|
-
/** Explicit z-index
|
|
54
|
+
/** Explicit z-index for the panel. Only applied when `portal` is `false`; a portaled panel always stacks above modals. */
|
|
55
55
|
zIndex?: ZIndex;
|
|
56
56
|
/**
|
|
57
57
|
* If `true`, the trigger cannot open the menu. Also inferred automatically
|
|
@@ -93,8 +93,8 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
93
93
|
* @param trigger The trigger element that opens the menu.
|
|
94
94
|
* @param children Menu content — use the Menu* primitive components.
|
|
95
95
|
* @param anchor Position of the menu panel relative to the trigger. See {@link DropdownAnchor}.
|
|
96
|
-
* @param portal If `true
|
|
97
|
-
* @param zIndex Explicit z-index for the panel
|
|
96
|
+
* @param portal If `true` (the default), renders the panel in a portal above modals.
|
|
97
|
+
* @param zIndex Explicit z-index for the panel; only applied when `portal` is `false`.
|
|
98
98
|
* @param disabled If `true`, the menu cannot be opened.
|
|
99
99
|
* @param className `class` overrides for the root wrapper.
|
|
100
100
|
* @param props Additional HTML properties for the root wrapper.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAgB,MAAM,SAAS,CAAC;AAG/C;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IACzB,gDAAgD;;IAEhD,gEAAgE;;IAEhE,+DAA+D;;IAE/D,gDAAgD;;IAEhD,gEAAgE;;IAEhE,+DAA+D;;CAEvD,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAE5D,yBAAiB,cAAc,CAAC;IAC9B,KAAY,MAAM,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC;IAClD,KAAY,WAAW,GAAG,OAAO,cAAc,CAAC,WAAW,CAAC;IAC5D,KAAY,SAAS,GAAG,OAAO,cAAc,CAAC,SAAS,CAAC;IACxD,KAAY,GAAG,GAAG,OAAO,cAAc,CAAC,GAAG,CAAC;IAC5C,KAAY,QAAQ,GAAG,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtD,KAAY,MAAM,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAgB,MAAM,SAAS,CAAC;AAG/C;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IACzB,gDAAgD;;IAEhD,gEAAgE;;IAEhE,+DAA+D;;IAE/D,gDAAgD;;IAEhD,gEAAgE;;IAEhE,+DAA+D;;CAEvD,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAE5D,yBAAiB,cAAc,CAAC;IAC9B,KAAY,MAAM,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC;IAClD,KAAY,WAAW,GAAG,OAAO,cAAc,CAAC,WAAW,CAAC;IAC5D,KAAY,SAAS,GAAG,OAAO,cAAc,CAAC,SAAS,CAAC;IACxD,KAAY,GAAG,GAAG,OAAO,cAAc,CAAC,GAAG,CAAC;IAC5C,KAAY,QAAQ,GAAG,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtD,KAAY,MAAM,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0HAA0H;IAC1H,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2CtC,CAAC"}
|
|
@@ -14,12 +14,12 @@ export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon">
|
|
|
14
14
|
* @example
|
|
15
15
|
* ```tsx
|
|
16
16
|
* <Dropdown trigger={<DropdownTrigger>Actions</DropdownTrigger>}>
|
|
17
|
-
* <
|
|
17
|
+
* <MenuTextItem onClick={() => {}}>Edit</MenuTextItem>
|
|
18
18
|
* </Dropdown>
|
|
19
19
|
* ```
|
|
20
20
|
*
|
|
21
21
|
* @param children Button label.
|
|
22
|
-
* @param size Button size. Defaults to
|
|
22
|
+
* @param size Button size. Defaults to `"sm"`.
|
|
23
23
|
* @param props Additional {@link ButtonProps} (excluding `variant` and `trailingIcon`).
|
|
24
24
|
*/
|
|
25
25
|
export declare const DropdownTrigger: FC<DropdownTriggerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,QAAQ,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAC5E;IACC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgFtC,CAAC"}
|
|
@@ -9,12 +9,19 @@ export interface EmptyStateProps extends StackProps {
|
|
|
9
9
|
/**
|
|
10
10
|
* A basic empty state to display to the user.
|
|
11
11
|
*
|
|
12
|
-
* @
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <EmptyState
|
|
15
|
+
* icon={SearchIcon}
|
|
16
|
+
* title="No results"
|
|
17
|
+
* description="Try a different search term."
|
|
18
|
+
* />
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @param icon The icon to display in the empty state: a per-icon component.
|
|
13
22
|
* @param title The title to display in the empty state.
|
|
14
23
|
* @param description An optional description to display in the empty state.
|
|
15
|
-
* @param props Additional
|
|
16
|
-
*
|
|
17
|
-
*
|
|
24
|
+
* @param props Additional {@link Stack} properties to apply to the component.
|
|
18
25
|
*/
|
|
19
26
|
export declare const EmptyState: FC<EmptyStateProps>;
|
|
20
27
|
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -1 +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;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED
|
|
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;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBvD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwC1C,CAAC"}
|
|
@@ -54,9 +54,9 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
54
54
|
* @param disabled If `true`, disables the form field.
|
|
55
55
|
* @param error Optional error message to display for the form field.
|
|
56
56
|
* @param required If `true`, displays a destructive-color asterisk after the label.
|
|
57
|
-
* @param spacing Spacing between elements in the field. Defaults to
|
|
57
|
+
* @param spacing Spacing between elements in the field. Defaults to `"sm"`.
|
|
58
58
|
* @param className `class` overrides to apply to the field container.
|
|
59
|
-
* @param props Additional HTML properties to
|
|
59
|
+
* @param props Additional HTML properties, applied to the inner Stack that lays out the label, control and error (`className` goes to the outer field).
|
|
60
60
|
*/
|
|
61
61
|
export declare const FormField: FC<FormFieldProps>;
|
|
62
62
|
//# 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;AAI3D,OAAO,EAAe,OAAO,EAA0B,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAe,OAAO,EAA0B,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4DxC,CAAC"}
|
|
@@ -15,30 +15,15 @@ export interface FormFieldGroupProps extends HTMLAttributes<HTMLFieldSetElement>
|
|
|
15
15
|
*
|
|
16
16
|
* @example
|
|
17
17
|
* ```tsx
|
|
18
|
-
* <FormFieldGroup orientation=
|
|
19
|
-
* <FormField
|
|
20
|
-
*
|
|
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
|
-
* />
|
|
18
|
+
* <FormFieldGroup orientation="col" spacing="lg">
|
|
19
|
+
* <FormField label="First name" control={<Input placeholder="Ada" />} />
|
|
20
|
+
* <FormField label="Last name" control={<Input placeholder="Lovelace" />} />
|
|
36
21
|
* </FormFieldGroup>
|
|
37
22
|
* ```
|
|
38
23
|
*
|
|
39
24
|
* @param orientation The orientation of the form group;
|
|
40
25
|
* controls whether children are stacked horizontally or vertically.
|
|
41
|
-
* When horizontal (
|
|
26
|
+
* When horizontal (`"row"`), the fields are laid out in a grid that is
|
|
42
27
|
* capped at two columns rather than an unbounded single row.
|
|
43
28
|
* See {@link Orientation}.
|
|
44
29
|
* @param spacing Spacing to apply between form fields. See {@link Spacing}.
|
|
@@ -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;AAiBtC,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
|
|
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;AAiBtC,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwBlD,CAAC"}
|
|
@@ -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;
|
|
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;AAkBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}
|
|
@@ -12,8 +12,14 @@ export interface IconActionProps extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```tsx
|
|
15
|
-
* <IconAction icon={
|
|
15
|
+
* <IconAction icon={CloseIcon} aria-label="Dismiss" onClick={dismiss} />
|
|
16
16
|
* ```
|
|
17
|
+
*
|
|
18
|
+
* @param icon The icon to show: a per-icon component such as `CloseIcon`.
|
|
19
|
+
* @param size `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
|
|
20
|
+
* @param aria-label Required, because the action has no visible text.
|
|
21
|
+
* @param className Additional CSS class names to apply to the button.
|
|
22
|
+
* @param props Additional HTML button properties, such as `onClick`.
|
|
17
23
|
*/
|
|
18
24
|
export declare const IconAction: FC<IconActionProps>;
|
|
19
25
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../src/components/IconAction/IconAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,
|
|
1
|
+
{"version":3,"file":"IconAction.d.ts","sourceRoot":"","sources":["../../../src/components/IconAction/IconAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAML,IAAI,EAEL,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,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAiBD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsB1C,CAAC"}
|
|
@@ -30,7 +30,7 @@ export interface LegacyIconProps {
|
|
|
30
30
|
style?: React.CSSProperties;
|
|
31
31
|
}
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* A generic icon component which will take the form of the icon specified by `name`.
|
|
34
34
|
*
|
|
35
35
|
* @deprecated Use the per-icon components instead (e.g. `<EditIcon />`),
|
|
36
36
|
* which are tree-shakable. `Icon` and {@link IconName} exist only to bridge
|
|
@@ -39,7 +39,9 @@ export interface LegacyIconProps {
|
|
|
39
39
|
*
|
|
40
40
|
* @example
|
|
41
41
|
* ```tsx
|
|
42
|
-
* <Icon name=
|
|
42
|
+
* <Icon name="Edit" size="md" />
|
|
43
|
+
* // prefer the per-icon component:
|
|
44
|
+
* <EditIcon size="md" />
|
|
43
45
|
* ```
|
|
44
46
|
*
|
|
45
47
|
* @param name Icon to display. See {@link IconName}.
|
|
@@ -49,7 +51,6 @@ export interface LegacyIconProps {
|
|
|
49
51
|
* @param color Color of the icon. See {@link LegacyIconProps.color}. By
|
|
50
52
|
* default, the icon inherits the text color of its container.
|
|
51
53
|
* @param style `style` overrides to apply to the icon.
|
|
52
|
-
* @param props Additional HTML properties to apply to the component.
|
|
53
54
|
*/
|
|
54
55
|
export declare const Icon: FC<LegacyIconProps>;
|
|
55
56
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA8GvC,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAE7D,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAC1B,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,EACnC,YAAY,CA6Gb,CAAC;AAWF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA8GvC,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAE7D,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAC1B,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,EACnC,YAAY,CA6Gb,CAAC;AAWF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,eAAe,CA2BpC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC;AAOrD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,CAAC,EAAE,SAAS,GACf,EAAE,CAAC,aAAa,CAAC,GAAG,SAAS,CAW/B"}
|
|
@@ -34,6 +34,8 @@ interface IconBaseProps extends IconProps {
|
|
|
34
34
|
* @param color Color of the icon. See {@link IconProps.color}. By default,
|
|
35
35
|
* the icon inherits the text color of its container.
|
|
36
36
|
* @param style `style` overrides to apply to the icon.
|
|
37
|
+
*
|
|
38
|
+
* @internal Shared by the generated per-icon components; use those instead.
|
|
37
39
|
*/
|
|
38
40
|
export declare const IconBase: FC<IconBaseProps>;
|
|
39
41
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,KAAK,YAAY,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAWhD,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,GAAG,EAAE,YAAY,CAAC;CACnB;AAED
|
|
1
|
+
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,KAAK,YAAY,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAWhD,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,GAAG,EAAE,YAAY,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqBtC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Size } from '../../types/size';
|
|
|
3
3
|
import { IconInput } from './Icon';
|
|
4
4
|
export interface IconWrapperProps {
|
|
5
5
|
content?: IconInput;
|
|
6
|
-
size?: Size;
|
|
6
|
+
size?: Size | number;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
@@ -14,6 +14,8 @@ export interface IconWrapperProps {
|
|
|
14
14
|
* @param content Icon {@link FC}, legacy {@link IconName}, or undefined
|
|
15
15
|
* @param size Size forwarded to the icon component
|
|
16
16
|
* @param className Classes applied to the wrapping span
|
|
17
|
+
*
|
|
18
|
+
* @internal For VOODO components that take an icon prop.
|
|
17
19
|
*/
|
|
18
20
|
export declare const IconWrapper: FC<IconWrapperProps>;
|
|
19
21
|
//# sourceMappingURL=IconWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,QAAQ,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAG/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,QAAQ,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAG/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwB5C,CAAC"}
|
|
@@ -14,9 +14,9 @@ export interface ImageListProps<T = unknown> extends HTMLAttributes<HTMLDivEleme
|
|
|
14
14
|
gap?: number;
|
|
15
15
|
/**
|
|
16
16
|
* Controls the scroll axis.
|
|
17
|
-
* - `
|
|
17
|
+
* - `"col"` (default) — items flow into columns; the list
|
|
18
18
|
* scrolls **vertically**.
|
|
19
|
-
* - `
|
|
19
|
+
* - `"row"` — items flow into rows; the list scrolls
|
|
20
20
|
* **horizontally**.
|
|
21
21
|
*/
|
|
22
22
|
orientation?: Orientation;
|
|
@@ -35,9 +35,9 @@ export interface ImageListProps<T = unknown> extends HTMLAttributes<HTMLDivEleme
|
|
|
35
35
|
* visible. Use this to fetch and append more items.
|
|
36
36
|
*/
|
|
37
37
|
onLoadMore?: () => void;
|
|
38
|
-
/** Set to `true` while
|
|
38
|
+
/** Set to `true` while more items remain to fetch; `onLoadMore` only fires while this is `true`. Defaults to `false`. */
|
|
39
39
|
hasMore?: boolean;
|
|
40
|
-
/** Displays a {@link Spinner} in the sentinel area while `true`. */
|
|
40
|
+
/** Displays a {@link Spinner} in the sentinel area while `true`. Defaults to `false`. */
|
|
41
41
|
loading?: boolean;
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../../src/components/ImageList/ImageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAQ,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,cAAc,CAC7B,CAAC,GAAG,OAAO,CACX,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,oCAAoC;IACpC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,6CAA6C;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,
|
|
1
|
+
{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../../src/components/ImageList/ImageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAQ,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,cAAc,CAC7B,CAAC,GAAG,OAAO,CACX,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,oCAAoC;IACpC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,6CAA6C;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yHAAyH;IACzH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,EACrC,KAAK,EACL,UAAU,EACV,IAAQ,EACR,GAAO,EACP,WAAgC,EAChC,SAAe,EACf,QAAc,EACd,UAAU,EACV,OAAe,EACf,OAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,YAAY,CA0ElC;yBAxFe,SAAS"}
|
|
@@ -24,7 +24,7 @@ export declare namespace InputType {
|
|
|
24
24
|
/**
|
|
25
25
|
* The set of border radii supported by {@link Input}.
|
|
26
26
|
*
|
|
27
|
-
* The fully-rounded (
|
|
27
|
+
* The fully-rounded (`"full"`) option is intentionally excluded: a pill-shaped text input
|
|
28
28
|
* is not part of the design spec and produces awkward results with longer values and prefix icons.
|
|
29
29
|
*/
|
|
30
30
|
export type InputRadius = Exclude<Radius, Radius.Full>;
|
|
@@ -51,7 +51,7 @@ export interface InputProps extends ModifiedInputProps {
|
|
|
51
51
|
*
|
|
52
52
|
* @internal For consistent application of input styling of native `input` elements.
|
|
53
53
|
*/
|
|
54
|
-
export declare const inputStyle: ({ borderless, disabled, error, icon, radius, size, trailingControl, }: {
|
|
54
|
+
export declare const inputStyle: ({ borderless, disabled, error, icon, radius, size: requestedSize, trailingControl, }: {
|
|
55
55
|
borderless?: boolean;
|
|
56
56
|
disabled?: boolean;
|
|
57
57
|
error?: boolean;
|
|
@@ -69,14 +69,14 @@ export declare const inputStyle: ({ borderless, disabled, error, icon, radius, s
|
|
|
69
69
|
* {@link FormField} (e.g. `<FormField control={<Input ... />} label="..." />`). There is no separate
|
|
70
70
|
* `FormInput` component — `FormField` + `Input` is the intended pairing.
|
|
71
71
|
*
|
|
72
|
-
*
|
|
72
|
+
* Works controlled (`value` + `onChange`) or uncontrolled; email validation and the icon state track the typed value either way.
|
|
73
73
|
*
|
|
74
74
|
* Several input {@link InputType}s receive additional behavior:
|
|
75
|
-
* -
|
|
75
|
+
* - `"tel"`: non-numeric characters (other than common phone formatting characters)
|
|
76
76
|
* are blocked at entry.
|
|
77
|
-
* -
|
|
77
|
+
* - `"email"`: the value is validated against a basic email pattern and the input is
|
|
78
78
|
* rendered in an error state when it is non-empty and invalid.
|
|
79
|
-
* -
|
|
79
|
+
* - `"password"`: a show/hide toggle button is rendered which switches the rendered
|
|
80
80
|
* value between obscured and plain text.
|
|
81
81
|
*
|
|
82
82
|
* @example
|
|
@@ -85,25 +85,20 @@ export declare const inputStyle: ({ borderless, disabled, error, icon, radius, s
|
|
|
85
85
|
* const [value, setValue] = useState<string>("");
|
|
86
86
|
* const [error, setError] = useState<string | null>(null);
|
|
87
87
|
*
|
|
88
|
-
* const onChange = useCallback((
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
*
|
|
92
|
-
*
|
|
93
|
-
* setError(null);
|
|
94
|
-
* }
|
|
95
|
-
* },
|
|
96
|
-
* [setError, setValue]
|
|
97
|
-
* );
|
|
88
|
+
* const onChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
|
|
89
|
+
* const next = event.target.value;
|
|
90
|
+
* setValue(next);
|
|
91
|
+
* setError(next.length < 5 ? "Value must be at least 5 characters" : null);
|
|
92
|
+
* }, []);
|
|
98
93
|
*
|
|
99
94
|
* return (
|
|
100
|
-
* <Input value={value} onChange={onChange} error={!!error} />
|
|
95
|
+
* <Input size="sm" value={value} onChange={onChange} error={!!error} />
|
|
101
96
|
* );
|
|
102
97
|
* };
|
|
103
98
|
* ```
|
|
104
99
|
*
|
|
105
|
-
* @param size The size of the input. See {@link Size}.
|
|
106
|
-
* @param radius The border radius of the input. The fully-rounded option is not supported. See {@link InputRadius}.
|
|
100
|
+
* @param size The size of the input. Defaults to `"md"`. See {@link Size}.
|
|
101
|
+
* @param radius The border radius of the input. The fully-rounded option is not supported. Defaults to `"sm"`. See {@link InputRadius}.
|
|
107
102
|
* @param type The type of the input. This should adhere to the standard HTML `input` types. See {@link InputType}.
|
|
108
103
|
* @param className `class` overrides to apply to the component.
|
|
109
104
|
* @param disabled If `true`, disables the input.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EAEP,mBAAmB,EAIpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,KAAK,SAAS,EAAc,MAAM,oBAAoB,CAAC;AAG1E,OAAO,EAML,MAAM,EACN,IAAI,EAIL,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EAEP,mBAAmB,EAIpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,KAAK,SAAS,EAAc,MAAM,oBAAoB,CAAC;AAG1E,OAAO,EAML,MAAM,EACN,IAAI,EAIL,MAAM,SAAS,CAAC;AAYjB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;CAQZ,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;IAC3C,KAAY,QAAQ,GAAG,OAAO,SAAS,CAAC,QAAQ,CAAC;IACjD,KAAY,MAAM,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;IAC7C,KAAY,GAAG,GAAG,OAAO,SAAS,CAAC,GAAG,CAAC;IACvC,KAAY,GAAG,GAAG,OAAO,SAAS,CAAC,GAAG,CAAC;IACvC,KAAY,MAAM,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;CAC9C;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,sFAQxB;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,KAAG,MAyCH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAoIhC,CAAC"}
|
|
@@ -11,7 +11,7 @@ export interface InputIconProps {
|
|
|
11
11
|
*
|
|
12
12
|
* @param icon Icon component specifying the icon to use.
|
|
13
13
|
* @param size The size of the icon. See {@link Size}.
|
|
14
|
-
* @param hasText If `true`,
|
|
14
|
+
* @param hasText If `true`, shows the icon in the primary text color; otherwise it is muted.
|
|
15
15
|
*
|
|
16
16
|
* @internal For use by {@link Input}.
|
|
17
17
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAK1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAK1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmBxC,CAAC"}
|