@stcn52/pro 0.0.0-stage → 0.2.1

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 (163) hide show
  1. package/CHANGELOG.md +621 -0
  2. package/CONVENTIONS.md +152 -0
  3. package/LICENSE +21 -0
  4. package/README.md +226 -2
  5. package/RELEASING.md +51 -0
  6. package/THIRD_PARTY_NOTICES.md +52 -0
  7. package/dist/index.cjs +23272 -0
  8. package/dist/index.cjs.map +1 -0
  9. package/dist/index.d.cts +5068 -0
  10. package/dist/index.d.ts +5068 -0
  11. package/dist/index.js +23060 -0
  12. package/dist/index.js.map +1 -0
  13. package/dist/styles.css +10485 -0
  14. package/dist/tokens.css +322 -0
  15. package/docs/antd-alignment-plan.md +983 -0
  16. package/docs/api.md +3669 -0
  17. package/docs/components.md +1706 -0
  18. package/docs/measurements.md +152 -0
  19. package/docs/qa/README.md +50 -0
  20. package/docs/qa/browser-checks.json +394 -0
  21. package/docs/qa/d-chrome-checklist-dark.png +0 -0
  22. package/docs/qa/d-chrome-checks.json +234 -0
  23. package/docs/qa/d-chrome-detail-dark.png +0 -0
  24. package/docs/qa/d-chrome-filters-dark.png +0 -0
  25. package/docs/qa/d-chrome-shell-dark.png +0 -0
  26. package/docs/qa/d-detail-checks.json +222 -0
  27. package/docs/qa/d-detail-comments-failed-dark.png +0 -0
  28. package/docs/qa/d-detail-preview-dark.png +0 -0
  29. package/docs/qa/d-entity-checks.json +294 -0
  30. package/docs/qa/d-entity-failed-dark.png +0 -0
  31. package/docs/qa/d-workbench-canvas-dark.png +0 -0
  32. package/docs/qa/d-workbench-checks.json +338 -0
  33. package/docs/qa/d-workbench-edit-failed-dark.png +0 -0
  34. package/docs/qa/d-workbench-roadmap-dark.png +0 -0
  35. package/docs/qa/d-workbench-wizard-failed-dark.png +0 -0
  36. package/docs/qa/date-range-mobile-dark.jpg +0 -0
  37. package/docs/qa/p0-cascader-checks.json +228 -0
  38. package/docs/qa/p0-cascader-multiple-dark.png +0 -0
  39. package/docs/qa/p0-config-checks.json +430 -0
  40. package/docs/qa/p0-config-nested-dark.png +0 -0
  41. package/docs/qa/p0-date-checks.json +595 -0
  42. package/docs/qa/p0-date-time-dark.png +0 -0
  43. package/docs/qa/p0-form-lifecycle-checks.json +30 -0
  44. package/docs/qa/p0-form-lifecycle.png +0 -0
  45. package/docs/qa/p0-select-checks.json +378 -0
  46. package/docs/qa/p0-select-virtual-dark.png +0 -0
  47. package/docs/qa/p0-table-checks.json +290 -0
  48. package/docs/qa/p0-table-virtual-dark.png +0 -0
  49. package/docs/qa/p0-transfer-checks.json +322 -0
  50. package/docs/qa/p0-transfer-pagination-dark.png +0 -0
  51. package/docs/qa/p0-tree-checks.json +242 -0
  52. package/docs/qa/p0-tree-range-dark.png +0 -0
  53. package/docs/qa/p1-app-browser-checks.json +34 -0
  54. package/docs/qa/p1-app-feedback-dark.png +0 -0
  55. package/docs/qa/p1-avatar-checks.json +370 -0
  56. package/docs/qa/p1-avatar-dark.png +0 -0
  57. package/docs/qa/p1-browser-checks.json +218 -0
  58. package/docs/qa/p1-card-checks.json +262 -0
  59. package/docs/qa/p1-card-dark.png +0 -0
  60. package/docs/qa/p1-content-navigation-browser-checks.json +114 -0
  61. package/docs/qa/p1-controls-browser-checks.json +86 -0
  62. package/docs/qa/p1-controls-desktop-dark.png +0 -0
  63. package/docs/qa/p1-dialog-nested-dark.png +0 -0
  64. package/docs/qa/p1-display-browser-checks.json +114 -0
  65. package/docs/qa/p1-display-desktop-dark.png +0 -0
  66. package/docs/qa/p1-divider-dark.png +0 -0
  67. package/docs/qa/p1-drawer-browser-checks.json +302 -0
  68. package/docs/qa/p1-drawer-rtl-dark.png +0 -0
  69. package/docs/qa/p1-general-input-browser-checks.json +114 -0
  70. package/docs/qa/p1-general-input-desktop-dark.png +0 -0
  71. package/docs/qa/p1-image-browser-checks.json +38 -0
  72. package/docs/qa/p1-image-preview-dark.png +0 -0
  73. package/docs/qa/p1-inline-browser-checks.json +58 -0
  74. package/docs/qa/p1-inline-desktop-dark.png +0 -0
  75. package/docs/qa/p1-layout-browser-checks.json +114 -0
  76. package/docs/qa/p1-layout-desktop-dark.png +0 -0
  77. package/docs/qa/p1-menu-checks.json +357 -0
  78. package/docs/qa/p1-menu-long-dark.png +0 -0
  79. package/docs/qa/p1-nav-dark.png +0 -0
  80. package/docs/qa/p1-nav-sidebar-checks.json +218 -0
  81. package/docs/qa/p1-navigation-browser-checks.json +114 -0
  82. package/docs/qa/p1-navigation-mobile-dark.png +0 -0
  83. package/docs/qa/p1-pagination-checks.json +309 -0
  84. package/docs/qa/p1-pagination-dark.png +0 -0
  85. package/docs/qa/p1-pagination-mobile-dark.png +0 -0
  86. package/docs/qa/p1-popup-actions-browser-checks.json +58 -0
  87. package/docs/qa/p1-popup-actions-desktop-dark.png +0 -0
  88. package/docs/qa/p1-progress-browser-checks.json +30 -0
  89. package/docs/qa/p1-progress-desktop-dark.png +0 -0
  90. package/docs/qa/p1-rate-half-desktop-dark.png +0 -0
  91. package/docs/qa/p1-segment-checks.json +426 -0
  92. package/docs/qa/p1-segment-dark.png +0 -0
  93. package/docs/qa/p1-sidebar-dark.png +0 -0
  94. package/docs/qa/p1-slider-rate-browser-checks.json +114 -0
  95. package/docs/qa/p1-states-browser-checks.json +34 -0
  96. package/docs/qa/p1-states-checks.json +342 -0
  97. package/docs/qa/p1-states-dark.png +0 -0
  98. package/docs/qa/p1-states-mobile-dark.png +0 -0
  99. package/docs/qa/p1-tabs-editable-dark.png +0 -0
  100. package/docs/qa/p1-tag-dark.png +0 -0
  101. package/docs/qa/p1-tag-divider-checks.json +330 -0
  102. package/docs/qa/p1-upload-browser-checks.json +30 -0
  103. package/docs/qa/p1-upload-list-dark.png +0 -0
  104. package/docs/qa/p2-ai-panel-checks.json +401 -0
  105. package/docs/qa/p2-ai-panel-dark.png +0 -0
  106. package/docs/qa/p2-alert-dark.png +0 -0
  107. package/docs/qa/p2-app-final-checks.json +309 -0
  108. package/docs/qa/p2-app-final-dark.png +0 -0
  109. package/docs/qa/p2-badge-alert-checks.json +466 -0
  110. package/docs/qa/p2-beam-motion-checks.json +58 -0
  111. package/docs/qa/p2-calendar-dark.png +0 -0
  112. package/docs/qa/p2-calendar-timeline-checks.json +254 -0
  113. package/docs/qa/p2-charts-checks.json +242 -0
  114. package/docs/qa/p2-charts-dark.png +0 -0
  115. package/docs/qa/p2-color-gradient-dark.png +0 -0
  116. package/docs/qa/p2-content-navigation-checks.json +794 -0
  117. package/docs/qa/p2-dialog-popover-dark.png +0 -0
  118. package/docs/qa/p2-display-checks.json +128 -0
  119. package/docs/qa/p2-display-dark.png +0 -0
  120. package/docs/qa/p2-drawer-final-dark.png +0 -0
  121. package/docs/qa/p2-extras-checks.json +482 -0
  122. package/docs/qa/p2-general-inputs-checks.json +154 -0
  123. package/docs/qa/p2-general-inputs-dark.png +0 -0
  124. package/docs/qa/p2-icon-checks.json +466 -0
  125. package/docs/qa/p2-icon-dark.png +0 -0
  126. package/docs/qa/p2-image-dark.png +0 -0
  127. package/docs/qa/p2-inline-editors-checks.json +199 -0
  128. package/docs/qa/p2-input-button-checks.json +778 -0
  129. package/docs/qa/p2-input-dark.png +0 -0
  130. package/docs/qa/p2-layout-final-checks.json +136 -0
  131. package/docs/qa/p2-layout-final-dark.png +0 -0
  132. package/docs/qa/p2-lists-checks.json +290 -0
  133. package/docs/qa/p2-masonry-dark.png +0 -0
  134. package/docs/qa/p2-media-checks.json +212 -0
  135. package/docs/qa/p2-mentions-color-checks.json +362 -0
  136. package/docs/qa/p2-overlay-checks.json +370 -0
  137. package/docs/qa/p2-people-picker-dark.png +0 -0
  138. package/docs/qa/p2-popconfirm-final-dark.png +0 -0
  139. package/docs/qa/p2-popup-final-checks.json +223 -0
  140. package/docs/qa/p2-qr-browser-decode.json +30 -0
  141. package/docs/qa/p2-quick-select-dark.png +0 -0
  142. package/docs/qa/p2-quick-text-dark.png +0 -0
  143. package/docs/qa/p2-rate-dark.png +0 -0
  144. package/docs/qa/p2-scroll-navigation-checks.json +198 -0
  145. package/docs/qa/p2-scroll-navigation-dark.png +0 -0
  146. package/docs/qa/p2-selection-bar-checks.json +302 -0
  147. package/docs/qa/p2-selection-bar-dark.png +0 -0
  148. package/docs/qa/p2-slider-rate-checks.json +262 -0
  149. package/docs/qa/p2-switch-dark.png +0 -0
  150. package/docs/qa/p2-tabs-dark.png +0 -0
  151. package/docs/qa/p2-timeline-dark.png +0 -0
  152. package/docs/qa/p2-toast-dark.png +0 -0
  153. package/docs/qa/p2-toggle-checks.json +834 -0
  154. package/docs/qa/p2-tour-dark.png +0 -0
  155. package/docs/qa/p2-upload-dark.png +0 -0
  156. package/docs/qa/table-details.md +26 -0
  157. package/docs/qa/table-mobile-dark.jpg +0 -0
  158. package/docs/qa/transfer-mobile-light.jpg +0 -0
  159. package/docs/qa/tree-browser-checks.json +226 -0
  160. package/docs/qa/tree-details.md +25 -0
  161. package/docs/qa/tree-directory-mobile-dark.jpg +0 -0
  162. package/docs/tokens.md +255 -0
  163. package/package.json +95 -4
