@warp-ds/elements 2.9.0-next.1 → 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 (92) hide show
  1. package/dist/custom-elements.json +17 -10
  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/index.d.ts +0 -2
  60. package/dist/packages/affix/affix.js +5 -5
  61. package/dist/packages/affix/affix.js.map +2 -2
  62. package/dist/packages/alert/alert.d.ts +15 -0
  63. package/dist/packages/alert/alert.js +6 -6
  64. package/dist/packages/alert/alert.js.map +2 -2
  65. package/dist/packages/alert/alert.test.js +1 -1
  66. package/dist/packages/attention/attention.d.ts +0 -1
  67. package/dist/packages/attention/attention.js +21 -21
  68. package/dist/packages/attention/attention.js.map +4 -4
  69. package/dist/packages/datepicker/DatePicker.test.js +5 -5
  70. package/dist/packages/datepicker/datepicker.js +1 -1
  71. package/dist/packages/datepicker/datepicker.js.map +2 -2
  72. package/dist/packages/expandable/expandable.js +7 -7
  73. package/dist/packages/expandable/expandable.js.map +2 -2
  74. package/dist/packages/icon/icon.js +2 -2
  75. package/dist/packages/icon/icon.js.map +2 -2
  76. package/dist/packages/icon/icon.test.js +14 -0
  77. package/dist/packages/modal-header/modal-header.js +6 -6
  78. package/dist/packages/modal-header/modal-header.js.map +2 -2
  79. package/dist/packages/pagination/pagination.js +3 -3
  80. package/dist/packages/pagination/pagination.js.map +2 -2
  81. package/dist/packages/pill/pill.js +3 -3
  82. package/dist/packages/pill/pill.js.map +2 -2
  83. package/dist/packages/select/select.js +4 -4
  84. package/dist/packages/select/select.js.map +2 -2
  85. package/dist/packages/step/step.js +4 -4
  86. package/dist/packages/step/step.js.map +2 -2
  87. package/dist/packages/toast/toast.js +4 -4
  88. package/dist/packages/toast/toast.js.map +2 -2
  89. package/dist/web-types.json +18 -5
  90. package/package.json +26 -23
  91. package/dist/packages/utils/index.d.ts +0 -10
  92. package/dist/packages/utils/index.js +0 -37
