@warp-ds/elements 2.9.2-next.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 +275 -58
- 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/index.d.ts +305 -289
- 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/web-types.json +272 -70
- package/package.json +5 -5
|
@@ -3,57 +3,42 @@ import '../icon/icon.js';
|
|
|
3
3
|
/**
|
|
4
4
|
* Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
|
|
5
5
|
*
|
|
6
|
-
*
|
|
6
|
+
* @event {CustomEvent} w-pill-click - Fires when the pill itself is clicked.
|
|
7
|
+
* @event {CustomEvent} w-pill-close - Fires when the pill's close button is clicked.
|
|
7
8
|
*/
|
|
8
9
|
declare class WarpPill extends LitElement {
|
|
9
10
|
/**
|
|
10
|
-
*
|
|
11
|
-
* @description
|
|
11
|
+
* Whether the pill should be removable via a close button.
|
|
12
12
|
*/
|
|
13
13
|
canClose: boolean;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
* @description
|
|
15
|
+
* Whether the pill should be rendered as a suggestion.
|
|
17
16
|
*/
|
|
18
17
|
suggestion: boolean;
|
|
19
18
|
/**
|
|
20
19
|
* @deprecated Used "open-arial-label" instead.
|
|
21
|
-
|
|
22
|
-
* @summary
|
|
23
|
-
* @description
|
|
24
|
-
*/
|
|
20
|
+
*/
|
|
25
21
|
openSrLabel: string;
|
|
26
22
|
/**
|
|
27
|
-
*
|
|
28
|
-
* @description
|
|
23
|
+
* Label read by screen readers when targeting the pill.
|
|
29
24
|
*/
|
|
30
25
|
openAriaLabel: string;
|
|
31
26
|
/**
|
|
32
27
|
* @deprecated Used "close-arial-label" instead.
|
|
33
|
-
|
|
34
|
-
* @summary
|
|
35
|
-
* @description
|
|
36
|
-
*/
|
|
28
|
+
*/
|
|
37
29
|
closeSrLabel: string;
|
|
38
30
|
/**
|
|
39
|
-
*
|
|
40
|
-
* @description
|
|
31
|
+
* Label read by screen readers when targeting the close button.
|
|
41
32
|
*/
|
|
42
33
|
closeAriaLabel: string;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
/** @internal */
|
|
46
|
-
removeFilterSrText: string;
|
|
34
|
+
private openFilterSrText;
|
|
35
|
+
private removeFilterSrText;
|
|
47
36
|
static styles: import("lit").CSSResult[];
|
|
48
37
|
constructor();
|
|
49
|
-
|
|
50
|
-
get
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
/** @internal */
|
|
54
|
-
_onClick(): void;
|
|
55
|
-
/** @internal */
|
|
56
|
-
_onClose(): void;
|
|
38
|
+
private get _labelClasses();
|
|
39
|
+
private get _closeClasses();
|
|
40
|
+
private _onClick;
|
|
41
|
+
private _onClose;
|
|
57
42
|
connectedCallback(): void;
|
|
58
43
|
render(): import("lit").TemplateResult<1>;
|
|
59
44
|
}
|