@warp-ds/elements 2.9.1 → 2.10.0-next.1
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/custom-elements.json +347 -284
- package/dist/docs/button/accessibility.md +42 -0
- package/dist/docs/button/api.md +63 -39
- package/dist/docs/button/button.md +322 -40
- package/dist/docs/button/examples.md +126 -0
- package/dist/docs/button/usage.md +89 -0
- package/dist/docs/modal/accessibility.md +1 -0
- package/dist/docs/modal/api.md +51 -0
- package/dist/docs/modal/examples.md +67 -0
- package/dist/docs/modal/modal.md +238 -0
- package/dist/docs/modal/usage.md +110 -0
- package/dist/docs/modal-footer/accessibility.md +1 -0
- package/dist/docs/modal-footer/api.md +11 -0
- package/dist/docs/modal-footer/examples.md +1 -0
- package/dist/docs/modal-footer/modal-footer.md +23 -0
- package/dist/docs/modal-footer/usage.md +1 -0
- package/dist/docs/modal-header/accessibility.md +1 -0
- package/dist/docs/modal-header/api.md +42 -0
- package/dist/docs/modal-header/examples.md +1 -0
- package/dist/docs/modal-header/modal-header.md +54 -0
- package/dist/docs/modal-header/usage.md +1 -0
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/examples.md +8 -0
- package/dist/docs/page-indicator/page-indicator.md +23 -6
- package/dist/docs/page-indicator/usage.md +8 -0
- package/dist/docs/pagination/api.md +12 -10
- package/dist/docs/pagination/examples.md +20 -0
- package/dist/docs/pagination/pagination.md +50 -12
- package/dist/docs/pagination/usage.md +18 -0
- package/dist/docs/pill/accessibility.md +2 -0
- package/dist/docs/pill/api.md +10 -26
- package/dist/docs/pill/examples.md +23 -0
- package/dist/docs/pill/pill.md +43 -28
- package/dist/docs/pill/usage.md +8 -0
- package/dist/docs/radio/accessibility.md +1 -0
- package/dist/docs/radio/api.md +57 -0
- package/dist/docs/radio/examples.md +1 -0
- package/dist/docs/radio/radio.md +69 -0
- package/dist/docs/radio/usage.md +1 -0
- package/dist/docs/radio-group/accessibility.md +1 -0
- package/dist/docs/radio-group/api.md +69 -0
- package/dist/docs/radio-group/examples.md +68 -0
- package/dist/docs/radio-group/radio-group.md +311 -0
- package/dist/docs/radio-group/styling.md +118 -0
- package/dist/docs/radio-group/usage.md +44 -0
- package/dist/docs/select/accessibility.md +2 -0
- package/dist/docs/select/api.md +20 -16
- package/dist/docs/select/examples.md +116 -0
- package/dist/docs/select/select.md +168 -18
- package/dist/docs/select/usage.md +30 -0
- package/dist/index.d.ts +441 -474
- package/dist/packages/attention/attention.js +23 -21
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/button/button.d.ts +54 -37
- package/dist/packages/button/button.js +17 -15
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/modal/index.d.ts +4 -4
- package/dist/packages/modal/index.js +4 -4
- package/dist/packages/modal/modal.d.ts +21 -12
- package/dist/packages/modal/modal.js +4 -4
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal/modal.react.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.d.ts +2 -1
- package/dist/packages/modal/modal.stories.js +85 -3
- package/dist/packages/modal/react.d.ts +2 -2
- package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
- package/dist/packages/modal-footer/modal-footer.js +4 -4
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-footer/react.d.ts +1 -1
- package/dist/packages/modal-header/modal-header.d.ts +21 -11
- package/dist/packages/modal-header/modal-header.js +1 -1
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
- package/dist/packages/page-indicator/page-indicator.js.map +2 -2
- package/dist/packages/pagination/pagination.d.ts +11 -11
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pill/pill.d.ts +14 -29
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/pill/pill.react.stories.d.ts +2 -2
- package/dist/packages/pill/react.d.ts +1 -1
- package/dist/packages/radio/radio.d.ts +51 -13
- package/dist/packages/radio/radio.js +3 -3
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio/radio.react.stories.d.ts +1 -1
- package/dist/packages/radio/radio.stories.d.ts +2 -2
- package/dist/packages/radio/react.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.d.ts +43 -5
- package/dist/packages/radio-group/radio-group.js +7 -7
- package/dist/packages/radio-group/radio-group.js.map +3 -3
- package/dist/packages/radio-group/react.d.ts +4 -4
- package/dist/packages/select/select.d.ts +32 -48
- package/dist/packages/select/select.js.map +2 -2
- package/dist/web-types.json +349 -115
- package/package.json +5 -5
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<
|
|
2
|
+
import { WarpRadioGroup } from './radio-group.js';
|
|
3
|
+
export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpRadioGroup>, "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "required" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onChange" | "onInput" | "reportValidity" | "optional" | "hasInteracted"> & {
|
|
4
4
|
onInput?: (e: Event) => void;
|
|
5
5
|
oninput?: (e: Event) => void;
|
|
6
6
|
onChange?: (e: Event) => void;
|
|
7
7
|
onchange?: (e: Event) => void;
|
|
8
|
-
} & Partial<Omit<
|
|
8
|
+
} & Partial<Omit<WarpRadioGroup, keyof HTMLElement>> & React.RefAttributes<WarpRadioGroup>, "ref">, "help-text"> & {
|
|
9
9
|
helpText?: string;
|
|
10
|
-
} & React.RefAttributes<
|
|
10
|
+
} & React.RefAttributes<WarpRadioGroup>>;
|
|
@@ -3,107 +3,91 @@ import '../icon/icon.js';
|
|
|
3
3
|
declare const WarpSelect_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
|
|
4
4
|
/**
|
|
5
5
|
* A dropdown component for selecting a single value.
|
|
6
|
-
*
|
|
7
|
-
* [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)
|
|
8
6
|
*/
|
|
9
7
|
export declare class WarpSelect extends WarpSelect_base {
|
|
10
8
|
#private;
|
|
11
9
|
/**
|
|
12
10
|
* Whether the element should receive focus on render.
|
|
11
|
+
*
|
|
13
12
|
* @deprecated Use the native `autofocus` attribute instead.
|
|
14
|
-
|
|
15
|
-
* @summary
|
|
16
|
-
* @description
|
|
17
|
-
*/
|
|
13
|
+
*/
|
|
18
14
|
autoFocus: boolean;
|
|
19
|
-
/**
|
|
20
|
-
*
|
|
21
|
-
* @description
|
|
15
|
+
/**
|
|
16
|
+
* Whether the element should receive focus on render
|
|
22
17
|
*/
|
|
23
18
|
autofocus: boolean;
|
|
24
19
|
/**
|
|
25
|
-
* The content displayed as the help text.
|
|
26
|
-
|
|
27
|
-
*
|
|
28
|
-
* @description
|
|
20
|
+
* The content displayed as the help text.
|
|
21
|
+
*
|
|
22
|
+
* Paired with `invalid` to show the text as a validation error.
|
|
29
23
|
*/
|
|
30
24
|
helpText: string;
|
|
31
|
-
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
25
|
+
/**
|
|
26
|
+
* Renders the field in an invalid state.
|
|
27
|
+
*
|
|
28
|
+
* Paired with `help-text` to provide feedback about the error.
|
|
34
29
|
*/
|
|
35
30
|
invalid: boolean;
|
|
36
31
|
/**
|
|
37
32
|
* Whether to always show a hint.
|
|
33
|
+
*
|
|
38
34
|
* @deprecated Use `help-text` instead and only set it if you want to display the help text.
|
|
39
|
-
|
|
40
|
-
* @summary
|
|
41
|
-
* @description
|
|
42
|
-
*/
|
|
35
|
+
*/
|
|
43
36
|
always: boolean;
|
|
44
37
|
/**
|
|
45
38
|
* The content displayed as the help text.
|
|
39
|
+
*
|
|
46
40
|
* @deprecated Use `help-text` instead.
|
|
47
|
-
|
|
48
|
-
* @summary
|
|
49
|
-
* @description
|
|
50
|
-
*/
|
|
41
|
+
*/
|
|
51
42
|
hint: string;
|
|
52
|
-
/**
|
|
53
|
-
*
|
|
54
|
-
* @description
|
|
43
|
+
/**
|
|
44
|
+
* The content to display as the label.
|
|
55
45
|
*/
|
|
56
46
|
label: string;
|
|
57
|
-
/**
|
|
58
|
-
*
|
|
59
|
-
* @description
|
|
47
|
+
/**
|
|
48
|
+
* Whether to show the optional indicator after the label.
|
|
60
49
|
*/
|
|
61
50
|
optional: boolean;
|
|
62
|
-
/**
|
|
63
|
-
*
|
|
64
|
-
* @description
|
|
51
|
+
/**
|
|
52
|
+
* Renders the field in a disabled state.
|
|
65
53
|
*/
|
|
66
54
|
disabled: boolean;
|
|
67
55
|
/**
|
|
68
56
|
* Renders the field in a readonly state.
|
|
57
|
+
*
|
|
69
58
|
* @deprecated Use the native readonly attribute instead.
|
|
70
|
-
|
|
71
|
-
* @summary
|
|
72
|
-
* @description
|
|
73
|
-
*/
|
|
59
|
+
*/
|
|
74
60
|
readOnly: boolean;
|
|
75
|
-
/**
|
|
76
|
-
*
|
|
77
|
-
* @description
|
|
61
|
+
/**
|
|
62
|
+
* Renders the field in a readonly state.
|
|
78
63
|
*/
|
|
79
64
|
readonly: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* @summary
|
|
82
|
-
* @description
|
|
83
|
-
*/
|
|
65
|
+
/** @internal */
|
|
84
66
|
_options: Array<TemplateResult>;
|
|
85
67
|
/**
|
|
86
|
-
*
|
|
87
|
-
* @description
|
|
68
|
+
* The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.
|
|
88
69
|
*/
|
|
89
70
|
name: string;
|
|
90
71
|
/**
|
|
91
|
-
*
|
|
92
|
-
* @description
|
|
72
|
+
* Lets you set the current value.
|
|
93
73
|
*/
|
|
94
74
|
value: string;
|
|
95
75
|
static styles: import("lit").CSSResult[];
|
|
96
76
|
constructor();
|
|
77
|
+
/** @internal */
|
|
97
78
|
resetFormControl(): void;
|
|
98
79
|
/** @internal */
|
|
99
80
|
_setValue: (value: string) => void;
|
|
100
81
|
connectedCallback(): void;
|
|
101
82
|
disconnectedCallback(): void;
|
|
102
83
|
firstUpdated(): void;
|
|
84
|
+
/** @internal */
|
|
103
85
|
formStateRestoreCallback(state: string | File | FormData | null, _reason: 'autocomplete' | 'restore'): void;
|
|
104
86
|
willUpdate(changedProperties: PropertyValues<this>): void;
|
|
105
87
|
updated(changedProperties: PropertyValues<this>): void;
|
|
88
|
+
/** @internal */
|
|
106
89
|
handleKeyDown(event: KeyboardEvent): void;
|
|
90
|
+
/** @internal */
|
|
107
91
|
onChange(event: Event): void;
|
|
108
92
|
render(): TemplateResult<1>;
|
|
109
93
|
}
|