@motion-proto/live-tokens 0.97.0 → 0.98.2

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 (184) hide show
  1. package/.claude/skills/live-tokens-check-compliance/SKILL.md +5 -0
  2. package/.claude/skills/live-tokens-create-component/SKILL.md +4 -3
  3. package/.claude/skills/live-tokens-create-component/references/contract-tests.md +71 -11
  4. package/CHANGELOG.md +272 -0
  5. package/README.md +2 -2
  6. package/bin/check-component.mjs +8 -0
  7. package/bin/check-page.mjs +6 -0
  8. package/bin/cli.mjs +36 -6
  9. package/bin/contractRunner.mjs +142 -17
  10. package/bin/lib/findings.mjs +20 -4
  11. package/bin/rules/a11y.mjs +53 -0
  12. package/dist-plugin/{chunk-A4TBP4MM.js → chunk-SLICH4IH.js} +2 -2
  13. package/dist-plugin/index.cjs +148 -3
  14. package/dist-plugin/index.js +250 -105
  15. package/dist-plugin/setColors/index.js +1 -1
  16. package/package.json +47 -2
  17. package/src/demo/LabeledSelect.svelte +1 -1
  18. package/src/editor/bootstrap.ts +3 -1
  19. package/src/editor/component-editor/BadgeEditor.svelte +13 -0
  20. package/src/editor/component-editor/ButtonEditor.svelte +33 -2
  21. package/src/editor/component-editor/CalloutEditor.svelte +13 -0
  22. package/src/editor/component-editor/CardEditor.svelte +12 -2
  23. package/src/editor/component-editor/CodeSnippetEditor.svelte +11 -1
  24. package/src/editor/component-editor/CollapsibleSectionEditor.svelte +18 -1
  25. package/src/editor/component-editor/CornerBadgeEditor.svelte +13 -0
  26. package/src/editor/component-editor/DialogEditor.svelte +15 -0
  27. package/src/editor/component-editor/IconButtonEditor.svelte +29 -1
  28. package/src/editor/component-editor/ImageEditor.svelte +20 -9
  29. package/src/editor/component-editor/ImageLightboxEditor.svelte +44 -0
  30. package/src/editor/component-editor/InlineEditActionsEditor.svelte +13 -1
  31. package/src/editor/component-editor/InputEditor.svelte +23 -0
  32. package/src/editor/component-editor/MenuSelectEditor.svelte +27 -1
  33. package/src/editor/component-editor/NotificationEditor.svelte +15 -0
  34. package/src/editor/component-editor/PanelEditor.svelte +1 -1
  35. package/src/editor/component-editor/ProgressBarEditor.svelte +13 -0
  36. package/src/editor/component-editor/RadioButtonEditor.svelte +20 -1
  37. package/src/editor/component-editor/SectionDividerEditor.svelte +41 -13
  38. package/src/editor/component-editor/SegmentedControlEditor.svelte +29 -1
  39. package/src/editor/component-editor/SideNavigationEditor.svelte +40 -1
  40. package/src/editor/component-editor/SlidePagerEditor.svelte +20 -0
  41. package/src/editor/component-editor/SliderEditor.svelte +33 -0
  42. package/src/editor/component-editor/TabBarEditor.svelte +23 -2
  43. package/src/editor/component-editor/TableEditor.svelte +14 -0
  44. package/src/editor/component-editor/ToggleEditor.svelte +17 -0
  45. package/src/editor/component-editor/TooltipEditor.svelte +11 -2
  46. package/src/editor/component-editor/VideoFrameEditor.svelte +8 -0
  47. package/src/editor/component-editor/VideoLightboxEditor.svelte +10 -0
  48. package/src/editor/component-editor/registration.ts +2 -1
  49. package/src/editor/component-editor/registry.ts +69 -27
  50. package/src/editor/component-editor/scaffolding/DemoHeader.svelte +2 -0
  51. package/src/editor/component-editor/scaffolding/StateBlock.svelte +19 -8
  52. package/src/editor/component-editor/scaffolding/TokenLayout.svelte +3 -0
  53. package/src/editor/component-editor/scaffolding/VariantGroup.svelte +70 -3
  54. package/src/editor/component-editor/scaffolding/editorContext.ts +7 -0
  55. package/src/editor/core/a11y/a11yReport.ts +101 -0
  56. package/src/editor/core/a11y/a11yReportTypes.ts +69 -0
  57. package/src/editor/core/a11y/contrastFailures.ts +22 -0
  58. package/src/editor/core/components/contrastPairRegistry.ts +18 -0
  59. package/src/editor/core/palettes/contrast.ts +44 -0
  60. package/src/editor/core/palettes/contrastPairs.ts +79 -0
  61. package/src/editor/core/palettes/resolveColor.ts +77 -0
  62. package/src/editor/core/store/editorStore.ts +4 -0
  63. package/src/editor/core/store/editorViewStore.ts +2 -2
  64. package/src/editor/core/store/unsavedEdits.ts +10 -0
  65. package/src/editor/core/themes/liveStateStream.ts +7 -1
  66. package/src/editor/core/themes/parsers/gradient.ts +5 -2
  67. package/src/editor/docs/chapters.ts +1 -0
  68. package/src/editor/docs/content/accessibility.md +362 -0
  69. package/src/editor/docs/content/editing-tokens.md +28 -1
  70. package/src/editor/docs/content.generated.ts +2 -1
  71. package/src/editor/pages/ComponentEditorPage.svelte +10 -1
  72. package/src/editor/pages/EditorShell.svelte +96 -10
  73. package/src/editor/skill-atlas/skillSources.generated.ts +3 -3
  74. package/src/editor/skill-atlas/trees/check-compliance.ts +3 -3
  75. package/src/editor/skill-atlas/trees/create-component.ts +12 -12
  76. package/src/editor/ui/EditorViewSwitcher.svelte +15 -2
  77. package/src/editor/ui/GradientEditor.svelte +9 -1
  78. package/src/editor/ui/ThemePanel.svelte +4 -4
  79. package/src/editor/ui/UIContrastReadout.svelte +186 -0
  80. package/src/editor/ui/UIInfoPopover.svelte +16 -2
  81. package/src/editor/ui/UIPaletteSelector.svelte +9 -0
  82. package/src/editor/ui/UITokenSelector.svelte +26 -2
  83. package/src/editor/ui/a11y/A11yComponentIssues.svelte +103 -0
  84. package/src/editor/ui/a11y/A11yFindingRow.svelte +57 -0
  85. package/src/editor/ui/a11y/A11yIssueRow.svelte +121 -0
  86. package/src/editor/ui/a11y/A11yOverview.svelte +242 -0
  87. package/src/editor/ui/a11y/A11yPanel.svelte +128 -0
  88. package/src/editor/ui/a11y/A11yPropertyMark.svelte +84 -0
  89. package/src/editor/ui/a11y/A11yRailMark.svelte +34 -0
  90. package/src/editor/ui/a11y/AccessibilityTab.svelte +334 -0
  91. package/src/editor/ui/a11y/a11yView.ts +218 -0
  92. package/src/editor/ui/contrastReadout.ts +45 -0
  93. package/src/live-tokens/data/themes/autumn.json +20 -20
  94. package/src/live-tokens/data/themes/halloween.json +20 -20
  95. package/src/live-tokens/data/themes/midnight-study.json +20 -20
  96. package/src/live-tokens/data/themes/ocean.json +20 -20
  97. package/src/live-tokens/data/themes/royal-velvet.json +20 -20
  98. package/src/live-tokens/data/themes/sketchy.json +20 -20
  99. package/src/live-tokens/data/themes/spring-meadow.json +20 -20
  100. package/src/live-tokens/data/themes/sunset.json +20 -20
  101. package/src/system/components/Badge.svelte +3 -3
  102. package/src/system/components/Button.svelte +9 -3
  103. package/src/system/components/CodeSnippet.svelte +8 -1
  104. package/src/system/components/CornerBadge.svelte +3 -3
  105. package/src/system/components/Dialog.svelte +43 -14
  106. package/src/system/components/IconButton.svelte +1 -1
  107. package/src/system/components/Image.svelte +7 -0
  108. package/src/system/components/ImageLightbox.svelte +18 -25
  109. package/src/system/components/Input.svelte +8 -1
  110. package/src/system/components/MenuSelect.svelte +30 -2
  111. package/src/system/components/Notification.svelte +1 -1
  112. package/src/system/components/ProgressBar.svelte +6 -0
  113. package/src/system/components/RadioButton.svelte +36 -3
  114. package/src/system/components/SegmentedControl.svelte +36 -2
  115. package/src/system/components/SlidePager.svelte +2 -2
  116. package/src/system/components/Slider.svelte +13 -9
  117. package/src/system/components/TabBar.svelte +33 -3
  118. package/src/system/components/Toggle.svelte +2 -2
  119. package/src/system/components/VideoFrame.svelte +1 -1
  120. package/src/system/components/VideoLightbox.svelte +2 -2
  121. package/src/system/internal/focusTrap.ts +35 -0
  122. package/src/testing-js/__aria__/badge.yml +40 -0
  123. package/src/testing-js/__aria__/button.yml +88 -0
  124. package/src/testing-js/__aria__/callout.yml +12 -0
  125. package/src/testing-js/__aria__/card.yml +8 -0
  126. package/src/testing-js/__aria__/codesnippet.yml +21 -0
  127. package/src/testing-js/__aria__/collapsiblesection.yml +23 -0
  128. package/src/testing-js/__aria__/cornerbadge.yml +24 -0
  129. package/src/testing-js/__aria__/dialog.yml +42 -0
  130. package/src/testing-js/__aria__/iconbutton.yml +57 -0
  131. package/src/testing-js/__aria__/image.yml +10 -0
  132. package/src/testing-js/__aria__/imagelightbox.yml +50 -0
  133. package/src/testing-js/__aria__/inlineeditactions.yml +16 -0
  134. package/src/testing-js/__aria__/input.yml +61 -0
  135. package/src/testing-js/__aria__/menuselect.yml +30 -0
  136. package/src/testing-js/__aria__/notification.yml +30 -0
  137. package/src/testing-js/__aria__/panel.yml +2 -0
  138. package/src/testing-js/__aria__/progressbar.yml +2 -0
  139. package/src/testing-js/__aria__/radiobutton.yml +20 -0
  140. package/src/testing-js/__aria__/sectiondivider.yml +9 -0
  141. package/src/testing-js/__aria__/segmentedcontrol.yml +35 -0
  142. package/src/testing-js/__aria__/sidenavigation.yml +304 -0
  143. package/src/testing-js/__aria__/slidepager.yml +72 -0
  144. package/src/testing-js/__aria__/slider.yml +28 -0
  145. package/src/testing-js/__aria__/tabbar.yml +35 -0
  146. package/src/testing-js/__aria__/table.yml +144 -0
  147. package/src/testing-js/__aria__/toggle.yml +12 -0
  148. package/src/testing-js/__aria__/tooltip.yml +2 -0
  149. package/src/testing-js/__aria__/videoframe.yml +6 -0
  150. package/src/testing-js/__aria__/videolightbox.yml +12 -0
  151. package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} +2 -2
  152. package/src/testing-js/{chunk-SHBYZUPD.js → chunk-5HNZHIHG.js} +211 -14
  153. package/src/testing-js/chunk-5HNZHIHG.js.map +1 -0
  154. package/src/testing-js/{chunk-NB3NZRBM.js → chunk-7CM5D7PF.js} +5 -1
  155. package/src/testing-js/chunk-7CM5D7PF.js.map +1 -0
  156. package/src/testing-js/chunk-EWSGE27V.js +168 -0
  157. package/src/testing-js/chunk-EWSGE27V.js.map +1 -0
  158. package/src/testing-js/{chunk-GKO27NGN.js → chunk-R54I7YL6.js} +2 -2
  159. package/src/testing-js/{chunk-X6KHEVIG.js → chunk-RWH46IU5.js} +97 -29
  160. package/src/testing-js/chunk-RWH46IU5.js.map +1 -0
  161. package/src/testing-js/chunk-SHLPDNAQ.js +658 -0
  162. package/src/testing-js/chunk-SHLPDNAQ.js.map +1 -0
  163. package/src/testing-js/{chunk-3UKGXCDL.js → chunk-YVVR3GJZ.js} +1 -1
  164. package/src/testing-js/chunk-YVVR3GJZ.js.map +1 -0
  165. package/src/testing-js/component-a11y.contract.js +283 -0
  166. package/src/testing-js/component-a11y.contract.js.map +1 -0
  167. package/src/testing-js/component-alias.contract.js +2 -2
  168. package/src/testing-js/component-behavior.contract.js +2 -2
  169. package/src/testing-js/component-editor.contract.js +6 -5
  170. package/src/testing-js/component-editor.contract.js.map +1 -1
  171. package/src/testing-js/component-render.contract.js +10 -6
  172. package/src/testing-js/component-render.contract.js.map +1 -1
  173. package/src/testing-js/index.d.ts +44 -16
  174. package/src/testing-js/index.js +9 -9
  175. package/src/testing-js/page-compliance.contract.js +132 -13
  176. package/src/testing-js/page-compliance.contract.js.map +1 -1
  177. package/src/testing-js/vitest.js +3 -3
  178. package/template/package.json +9 -0
  179. package/src/testing-js/chunk-3UKGXCDL.js.map +0 -1
  180. package/src/testing-js/chunk-NB3NZRBM.js.map +0 -1
  181. package/src/testing-js/chunk-SHBYZUPD.js.map +0 -1
  182. package/src/testing-js/chunk-X6KHEVIG.js.map +0 -1
  183. /package/src/testing-js/{chunk-WIZ6W7UT.js.map → chunk-3WCLMOM7.js.map} +0 -0
  184. /package/src/testing-js/{chunk-GKO27NGN.js.map → chunk-R54I7YL6.js.map} +0 -0
