@warp-ds/elements 2.9.0-next.2 → 2.9.0-next.3

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.
Files changed (86) hide show
  1. package/dist/custom-elements.json +17 -3
  2. package/dist/docs/affix/affix.md +56 -0
  3. package/dist/docs/affix/api.md +48 -0
  4. package/dist/docs/alert/accessibility.md +30 -0
  5. package/dist/docs/alert/alert.md +208 -0
  6. package/dist/docs/alert/api.md +39 -0
  7. package/dist/docs/alert/examples.md +84 -0
  8. package/dist/docs/alert/usage.md +42 -0
  9. package/dist/docs/attention/api.md +132 -0
  10. package/dist/docs/attention/attention.md +138 -0
  11. package/dist/docs/badge/api.md +28 -0
  12. package/dist/docs/badge/badge.md +36 -0
  13. package/dist/docs/box/api.md +52 -0
  14. package/dist/docs/box/box.md +60 -0
  15. package/dist/docs/breadcrumbs/api.md +20 -0
  16. package/dist/docs/breadcrumbs/breadcrumbs.md +28 -0
  17. package/dist/docs/button/api.md +155 -0
  18. package/dist/docs/button/button.md +163 -0
  19. package/dist/docs/card/api.md +44 -0
  20. package/dist/docs/card/card.md +52 -0
  21. package/dist/docs/combobox/api.md +132 -0
  22. package/dist/docs/combobox/combobox.md +140 -0
  23. package/dist/docs/datepicker/api.md +192 -0
  24. package/dist/docs/datepicker/datepicker.md +202 -0
  25. package/dist/docs/expandable/api.md +100 -0
  26. package/dist/docs/expandable/expandable.md +108 -0
  27. package/dist/docs/link/api.md +87 -0
  28. package/dist/docs/link/link.md +95 -0
  29. package/dist/docs/page-indicator/api.md +28 -0
  30. package/dist/docs/page-indicator/page-indicator.md +35 -0
  31. package/dist/docs/pagination/api.md +44 -0
  32. package/dist/docs/pagination/pagination.md +52 -0
  33. package/dist/docs/pill/api.md +76 -0
  34. package/dist/docs/pill/pill.md +84 -0
  35. package/dist/docs/select/api.md +116 -0
  36. package/dist/docs/select/select.md +124 -0
  37. package/dist/docs/slider/api.md +214 -0
  38. package/dist/docs/slider/slider.md +222 -0
  39. package/dist/docs/slider-thumb/api.md +116 -0
  40. package/dist/docs/slider-thumb/slider-thumb.md +124 -0
  41. package/dist/docs/step/api.md +28 -0
  42. package/dist/docs/step/step.md +34 -0
  43. package/dist/docs/step-indicator/api.md +28 -0
  44. package/dist/docs/step-indicator/step-indicator.md +36 -0
  45. package/dist/docs/switch/api.md +52 -0
  46. package/dist/docs/switch/switch.md +58 -0
  47. package/dist/docs/tab/api.md +76 -0
  48. package/dist/docs/tab/tab.md +84 -0
  49. package/dist/docs/tab-panel/api.md +21 -0
  50. package/dist/docs/tab-panel/tab-panel.md +30 -0
  51. package/dist/docs/tabs/api.md +36 -0
  52. package/dist/docs/tabs/tabs.md +44 -0
  53. package/dist/docs/textarea/api.md +156 -0
  54. package/dist/docs/textarea/textarea.md +164 -0
  55. package/dist/docs/textfield/api.md +194 -0
  56. package/dist/docs/textfield/textfield.md +202 -0
  57. package/dist/docs/toast-container/api.md +14 -0
  58. package/dist/docs/toast-container/toast-container.md +20 -0
  59. package/dist/packages/affix/affix.js +5 -5
  60. package/dist/packages/affix/affix.js.map +2 -2
  61. package/dist/packages/alert/alert.d.ts +15 -0
  62. package/dist/packages/alert/alert.js +6 -6
  63. package/dist/packages/alert/alert.js.map +2 -2
  64. package/dist/packages/attention/attention.js +5 -5
  65. package/dist/packages/attention/attention.js.map +2 -2
  66. package/dist/packages/datepicker/datepicker.js +1 -1
  67. package/dist/packages/datepicker/datepicker.js.map +2 -2
  68. package/dist/packages/expandable/expandable.js +7 -7
  69. package/dist/packages/expandable/expandable.js.map +2 -2
  70. package/dist/packages/icon/icon.js +2 -2
  71. package/dist/packages/icon/icon.js.map +2 -2
  72. package/dist/packages/icon/icon.test.js +14 -0
  73. package/dist/packages/modal-header/modal-header.js +6 -6
  74. package/dist/packages/modal-header/modal-header.js.map +2 -2
  75. package/dist/packages/pagination/pagination.js +3 -3
  76. package/dist/packages/pagination/pagination.js.map +2 -2
  77. package/dist/packages/pill/pill.js +3 -3
  78. package/dist/packages/pill/pill.js.map +2 -2
  79. package/dist/packages/select/select.js +4 -4
  80. package/dist/packages/select/select.js.map +2 -2
  81. package/dist/packages/step/step.js +4 -4
  82. package/dist/packages/step/step.js.map +2 -2
  83. package/dist/packages/toast/toast.js +4 -4
  84. package/dist/packages/toast/toast.js.map +2 -2
  85. package/dist/web-types.json +18 -5
  86. package/package.json +7 -2