@@ -0,0 +1,132 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | show | `boolean` | `false` | - |
8
+ | placement | `Directions` | `'bottom'` | - |
9
+ | tooltip | `boolean` | `false` | - |
10
+ | callout | `boolean` | `false` | - |
11
+ | popover | `boolean` | `false` | - |
12
+ | highlight | `boolean` | `false` | - |
13
+ | canClose | `boolean` | `false` | - |
14
+ | noArrow | `boolean` | `false` | - |
15
+ | distance | `number` | `8` | - |
16
+ | skidding | `number` | `0` | - |
17
+ | flip | `boolean` | `false` | - |
18
+ | crossAxis | `boolean` | `false` | - |
19
+ | fallbackPlacements | `Directions[]` | `-` | - |
20
+ | _initialPlacement | `unknown` | `-` | - |
21
+ | _actualDirection | `unknown` | `-` | - |
22
+
23
+ ### Property Details
24
+
25
+ #### show
26
+
27
+
28
+
29
+ - Type: `boolean`
30
+ - Default: `false`
31
+
32
+ #### placement
33
+
34
+
35
+
36
+ - Type: `Directions`
37
+ - Default: `'bottom'`
38
+
39
+ #### tooltip
40
+
41
+
42
+
43
+ - Type: `boolean`
44
+ - Default: `false`
45
+
46
+ #### callout
47
+
48
+
49
+
50
+ - Type: `boolean`
51
+ - Default: `false`
52
+
53
+ #### popover
54
+
55
+
56
+
57
+ - Type: `boolean`
58
+ - Default: `false`
59
+
60
+ #### highlight
61
+
62
+
63
+
64
+ - Type: `boolean`
65
+ - Default: `false`
66
+
67
+ #### canClose
68
+
69
+
70
+
71
+ - Type: `boolean`
72
+ - Default: `false`
73
+
74
+ #### noArrow
75
+
76
+
77
+
78
+ - Type: `boolean`
79
+ - Default: `false`
80
+
81
+ #### distance
82
+
83
+
84
+
85
+ - Type: `number`
86
+ - Default: `8`
87
+
88
+ #### skidding
89
+
90
+
91
+
92
+ - Type: `number`
93
+ - Default: `0`
94
+
95
+ #### flip
96
+
97
+
98
+
99
+ - Type: `boolean`
100
+ - Default: `false`
101
+
102
+ #### crossAxis
103
+
104
+
105
+
106
+ - Type: `boolean`
107
+ - Default: `false`
108
+
109
+ #### fallbackPlacements
110
+
111
+
112
+
113
+ - Type: `Directions[]`
114
+ - Default: `-`
115
+
116
+ #### _initialPlacement
117
+
118
+
119
+
120
+ - Type: `unknown`
121
+ - Default: `-`
122
+
123
+ #### _actualDirection
124
+
125
+
126
+
127
+ - Type: `unknown`
128
+ - Default: `-`
129
+
130
+ ### Types
131
+
132
+ No types documented.
@@ -0,0 +1,138 @@
1
+ # Attention (w-attention)
2
+
3
+ ## Description
4
+
5
+
6
+
7
+ ## API Documentation
8
+
9
+ ### Properties
10
+
11
+ | Name | Type | Default | Summary |
12
+ |-|-|-|-|
13
+ | show | `boolean` | `false` | - |
14
+ | placement | `Directions` | `'bottom'` | - |
15
+ | tooltip | `boolean` | `false` | - |
16
+ | callout | `boolean` | `false` | - |
17
+ | popover | `boolean` | `false` | - |
18
+ | highlight | `boolean` | `false` | - |
19
+ | canClose | `boolean` | `false` | - |
20
+ | noArrow | `boolean` | `false` | - |
21
+ | distance | `number` | `8` | - |
22
+ | skidding | `number` | `0` | - |
23
+ | flip | `boolean` | `false` | - |
24
+ | crossAxis | `boolean` | `false` | - |
25
+ | fallbackPlacements | `Directions[]` | `-` | - |
26
+ | _initialPlacement | `unknown` | `-` | - |
27
+ | _actualDirection | `unknown` | `-` | - |
28
+
29
+ ### Property Details
30
+
31
+ #### show
32
+
33
+
34
+
35
+ - Type: `boolean`
36
+ - Default: `false`
37
+
38
+ #### placement
39
+
40
+
41
+
42
+ - Type: `Directions`
43
+ - Default: `'bottom'`
44
+
45
+ #### tooltip
46
+
47
+
48
+
49
+ - Type: `boolean`
50
+ - Default: `false`
51
+
52
+ #### callout
53
+
54
+
55
+
56
+ - Type: `boolean`
57
+ - Default: `false`
58
+
59
+ #### popover
60
+
61
+
62
+
63
+ - Type: `boolean`
64
+ - Default: `false`
65
+
66
+ #### highlight
67
+
68
+
69
+
70
+ - Type: `boolean`
71
+ - Default: `false`
72
+
73
+ #### canClose
74
+
75
+
76
+
77
+ - Type: `boolean`
78
+ - Default: `false`
79
+
80
+ #### noArrow
81
+
82
+
83
+
84
+ - Type: `boolean`
85
+ - Default: `false`
86
+
87
+ #### distance
88
+
89
+
90
+
91
+ - Type: `number`
92
+ - Default: `8`
93
+
94
+ #### skidding
95
+
96
+
97
+
98
+ - Type: `number`
99
+ - Default: `0`
100
+
101
+ #### flip
102
+
103
+
104
+
105
+ - Type: `boolean`
106
+ - Default: `false`
107
+
108
+ #### crossAxis
109
+
110
+
111
+
112
+ - Type: `boolean`
113
+ - Default: `false`
114
+
115
+ #### fallbackPlacements
116
+
117
+
118
+
119
+ - Type: `Directions[]`
120
+ - Default: `-`
121
+
122
+ #### _initialPlacement
123
+
124
+
125
+
126
+ - Type: `unknown`
127
+ - Default: `-`
128
+
129
+ #### _actualDirection
130
+
131
+
132
+
133
+ - Type: `unknown`
134
+ - Default: `-`
135
+
136
+ ### Types
137
+
138
+ No types documented.
@@ -0,0 +1,28 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | variant | `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'` | `-` | - |
8
+ | position | `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'` | `-` | - |
9
+
10
+ ### Property Details
11
+
12
+ #### variant
13
+
14
+
15
+
16
+ - Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
17
+ - Default: `-`
18
+
19
+ #### position
20
+
21
+
22
+
23
+ - Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
24
+ - Default: `-`
25
+
26
+ ### Types
27
+
28
+ No types documented.
@@ -0,0 +1,36 @@
1
+ # Badge (w-badge)
2
+
3
+ ## Description
4
+
5
+ `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | variant | `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'` | `-` | - |
16
+ | position | `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'` | `-` | - |
17
+
18
+ ### Property Details
19
+
20
+ #### variant
21
+
22
+
23
+
24
+ - Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
25
+ - Default: `-`
26
+
27
+ #### position
28
+
29
+
30
+
31
+ - Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
32
+ - Default: `-`
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
+ | bleed | `boolean` | `false` | - |
8
+ | bordered | `boolean` | `false` | - |
9
+ | info | `boolean` | `false` | - |
10
+ | neutral | `boolean` | `false` | - |
11
+ | role | `string` | `-` | - |
12
+
13
+ ### Property Details
14
+
15
+ #### bleed
16
+
17
+
18
+
19
+ - Type: `boolean`
20
+ - Default: `false`
21
+
22
+ #### bordered
23
+
24
+
25
+
26
+ - Type: `boolean`
27
+ - Default: `false`
28
+
29
+ #### info
30
+
31
+
32
+
33
+ - Type: `boolean`
34
+ - Default: `false`
35
+
36
+ #### neutral
37
+
38
+
39
+
40
+ - Type: `boolean`
41
+ - Default: `false`
42
+
43
+ #### role
44
+
45
+
46
+
47
+ - Type: `string`
48
+ - Default: `-`
49
+
50
+ ### Types
51
+
52
+ No types documented.
@@ -0,0 +1,60 @@
1
+ # Box (w-box)
2
+
3
+ ## Description
4
+
5
+ Box is a layout component used for separating content areas on a page.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-box--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | bleed | `boolean` | `false` | - |
16
+ | bordered | `boolean` | `false` | - |
17
+ | info | `boolean` | `false` | - |
18
+ | neutral | `boolean` | `false` | - |
19
+ | role | `string` | `-` | - |
20
+
21
+ ### Property Details
22
+
23
+ #### bleed
24
+
25
+
26
+
27
+ - Type: `boolean`
28
+ - Default: `false`
29
+
30
+ #### bordered
31
+
32
+
33
+
34
+ - Type: `boolean`
35
+ - Default: `false`
36
+
37
+ #### info
38
+
39
+
40
+
41
+ - Type: `boolean`
42
+ - Default: `false`
43
+
44
+ #### neutral
45
+
46
+
47
+
48
+ - Type: `boolean`
49
+ - Default: `false`
50
+
51
+ #### role
52
+
53
+
54
+
55
+ - Type: `string`
56
+ - Default: `-`
57
+
58
+ ### Types
59
+
60
+ No types documented.
@@ -0,0 +1,20 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | ariaLabel | `unknown` | `-` | - |
8
+
9
+ ### Property Details
10
+
11
+ #### ariaLabel
12
+
13
+
14
+
15
+ - Type: `unknown`
16
+ - Default: `-`
17
+
18
+ ### Types
19
+
20
+ No types documented.
@@ -0,0 +1,28 @@
1
+ # Breadcrumbs (w-breadcrumbs)
2
+
3
+ ## Description
4
+
5
+ Breadcrumbs show the navigation structure for the current location.
6
+
7
+ [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)
8
+
9
+ ## API Documentation
10
+
11
+ ### Properties
12
+
13
+ | Name | Type | Default | Summary |
14
+ |-|-|-|-|
15
+ | ariaLabel | `unknown` | `-` | - |
16
+
17
+ ### Property Details
18
+
19
+ #### ariaLabel
20
+
21
+
22
+
23
+ - Type: `unknown`
24
+ - Default: `-`
25
+
26
+ ### Types
27
+
28
+ No types documented.
@@ -0,0 +1,155 @@
1
+ ## API Documentation
2
+
3
+ ### Properties
4
+
5
+ | Name | Type | Default | Summary |
6
+ |-|-|-|-|
7
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
+ | type | [`ButtonType`](#buttontype) | `-` | - |
9
+ | autofocus | `boolean` | `false` | - |
10
+ | variant | [`ButtonVariant`](#buttonvariant) | `-` | - |
11
+ | quiet | `boolean` | `false` | - |
12
+ | iconOnly | `boolean` | `false` | - |
13
+ | small | `boolean` | `false` | - |
14
+ | loading | `boolean` | `false` | - |
15
+ | href | `string` | `-` | - |
16
+ | target | `string` | `-` | - |
17
+ | disabled | `boolean` | `false` | - |
18
+ | rel | `string` | `-` | - |
19
+ | fullWidth | `boolean` | `false` | - |
20
+ | buttonClass | `string` | `-` | - |
21
+ | name | `string` | `-` | - |
22
+ | value | `string` | `-` | - |
23
+ | ariaValueTextLoading | `unknown` | `-` | - |
24
+
25
+ ### Property Details
26
+
27
+ #### shadowRootOptions
28
+
29
+
30
+
31
+ - Type: `object`
32
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
33
+
34
+ #### type
35
+
36
+
37
+
38
+ - Type: [`ButtonType`](#buttontype)
39
+ - Default: `-`
40
+
41
+ #### autofocus
42
+
43
+
44
+
45
+ - Type: `boolean`
46
+ - Default: `false`
47
+
48
+ #### variant
49
+
50
+
51
+
52
+ - Type: [`ButtonVariant`](#buttonvariant)
53
+ - Default: `-`
54
+
55
+ #### quiet
56
+
57
+
58
+
59
+ - Type: `boolean`
60
+ - Default: `false`
61
+
62
+ #### iconOnly
63
+
64
+
65
+
66
+ - Type: `boolean`
67
+ - Default: `false`
68
+
69
+ #### small
70
+
71
+
72
+
73
+ - Type: `boolean`
74
+ - Default: `false`
75
+
76
+ #### loading
77
+
78
+
79
+
80
+ - Type: `boolean`
81
+ - Default: `false`
82
+
83
+ #### href
84
+
85
+
86
+
87
+ - Type: `string`
88
+ - Default: `-`
89
+
90
+ #### target
91
+
92
+
93
+
94
+ - Type: `string`
95
+ - Default: `-`
96
+
97
+ #### disabled
98
+
99
+
100
+
101
+ - Type: `boolean`
102
+ - Default: `false`
103
+
104
+ #### rel
105
+
106
+
107
+
108
+ - Type: `string`
109
+ - Default: `-`
110
+
111
+ #### fullWidth
112
+
113
+
114
+
115
+ - Type: `boolean`
116
+ - Default: `false`
117
+
118
+ #### buttonClass
119
+
120
+
121
+
122
+ - Type: `string`
123
+ - Default: `-`
124
+
125
+ #### name
126
+
127
+
128
+
129
+ - Type: `string`
130
+ - Default: `-`
131
+
132
+ #### value
133
+
134
+
135
+
136
+ - Type: `string`
137
+ - Default: `-`
138
+
139
+ #### ariaValueTextLoading
140
+
141
+
142
+
143
+ - Type: `unknown`
144
+ - Default: `-`
145
+
146
+ ### Types
147
+
148
+ #### ButtonType
149
+
150
+ `'button' | 'submit' | 'reset'`
151
+
152
+ #### ButtonVariant
153
+
154
+ `'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'`
155
+