package/src/testing-js/__aria__/sidenavigation.yml ADDED
@@ -0,0 +1,304 @@
1
+ "Panel": |
2
+ - complementary:
3
+ - link "Title":
4
+ - /url: "#"
5
+ - button "Collapse sidebar" [expanded]
6
+ - button "Collapse section" [expanded]
7
+ - link "Section 1":
8
+ - /url: "#section-1"
9
+ - link "Item 1":
10
+ - /url: "#section-1/item-1"
11
+ - link "Item 2":
12
+ - /url: "#section-1/item-2"
13
+ - link "Item 3":
14
+ - /url: "#section-1/item-3"
15
+ - button "Expand section"
16
+ - link "Section 2":
17
+ - /url: "#section-2"
18
+ - link "Footer":
19
+ - /url: "#footer"
20
+ "Title Block": |
21
+ - complementary:
22
+ - link "Title":
23
+ - /url: "#"
24
+ - button "Collapse sidebar" [expanded]
25
+ - button "Collapse section" [expanded]
26
+ - link "Section 1":
27
+ - /url: "#section-1"
28
+ - link "Item 1":
29
+ - /url: "#section-1/item-1"
30
+ - link "Item 2":
31
+ - /url: "#section-1/item-2"
32
+ - link "Item 3":
33
+ - /url: "#section-1/item-3"
34
+ - button "Expand section"
35
+ - link "Section 2":
36
+ - /url: "#section-2"
37
+ - link "Footer":
38
+ - /url: "#footer"
39
+ "Title": |
40
+ - complementary:
41
+ - link "Title":
42
+ - /url: "#"
43
+ - button "Collapse sidebar" [expanded]
44
+ - button "Collapse section" [expanded]
45
+ - link "Section 1":
46
+ - /url: "#section-1"
47
+ - link "Item 1":
48
+ - /url: "#section-1/item-1"
49
+ - link "Item 2":
50
+ - /url: "#section-1/item-2"
51
+ - link "Item 3":
52
+ - /url: "#section-1/item-3"
53
+ - button "Expand section"
54
+ - link "Section 2":
55
+ - /url: "#section-2"
56
+ - link "Footer":
57
+ - /url: "#footer"
58
+ "Toggle": |
59
+ - complementary:
60
+ - link "Title":
61
+ - /url: "#"
62
+ - button "Collapse sidebar" [expanded]
63
+ - button "Collapse section" [expanded]
64
+ - link "Section 1":
65
+ - /url: "#section-1"
66
+ - link "Item 1":
67
+ - /url: "#section-1/item-1"
68
+ - link "Item 2":
69
+ - /url: "#section-1/item-2"
70
+ - link "Item 3":
71
+ - /url: "#section-1/item-3"
72
+ - button "Expand section"
73
+ - link "Section 2":
74
+ - /url: "#section-2"
75
+ - link "Footer":
76
+ - /url: "#footer"
77
+ "Section": |
78
+ - complementary:
79
+ - link "Title":
80
+ - /url: "#"
81
+ - button "Collapse sidebar" [expanded]
82
+ - button "Collapse section" [expanded]
83
+ - link "Section 1":
84
+ - /url: "#section-1"
85
+ - link "Item 1":
86
+ - /url: "#section-1/item-1"
87
+ - link "Item 2":
88
+ - /url: "#section-1/item-2"
89
+ - link "Item 3":
90
+ - /url: "#section-1/item-3"
91
+ - button "Expand section"
92
+ - link "Section 2":
93
+ - /url: "#section-2"
94
+ - link "Footer":
95
+ - /url: "#footer"
96
+ "Item": |
97
+ - complementary:
98
+ - link "Title":
99
+ - /url: "#"
100
+ - button "Collapse sidebar" [expanded]
101
+ - button "Collapse section" [expanded]
102
+ - link "Section 1":
103
+ - /url: "#section-1"
104
+ - link "Item 1":
105
+ - /url: "#section-1/item-1"
106
+ - link "Item 2":
107
+ - /url: "#section-1/item-2"
108
+ - link "Item 3":
109
+ - /url: "#section-1/item-3"
110
+ - button "Expand section"
111
+ - link "Section 2":
112
+ - /url: "#section-2"
113
+ - link "Footer":
114
+ - /url: "#footer"
115
+ "Footer": |
116
+ - complementary:
117
+ - link "Title":
118
+ - /url: "#"
119
+ - button "Collapse sidebar" [expanded]
120
+ - button "Collapse section" [expanded]
121
+ - link "Section 1":
122
+ - /url: "#section-1"
123
+ - link "Item 1":
124
+ - /url: "#section-1/item-1"
125
+ - link "Item 2":
126
+ - /url: "#section-1/item-2"
127
+ - link "Item 3":
128
+ - /url: "#section-1/item-3"
129
+ - button "Expand section"
130
+ - link "Section 2":
131
+ - /url: "#section-2"
132
+ - link "Footer":
133
+ - /url: "#footer"
134
+ "Animation": |
135
+ - complementary:
136
+ - link "Title":
137
+ - /url: "#"
138
+ - button "Collapse sidebar" [expanded]
139
+ - button "Collapse section" [expanded]
140
+ - link "Section 1":
141
+ - /url: "#section-1"
142
+ - link "Item 1":
143
+ - /url: "#section-1/item-1"
144
+ - link "Item 2":
145
+ - /url: "#section-1/item-2"
146
+ - link "Item 3":
147
+ - /url: "#section-1/item-3"
148
+ - button "Expand section"
149
+ - link "Section 2":
150
+ - /url: "#section-2"
151
+ - link "Footer":
152
+ - /url: "#footer"
153
+ "Title (Hover)": |
154
+ - complementary:
155
+ - link "Title":
156
+ - /url: "#"
157
+ - button "Collapse sidebar" [expanded]
158
+ - button "Collapse section" [expanded]
159
+ - link "Section 1":
160
+ - /url: "#section-1"
161
+ - link "Item 1":
162
+ - /url: "#section-1/item-1"
163
+ - link "Item 2":
164
+ - /url: "#section-1/item-2"
165
+ - link "Item 3":
166
+ - /url: "#section-1/item-3"
167
+ - button "Expand section"
168
+ - link "Section 2":
169
+ - /url: "#section-2"
170
+ - link "Footer":
171
+ - /url: "#footer"
172
+ "Title (Selected)": |
173
+ - complementary:
174
+ - link "Title":
175
+ - /url: "#"
176
+ - button "Collapse sidebar" [expanded]
177
+ - button "Collapse section" [expanded]
178
+ - link "Section 1":
179
+ - /url: "#section-1"
180
+ - link "Item 1":
181
+ - /url: "#section-1/item-1"
182
+ - link "Item 2":
183
+ - /url: "#section-1/item-2"
184
+ - link "Item 3":
185
+ - /url: "#section-1/item-3"
186
+ - button "Expand section"
187
+ - link "Section 2":
188
+ - /url: "#section-2"
189
+ - link "Footer":
190
+ - /url: "#footer"
191
+ "Toggle (Hover)": |
192
+ - complementary:
193
+ - link "Title":
194
+ - /url: "#"
195
+ - button "Collapse sidebar" [expanded]
196
+ - button "Collapse section" [expanded]
197
+ - link "Section 1":
198
+ - /url: "#section-1"
199
+ - link "Item 1":
200
+ - /url: "#section-1/item-1"
201
+ - link "Item 2":
202
+ - /url: "#section-1/item-2"
203
+ - link "Item 3":
204
+ - /url: "#section-1/item-3"
205
+ - button "Expand section"
206
+ - link "Section 2":
207
+ - /url: "#section-2"
208
+ - link "Footer":
209
+ - /url: "#footer"
210
+ "Section (Hover)": |
211
+ - complementary:
212
+ - link "Title":
213
+ - /url: "#"
214
+ - button "Collapse sidebar" [expanded]
215
+ - button "Collapse section" [expanded]
216
+ - link "Section 1":
217
+ - /url: "#section-1"
218
+ - link "Item 1":
219
+ - /url: "#section-1/item-1"
220
+ - link "Item 2":
221
+ - /url: "#section-1/item-2"
222
+ - link "Item 3":
223
+ - /url: "#section-1/item-3"
224
+ - button "Expand section"
225
+ - link "Section 2":
226
+ - /url: "#section-2"
227
+ - link "Footer":
228
+ - /url: "#footer"
229
+ "Section (Selected)": |
230
+ - complementary:
231
+ - link "Title":
232
+ - /url: "#"
233
+ - button "Collapse sidebar" [expanded]
234
+ - button "Collapse section" [expanded]
235
+ - link "Section 1":
236
+ - /url: "#section-1"
237
+ - link "Item 1":
238
+ - /url: "#section-1/item-1"
239
+ - link "Item 2":
240
+ - /url: "#section-1/item-2"
241
+ - link "Item 3":
242
+ - /url: "#section-1/item-3"
243
+ - button "Expand section"
244
+ - link "Section 2":
245
+ - /url: "#section-2"
246
+ - link "Footer":
247
+ - /url: "#footer"
248
+ "Item (Hover)": |
249
+ - complementary:
250
+ - link "Title":
251
+ - /url: "#"
252
+ - button "Collapse sidebar" [expanded]
253
+ - button "Collapse section" [expanded]
254
+ - link "Section 1":
255
+ - /url: "#section-1"
256
+ - link "Item 1":
257
+ - /url: "#section-1/item-1"
258
+ - link "Item 2":
259
+ - /url: "#section-1/item-2"
260
+ - link "Item 3":
261
+ - /url: "#section-1/item-3"
262
+ - button "Expand section"
263
+ - link "Section 2":
264
+ - /url: "#section-2"
265
+ - link "Footer":
266
+ - /url: "#footer"
267
+ "Footer (Hover)": |
268
+ - complementary:
269
+ - link "Title":
270
+ - /url: "#"
271
+ - button "Collapse sidebar" [expanded]
272
+ - button "Collapse section" [expanded]
273
+ - link "Section 1":
274
+ - /url: "#section-1"
275
+ - link "Item 1":
276
+ - /url: "#section-1/item-1"
277
+ - link "Item 2":
278
+ - /url: "#section-1/item-2"
279
+ - link "Item 3":
280
+ - /url: "#section-1/item-3"
281
+ - button "Expand section"
282
+ - link "Section 2":
283
+ - /url: "#section-2"
284
+ - link "Footer":
285
+ - /url: "#footer"
286
+ "Footer (Selected)": |
287
+ - complementary:
288
+ - link "Title":
289
+ - /url: "#"
290
+ - button "Collapse sidebar" [expanded]
291
+ - button "Collapse section" [expanded]
292
+ - link "Section 1":
293
+ - /url: "#section-1"
294
+ - link "Item 1":
295
+ - /url: "#section-1/item-1"
296
+ - link "Item 2":
297
+ - /url: "#section-1/item-2"
298
+ - link "Item 3":
299
+ - /url: "#section-1/item-3"
300
+ - button "Expand section"
301
+ - link "Section 2":
302
+ - /url: "#section-2"
303
+ - link "Footer":
304
+ - /url: "#footer"
package/src/testing-js/__aria__/slidepager.yml ADDED
@@ -0,0 +1,72 @@
1
+ "preview": |
2
+ - group "Slide deck":
3
+ - button "Open slide 2 full screen":
4
+ - img "Permanent, temporary, or situational"
5
+ - button "Previous slide"
6
+ - paragraph: 2 / 3
7
+ - button "Next slide"
8
+ - img "Permanent, temporary, or situational"
9
+ - button "Previous slide"
10
+ - paragraph: 2 / 3
11
+ - button "Next slide"
12
+ - button "Close"
13
+ "default": |
14
+ - group "Slide deck":
15
+ - button "Open slide 2 full screen":
16
+ - img "Permanent, temporary, or situational"
17
+ - button "Previous slide"
18
+ - paragraph: 2 / 3
19
+ - button "Next slide"
20
+ - img "Permanent, temporary, or situational"
21
+ - button "Previous slide"
22
+ - paragraph: 2 / 3
23
+ - button "Next slide"
24
+ - button "Close"
25
+ "hover": |
26
+ - group "Slide deck":
27
+ - button "Open slide 2 full screen":
28
+ - img "Permanent, temporary, or situational"
29
+ - button "Previous slide"
30
+ - paragraph: 2 / 3
31
+ - button "Next slide"
32
+ - img "Permanent, temporary, or situational"
33
+ - button "Previous slide"
34
+ - paragraph: 2 / 3
35
+ - button "Next slide"
36
+ - button "Close"
37
+ "disabled": |
38
+ - group "Slide deck":
39
+ - button "Open slide 2 full screen":
40
+ - img "Permanent, temporary, or situational"
41
+ - button "Previous slide"
42
+ - paragraph: 2 / 3
43
+ - button "Next slide"
44
+ - img "Permanent, temporary, or situational"
45
+ - button "Previous slide"
46
+ - paragraph: 2 / 3
47
+ - button "Next slide"
48
+ - button "Close"
49
+ "preview (click closeButton)": |
50
+ - group "Slide deck":
51
+ - button "Open slide 2 full screen":
52
+ - img "Permanent, temporary, or situational"
53
+ - button "Previous slide"
54
+ - paragraph: 2 / 3
55
+ - button "Next slide"
56
+ - img "Permanent, temporary, or situational"
57
+ - button "Previous slide"
58
+ - paragraph: 2 / 3
59
+ - button "Next slide"
60
+ - button "Close"
61
+ "preview (click prevControl)": |
62
+ - group "Slide deck":
63
+ - button "Open slide 1 full screen":
64
+ - 'img "Types of disabilities: visual, auditory, motor, cognitive"'
65
+ - button "Previous slide" [disabled]
66
+ - paragraph: 1 / 3
67
+ - button "Next slide"
68
+ - img "Permanent, temporary, or situational"
69
+ - button "Previous slide"
70
+ - paragraph: 2 / 3
71
+ - button "Next slide"
72
+ - button "Close"
package/src/testing-js/__aria__/slider.yml ADDED
@@ -0,0 +1,28 @@
1
+ "Single": |
2
+ - text: Volume 40
3
+ - slider "Volume": "40"
4
+ "Range": |
5
+ - text: Price 20 – 70
6
+ - slider "Price minimum": "20"
7
+ - slider "Price maximum": "70"
8
+ "Single / default": |
9
+ - text: Volume 40
10
+ - slider "Volume": "40"
11
+ "Single / hover": |
12
+ - text: Volume 40
13
+ - slider "Volume": "40"
14
+ "Single / disabled": |
15
+ - text: Volume 40
16
+ - slider "Volume" [disabled]: "40"
17
+ "Range / default": |
18
+ - text: Price 20 – 70
19
+ - slider "Price minimum": "20"
20
+ - slider "Price maximum": "70"
21
+ "Range / hover": |
22
+ - text: Price 20 – 70
23
+ - slider "Price minimum": "20"
24
+ - slider "Price maximum": "70"
25
+ "Range / disabled": |
26
+ - text: Price 20 – 70
27
+ - slider "Price minimum" [disabled]: "20"
28
+ - slider "Price maximum" [disabled]: "70"
package/src/testing-js/__aria__/tabbar.yml ADDED
@@ -0,0 +1,35 @@
1
+ "bar": |
2
+ - tablist:
3
+ - tab "Overview" [selected]
4
+ - tab "Details"
5
+ - tab "Settings"
6
+ - tab "Disabled" [disabled]
7
+ - paragraph: placeholder tab content
8
+ "default tab": |
9
+ - tablist:
10
+ - tab "Overview" [selected]
11
+ - tab "Details"
12
+ - tab "Settings"
13
+ - tab "Disabled" [disabled]
14
+ - paragraph: placeholder tab content
15
+ "hover tab": |
16
+ - tablist:
17
+ - tab "Overview" [selected]
18
+ - tab "Details"
19
+ - tab "Settings"
20
+ - tab "Disabled" [disabled]
21
+ - paragraph: placeholder tab content
22
+ "selected tab": |
23
+ - tablist:
24
+ - tab "Overview" [selected]
25
+ - tab "Details"
26
+ - tab "Settings"
27
+ - tab "Disabled" [disabled]
28
+ - paragraph: placeholder tab content
29
+ "disabled tab": |
30
+ - tablist:
31
+ - tab "Overview" [selected]
32
+ - tab "Details"
33
+ - tab "Settings"
34
+ - tab "Disabled" [disabled]
35
+ - paragraph: placeholder tab content
package/src/testing-js/__aria__/table.yml ADDED
@@ -0,0 +1,144 @@
1
+ "preview": |
2
+ - table:
3
+ - rowgroup:
4
+ - row "Resource Yield Tier":
5
+ - columnheader "Resource"
6
+ - columnheader "Yield"
7
+ - columnheader "Tier"
8
+ - rowgroup:
9
+ - row "Farmland 2 Food I":
10
+ - cell "Farmland"
11
+ - cell "2 Food"
12
+ - cell "I"
13
+ - row "Quarry 1 Stone II":
14
+ - cell "Quarry"
15
+ - cell "1 Stone"
16
+ - cell "II"
17
+ - row "Mine 1 Ore II":
18
+ - cell "Mine"
19
+ - cell "1 Ore"
20
+ - cell "II"
21
+ - row "Forest 2 Lumber I":
22
+ - cell "Forest"
23
+ - cell "2 Lumber"
24
+ - cell "I"
25
+ "wrapper": |
26
+ - table:
27
+ - rowgroup:
28
+ - row "Resource Yield Tier":
29
+ - columnheader "Resource"
30
+ - columnheader "Yield"
31
+ - columnheader "Tier"
32
+ - rowgroup:
33
+ - row "Farmland 2 Food I":
34
+ - cell "Farmland"
35
+ - cell "2 Food"
36
+ - cell "I"
37
+ - row "Quarry 1 Stone II":
38
+ - cell "Quarry"
39
+ - cell "1 Stone"
40
+ - cell "II"
41
+ - row "Mine 1 Ore II":
42
+ - cell "Mine"
43
+ - cell "1 Ore"
44
+ - cell "II"
45
+ - row "Forest 2 Lumber I":
46
+ - cell "Forest"
47
+ - cell "2 Lumber"
48
+ - cell "I"
49
+ "header": |
50
+ - table:
51
+ - rowgroup:
52
+ - row "Resource Yield Tier":
53
+ - columnheader "Resource"
54
+ - columnheader "Yield"
55
+ - columnheader "Tier"
56
+ - rowgroup:
57
+ - row "Farmland 2 Food I":
58
+ - cell "Farmland"
59
+ - cell "2 Food"
60
+ - cell "I"
61
+ - row "Quarry 1 Stone II":
62
+ - cell "Quarry"
63
+ - cell "1 Stone"
64
+ - cell "II"
65
+ - row "Mine 1 Ore II":
66
+ - cell "Mine"
67
+ - cell "1 Ore"
68
+ - cell "II"
69
+ - row "Forest 2 Lumber I":
70
+ - cell "Forest"
71
+ - cell "2 Lumber"
72
+ - cell "I"
73
+ "cell": |
74
+ - table:
75
+ - rowgroup:
76
+ - row "Resource Yield Tier":
77
+ - columnheader "Resource"
78
+ - columnheader "Yield"
79
+ - columnheader "Tier"
80
+ - rowgroup:
81
+ - row "Farmland 2 Food I":
82
+ - cell "Farmland"
83
+ - cell "2 Food"
84
+ - cell "I"
85
+ - row "Quarry 1 Stone II":
86
+ - cell "Quarry"
87
+ - cell "1 Stone"
88
+ - cell "II"
89
+ - row "Mine 1 Ore II":
90
+ - cell "Mine"
91
+ - cell "1 Ore"
92
+ - cell "II"
93
+ - row "Forest 2 Lumber I":
94
+ - cell "Forest"
95
+ - cell "2 Lumber"
96
+ - cell "I"
97
+ "row": |
98
+ - table:
99
+ - rowgroup:
100
+ - row "Resource Yield Tier":
101
+ - columnheader "Resource"
102
+ - columnheader "Yield"
103
+ - columnheader "Tier"
104
+ - rowgroup:
105
+ - row "Farmland 2 Food I":
106
+ - cell "Farmland"
107
+ - cell "2 Food"
108
+ - cell "I"
109
+ - row "Quarry 1 Stone II":
110
+ - cell "Quarry"
111
+ - cell "1 Stone"
112
+ - cell "II"
113
+ - row "Mine 1 Ore II":
114
+ - cell "Mine"
115
+ - cell "1 Ore"
116
+ - cell "II"
117
+ - row "Forest 2 Lumber I":
118
+ - cell "Forest"
119
+ - cell "2 Lumber"
120
+ - cell "I"
121
+ "column": |
122
+ - table:
123
+ - rowgroup:
124
+ - row "Resource Yield Tier":
125
+ - columnheader "Resource"
126
+ - columnheader "Yield"
127
+ - columnheader "Tier"
128
+ - rowgroup:
129
+ - row "Farmland 2 Food I":
130
+ - cell "Farmland"
131
+ - cell "2 Food"
132
+ - cell "I"
133
+ - row "Quarry 1 Stone II":
134
+ - cell "Quarry"
135
+ - cell "1 Stone"
136
+ - cell "II"
137
+ - row "Mine 1 Ore II":
138
+ - cell "Mine"
139
+ - cell "1 Ore"
140
+ - cell "II"
141
+ - row "Forest 2 Lumber I":
142
+ - cell "Forest"
143
+ - cell "2 Lumber"
144
+ - cell "I"
package/src/testing-js/__aria__/toggle.yml ADDED
@@ -0,0 +1,12 @@
1
+ "preview": |
2
+ - switch "Enable feature"
3
+ "default": |
4
+ - switch "Enable feature"
5
+ "hover": |
6
+ - switch "Enable feature"
7
+ "on": |
8
+ - switch "Enable feature" [checked]
9
+ "on hover": |
10
+ - switch "Enable feature" [checked]
11
+ "disabled": |
12
+ - switch "Enable feature" [disabled]
package/src/testing-js/__aria__/tooltip.yml ADDED
@@ -0,0 +1,2 @@
1
+ "preview": |
2
+ - text: Helpful Hint Helpful Hint Hover me Helpful Hint
package/src/testing-js/__aria__/videoframe.yml ADDED
@@ -0,0 +1,6 @@
1
+ "preview": |
2
+ - 'button "Play: Navigation running on a smartwatch"'
3
+ "hover": |
4
+ - 'button "Play: Navigation running on a smartwatch"'
5
+ "default": |
6
+ - 'button "Play: Navigation running on a smartwatch"'
package/src/testing-js/__aria__/videolightbox.yml ADDED
@@ -0,0 +1,12 @@
1
+ "preview": |
2
+ - 'button "Play video: Navigation running on a smartwatch"'
3
+ - button "Close"
4
+ "hover": |
5
+ - 'button "Play video: Navigation running on a smartwatch"'
6
+ - button "Close"
7
+ "default": |
8
+ - 'button "Play video: Navigation running on a smartwatch"'
9
+ - button "Close"
10
+ "preview (click closeButton)": |
11
+ - 'button "Play video: Navigation running on a smartwatch"'
12
+ - button "Close"
package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  COMPONENTS_PATH_ENV,
3
3
  DEFAULT_COMPONENTS_PATH
4
- } from "./chunk-NB3NZRBM.js";
4
+ } from "./chunk-7CM5D7PF.js";
5
5
 
6
6
  // src/testing/support/editor.ts
7
7
  function componentsPath() {
@@ -20,4 +20,4 @@ async function openComponentsEditor(page, path = componentsPath()) {
20
20
  export {
21
21
  openComponentsEditor
22
22
  };
23
- //# sourceMappingURL=chunk-WIZ6W7UT.js.map
23
+ //# sourceMappingURL=chunk-3WCLMOM7.js.map