@motion-proto/live-tokens 0.97.0 → 0.99.0

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 (191) 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 +339 -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 +144 -19
  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 +204 -3
  14. package/dist-plugin/index.js +306 -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 +5 -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 +40 -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 +164 -0
  56. package/src/editor/core/a11y/a11yReportTypes.ts +77 -0
  57. package/src/editor/core/a11y/contrastFailures.ts +22 -0
  58. package/src/editor/core/a11y/contrastFixes.ts +41 -0
  59. package/src/editor/core/components/contrastPairRegistry.ts +18 -0
  60. package/src/editor/core/palettes/contrast.ts +44 -0
  61. package/src/editor/core/palettes/contrastPairs.ts +82 -0
  62. package/src/editor/core/palettes/resolveColor.ts +77 -0
  63. package/src/editor/core/store/editorStore.ts +4 -0
  64. package/src/editor/core/store/editorViewStore.ts +2 -2
  65. package/src/editor/core/store/unsavedEdits.ts +10 -0
  66. package/src/editor/core/themes/liveStateStream.ts +7 -1
  67. package/src/editor/core/themes/parsers/gradient.ts +5 -2
  68. package/src/editor/docs/chapters.ts +1 -0
  69. package/src/editor/docs/content/accessibility.md +411 -0
  70. package/src/editor/docs/content/editing-tokens.md +32 -1
  71. package/src/editor/docs/content.generated.ts +2 -1
  72. package/src/editor/pages/ComponentEditorPage.svelte +11 -1
  73. package/src/editor/pages/EditorShell.svelte +98 -10
  74. package/src/editor/skill-atlas/skillSources.generated.ts +3 -3
  75. package/src/editor/skill-atlas/trees/check-compliance.ts +3 -3
  76. package/src/editor/skill-atlas/trees/create-component.ts +12 -12
  77. package/src/editor/styles/ui-editor.css +2 -0
  78. package/src/editor/ui/EditorViewSwitcher.svelte +15 -2
  79. package/src/editor/ui/GradientEditor.svelte +9 -1
  80. package/src/editor/ui/ThemePanel.svelte +4 -4
  81. package/src/editor/ui/UIContrastReadout.svelte +186 -0
  82. package/src/editor/ui/UIInfoPopover.svelte +16 -2
  83. package/src/editor/ui/UIPaletteSelector.svelte +9 -0
  84. package/src/editor/ui/UITokenSelector.svelte +26 -2
  85. package/src/editor/ui/a11y/A11yByEye.svelte +264 -0
  86. package/src/editor/ui/a11y/A11yComponentIssues.svelte +121 -0
  87. package/src/editor/ui/a11y/A11yFindingRow.svelte +119 -0
  88. package/src/editor/ui/a11y/A11yIssueRow.svelte +152 -0
  89. package/src/editor/ui/a11y/A11yOverview.svelte +246 -0
  90. package/src/editor/ui/a11y/A11yPanel.svelte +153 -0
  91. package/src/editor/ui/a11y/A11yPropertyMark.svelte +84 -0
  92. package/src/editor/ui/a11y/A11yRailMark.svelte +41 -0
  93. package/src/editor/ui/a11y/AccessibilityTab.svelte +321 -0
  94. package/src/editor/ui/a11y/a11yView.ts +257 -0
  95. package/src/editor/ui/contrastReadout.ts +45 -0
  96. package/src/live-tokens/data/colors-and-type/halloween.json +1 -1
  97. package/src/live-tokens/data/themes/autumn.json +35 -35
  98. package/src/live-tokens/data/themes/halloween.json +36 -36
  99. package/src/live-tokens/data/themes/midnight-study.json +35 -35
  100. package/src/live-tokens/data/themes/ocean.json +35 -35
  101. package/src/live-tokens/data/themes/royal-velvet.json +35 -35
  102. package/src/live-tokens/data/themes/sketchy.json +35 -35
  103. package/src/live-tokens/data/themes/spring-meadow.json +35 -35
  104. package/src/live-tokens/data/themes/sunset.json +35 -35
  105. package/src/system/components/Badge.svelte +3 -3
  106. package/src/system/components/Button.svelte +12 -6
  107. package/src/system/components/CodeSnippet.svelte +8 -1
  108. package/src/system/components/CornerBadge.svelte +3 -3
  109. package/src/system/components/Dialog.svelte +43 -14
  110. package/src/system/components/IconButton.svelte +1 -1
  111. package/src/system/components/Image.svelte +7 -0
  112. package/src/system/components/ImageLightbox.svelte +18 -25
  113. package/src/system/components/InlineEditActions.svelte +1 -1
  114. package/src/system/components/Input.svelte +9 -2
  115. package/src/system/components/MenuSelect.svelte +31 -3
  116. package/src/system/components/Notification.svelte +1 -1
  117. package/src/system/components/ProgressBar.svelte +7 -1
  118. package/src/system/components/RadioButton.svelte +36 -3
  119. package/src/system/components/SegmentedControl.svelte +36 -2
  120. package/src/system/components/SlidePager.svelte +3 -3
  121. package/src/system/components/Slider.svelte +19 -15
  122. package/src/system/components/TabBar.svelte +33 -3
  123. package/src/system/components/Toggle.svelte +3 -3
  124. package/src/system/components/VideoFrame.svelte +1 -1
  125. package/src/system/components/VideoLightbox.svelte +2 -2
  126. package/src/system/internal/focusTrap.ts +35 -0
  127. package/src/testing-js/__aria__/badge.yml +40 -0
  128. package/src/testing-js/__aria__/button.yml +88 -0
  129. package/src/testing-js/__aria__/callout.yml +12 -0
  130. package/src/testing-js/__aria__/card.yml +8 -0
  131. package/src/testing-js/__aria__/codesnippet.yml +21 -0
  132. package/src/testing-js/__aria__/collapsiblesection.yml +23 -0
  133. package/src/testing-js/__aria__/cornerbadge.yml +24 -0
  134. package/src/testing-js/__aria__/dialog.yml +42 -0
  135. package/src/testing-js/__aria__/iconbutton.yml +57 -0
  136. package/src/testing-js/__aria__/image.yml +10 -0
  137. package/src/testing-js/__aria__/imagelightbox.yml +50 -0
  138. package/src/testing-js/__aria__/inlineeditactions.yml +16 -0
  139. package/src/testing-js/__aria__/input.yml +61 -0
  140. package/src/testing-js/__aria__/menuselect.yml +30 -0
  141. package/src/testing-js/__aria__/notification.yml +30 -0
  142. package/src/testing-js/__aria__/panel.yml +2 -0
  143. package/src/testing-js/__aria__/progressbar.yml +2 -0
  144. package/src/testing-js/__aria__/radiobutton.yml +20 -0
  145. package/src/testing-js/__aria__/sectiondivider.yml +9 -0
  146. package/src/testing-js/__aria__/segmentedcontrol.yml +35 -0
  147. package/src/testing-js/__aria__/sidenavigation.yml +304 -0
  148. package/src/testing-js/__aria__/slidepager.yml +72 -0
  149. package/src/testing-js/__aria__/slider.yml +28 -0
  150. package/src/testing-js/__aria__/tabbar.yml +35 -0
  151. package/src/testing-js/__aria__/table.yml +144 -0
  152. package/src/testing-js/__aria__/toggle.yml +12 -0
  153. package/src/testing-js/__aria__/tooltip.yml +2 -0
  154. package/src/testing-js/__aria__/videoframe.yml +6 -0
  155. package/src/testing-js/__aria__/videolightbox.yml +12 -0
  156. package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} +2 -2
  157. package/src/testing-js/{chunk-NB3NZRBM.js → chunk-7CM5D7PF.js} +5 -1
  158. package/src/testing-js/chunk-7CM5D7PF.js.map +1 -0
  159. package/src/testing-js/{chunk-X6KHEVIG.js → chunk-7QXUJRSO.js} +97 -29
  160. package/src/testing-js/chunk-7QXUJRSO.js.map +1 -0
  161. package/src/testing-js/chunk-GZKUYLDW.js +193 -0
  162. package/src/testing-js/chunk-GZKUYLDW.js.map +1 -0
  163. package/src/testing-js/chunk-RTZQLW3F.js +649 -0
  164. package/src/testing-js/chunk-RTZQLW3F.js.map +1 -0
  165. package/src/testing-js/{chunk-SHBYZUPD.js → chunk-RWOT2XDB.js} +212 -15
  166. package/src/testing-js/chunk-RWOT2XDB.js.map +1 -0
  167. package/src/testing-js/{chunk-GKO27NGN.js → chunk-THWGMSRH.js} +2 -2
  168. package/src/testing-js/{chunk-3UKGXCDL.js → chunk-YVVR3GJZ.js} +1 -1
  169. package/src/testing-js/chunk-YVVR3GJZ.js.map +1 -0
  170. package/src/testing-js/component-a11y.contract.js +313 -0
  171. package/src/testing-js/component-a11y.contract.js.map +1 -0
  172. package/src/testing-js/component-alias.contract.js +2 -2
  173. package/src/testing-js/component-behavior.contract.js +2 -2
  174. package/src/testing-js/component-editor.contract.js +6 -5
  175. package/src/testing-js/component-editor.contract.js.map +1 -1
  176. package/src/testing-js/component-render.contract.js +10 -6
  177. package/src/testing-js/component-render.contract.js.map +1 -1
  178. package/src/testing-js/index.d.ts +44 -16
  179. package/src/testing-js/index.js +11 -11
  180. package/src/testing-js/index.js.map +1 -1
  181. package/src/testing-js/page-compliance.contract.js +132 -13
  182. package/src/testing-js/page-compliance.contract.js.map +1 -1
  183. package/src/testing-js/vitest.js +3 -3
  184. package/template/_gitignore +3 -0
  185. package/template/package.json +9 -0
  186. package/src/testing-js/chunk-3UKGXCDL.js.map +0 -1
  187. package/src/testing-js/chunk-NB3NZRBM.js.map +0 -1
  188. package/src/testing-js/chunk-SHBYZUPD.js.map +0 -1
  189. package/src/testing-js/chunk-X6KHEVIG.js.map +0 -1
  190. /package/src/testing-js/{chunk-WIZ6W7UT.js.map → chunk-3WCLMOM7.js.map} +0 -0
  191. /package/src/testing-js/{chunk-GKO27NGN.js.map → chunk-THWGMSRH.js.map} +0 -0
