@warp-ds/elements 2.2.0-next.1 → 2.2.0-next.10
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/README.md +27 -17
- package/dist/.storybook/utilities.d.ts +28 -0
- package/dist/api.js +1 -49
- package/dist/api.js.map +4 -4
- package/dist/custom-elements.json +4282 -0
- package/dist/index.css +2 -0
- package/dist/index.css.map +7 -0
- package/dist/index.js +4566 -6565
- package/dist/index.js.map +4 -4
- package/dist/packages/affix/affix.stories.d.ts +10 -0
- package/dist/packages/affix/affix.test.d.ts +1 -0
- package/dist/packages/affix/index.d.ts +52 -24
- package/dist/packages/affix/index.js +2571 -2240
- package/dist/packages/affix/index.js.map +4 -4
- package/dist/packages/affix/react.d.ts +2 -0
- package/dist/packages/affix/styles.d.ts +1 -0
- package/dist/packages/alert/alert.stories.d.ts +15 -0
- package/dist/packages/alert/alert.test.d.ts +1 -0
- package/dist/packages/alert/index.d.ts +27 -17
- package/dist/packages/alert/index.js +2568 -2446
- package/dist/packages/alert/index.js.map +4 -4
- package/dist/packages/alert/react.d.ts +2 -0
- package/dist/packages/alert/styles.d.ts +1 -0
- package/dist/packages/attention/attention.stories.d.ts +15 -0
- package/dist/packages/attention/attention.test.d.ts +1 -0
- package/dist/packages/attention/index.d.ts +62 -90
- package/dist/packages/attention/index.js +3497 -3984
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/attention/layout-styles.d.ts +1 -0
- package/dist/packages/attention/react.d.ts +1 -0
- package/dist/packages/attention/styles.d.ts +1 -0
- package/dist/packages/badge/badge.stories.d.ts +17 -0
- package/dist/packages/badge/badge.test.d.ts +1 -0
- package/dist/packages/badge/index.d.ts +17 -11
- package/dist/packages/badge/index.js +2550 -300
- package/dist/packages/badge/index.js.map +4 -4
- package/dist/packages/badge/react.d.ts +2 -0
- package/dist/packages/badge/styles.d.ts +1 -0
- package/dist/packages/box/box.stories.d.ts +14 -0
- package/dist/packages/box/box.test.d.ts +1 -0
- package/dist/packages/box/index.d.ts +22 -20
- package/dist/packages/box/index.js +2550 -304
- package/dist/packages/box/index.js.map +4 -4
- package/dist/packages/box/react.d.ts +2 -0
- package/dist/packages/box/slot.test.d.ts +1 -0
- package/dist/packages/box/styles.d.ts +1 -0
- package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
- package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
- package/dist/packages/breadcrumbs/index.d.ts +24 -16
- package/dist/packages/breadcrumbs/index.js +2511 -2051
- package/dist/packages/breadcrumbs/index.js.map +4 -4
- package/dist/packages/breadcrumbs/react.d.ts +2 -0
- package/dist/packages/breadcrumbs/styles.d.ts +1 -0
- package/dist/packages/button/button.stories.d.ts +21 -0
- package/dist/packages/button/button.test.d.ts +1 -0
- package/dist/packages/button/index.d.ts +111 -56
- package/dist/packages/button/index.js +2735 -2130
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/react.d.ts +2 -0
- package/dist/packages/button/styles.d.ts +1 -0
- package/dist/packages/card/card.stories.d.ts +15 -0
- package/dist/packages/card/card.test.d.ts +1 -0
- package/dist/packages/card/index.d.ts +33 -16
- package/dist/packages/card/index.js +2530 -2078
- package/dist/packages/card/index.js.map +4 -4
- package/dist/packages/card/react.d.ts +2 -0
- package/dist/packages/card/styles.d.ts +1 -0
- package/dist/packages/datepicker/DatePicker.test.d.ts +1 -0
- package/dist/packages/datepicker/datepicker.d.ts +107 -0
- package/dist/packages/datepicker/datepicker.js +2929 -0
- package/dist/packages/datepicker/datepicker.js.map +7 -0
- package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
- package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
- package/dist/packages/datepicker/index.d.ts +1 -0
- package/dist/packages/datepicker/index.js +2929 -0
- package/dist/packages/datepicker/index.js.map +7 -0
- package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
- package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
- package/dist/packages/datepicker/react.d.ts +2 -0
- package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
- package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
- package/dist/packages/datepicker/utils.d.ts +13 -0
- package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
- package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
- package/dist/packages/dead-toggle/index.d.ts +21 -0
- package/dist/packages/dead-toggle/index.js +2610 -0
- package/dist/packages/dead-toggle/index.js.map +7 -0
- package/dist/packages/dead-toggle/react.d.ts +2 -0
- package/dist/packages/expandable/expandable.stories.d.ts +19 -0
- package/dist/packages/expandable/expandable.test.d.ts +1 -0
- package/dist/packages/expandable/index.d.ts +55 -50
- package/dist/packages/expandable/index.js +2545 -2293
- package/dist/packages/expandable/index.js.map +4 -4
- package/dist/packages/expandable/react.d.ts +2 -0
- package/dist/packages/expandable/styles.d.ts +1 -0
- package/dist/packages/link/index.d.ts +39 -0
- package/dist/packages/link/index.js +2769 -0
- package/dist/packages/link/index.js.map +7 -0
- package/dist/packages/link/link.stories.d.ts +20 -0
- package/dist/packages/link/link.test.d.ts +1 -0
- package/dist/packages/link/react.d.ts +2 -0
- package/dist/packages/link/styles.d.ts +1 -0
- package/dist/packages/modal/index.d.ts +4 -5
- package/dist/packages/modal/index.js +2765 -2569
- package/dist/packages/modal/index.js.map +4 -4
- package/dist/packages/modal/modal-footer.d.ts +18 -11
- package/dist/packages/modal/modal-footer.js +2499 -0
- package/dist/packages/modal/modal-footer.js.map +7 -0
- package/dist/packages/modal/modal-header.d.ts +30 -31
- package/dist/packages/modal/modal-header.js +2700 -0
- package/dist/packages/modal/modal-header.js.map +7 -0
- package/dist/packages/modal/modal-main.d.ts +32 -31
- package/dist/packages/modal/modal-main.js +2681 -0
- package/dist/packages/modal/modal-main.js.map +7 -0
- package/dist/packages/modal/modal.stories.d.ts +19 -0
- package/dist/packages/modal/react.d.ts +4 -0
- package/dist/packages/modal/util.d.ts +7 -17
- package/dist/packages/pageindicator/index.d.ts +14 -0
- package/dist/packages/pageindicator/index.js +169 -0
- package/dist/packages/pageindicator/index.js.map +7 -0
- package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
- package/dist/packages/pageindicator/react.d.ts +2 -0
- package/dist/packages/pageindicator/style.d.ts +1 -0
- package/dist/packages/pagination/index.d.ts +37 -0
- package/dist/packages/pagination/index.js +2610 -0
- package/dist/packages/pagination/index.js.map +7 -0
- package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
- package/dist/packages/pagination/pagination.stories.d.ts +14 -0
- package/dist/packages/pagination/pagination.test.d.ts +1 -0
- package/dist/packages/pagination/react.d.ts +2 -0
- package/dist/packages/pagination/styles.d.ts +1 -0
- package/dist/packages/pill/index.d.ts +44 -23
- package/dist/packages/pill/index.js +2524 -2175
- package/dist/packages/pill/index.js.map +4 -4
- package/dist/packages/pill/pill.stories.d.ts +12 -0
- package/dist/packages/pill/pill.test.d.ts +1 -0
- package/dist/packages/pill/styles.d.ts +1 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
- package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
- package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
- package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
- package/dist/packages/rip-and-tear-checkbox/index.js +187 -0
- package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
- package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
- package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
- package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
- package/dist/packages/rip-and-tear-radio/index.css +2 -0
- package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
- package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
- package/dist/packages/rip-and-tear-radio/index.js +157 -0
- package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
- package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
- package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
- package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
- package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
- package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
- package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
- package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
- package/dist/packages/select/index.d.ts +59 -48
- package/dist/packages/select/index.js +2565 -2236
- package/dist/packages/select/index.js.map +4 -4
- package/dist/packages/select/react.d.ts +2 -0
- package/dist/packages/select/select.stories.d.ts +10 -0
- package/dist/packages/select/select.test.d.ts +1 -0
- package/dist/packages/select/styles.d.ts +1 -0
- package/dist/packages/steps/index.d.ts +43 -0
- package/dist/packages/steps/index.js +2581 -0
- package/dist/packages/steps/index.js.map +7 -0
- package/dist/packages/steps/locales/da/messages.d.mts +1 -0
- package/dist/packages/steps/locales/en/messages.d.mts +1 -0
- package/dist/packages/steps/locales/fi/messages.d.mts +1 -0
- package/dist/packages/steps/locales/nb/messages.d.mts +1 -0
- package/dist/packages/steps/locales/sv/messages.d.mts +1 -0
- package/dist/packages/steps/react.d.ts +3 -0
- package/dist/packages/steps/steps.stories.d.ts +12 -0
- package/dist/packages/steps/styles.d.ts +1 -0
- package/dist/packages/styles.d.ts +2 -0
- package/dist/packages/switch/index.d.ts +20 -0
- package/dist/packages/switch/index.js +2564 -0
- package/dist/packages/switch/index.js.map +7 -0
- package/dist/packages/switch/react.d.ts +2 -0
- package/dist/packages/switch/styles.d.ts +1 -0
- package/dist/packages/switch/switch.stories.d.ts +9 -0
- package/dist/packages/tabs/index.d.ts +4 -0
- package/dist/packages/tabs/index.js +2579 -0
- package/dist/packages/tabs/index.js.map +7 -0
- package/dist/packages/tabs/react.d.ts +4 -0
- package/dist/packages/tabs/styles.d.ts +1 -0
- package/dist/packages/tabs/tab-panel.d.ts +20 -0
- package/dist/packages/tabs/tab.d.ts +23 -0
- package/dist/packages/tabs/tabs.d.ts +38 -0
- package/dist/packages/tabs/tabs.stories.d.ts +8 -0
- package/dist/packages/textfield/index.d.ts +72 -74
- package/dist/packages/textfield/index.js +2572 -413
- package/dist/packages/textfield/index.js.map +4 -4
- package/dist/packages/textfield/react.d.ts +2 -0
- package/dist/packages/textfield/styles.d.ts +1 -0
- package/dist/packages/textfield/textfield.stories.d.ts +17 -0
- package/dist/packages/textfield/textfield.test.d.ts +1 -0
- package/dist/packages/toast/api.d.ts +4 -45
- package/dist/packages/toast/index.d.ts +3 -0
- package/dist/packages/toast/index.js +2610 -2787
- package/dist/packages/toast/index.js.map +4 -4
- package/dist/packages/toast/styles.d.ts +1 -0
- package/dist/packages/toast/toast-container.d.ts +12 -63
- package/dist/packages/toast/toast.d.ts +34 -29
- package/dist/packages/toast/toast.stories.d.ts +12 -0
- package/dist/packages/toast/types.d.ts +15 -0
- package/dist/packages/utils/expand-transition.d.ts +3 -2
- package/dist/packages/utils/index.d.ts +1 -1
- package/dist/packages/utils/index.js +27 -0
- package/dist/packages/utils/index.js.map +7 -0
- package/dist/packages/utils/unstyled-heading.d.ts +4 -3
- package/dist/setup-tests.d.ts +1 -0
- package/dist/styles.css +1 -0
- package/dist/vscode.css-custom-data.json +6 -0
- package/dist/vscode.html-custom-data.json +421 -0
- package/dist/web-types.json +949 -0
- package/package.json +74 -25
- package/dist/index.d.ts +0 -18
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
+
import type { WarpAttention } from './index.js';
|
|
3
|
+
import './index.js';
|
|
4
|
+
declare const args: Partial<WarpAttention> & {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<typeof args>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof args>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const ToolTip: Story;
|
|
12
|
+
export declare const Callout: Story;
|
|
13
|
+
export declare const Highlight: Story;
|
|
14
|
+
export declare const DismissibleHighlight: Story;
|
|
15
|
+
export declare const AccessibleTooltip: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './index.js';
|
|
@@ -1,69 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { Directions } from '@warp-ds/core/attention';
|
|
3
|
+
import '@warp-ds/icons/elements/close-16';
|
|
4
|
+
export declare const ccAttention: {
|
|
5
|
+
base: string;
|
|
6
|
+
tooltip: string;
|
|
7
|
+
callout: string;
|
|
8
|
+
highlight: string;
|
|
9
|
+
popover: string;
|
|
10
|
+
arrowBase: string;
|
|
11
|
+
arrowDirectionLeftStart: string;
|
|
12
|
+
arrowDirectionLeft: string;
|
|
13
|
+
arrowDirectionLeftEnd: string;
|
|
14
|
+
arrowDirectionRightStart: string;
|
|
15
|
+
arrowDirectionRight: string;
|
|
16
|
+
arrowDirectionRightEnd: string;
|
|
17
|
+
arrowDirectionBottomStart: string;
|
|
18
|
+
arrowDirectionBottom: string;
|
|
19
|
+
arrowDirectionBottomEnd: string;
|
|
20
|
+
arrowDirectionTopStart: string;
|
|
21
|
+
arrowDirectionTop: string;
|
|
22
|
+
arrowDirectionTopEnd: string;
|
|
23
|
+
arrowTooltip: string;
|
|
24
|
+
arrowCallout: string;
|
|
25
|
+
arrowPopover: string;
|
|
26
|
+
arrowHighlight: string;
|
|
27
|
+
content: string;
|
|
28
|
+
notCallout: string;
|
|
29
|
+
closeBtn: string;
|
|
7
30
|
};
|
|
8
|
-
|
|
9
|
-
static properties: {
|
|
10
|
-
show: {
|
|
11
|
-
type: BooleanConstructor;
|
|
12
|
-
reflect: boolean;
|
|
13
|
-
};
|
|
14
|
-
placement: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
reflect: boolean;
|
|
17
|
-
};
|
|
18
|
-
tooltip: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
reflect: boolean;
|
|
21
|
-
};
|
|
22
|
-
callout: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
reflect: boolean;
|
|
25
|
-
};
|
|
26
|
-
popover: {
|
|
27
|
-
type: BooleanConstructor;
|
|
28
|
-
reflect: boolean;
|
|
29
|
-
};
|
|
30
|
-
highlight: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
reflect: boolean;
|
|
33
|
-
};
|
|
34
|
-
canClose: {
|
|
35
|
-
type: BooleanConstructor;
|
|
36
|
-
reflect: boolean;
|
|
37
|
-
};
|
|
38
|
-
noArrow: {
|
|
39
|
-
type: BooleanConstructor;
|
|
40
|
-
reflect: boolean;
|
|
41
|
-
};
|
|
42
|
-
distance: {
|
|
43
|
-
type: NumberConstructor;
|
|
44
|
-
reflect: boolean;
|
|
45
|
-
};
|
|
46
|
-
skidding: {
|
|
47
|
-
type: NumberConstructor;
|
|
48
|
-
reflect: boolean;
|
|
49
|
-
};
|
|
50
|
-
flip: {
|
|
51
|
-
type: BooleanConstructor;
|
|
52
|
-
reflect: boolean;
|
|
53
|
-
};
|
|
54
|
-
crossAxis: {
|
|
55
|
-
type: BooleanConstructor;
|
|
56
|
-
reflect: boolean;
|
|
57
|
-
};
|
|
58
|
-
fallbackPlacements: {
|
|
59
|
-
type: ArrayConstructor;
|
|
60
|
-
reflect: boolean;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
static styles: any[];
|
|
64
|
-
handleDone(): void;
|
|
31
|
+
declare class WarpAttention extends LitElement {
|
|
65
32
|
show: boolean;
|
|
66
|
-
placement:
|
|
33
|
+
placement: Directions;
|
|
67
34
|
tooltip: boolean;
|
|
68
35
|
callout: boolean;
|
|
69
36
|
popover: boolean;
|
|
@@ -74,48 +41,53 @@ export class WarpAttention extends WarpAttention_base {
|
|
|
74
41
|
skidding: number;
|
|
75
42
|
flip: boolean;
|
|
76
43
|
crossAxis: boolean;
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
44
|
+
fallbackPlacements: Directions[];
|
|
45
|
+
/** @internal */
|
|
46
|
+
attentionState: any;
|
|
47
|
+
/** @internal */
|
|
48
|
+
_initialPlacement: Directions;
|
|
49
|
+
static styles: import("lit").CSSResult[];
|
|
50
|
+
constructor();
|
|
80
51
|
connectedCallback(): void;
|
|
81
52
|
disconnectedCallback(): void;
|
|
82
|
-
|
|
83
|
-
|
|
53
|
+
handleDone(): void;
|
|
54
|
+
/** @internal */
|
|
55
|
+
get _actualDirection(): Directions;
|
|
56
|
+
/** @internal */
|
|
57
|
+
set _actualDirection(v: Directions);
|
|
58
|
+
/** @internal */
|
|
59
|
+
get _arrowEl(): Element;
|
|
60
|
+
/** @internal */
|
|
61
|
+
get _arrowDirection(): Directions;
|
|
62
|
+
/** @internal */
|
|
84
63
|
get _arrowClasses(): string;
|
|
85
|
-
|
|
64
|
+
/** @internal */
|
|
65
|
+
get _arrowHtml(): "" | import("lit").TemplateResult<1>;
|
|
66
|
+
/** @internal */
|
|
86
67
|
get _activeVariantClasses(): {
|
|
87
68
|
wrapper: any;
|
|
88
69
|
arrow: any;
|
|
89
70
|
};
|
|
90
|
-
|
|
91
|
-
get
|
|
92
|
-
|
|
71
|
+
/** @internal */
|
|
72
|
+
get _attentionEl(): HTMLDivElement;
|
|
73
|
+
/** @internal */
|
|
74
|
+
get _targetEl(): Element | null;
|
|
75
|
+
/** @internal */
|
|
76
|
+
get _messageEl(): Element | null;
|
|
77
|
+
/** @internal */
|
|
93
78
|
get _wrapperClasses(): string;
|
|
79
|
+
/** @internal */
|
|
94
80
|
get _ariaClose(): string;
|
|
81
|
+
/** @internal */
|
|
95
82
|
get _closeBtnHtml(): import("lit").TemplateResult<1>;
|
|
96
83
|
updated(): void;
|
|
97
|
-
attentionState: {
|
|
98
|
-
isShowing: boolean;
|
|
99
|
-
isCallout: boolean;
|
|
100
|
-
actualDirection: string;
|
|
101
|
-
directionName: string;
|
|
102
|
-
arrowEl: any;
|
|
103
|
-
attentionEl: any;
|
|
104
|
-
targetEl: any;
|
|
105
|
-
noArrow: boolean;
|
|
106
|
-
distance: number;
|
|
107
|
-
skidding: number;
|
|
108
|
-
flip: boolean;
|
|
109
|
-
crossAxis: boolean;
|
|
110
|
-
fallbackPlacements: any;
|
|
111
|
-
};
|
|
112
84
|
pointingAtDirection(): string;
|
|
113
85
|
activeAttentionType(): string;
|
|
114
86
|
defaultAriaLabel(): string;
|
|
115
87
|
setAriaLabels(): void;
|
|
116
88
|
firstUpdated(): void;
|
|
117
89
|
close(): void;
|
|
118
|
-
keypressed(e:
|
|
90
|
+
keypressed(e: KeyboardEvent): void;
|
|
119
91
|
render(): import("lit").TemplateResult<1>;
|
|
120
92
|
}
|
|
121
|
-
export {};
|
|
93
|
+
export { WarpAttention };
|