package/docs/qa/p1-menu-checks.json ADDED
@@ -0,0 +1,357 @@
1
+ {
2
+ "matrix": [
3
+ {
4
+ "width": 1280,
5
+ "theme": "light",
6
+ "story": "menu--inline-selection",
7
+ "menus": [
8
+ {
9
+ "role": "menu",
10
+ "tabIndex": "0",
11
+ "w": 107.375,
12
+ "x": 578.8125
13
+ },
14
+ {
15
+ "role": "menu",
16
+ "tabIndex": "-1",
17
+ "w": 107.375,
18
+ "x": 578.8125
19
+ }
20
+ ],
21
+ "overflow": false,
22
+ "tabItems": 0
23
+ },
24
+ {
25
+ "width": 1280,
26
+ "theme": "light",
27
+ "story": "menu--horizontal",
28
+ "menus": [
29
+ {
30
+ "role": "menubar",
31
+ "tabIndex": "0",
32
+ "w": 171.484375,
33
+ "x": 546.7578125
34
+ }
35
+ ],
36
+ "overflow": false,
37
+ "tabItems": 0
38
+ },
39
+ {
40
+ "width": 1280,
41
+ "theme": "light",
42
+ "story": "menu--nested-navigation",
43
+ "menus": [
44
+ {
45
+ "role": "menu",
46
+ "tabIndex": "0",
47
+ "w": 104.7890625,
48
+ "x": 580.109375
49
+ }
50
+ ],
51
+ "overflow": false,
52
+ "tabItems": 0
53
+ },
54
+ {
55
+ "width": 1280,
56
+ "theme": "light",
57
+ "story": "menu--rtl-navigation",
58
+ "menus": [
59
+ {
60
+ "role": "menu",
61
+ "tabIndex": "0",
62
+ "w": 104.7890625,
63
+ "x": 580.109375
64
+ }
65
+ ],
66
+ "overflow": false,
67
+ "tabItems": 0
68
+ },
69
+ {
70
+ "width": 1280,
71
+ "theme": "light",
72
+ "story": "contextmenu--nested-commands",
73
+ "menus": [],
74
+ "overflow": false,
75
+ "tabItems": 0
76
+ },
77
+ {
78
+ "width": 1280,
79
+ "theme": "light",
80
+ "story": "contextmenu--viewport-boundary",
81
+ "menus": [],
82
+ "overflow": false,
83
+ "tabItems": 0
84
+ },
85
+ {
86
+ "width": 1280,
87
+ "theme": "dark",
88
+ "story": "menu--inline-selection",
89
+ "menus": [
90
+ {
91
+ "role": "menu",
92
+ "tabIndex": "0",
93
+ "w": 107.375,
94
+ "x": 578.8125
95
+ },
96
+ {
97
+ "role": "menu",
98
+ "tabIndex": "-1",
99
+ "w": 107.375,
100
+ "x": 578.8125
101
+ }
102
+ ],
103
+ "overflow": false,
104
+ "tabItems": 0
105
+ },
106
+ {
107
+ "width": 1280,
108
+ "theme": "dark",
109
+ "story": "menu--horizontal",
110
+ "menus": [
111
+ {
112
+ "role": "menubar",
113
+ "tabIndex": "0",
114
+ "w": 171.484375,
115
+ "x": 546.7578125
116
+ }
117
+ ],
118
+ "overflow": false,
119
+ "tabItems": 0
120
+ },
121
+ {
122
+ "width": 1280,
123
+ "theme": "dark",
124
+ "story": "menu--nested-navigation",
125
+ "menus": [
126
+ {
127
+ "role": "menu",
128
+ "tabIndex": "0",
129
+ "w": 104.7890625,
130
+ "x": 580.109375
131
+ }
132
+ ],
133
+ "overflow": false,
134
+ "tabItems": 0
135
+ },
136
+ {
137
+ "width": 1280,
138
+ "theme": "dark",
139
+ "story": "menu--rtl-navigation",
140
+ "menus": [
141
+ {
142
+ "role": "menu",
143
+ "tabIndex": "0",
144
+ "w": 104.7890625,
145
+ "x": 580.109375
146
+ }
147
+ ],
148
+ "overflow": false,
149
+ "tabItems": 0
150
+ },
151
+ {
152
+ "width": 1280,
153
+ "theme": "dark",
154
+ "story": "contextmenu--nested-commands",
155
+ "menus": [],
156
+ "overflow": false,
157
+ "tabItems": 0
158
+ },
159
+ {
160
+ "width": 1280,
161
+ "theme": "dark",
162
+ "story": "contextmenu--viewport-boundary",
163
+ "menus": [],
164
+ "overflow": false,
165
+ "tabItems": 0
166
+ },
167
+ {
168
+ "width": 390,
169
+ "theme": "light",
170
+ "story": "menu--inline-selection",
171
+ "menus": [
172
+ {
173
+ "role": "menu",
174
+ "tabIndex": "0",
175
+ "w": 107.375,
176
+ "x": 133.8125
177
+ },
178
+ {
179
+ "role": "menu",
180
+ "tabIndex": "-1",
181
+ "w": 107.375,
182
+ "x": 133.8125
183
+ }
184
+ ],
185
+ "overflow": false,
186
+ "tabItems": 0
187
+ },
188
+ {
189
+ "width": 390,
190
+ "theme": "light",
191
+ "story": "menu--horizontal",
192
+ "menus": [
193
+ {
194
+ "role": "menubar",
195
+ "tabIndex": "0",
196
+ "w": 171.484375,
197
+ "x": 101.7578125
198
+ }
199
+ ],
200
+ "overflow": false,
201
+ "tabItems": 0
202
+ },
203
+ {
204
+ "width": 390,
205
+ "theme": "light",
206
+ "story": "menu--nested-navigation",
207
+ "menus": [
208
+ {
209
+ "role": "menu",
210
+ "tabIndex": "0",
211
+ "w": 104.7890625,
212
+ "x": 135.109375
213
+ }
214
+ ],
215
+ "overflow": false,
216
+ "tabItems": 0
217
+ },
218
+ {
219
+ "width": 390,
220
+ "theme": "light",
221
+ "story": "menu--rtl-navigation",
222
+ "menus": [
223
+ {
224
+ "role": "menu",
225
+ "tabIndex": "0",
226
+ "w": 104.7890625,
227
+ "x": 135.109375
228
+ }
229
+ ],
230
+ "overflow": false,
231
+ "tabItems": 0
232
+ },
233
+ {
234
+ "width": 390,
235
+ "theme": "light",
236
+ "story": "contextmenu--nested-commands",
237
+ "menus": [],
238
+ "overflow": false,
239
+ "tabItems": 0
240
+ },
241
+ {
242
+ "width": 390,
243
+ "theme": "light",
244
+ "story": "contextmenu--viewport-boundary",
245
+ "menus": [],
246
+ "overflow": false,
247
+ "tabItems": 0
248
+ },
249
+ {
250
+ "width": 390,
251
+ "theme": "dark",
252
+ "story": "menu--inline-selection",
253
+ "menus": [
254
+ {
255
+ "role": "menu",
256
+ "tabIndex": "0",
257
+ "w": 107.375,
258
+ "x": 133.8125
259
+ },
260
+ {
261
+ "role": "menu",
262
+ "tabIndex": "-1",
263
+ "w": 107.375,
264
+ "x": 133.8125
265
+ }
266
+ ],
267
+ "overflow": false,
268
+ "tabItems": 0
269
+ },
270
+ {
271
+ "width": 390,
272
+ "theme": "dark",
273
+ "story": "menu--horizontal",
274
+ "menus": [
275
+ {
276
+ "role": "menubar",
277
+ "tabIndex": "0",
278
+ "w": 171.484375,
279
+ "x": 101.7578125
280
+ }
281
+ ],
282
+ "overflow": false,
283
+ "tabItems": 0
284
+ },
285
+ {
286
+ "width": 390,
287
+ "theme": "dark",
288
+ "story": "menu--nested-navigation",
289
+ "menus": [
290
+ {
291
+ "role": "menu",
292
+ "tabIndex": "0",
293
+ "w": 104.7890625,
294
+ "x": 135.109375
295
+ }
296
+ ],
297
+ "overflow": false,
298
+ "tabItems": 0
299
+ },
300
+ {
301
+ "width": 390,
302
+ "theme": "dark",
303
+ "story": "menu--rtl-navigation",
304
+ "menus": [
305
+ {
306
+ "role": "menu",
307
+ "tabIndex": "0",
308
+ "w": 104.7890625,
309
+ "x": 135.109375
310
+ }
311
+ ],
312
+ "overflow": false,
313
+ "tabItems": 0
314
+ },
315
+ {
316
+ "width": 390,
317
+ "theme": "dark",
318
+ "story": "contextmenu--nested-commands",
319
+ "menus": [],
320
+ "overflow": false,
321
+ "tabItems": 0
322
+ },
323
+ {
324
+ "width": 390,
325
+ "theme": "dark",
326
+ "story": "contextmenu--viewport-boundary",
327
+ "menus": [],
328
+ "overflow": false,
329
+ "tabItems": 0
330
+ }
331
+ ],
332
+ "interaction": {
333
+ "long": {
334
+ "clientHeight": 826,
335
+ "focused": "Command 40",
336
+ "rect": {
337
+ "bottom": 836,
338
+ "height": 828,
339
+ "left": 61.65625,
340
+ "right": 261.65625,
341
+ "top": 8,
342
+ "width": 200,
343
+ "x": 61.65625,
344
+ "y": 8
345
+ },
346
+ "scrollHeight": 1464,
347
+ "scrollTop": 638
348
+ },
349
+ "rtl": {
350
+ "openedBy": "Shift+F10",
351
+ "forward": "ArrowLeft",
352
+ "backward": "ArrowRight",
353
+ "escapeLevels": 2,
354
+ "restoredTrigger": true
355
+ }
356
+ }
357
+ }
package/docs/qa/p1-menu-long-dark.png ADDED
Binary file
package/docs/qa/p1-nav-dark.png ADDED
Binary file
package/docs/qa/p1-nav-sidebar-checks.json ADDED
@@ -0,0 +1,218 @@
1
+ [
2
+ {
3
+ "width": 1280,
4
+ "theme": "light",
5
+ "component": "nav",
6
+ "story": "rtl-overflow",
7
+ "nav": {
8
+ "scrollWidth": 246,
9
+ "width": 246
10
+ },
11
+ "pageWidth": 1265,
12
+ "scrollWidth": 1265,
13
+ "sidebar": null
14
+ },
15
+ {
16
+ "width": 1280,
17
+ "theme": "light",
18
+ "component": "nav",
19
+ "story": "long-labels",
20
+ "nav": {
21
+ "scrollWidth": 1417,
22
+ "width": 1185
23
+ },
24
+ "pageWidth": 1265,
25
+ "scrollWidth": 1265,
26
+ "sidebar": null
27
+ },
28
+ {
29
+ "width": 1280,
30
+ "theme": "light",
31
+ "component": "sidebar",
32
+ "story": "nested-rtl",
33
+ "nav": null,
34
+ "pageWidth": 1265,
35
+ "scrollWidth": 1265,
36
+ "sidebar": {
37
+ "display": "flex",
38
+ "inert": false,
39
+ "width": 300
40
+ }
41
+ },
42
+ {
43
+ "width": 1280,
44
+ "theme": "light",
45
+ "component": "sidebar",
46
+ "story": "collapsed-by-shell",
47
+ "nav": null,
48
+ "pageWidth": 1265,
49
+ "scrollWidth": 1265,
50
+ "sidebar": {
51
+ "display": "flex",
52
+ "inert": false,
53
+ "width": 300
54
+ }
55
+ },
56
+ {
57
+ "width": 1280,
58
+ "theme": "dark",
59
+ "component": "nav",
60
+ "story": "rtl-overflow",
61
+ "nav": {
62
+ "scrollWidth": 246,
63
+ "width": 246
64
+ },
65
+ "pageWidth": 1265,
66
+ "scrollWidth": 1265,
67
+ "sidebar": null
68
+ },
69
+ {
70
+ "width": 1280,
71
+ "theme": "dark",
72
+ "component": "nav",
73
+ "story": "long-labels",
74
+ "nav": {
75
+ "scrollWidth": 1417,
76
+ "width": 1185
77
+ },
78
+ "pageWidth": 1265,
79
+ "scrollWidth": 1265,
80
+ "sidebar": null
81
+ },
82
+ {
83
+ "width": 1280,
84
+ "theme": "dark",
85
+ "component": "sidebar",
86
+ "story": "nested-rtl",
87
+ "nav": null,
88
+ "pageWidth": 1265,
89
+ "scrollWidth": 1265,
90
+ "sidebar": {
91
+ "display": "flex",
92
+ "inert": false,
93
+ "width": 300
94
+ }
95
+ },
96
+ {
97
+ "width": 1280,
98
+ "theme": "dark",
99
+ "component": "sidebar",
100
+ "story": "collapsed-by-shell",
101
+ "nav": null,
102
+ "pageWidth": 1265,
103
+ "scrollWidth": 1265,
104
+ "sidebar": {
105
+ "display": "flex",
106
+ "inert": false,
107
+ "width": 300
108
+ }
109
+ },
110
+ {
111
+ "width": 390,
112
+ "theme": "light",
113
+ "component": "nav",
114
+ "story": "rtl-overflow",
115
+ "nav": {
116
+ "scrollWidth": 246,
117
+ "width": 229.8828125
118
+ },
119
+ "pageWidth": 375,
120
+ "scrollWidth": 375,
121
+ "sidebar": null
122
+ },
123
+ {
124
+ "width": 390,
125
+ "theme": "light",
126
+ "component": "nav",
127
+ "story": "long-labels",
128
+ "nav": {
129
+ "scrollWidth": 1417,
130
+ "width": 295
131
+ },
132
+ "pageWidth": 375,
133
+ "scrollWidth": 375,
134
+ "sidebar": null
135
+ },
136
+ {
137
+ "width": 390,
138
+ "theme": "light",
139
+ "component": "sidebar",
140
+ "story": "nested-rtl",
141
+ "nav": null,
142
+ "pageWidth": 375,
143
+ "scrollWidth": 375,
144
+ "sidebar": {
145
+ "display": "none",
146
+ "inert": false,
147
+ "width": 0
148
+ }
149
+ },
150
+ {
151
+ "width": 390,
152
+ "theme": "light",
153
+ "component": "sidebar",
154
+ "story": "collapsed-by-shell",
155
+ "nav": null,
156
+ "pageWidth": 375,
157
+ "scrollWidth": 375,
158
+ "sidebar": {
159
+ "display": "none",
160
+ "inert": false,
161
+ "width": 0
162
+ }
163
+ },
164
+ {
165
+ "width": 390,
166
+ "theme": "dark",
167
+ "component": "nav",
168
+ "story": "rtl-overflow",
169
+ "nav": {
170
+ "scrollWidth": 246,
171
+ "width": 229.8828125
172
+ },
173
+ "pageWidth": 375,
174
+ "scrollWidth": 375,
175
+ "sidebar": null
176
+ },
177
+ {
178
+ "width": 390,
179
+ "theme": "dark",
180
+ "component": "nav",
181
+ "story": "long-labels",
182
+ "nav": {
183
+ "scrollWidth": 1417,
184
+ "width": 295
185
+ },
186
+ "pageWidth": 375,
187
+ "scrollWidth": 375,
188
+ "sidebar": null
189
+ },
190
+ {
191
+ "width": 390,
192
+ "theme": "dark",
193
+ "component": "sidebar",
194
+ "story": "nested-rtl",
195
+ "nav": null,
196
+ "pageWidth": 375,
197
+ "scrollWidth": 375,
198
+ "sidebar": {
199
+ "display": "none",
200
+ "inert": false,
201
+ "width": 0
202
+ }
203
+ },
204
+ {
205
+ "width": 390,
206
+ "theme": "dark",
207
+ "component": "sidebar",
208
+ "story": "collapsed-by-shell",
209
+ "nav": null,
210
+ "pageWidth": 375,
211
+ "scrollWidth": 375,
212
+ "sidebar": {
213
+ "display": "none",
214
+ "inert": false,
215
+ "width": 0
216
+ }
217
+ }
218
+ ]
package/docs/qa/p1-navigation-browser-checks.json ADDED
@@ -0,0 +1,114 @@
1
+ [
2
+ {
3
+ "id": "components-overlays-menu--inline-selection",
4
+ "theme": "light",
5
+ "width": 1280,
6
+ "error": false,
7
+ "overflow": false
8
+ },
9
+ {
10
+ "id": "components-overlays-menu--inline-selection",
11
+ "theme": "light",
12
+ "width": 390,
13
+ "error": false,
14
+ "overflow": false
15
+ },
16
+ {
17
+ "id": "components-overlays-menu--inline-selection",
18
+ "theme": "dark",
19
+ "width": 1280,
20
+ "error": false,
21
+ "overflow": false
22
+ },
23
+ {
24
+ "id": "components-overlays-menu--inline-selection",
25
+ "theme": "dark",
26
+ "width": 390,
27
+ "error": false,
28
+ "overflow": false
29
+ },
30
+ {
31
+ "id": "components-overlays-menu--horizontal",
32
+ "theme": "light",
33
+ "width": 1280,
34
+ "error": false,
35
+ "overflow": false
36
+ },
37
+ {
38
+ "id": "components-overlays-menu--horizontal",
39
+ "theme": "light",
40
+ "width": 390,
41
+ "error": false,
42
+ "overflow": false
43
+ },
44
+ {
45
+ "id": "components-overlays-menu--horizontal",
46
+ "theme": "dark",
47
+ "width": 1280,
48
+ "error": false,
49
+ "overflow": false
50
+ },
51
+ {
52
+ "id": "components-overlays-menu--horizontal",
53
+ "theme": "dark",
54
+ "width": 390,
55
+ "error": false,
56
+ "overflow": false
57
+ },
58
+ {
59
+ "id": "components-navigation-sidebar--controlled-width",
60
+ "theme": "light",
61
+ "width": 1280,
62
+ "error": false,
63
+ "overflow": false
64
+ },
65
+ {
66
+ "id": "components-navigation-sidebar--controlled-width",
67
+ "theme": "light",
68
+ "width": 390,
69
+ "error": false,
70
+ "overflow": false
71
+ },
72
+ {
73
+ "id": "components-navigation-sidebar--controlled-width",
74
+ "theme": "dark",
75
+ "width": 1280,
76
+ "error": false,
77
+ "overflow": false
78
+ },
79
+ {
80
+ "id": "components-navigation-sidebar--controlled-width",
81
+ "theme": "dark",
82
+ "width": 390,
83
+ "error": false,
84
+ "overflow": false
85
+ },
86
+ {
87
+ "id": "components-navigation-nav--disabled",
88
+ "theme": "light",
89
+ "width": 1280,
90
+ "error": false,
91
+ "overflow": false
92
+ },
93
+ {
94
+ "id": "components-navigation-nav--disabled",
95
+ "theme": "light",
96
+ "width": 390,
97
+ "error": false,
98
+ "overflow": false
99
+ },
100
+ {
101
+ "id": "components-navigation-nav--disabled",
102
+ "theme": "dark",
103
+ "width": 1280,
104
+ "error": false,
105
+ "overflow": false
106
+ },
107
+ {
108
+ "id": "components-navigation-nav--disabled",
109
+ "theme": "dark",
110
+ "width": 390,
111
+ "error": false,
112
+ "overflow": false
113
+ }
114
+ ]