package/src/testing-js/__aria__/notification.yml ADDED
@@ -0,0 +1,30 @@
1
+ "Info": |
2
+ - text: Information
3
+ - button "Action"
4
+ - button "Dismiss"
5
+ - text: This is an informational message to keep you updated.
6
+ "Success": |
7
+ - text: Success
8
+ - button "Action"
9
+ - button "Dismiss"
10
+ - text: Your action was completed successfully.
11
+ "Warning": |
12
+ - text: Warning
13
+ - button "Action"
14
+ - button "Dismiss"
15
+ - text: "Caution: This action may have unintended consequences."
16
+ "Danger": |
17
+ - text: Danger
18
+ - button "Action"
19
+ - button "Dismiss"
20
+ - text: "Critical error: Please address this issue immediately."
21
+ "Info / base": |
22
+ - text: Information
23
+ - button "Action"
24
+ - button "Dismiss"
25
+ - text: This is an informational message to keep you updated.
26
+ "Info / colors": |
27
+ - text: Information
28
+ - button "Action"
29
+ - button "Dismiss"
30
+ - text: This is an informational message to keep you updated.
package/src/testing-js/__aria__/panel.yml ADDED
@@ -0,0 +1,2 @@
1
+ "preview": |
2
+ - text: Content Placeholder
package/src/testing-js/__aria__/progressbar.yml ADDED
@@ -0,0 +1,2 @@
1
+ "preview": |
2
+ - text: Loading 75%
package/src/testing-js/__aria__/radiobutton.yml ADDED
@@ -0,0 +1,20 @@
1
+ "preview": |
2
+ - radiogroup "Priority":
3
+ - radio "Defense"
4
+ - radio "Economy" [checked]
5
+ - radio "Loyalty"
6
+ "hover": |
7
+ - radiogroup "Priority":
8
+ - radio "Defense"
9
+ - radio "Economy" [checked]
10
+ - radio "Loyalty"
11
+ "selected": |
12
+ - radiogroup "Priority":
13
+ - radio "Defense" [checked]
14
+ - radio "Economy" [checked]
15
+ - radio "Loyalty" [checked]
16
+ "default": |
17
+ - radiogroup "Priority":
18
+ - radio "Defense"
19
+ - radio "Economy" [checked]
20
+ - radio "Loyalty"
package/src/testing-js/__aria__/sectiondivider.yml ADDED
@@ -0,0 +1,9 @@
1
+ "Large (Show description on, Show eyebrow on)": |
2
+ - text: Section Eyebrow Large Section
3
+ - paragraph: This text is meant to provide additional context or meaning.
4
+ "Medium (Show description on, Show eyebrow on)": |
5
+ - text: Section Eyebrow Medium Section
6
+ - paragraph: This text is meant to provide additional context or meaning.
7
+ "Small (Show description on, Show eyebrow on)": |
8
+ - text: Section Eyebrow Small Section
9
+ - paragraph: This text is meant to provide additional context or meaning.
package/src/testing-js/__aria__/segmentedcontrol.yml ADDED
@@ -0,0 +1,35 @@
1
+ "control bar": |
2
+ - radiogroup:
3
+ - radio "Option 1"
4
+ - radio "Option 2"
5
+ - radio "Option 3"
6
+ "option base": |
7
+ - radiogroup:
8
+ - radio "Option 1"
9
+ - radio "Option 2"
10
+ - radio "Option 3"
11
+ "default option": |
12
+ - radiogroup:
13
+ - radio "Option 1"
14
+ - radio "Option 2"
15
+ - radio "Option 3"
16
+ "selected option": |
17
+ - radiogroup:
18
+ - radio "Option 1"
19
+ - radio "Option 2" [checked]
20
+ - radio "Option 3"
21
+ "disabled option": |
22
+ - radiogroup:
23
+ - radio "Option 1" [disabled]
24
+ - radio "Option 2" [disabled]
25
+ - radio "Option 3" [disabled]
26
+ "hover option": |
27
+ - radiogroup:
28
+ - radio "Option 1"
29
+ - radio "Option 2"
30
+ - radio "Option 3"
31
+ "selected option (small)": |
32
+ - radiogroup:
33
+ - radio "Option 1"
34
+ - radio "Option 2" [checked]
35
+ - radio "Option 3"
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"