@@ -0,0 +1,116 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | ariaLabel | `string` | `-` | - |
9
+ | ariaDescription | `string` | `-` | - |
10
+ | name | `string` | `-` | - |
11
+ | value | `string` | `-` | - |
12
+ | placeholder | `string` | `-` | - |
13
+ | range | `HTMLInputElement` | `-` | - |
14
+ | tooltipTarget | `HTMLOutputElement` | `-` | - |
15
+ | textfield | `WarpTextField` | `-` | - |
16
+ | boundaryValue | `string` | `-` | - |
17
+ | textFieldDisplayValue | `unknown` | `-` | - |
18
+ | tooltipDisplayValue | `string | number` | `-` | - |
19
+ | ariaDescriptionText | `unknown` | `-` | - |
20
+
21
+ ### Property Details
22
+
23
+ #### shadowRootOptions
24
+
25
+
26
+
27
+ - Type: `object`
28
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
29
+
30
+ #### ariaLabel
31
+
32
+
33
+
34
+ - Type: `string`
35
+ - Default: `-`
36
+
37
+ #### ariaDescription
38
+
39
+
40
+
41
+ - Type: `string`
42
+ - Default: `-`
43
+
44
+ #### name
45
+
46
+
47
+
48
+ - Type: `string`
49
+ - Default: `-`
50
+
51
+ #### value
52
+
53
+
54
+
55
+ - Type: `string`
56
+ - Default: `-`
57
+
58
+ #### placeholder
59
+
60
+
61
+
62
+ - Type: `string`
63
+ - Default: `-`
64
+
65
+ #### range
66
+
67
+
68
+
69
+ - Type: `HTMLInputElement`
70
+ - Default: `-`
71
+
72
+ #### tooltipTarget
73
+
74
+
75
+
76
+ - Type: `HTMLOutputElement`
77
+ - Default: `-`
78
+
79
+ #### textfield
80
+
81
+
82
+
83
+ - Type: `WarpTextField`
84
+ - Default: `-`
85
+
86
+ #### boundaryValue
87
+
88
+
89
+
90
+ - Type: `string`
91
+ - Default: `-`
92
+
93
+ #### textFieldDisplayValue
94
+
95
+ Value to display in the textfield (shows boundary when focused on empty value)
96
+
97
+ - Type: `unknown`
98
+ - Default: `-`
99
+
100
+ #### tooltipDisplayValue
101
+
102
+ Value to display in the tooltip
103
+
104
+ - Type: `string | number`
105
+ - Default: `-`
106
+
107
+ #### ariaDescriptionText
108
+
109
+
110
+
111
+ - Type: `unknown`
112
+ - Default: `-`
113
+
114
+ ### Types
115
+
116
+ No types documented.
@@ -0,0 +1,124 @@
1
+ # SliderThumb (w-slider-thumb)
2
+
3
+ ## Description
4
+
5
+ Component to place inside a `<w-slider>`.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
16
+ | ariaLabel | `string` | `-` | - |
17
+ | ariaDescription | `string` | `-` | - |
18
+ | name | `string` | `-` | - |
19
+ | value | `string` | `-` | - |
20
+ | placeholder | `string` | `-` | - |
21
+ | range | `HTMLInputElement` | `-` | - |
22
+ | tooltipTarget | `HTMLOutputElement` | `-` | - |
23
+ | textfield | `WarpTextField` | `-` | - |
24
+ | boundaryValue | `string` | `-` | - |
25
+ | textFieldDisplayValue | `unknown` | `-` | - |
26
+ | tooltipDisplayValue | `string | number` | `-` | - |
27
+ | ariaDescriptionText | `unknown` | `-` | - |
28
+
29
+ ### Property Details
30
+
31
+ #### shadowRootOptions
32
+
33
+
34
+
35
+ - Type: `object`
36
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
37
+
38
+ #### ariaLabel
39
+
40
+
41
+
42
+ - Type: `string`
43
+ - Default: `-`
44
+
45
+ #### ariaDescription
46
+
47
+
48
+
49
+ - Type: `string`
50
+ - Default: `-`
51
+
52
+ #### name
53
+
54
+
55
+
56
+ - Type: `string`
57
+ - Default: `-`
58
+
59
+ #### value
60
+
61
+
62
+
63
+ - Type: `string`
64
+ - Default: `-`
65
+
66
+ #### placeholder
67
+
68
+
69
+
70
+ - Type: `string`
71
+ - Default: `-`
72
+
73
+ #### range
74
+
75
+
76
+
77
+ - Type: `HTMLInputElement`
78
+ - Default: `-`
79
+
80
+ #### tooltipTarget
81
+
82
+
83
+
84
+ - Type: `HTMLOutputElement`
85
+ - Default: `-`
86
+
87
+ #### textfield
88
+
89
+
90
+
91
+ - Type: `WarpTextField`
92
+ - Default: `-`
93
+
94
+ #### boundaryValue
95
+
96
+
97
+
98
+ - Type: `string`
99
+ - Default: `-`
100
+
101
+ #### textFieldDisplayValue
102
+
103
+ Value to display in the textfield (shows boundary when focused on empty value)
104
+
105
+ - Type: `unknown`
106
+ - Default: `-`
107
+
108
+ #### tooltipDisplayValue
109
+
110
+ Value to display in the tooltip
111
+
112
+ - Type: `string | number`
113
+ - Default: `-`
114
+
115
+ #### ariaDescriptionText
116
+
117
+
118
+
119
+ - Type: `unknown`
120
+ - Default: `-`
121
+
122
+ ### Types
123
+
124
+ No types documented.
@@ -0,0 +1,28 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | active | `boolean` | `false` | - |
8
+ | completed | `boolean` | `false` | - |
9
+
10
+ ### Property Details
11
+
12
+ #### active
13
+
14
+
15
+
16
+ - Type: `boolean`
17
+ - Default: `false`
18
+
19
+ #### completed
20
+
21
+
22
+
23
+ - Type: `boolean`
24
+ - Default: `false`
25
+
26
+ ### Types
27
+
28
+ No types documented.
@@ -0,0 +1,34 @@
1
+ # Step (w-step)
2
+
3
+ ## Description
4
+
5
+ Individual step component that shows a single step in a process
6
+
7
+ ## API Documentation
8
+
9
+ ### Properties
10
+
11
+ | Name | Type | Default | Summary |
12
+ |-|-|-|-|
13
+ | active | `boolean` | `false` | - |
14
+ | completed | `boolean` | `false` | - |
15
+
16
+ ### Property Details
17
+
18
+ #### active
19
+
20
+
21
+
22
+ - Type: `boolean`
23
+ - Default: `false`
24
+
25
+ #### completed
26
+
27
+
28
+
29
+ - Type: `boolean`
30
+ - Default: `false`
31
+
32
+ ### Types
33
+
34
+ No types documented.
@@ -0,0 +1,28 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | horizontal | `boolean` | `false` | - |
8
+ | right | `boolean` | `false` | - |
9
+
10
+ ### Property Details
11
+
12
+ #### horizontal
13
+
14
+
15
+
16
+ - Type: `boolean`
17
+ - Default: `false`
18
+
19
+ #### right
20
+
21
+
22
+
23
+ - Type: `boolean`
24
+ - Default: `false`
25
+
26
+ ### Types
27
+
28
+ No types documented.
@@ -0,0 +1,36 @@
1
+ # StepIndicator (w-step-indicator)
2
+
3
+ ## Description
4
+
5
+ Steps are used to show progress through a process or to guide users through a multi-step task.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | horizontal | `boolean` | `false` | - |
16
+ | right | `boolean` | `false` | - |
17
+
18
+ ### Property Details
19
+
20
+ #### horizontal
21
+
22
+
23
+
24
+ - Type: `boolean`
25
+ - Default: `false`
26
+
27
+ #### right
28
+
29
+
30
+
31
+ - Type: `boolean`
32
+ - Default: `false`
33
+
34
+ ### Types
35
+
36
+ No types documented.
@@ -0,0 +1,52 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | name | `string` | `-` | - |
9
+ | value | `string` | `-` | - |
10
+ | checked | `boolean` | `false` | - |
11
+ | disabled | `boolean` | `false` | - |
12
+
13
+ ### Property Details
14
+
15
+ #### shadowRootOptions
16
+
17
+
18
+
19
+ - Type: `object`
20
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
21
+
22
+ #### name
23
+
24
+
25
+
26
+ - Type: `string`
27
+ - Default: `-`
28
+
29
+ #### value
30
+
31
+
32
+
33
+ - Type: `string`
34
+ - Default: `-`
35
+
36
+ #### checked
37
+
38
+
39
+
40
+ - Type: `boolean`
41
+ - Default: `false`
42
+
43
+ #### disabled
44
+
45
+
46
+
47
+ - Type: `boolean`
48
+ - Default: `false`
49
+
50
+ ### Types
51
+
52
+ No types documented.
@@ -0,0 +1,58 @@
1
+ # Switch (w-switch)
2
+
3
+ ## Description
4
+
5
+
6
+
7
+ ## API Documentation
8
+
9
+ ### Properties
10
+
11
+ | Name | Type | Default | Summary |
12
+ |-|-|-|-|
13
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
14
+ | name | `string` | `-` | - |
15
+ | value | `string` | `-` | - |
16
+ | checked | `boolean` | `false` | - |
17
+ | disabled | `boolean` | `false` | - |
18
+
19
+ ### Property Details
20
+
21
+ #### shadowRootOptions
22
+
23
+
24
+
25
+ - Type: `object`
26
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
27
+
28
+ #### name
29
+
30
+
31
+
32
+ - Type: `string`
33
+ - Default: `-`
34
+
35
+ #### value
36
+
37
+
38
+
39
+ - Type: `string`
40
+ - Default: `-`
41
+
42
+ #### checked
43
+
44
+
45
+
46
+ - Type: `boolean`
47
+ - Default: `false`
48
+
49
+ #### disabled
50
+
51
+
52
+
53
+ - Type: `boolean`
54
+ - Default: `false`
55
+
56
+ ### Types
57
+
58
+ No types documented.
@@ -0,0 +1,76 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | id | `string` | `-` | - |
9
+ | for | `string` | `-` | - |
10
+ | tabIndex | `number` | `-` | - |
11
+ | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
12
+ | ariaSelected | `'true' | 'false'` | `-` | - |
13
+ | active | `boolean` | `false` | - |
14
+ | over | `boolean` | `false` | - |
15
+
16
+ ### Property Details
17
+
18
+ #### shadowRootOptions
19
+
20
+
21
+
22
+ - Type: `object`
23
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
24
+
25
+ #### id
26
+
27
+
28
+
29
+ - Type: `string`
30
+ - Default: `-`
31
+
32
+ #### for
33
+
34
+
35
+
36
+ - Type: `string`
37
+ - Default: `-`
38
+
39
+ #### tabIndex
40
+
41
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
42
+
43
+ - Type: `number`
44
+ - Default: `-`
45
+
46
+ #### _computedAriaSelected
47
+
48
+ Computed aria-selected: prefers parent-managed, falls back to own property
49
+
50
+ - Type: `'true' | 'false' | undefined`
51
+ - Default: `-`
52
+
53
+ #### ariaSelected
54
+
55
+
56
+
57
+ - Type: `'true' | 'false'`
58
+ - Default: `-`
59
+
60
+ #### active
61
+
62
+
63
+
64
+ - Type: `boolean`
65
+ - Default: `false`
66
+
67
+ #### over
68
+
69
+
70
+
71
+ - Type: `boolean`
72
+ - Default: `false`
73
+
74
+ ### Types
75
+
76
+ No types documented.
@@ -0,0 +1,84 @@
1
+ # Tab (w-tab)
2
+
3
+ ## Description
4
+
5
+ Individual tab component used within w-tabs container.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
16
+ | id | `string` | `-` | - |
17
+ | for | `string` | `-` | - |
18
+ | tabIndex | `number` | `-` | - |
19
+ | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
20
+ | ariaSelected | `'true' | 'false'` | `-` | - |
21
+ | active | `boolean` | `false` | - |
22
+ | over | `boolean` | `false` | - |
23
+
24
+ ### Property Details
25
+
26
+ #### shadowRootOptions
27
+
28
+
29
+
30
+ - Type: `object`
31
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
32
+
33
+ #### id
34
+
35
+
36
+
37
+ - Type: `string`
38
+ - Default: `-`
39
+
40
+ #### for
41
+
42
+
43
+
44
+ - Type: `string`
45
+ - Default: `-`
46
+
47
+ #### tabIndex
48
+
49
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
50
+
51
+ - Type: `number`
52
+ - Default: `-`
53
+
54
+ #### _computedAriaSelected
55
+
56
+ Computed aria-selected: prefers parent-managed, falls back to own property
57
+
58
+ - Type: `'true' | 'false' | undefined`
59
+ - Default: `-`
60
+
61
+ #### ariaSelected
62
+
63
+
64
+
65
+ - Type: `'true' | 'false'`
66
+ - Default: `-`
67
+
68
+ #### active
69
+
70
+
71
+
72
+ - Type: `boolean`
73
+ - Default: `false`
74
+
75
+ #### over
76
+
77
+
78
+
79
+ - Type: `boolean`
80
+ - Default: `false`
81
+
82
+ ### Types
83
+
84
+ No types documented.
@@ -0,0 +1,21 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | active | `boolean` | `-` | - |
8
+
9
+ ### Property Details
10
+
11
+ #### active
12
+
13
+ Whether this panel is active (visible).
14
+ Set by parent w-tabs via the _parentActive property.
15
+
16
+ - Type: `boolean`
17
+ - Default: `-`
18
+
19
+ ### Types
20
+
21
+ No types documented.
@@ -0,0 +1,30 @@
1
+ # TabPanel (w-tab-panel)
2
+
3
+ ## Description
4
+
5
+ Tab panel component that holds content for individual tabs.
6
+ Each tab panel should have a name that matches a corresponding tab.
7
+
8
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
9
+
10
+ ## API Documentation
11
+
12
+ ### Properties
13
+
14
+ | Name | Type | Default | Summary |
15
+ |-|-|-|-|
16
+ | active | `boolean` | `-` | - |
17
+
18
+ ### Property Details
19
+
20
+ #### active
21
+
22
+ Whether this panel is active (visible).
23
+ Set by parent w-tabs via the _parentActive property.
24
+
25
+ - Type: `boolean`
26
+ - Default: `-`
27
+
28
+ ### Types
29
+
30
+ No types documented.