@voxel51/voodo 0.2.0-feat.0 → 0.2.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/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Divider/Divider.d.ts +31 -3
- package/dist/components/Divider/Divider.d.ts.map +1 -1
- package/dist/components/FormField/FormField.d.ts +3 -1
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +2 -0
- package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
- package/dist/components/Icons/Icon.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +30 -6
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/styles.d.ts +11 -0
- package/dist/components/Input/styles.d.ts.map +1 -1
- package/dist/components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/components/Pill/Pill.d.ts +3 -0
- package/dist/components/Pill/Pill.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/RichList/RichList.d.ts +18 -9
- package/dist/components/RichList/RichList.d.ts.map +1 -1
- package/dist/components/Select/Option.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +1 -3
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +7 -3
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2770 -2977
- package/dist/index.js.map +1 -1
- package/dist/styles/color-classes.d.ts +1 -1
- package/dist/styles/color-classes.d.ts.map +1 -1
- package/dist/theme/cssVar.d.ts +1 -0
- package/dist/theme/cssVar.d.ts.map +1 -1
- package/dist/theme/tokens/colors.d.ts +2 -0
- package/dist/theme/tokens/colors.d.ts.map +1 -1
- package/dist/theme/tokens/index.d.ts +2 -0
- package/dist/theme/tokens/index.d.ts.map +1 -1
- package/dist/types/color.d.ts +2 -1
- package/dist/types/color.d.ts.map +1 -1
- package/dist/types/icons.d.ts +1 -5
- package/dist/types/icons.d.ts.map +1 -1
- package/dist/voodo.css +1 -1
- package/package.json +3 -2
- package/dist/components/Scrubber/Scrubber.d.ts +0 -83
- package/dist/components/Scrubber/Scrubber.d.ts.map +0 -1
- package/dist/components/Scrubber/ScrubberThumb.d.ts +0 -33
- package/dist/components/Scrubber/ScrubberThumb.d.ts.map +0 -1
- package/dist/components/Scrubber/ScrubberTick.d.ts +0 -26
- package/dist/components/Scrubber/ScrubberTick.d.ts.map +0 -1
- package/dist/components/Scrubber/index.d.ts +0 -3
- package/dist/components/Scrubber/index.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAQL,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAQL,IAAI,EAGJ,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAyED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmDlC,CAAC"}
|
|
@@ -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,
|
|
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,EAGL,MAAM,SAAS,CAAC;AAGjB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC3D,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,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;AAkBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0EtC,CAAC"}
|
|
@@ -1,17 +1,45 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from 'react';
|
|
2
2
|
import { TextProps } from '../Text';
|
|
3
3
|
import { Orientation } from '../../types';
|
|
4
|
+
/**
|
|
5
|
+
* The visual style used to render a {@link Divider}.
|
|
6
|
+
*
|
|
7
|
+
* - `Line` renders a solid 1px rule (the default).
|
|
8
|
+
* - `Dot` renders a centered dot separator. When a `label` is present the dot
|
|
9
|
+
* is placed on either side of the label; otherwise a single centered dot is
|
|
10
|
+
* rendered.
|
|
11
|
+
*
|
|
12
|
+
* Defined locally to the Divider component so it does not pollute the shared
|
|
13
|
+
* `@/types` enums.
|
|
14
|
+
*/
|
|
15
|
+
export declare enum DividerStyle {
|
|
16
|
+
Line = "line",
|
|
17
|
+
Dot = "dot"
|
|
18
|
+
}
|
|
4
19
|
export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
20
|
orientation?: Orientation;
|
|
6
21
|
label?: string;
|
|
22
|
+
/**
|
|
23
|
+
* The visual style of the divider. Defaults to {@link DividerStyle.Line}.
|
|
24
|
+
*/
|
|
25
|
+
dividerStyle?: DividerStyle;
|
|
7
26
|
textProps?: TextProps;
|
|
8
27
|
}
|
|
9
28
|
/**
|
|
10
29
|
* A divider component used to separate content.
|
|
11
|
-
* This is an alias for {@link Text} with {@link TextVariant.Xxs}.
|
|
12
30
|
*
|
|
13
|
-
* @param orientation
|
|
14
|
-
*
|
|
31
|
+
* @param orientation The {@link Orientation} of the divider. Defaults to a
|
|
32
|
+
* horizontal (row) rule. Use {@link Orientation.Column} for a vertical rule.
|
|
33
|
+
* @param label The label to display in the middle of the divider. Labels are
|
|
34
|
+
* only supported for horizontal dividers — when a label is supplied together
|
|
35
|
+
* with {@link Orientation.Column} the label is dropped and a development
|
|
36
|
+
* warning is emitted via `console.warn`, since a vertical divider has no
|
|
37
|
+
* sensible place to render text.
|
|
38
|
+
* @param dividerStyle The {@link DividerStyle} used to render the divider.
|
|
39
|
+
* Defaults to {@link DividerStyle.Line}. Use {@link DividerStyle.Dot} to
|
|
40
|
+
* render a dotted line, or — when no `label` is present — a single centered
|
|
41
|
+
* dot separator.
|
|
42
|
+
* @param textProps Additional props forwarded to the label {@link Text}.
|
|
15
43
|
* @param props Additional HTML properties to apply to the component.
|
|
16
44
|
*
|
|
17
45
|
*/
|
|
@@ -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,
|
|
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,EAIZ,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;GAUG;AACH,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;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;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4EpC,CAAC"}
|
|
@@ -47,7 +47,9 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
47
47
|
*
|
|
48
48
|
* @param control The form control to use in this field. This can be any component.
|
|
49
49
|
* @param label Optional label to display for the form field.
|
|
50
|
-
* @param description Optional description to display for the form field.
|
|
50
|
+
* @param description Optional description to display for the form field. It appears between the label
|
|
51
|
+
* and the control (below the title, above the field) with a smaller, more subdued treatment. A
|
|
52
|
+
* description is only rendered when a `label` is also provided.
|
|
51
53
|
* @param disabled If `true`, disables the form field.
|
|
52
54
|
* @param error Optional error message to display for the form field.
|
|
53
55
|
* @param spacing Spacing between elements in the field. Defaults to {@link Spacing.Sm}.
|
|
@@ -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,
|
|
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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwCxC,CAAC"}
|
|
@@ -38,6 +38,8 @@ export interface FormFieldGroupProps extends HTMLAttributes<HTMLFieldSetElement>
|
|
|
38
38
|
*
|
|
39
39
|
* @param orientation The orientation of the form group;
|
|
40
40
|
* controls whether children are stacked horizontally or vertically.
|
|
41
|
+
* When horizontal ({@link Orientation.Row}), the fields are laid out in a grid that is
|
|
42
|
+
* capped at two columns rather than an unbounded single row.
|
|
41
43
|
* See {@link Orientation}.
|
|
42
44
|
* @param spacing Spacing to apply between form fields. See {@link Spacing}.
|
|
43
45
|
* @param disabled If `true`, disables the form group.
|
|
@@ -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;
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwBlD,CAAC"}
|
|
@@ -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;
|
|
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;AA0GvC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAC;AAC3E,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,CAyGb,CAAC;AAWF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,eAAe,CAuBpC,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"}
|
|
@@ -11,9 +11,16 @@ export declare enum InputType {
|
|
|
11
11
|
Url = "url",
|
|
12
12
|
Search = "search"
|
|
13
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* The set of border radii supported by {@link Input}.
|
|
16
|
+
*
|
|
17
|
+
* The fully-rounded ({@link Radius.Full}) option is intentionally excluded: a pill-shaped text input
|
|
18
|
+
* is not part of the design spec and produces awkward results with longer values and prefix icons.
|
|
19
|
+
*/
|
|
20
|
+
export type InputRadius = Exclude<Radius, Radius.Full>;
|
|
14
21
|
export interface InputProps extends ModifiedInputProps {
|
|
15
22
|
size?: Size;
|
|
16
|
-
radius?:
|
|
23
|
+
radius?: InputRadius;
|
|
17
24
|
className?: string;
|
|
18
25
|
type?: InputType;
|
|
19
26
|
error?: boolean;
|
|
@@ -25,23 +32,40 @@ export interface InputProps extends ModifiedInputProps {
|
|
|
25
32
|
* @param disabled If `true`, applies styling for a disabled input.
|
|
26
33
|
* @param error If `true`, applies styling for the input error state.
|
|
27
34
|
* @param icon If `true`, prefixes input content with padding to allow space for an icon.
|
|
28
|
-
* @param radius Border radius of the input. See {@link
|
|
35
|
+
* @param radius Border radius of the input. See {@link InputRadius}.
|
|
29
36
|
* @param size Size of the input; this controls the text size and padding. See {@link Size}.
|
|
37
|
+
* @param trailingControl If `true`, reserves padding on the right for a trailing control (e.g. the
|
|
38
|
+
* password show/hide toggle).
|
|
30
39
|
*
|
|
31
40
|
* @internal For consistent application of input styling of native `input` elements.
|
|
32
41
|
*/
|
|
33
|
-
export declare const inputStyle: ({ disabled, error, icon, radius, size, }: {
|
|
42
|
+
export declare const inputStyle: ({ disabled, error, icon, radius, size, trailingControl, }: {
|
|
34
43
|
disabled?: boolean;
|
|
35
44
|
error?: boolean;
|
|
36
45
|
icon?: boolean;
|
|
37
|
-
radius?:
|
|
46
|
+
radius?: InputRadius;
|
|
38
47
|
size?: Size;
|
|
48
|
+
trailingControl?: boolean;
|
|
39
49
|
}) => string;
|
|
40
50
|
/**
|
|
41
51
|
* A basic input component.
|
|
42
52
|
*
|
|
53
|
+
* `Input` is the raw, standalone form control: it renders only the `input` element (plus an optional
|
|
54
|
+
* prefix icon and, for password fields, a show/hide toggle). It does not render a label, description,
|
|
55
|
+
* or error message. To compose an input with that surrounding form structure, wrap it in a
|
|
56
|
+
* {@link FormField} (e.g. `<FormField control={<Input ... />} label="..." />`). There is no separate
|
|
57
|
+
* `FormInput` component — `FormField` + `Input` is the intended pairing.
|
|
58
|
+
*
|
|
43
59
|
* This component operates exclusively as a controlled component. See `value` and `onChange` for controlled behavior.
|
|
44
60
|
*
|
|
61
|
+
* Several input {@link InputType}s receive additional behavior:
|
|
62
|
+
* - {@link InputType.Tel}: non-numeric characters (other than common phone formatting characters)
|
|
63
|
+
* are blocked at entry.
|
|
64
|
+
* - {@link InputType.Email}: the value is validated against a basic email pattern and the input is
|
|
65
|
+
* rendered in an error state when it is non-empty and invalid.
|
|
66
|
+
* - {@link InputType.Password}: a show/hide toggle button is rendered which switches the rendered
|
|
67
|
+
* value between obscured and plain text.
|
|
68
|
+
*
|
|
45
69
|
* @example
|
|
46
70
|
* ```tsx
|
|
47
71
|
* const MyComponent = () => {
|
|
@@ -66,8 +90,8 @@ export declare const inputStyle: ({ disabled, error, icon, radius, size, }: {
|
|
|
66
90
|
* ```
|
|
67
91
|
*
|
|
68
92
|
* @param size The size of the input. See {@link Size}.
|
|
69
|
-
* @param radius The border radius of the input. See {@link
|
|
70
|
-
* @param type The type of the input. This should adhere to the standard HTML `input` types.
|
|
93
|
+
* @param radius The border radius of the input. The fully-rounded option is not supported. See {@link InputRadius}.
|
|
94
|
+
* @param type The type of the input. This should adhere to the standard HTML `input` types. See {@link InputType}.
|
|
71
95
|
* @param className `class` overrides to apply to the component.
|
|
72
96
|
* @param disabled If `true`, disables the input.
|
|
73
97
|
* @param value The controlled value of the input.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
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;AAE1E,OAAO,EAML,MAAM,EACN,IAAI,EAIL,MAAM,SAAS,CAAC;AAMjB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;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;CAClB;AAeD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,2DAOxB;IACD,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,MA8BD,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkIhC,CAAC"}
|
|
@@ -3,4 +3,15 @@ export declare const sizeStyles: Partial<Record<Size, string>>;
|
|
|
3
3
|
export declare const iconPaddingStyles: Partial<Record<Size, string>>;
|
|
4
4
|
export declare const iconSizeStyles: Partial<Record<Size, string>>;
|
|
5
5
|
export declare const paddingLeftStyles: Partial<Record<Size, string>>;
|
|
6
|
+
/**
|
|
7
|
+
* Styling applied to `type="number"` inputs.
|
|
8
|
+
*
|
|
9
|
+
* Removes the native browser spinner (up/down) buttons in WebKit/Blink and Firefox so number inputs
|
|
10
|
+
* visually match the other input types. Without this the spinners add inconsistent right-hand padding
|
|
11
|
+
* and chrome that differs across browsers.
|
|
12
|
+
*
|
|
13
|
+
* NOTE: This hides the spinners only. Exact "Voodoo" number-input specs (custom stepper affordance,
|
|
14
|
+
* alignment, etc.) require the design document, which was not available.
|
|
15
|
+
*/
|
|
16
|
+
export declare const numberInputStyles: string;
|
|
6
17
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAIpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAI3D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAIxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAI3D,CAAC"}
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAIpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAI3D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAIxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAI3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,QAO7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuFtC,CAAC"}
|
|
@@ -29,6 +29,9 @@ export interface PillProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
29
29
|
* @param color Text color of the pill. See {@link TextColor}.
|
|
30
30
|
* @param backgroundColor Background color of the pill. See {@link BackgroundColor}.
|
|
31
31
|
* @param isStatus If `true`, prefixes the content with a bullet-like icon.
|
|
32
|
+
* @param onRemove Callback triggered when the remove control is clicked. Providing this makes the pill
|
|
33
|
+
* removable: a trailing icon {@link Button} is rendered which calls `onRemove` when clicked. Omit it
|
|
34
|
+
* for a non-removable pill.
|
|
32
35
|
* @param className `class` overrides to apply to the component.
|
|
33
36
|
* @param children Content of the pill.
|
|
34
37
|
* @param props Additional HTML properties to apply to the component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EACL,eAAe,EACf,MAAM,EACN,aAAa,EACb,MAAM,EACN,IAAI,EAEJ,WAAW,EACX,SAAS,EAEV,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,WAAW,CAAC;AAEtE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAQD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyD9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAA0C,MAAM,SAAS,CAAC;AAKvE,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CACpE,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAA0C,MAAM,SAAS,CAAC;AAKvE,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CACpE,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkFhC,CAAC"}
|
|
@@ -25,9 +25,12 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
25
25
|
* primaryContent: "First Item",
|
|
26
26
|
* secondaryContent: "First item description"
|
|
27
27
|
* actions: (
|
|
28
|
-
* <
|
|
29
|
-
*
|
|
30
|
-
*
|
|
28
|
+
* <Button
|
|
29
|
+
* variant={Variant.Icon}
|
|
30
|
+
* aria-label="Settings"
|
|
31
|
+
* leadingIcon={SettingsIcon}
|
|
32
|
+
* onClick={() => openSettings("1")}
|
|
33
|
+
* />
|
|
31
34
|
* )
|
|
32
35
|
* },
|
|
33
36
|
* },
|
|
@@ -37,9 +40,12 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
37
40
|
* primaryContent: "Second Item",
|
|
38
41
|
* secondaryContent: "Second item description"
|
|
39
42
|
* actions: (
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
+
* <Button
|
|
44
|
+
* variant={Variant.Icon}
|
|
45
|
+
* aria-label="Settings"
|
|
46
|
+
* leadingIcon={SettingsIcon}
|
|
47
|
+
* onClick={() => openSettings("2")}
|
|
48
|
+
* />
|
|
43
49
|
* )
|
|
44
50
|
* },
|
|
45
51
|
* {
|
|
@@ -48,9 +54,12 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
48
54
|
* primaryContent: "Third Item",
|
|
49
55
|
* secondaryContent: "Third item description"
|
|
50
56
|
* actions: (
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
57
|
+
* <Button
|
|
58
|
+
* variant={Variant.Icon}
|
|
59
|
+
* aria-label="Settings"
|
|
60
|
+
* leadingIcon={SettingsIcon}
|
|
61
|
+
* onClick={() => openSettings("3")}
|
|
62
|
+
* />
|
|
54
63
|
* )
|
|
55
64
|
* },
|
|
56
65
|
* },
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;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;AAgBhD,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,
|
|
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;AAgBhD,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Size } from '../../types';
|
|
3
3
|
export declare enum ResizeBehavior {
|
|
4
4
|
None = "None",
|
|
5
5
|
Vertical = "Vertical",
|
|
@@ -8,7 +8,6 @@ export declare enum ResizeBehavior {
|
|
|
8
8
|
}
|
|
9
9
|
export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
10
10
|
size?: Size;
|
|
11
|
-
radius?: Radius;
|
|
12
11
|
className?: string;
|
|
13
12
|
containerClassName?: string;
|
|
14
13
|
error?: boolean;
|
|
@@ -37,7 +36,6 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
37
36
|
*
|
|
38
37
|
* @param size The size of the textarea; this controls the size of the text itself and container padding.
|
|
39
38
|
* See {@link Size}.
|
|
40
|
-
* @param radius The border radius to apply to the textarea. See {@link Radius}.
|
|
41
39
|
* @param error If `true`, renders the textarea in an error state.
|
|
42
40
|
* @param resize Resize behavior. See {@link ResizeBehavior}.
|
|
43
41
|
* @param rows The number of text rows to display in the textarea.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAOL,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,aAAa,kBAAkB;CAChC;AAED,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqDtC,CAAC"}
|
|
@@ -7,6 +7,7 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"
|
|
|
7
7
|
anchor?: Anchor;
|
|
8
8
|
description?: ReactNode;
|
|
9
9
|
icon?: IconInput;
|
|
10
|
+
onClose?: () => void;
|
|
10
11
|
open?: boolean;
|
|
11
12
|
title?: ReactNode;
|
|
12
13
|
variant?: ToastVariant;
|
|
@@ -28,21 +29,24 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"
|
|
|
28
29
|
* description="You will be notified when the recipient opens your message"
|
|
29
30
|
* icon={CheckIcon}
|
|
30
31
|
* action={
|
|
31
|
-
* <Button onClick={() => setOpen(false)}>
|
|
32
|
-
*
|
|
32
|
+
* <Button variant={Variant.Secondary} onClick={() => setOpen(false)}>
|
|
33
|
+
* Undo
|
|
33
34
|
* </Button>
|
|
34
35
|
* }
|
|
36
|
+
* onClose={() => setOpen(false)}
|
|
35
37
|
* variant={Variant.Success}
|
|
36
38
|
* />
|
|
37
39
|
* );
|
|
38
40
|
* };
|
|
39
41
|
* ```
|
|
40
42
|
*
|
|
41
|
-
* @param action Optional content to display in the "action" slot; this is typically
|
|
43
|
+
* @param action Optional content to display in the "action" slot; this is typically a {@link Button}/CTA.
|
|
42
44
|
* @param anchor The location in the viewport to anchor the toast. See {@link Anchor}.
|
|
43
45
|
* @param className `class` overrides to apply to the component.
|
|
44
46
|
* @param description Optional content to display in the "description" slot; this should be considered secondary content.
|
|
45
47
|
* @param icon An optional icon component to display in the "icon" slot.
|
|
48
|
+
* @param onClose Optional handler invoked when the close/dismiss control is activated. If provided, a close
|
|
49
|
+
* control is rendered in the toast.
|
|
46
50
|
* @param open If `true`, the toast will be visible; otherwise it will be hidden.
|
|
47
51
|
* @param title Optional content to display in the "title" slot; this should be considered the primary content.
|
|
48
52
|
* @param variant The variant of the toast; this controls icon styling. See {@link Variant}.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAa,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAM5E,OAAO,EAEL,MAAM,EAYN,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqEhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmFlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAKL,UAAU,EAEV,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+FD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsF9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
|