@strapi/plugin-documentation 4.10.1 → 4.10.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.
@@ -11,7 +11,7 @@ import server from './server';
11
11
 
12
12
  jest.mock('@strapi/helper-plugin', () => ({
13
13
  ...jest.requireActual('@strapi/helper-plugin'),
14
- useNotification: jest.fn(),
14
+ useNotification: jest.fn(() => () => {}),
15
15
  CheckPermissions: jest.fn(({ children }) => children),
16
16
  }));
17
17
 
@@ -64,145 +64,120 @@ describe('Plugin | Documentation | PluginPage', () => {
64
64
  await waitFor(() => expect(screen.getByText('1.0.0')).toBeInTheDocument());
65
65
 
66
66
  expect(firstChild).toMatchInlineSnapshot(`
67
- .c14 {
68
- font-weight: 600;
69
- color: #32324d;
70
- font-size: 0.75rem;
71
- line-height: 1.33;
67
+ .c1 {
68
+ padding-bottom: 56px;
72
69
  }
73
70
 
74
- .c11 {
75
- padding-right: 8px;
71
+ .c4 {
72
+ background: #f6f6f9;
73
+ padding-top: 40px;
74
+ padding-right: 56px;
75
+ padding-bottom: 40px;
76
+ padding-left: 56px;
76
77
  }
77
78
 
78
- .c8 {
79
- display: -webkit-box;
80
- display: -webkit-flex;
81
- display: -ms-flexbox;
82
- display: flex;
83
- cursor: pointer;
84
- padding: 8px;
85
- border-radius: 4px;
86
- background: #ffffff;
87
- border: 1px solid #dcdce4;
88
- position: relative;
89
- outline: none;
79
+ .c6 {
80
+ min-width: 0;
90
81
  }
91
82
 
92
- .c8 svg {
93
- height: 12px;
94
- width: 12px;
83
+ .c10 {
84
+ background: #4945ff;
85
+ padding: 8px;
86
+ padding-right: 16px;
87
+ padding-left: 16px;
88
+ border-radius: 4px;
89
+ border-color: #4945ff;
90
+ border: 1px solid #4945ff;
91
+ cursor: pointer;
95
92
  }
96
93
 
97
- .c8 svg > g,
98
- .c8 svg path {
99
- fill: #ffffff;
94
+ .c16 {
95
+ padding-right: 56px;
96
+ padding-left: 56px;
100
97
  }
101
98
 
102
- .c8[aria-disabled='true'] {
103
- pointer-events: none;
99
+ .c17 {
100
+ background: #ffffff;
101
+ border-radius: 4px;
102
+ box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
104
103
  }
105
104
 
106
- .c8:after {
107
- -webkit-transition-property: all;
108
- transition-property: all;
109
- -webkit-transition-duration: 0.2s;
110
- transition-duration: 0.2s;
111
- border-radius: 8px;
112
- content: '';
113
- position: absolute;
114
- top: -4px;
115
- bottom: -4px;
116
- left: -4px;
117
- right: -4px;
118
- border: 2px solid transparent;
105
+ .c19 {
106
+ position: relative;
119
107
  }
120
108
 
121
- .c8:focus-visible {
122
- outline: none;
109
+ .c21 {
110
+ padding-right: 24px;
111
+ padding-left: 24px;
123
112
  }
124
113
 
125
- .c8:focus-visible:after {
126
- border-radius: 8px;
127
- content: '';
128
- position: absolute;
129
- top: -5px;
130
- bottom: -5px;
131
- left: -5px;
132
- right: -5px;
133
- border: 2px solid #4945ff;
114
+ .c30 {
115
+ width: 50%;
134
116
  }
135
117
 
136
- .c12 {
137
- height: 100%;
118
+ .c33 {
119
+ background: #ffffff;
120
+ padding: 8px;
121
+ border-radius: 4px;
122
+ border-width: 0;
123
+ border-color: #dcdce4;
124
+ width: 2rem;
125
+ height: 2rem;
126
+ cursor: pointer;
138
127
  }
139
128
 
140
- .c9 {
129
+ .c5 {
141
130
  -webkit-align-items: center;
142
131
  -webkit-box-align: center;
143
132
  -ms-flex-align: center;
144
133
  align-items: center;
145
- padding: 8px 16px;
146
- background: #4945ff;
147
- border: none;
148
- border: 1px solid #4945ff;
149
- background: #4945ff;
150
- }
151
-
152
- .c9 .c10 {
153
134
  display: -webkit-box;
154
135
  display: -webkit-flex;
155
136
  display: -ms-flexbox;
156
137
  display: flex;
138
+ -webkit-flex-direction: row;
139
+ -ms-flex-direction: row;
140
+ flex-direction: row;
141
+ -webkit-box-pack: justify;
142
+ -webkit-justify-content: space-between;
143
+ -ms-flex-pack: justify;
144
+ justify-content: space-between;
145
+ }
146
+
147
+ .c7 {
157
148
  -webkit-align-items: center;
158
149
  -webkit-box-align: center;
159
150
  -ms-flex-align: center;
160
151
  align-items: center;
152
+ display: -webkit-box;
153
+ display: -webkit-flex;
154
+ display: -ms-flexbox;
155
+ display: flex;
156
+ -webkit-flex-direction: row;
157
+ -ms-flex-direction: row;
158
+ flex-direction: row;
161
159
  }
162
160
 
163
- .c9 .c13 {
164
- color: #ffffff;
165
- }
166
-
167
- .c9[aria-disabled='true'] {
168
- border: 1px solid #dcdce4;
169
- background: #eaeaef;
170
- }
171
-
172
- .c9[aria-disabled='true'] .c13 {
173
- color: #666687;
174
- }
175
-
176
- .c9[aria-disabled='true'] svg > g,
177
- .c9[aria-disabled='true'] svg path {
178
- fill: #666687;
179
- }
180
-
181
- .c9[aria-disabled='true']:active {
182
- border: 1px solid #dcdce4;
183
- background: #eaeaef;
184
- }
185
-
186
- .c9[aria-disabled='true']:active .c13 {
187
- color: #666687;
188
- }
189
-
190
- .c9[aria-disabled='true']:active svg > g,
191
- .c9[aria-disabled='true']:active svg path {
192
- fill: #666687;
193
- }
194
-
195
- .c9:hover {
196
- border: 1px solid #7b79ff;
197
- background: #7b79ff;
198
- }
199
-
200
- .c9:active {
201
- border: 1px solid #4945ff;
202
- background: #4945ff;
161
+ .c11 {
162
+ -webkit-align-items: center;
163
+ -webkit-box-align: center;
164
+ -ms-flex-align: center;
165
+ align-items: center;
166
+ display: -webkit-box;
167
+ display: -webkit-flex;
168
+ display: -ms-flexbox;
169
+ display: flex;
170
+ -webkit-flex-direction: row;
171
+ -ms-flex-direction: row;
172
+ flex-direction: row;
173
+ gap: 8px;
203
174
  }
204
175
 
205
176
  .c32 {
177
+ -webkit-align-items: center;
178
+ -webkit-box-align: center;
179
+ -ms-flex-align: center;
180
+ align-items: center;
206
181
  display: -webkit-box;
207
182
  display: -webkit-flex;
208
183
  display: -ms-flexbox;
@@ -214,41 +189,80 @@ describe('Plugin | Documentation | PluginPage', () => {
214
189
  -webkit-justify-content: end;
215
190
  -ms-flex-pack: end;
216
191
  justify-content: end;
192
+ }
193
+
194
+ .c34 {
217
195
  -webkit-align-items: center;
218
196
  -webkit-box-align: center;
219
197
  -ms-flex-align: center;
220
198
  align-items: center;
221
- }
222
-
223
- .c33 {
224
199
  display: -webkit-box;
225
200
  display: -webkit-flex;
226
201
  display: -ms-flexbox;
227
202
  display: flex;
228
- cursor: pointer;
229
- padding: 8px;
230
- border-radius: 4px;
231
- background: #ffffff;
232
- border: 1px solid #dcdce4;
203
+ -webkit-flex-direction: row;
204
+ -ms-flex-direction: row;
205
+ flex-direction: row;
206
+ -webkit-box-pack: center;
207
+ -webkit-justify-content: center;
208
+ -ms-flex-pack: center;
209
+ justify-content: center;
210
+ }
211
+
212
+ .c9 {
213
+ font-weight: 600;
214
+ font-size: 2rem;
215
+ line-height: 1.25;
216
+ color: #32324d;
217
+ }
218
+
219
+ .c14 {
220
+ font-size: 0.75rem;
221
+ line-height: 1.33;
222
+ font-weight: 600;
223
+ color: #ffffff;
224
+ }
225
+
226
+ .c15 {
227
+ font-size: 1rem;
228
+ line-height: 1.5;
229
+ color: #666687;
230
+ }
231
+
232
+ .c27 {
233
+ font-weight: 600;
234
+ font-size: 0.6875rem;
235
+ line-height: 1.45;
236
+ text-transform: uppercase;
237
+ color: #666687;
238
+ }
239
+
240
+ .c31 {
241
+ font-size: 0.875rem;
242
+ line-height: 1.43;
243
+ color: #32324d;
244
+ }
245
+
246
+ .c12 {
233
247
  position: relative;
234
248
  outline: none;
235
249
  }
236
250
 
237
- .c33 svg {
251
+ .c12 svg {
238
252
  height: 12px;
239
253
  width: 12px;
240
254
  }
241
255
 
242
- .c33 svg > g,
243
- .c33 svg path {
256
+ .c12 svg > g,
257
+ .c12 svg path {
244
258
  fill: #ffffff;
245
259
  }
246
260
 
247
- .c33[aria-disabled='true'] {
261
+ .c12[aria-disabled='true'] {
248
262
  pointer-events: none;
249
263
  }
250
264
 
251
- .c33:after {
265
+ .c12:after {
252
266
  -webkit-transition-property: all;
253
267
  transition-property: all;
254
268
  -webkit-transition-duration: 0.2s;
@@ -263,11 +277,11 @@ describe('Plugin | Documentation | PluginPage', () => {
263
277
  border: 2px solid transparent;
264
278
  }
265
279
 
266
- .c33:focus-visible {
280
+ .c12:focus-visible {
267
281
  outline: none;
268
282
  }
269
283
 
270
- .c33:focus-visible:after {
284
+ .c12:focus-visible:after {
271
285
  border-radius: 8px;
272
286
  content: '';
273
287
  position: absolute;
@@ -278,76 +292,106 @@ describe('Plugin | Documentation | PluginPage', () => {
278
292
  border: 2px solid #4945ff;
279
293
  }
280
294
 
281
- .c34 {
282
- display: -webkit-box;
283
- display: -webkit-flex;
284
- display: -ms-flexbox;
285
- display: flex;
286
- -webkit-align-items: center;
287
- -webkit-box-align: center;
288
- -ms-flex-align: center;
289
- align-items: center;
290
- -webkit-box-pack: center;
291
- -webkit-justify-content: center;
292
- -ms-flex-pack: center;
293
- justify-content: center;
295
+ .c36 {
296
+ border: 0;
297
+ -webkit-clip: rect(0 0 0 0);
298
+ clip: rect(0 0 0 0);
299
+ height: 1px;
300
+ margin: -1px;
301
+ overflow: hidden;
302
+ padding: 0;
303
+ position: absolute;
304
+ width: 1px;
305
+ }
306
+
307
+ .c13 {
294
308
  height: 2rem;
295
- width: 2rem;
296
- border: none;
297
309
  }
298
310
 
299
- .c34 svg > g,
300
- .c34 svg path {
301
- fill: #8e8ea9;
311
+ .c13[aria-disabled='true'] {
312
+ border: 1px solid #dcdce4;
313
+ background: #eaeaef;
314
+ }
315
+
316
+ .c13[aria-disabled='true'] .c8 {
317
+ color: #666687;
302
318
  }
303
319
 
304
- .c34:hover svg > g,
305
- .c34:hover svg path {
320
+ .c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
306
321
  fill: #666687;
307
322
  }
308
323
 
309
- .c34:active svg > g,
310
- .c34:active svg path {
311
- fill: #a5a5ba;
324
+ .c13[aria-disabled='true']:active {
325
+ border: 1px solid #dcdce4;
326
+ background: #eaeaef;
312
327
  }
313
328
 
314
- .c34[aria-disabled='true'] {
315
- background-color: #eaeaef;
329
+ .c13[aria-disabled='true']:active .c8 {
330
+ color: #666687;
316
331
  }
317
332
 
318
- .c34[aria-disabled='true'] svg path {
333
+ .c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
319
334
  fill: #666687;
320
335
  }
321
336
 
322
- .c17 {
323
- background: #ffffff;
324
- border-radius: 4px;
325
- box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
337
+ .c13:hover {
338
+ border: 1px solid #7b79ff;
339
+ background: #7b79ff;
326
340
  }
327
341
 
328
- .c20 {
329
- padding-right: 24px;
330
- padding-left: 24px;
342
+ .c13:active {
343
+ border: 1px solid #4945ff;
344
+ background: #4945ff;
331
345
  }
332
346
 
333
- .c30 {
334
- width: 50%;
347
+ .c13 svg > g,
348
+ .c13 svg path {
349
+ fill: #ffffff;
350
+ }
351
+
352
+ .c35 svg > g,
353
+ .c35 svg path {
354
+ fill: #8e8ea9;
355
+ }
356
+
357
+ .c35:hover svg > g,
358
+ .c35:hover svg path {
359
+ fill: #666687;
360
+ }
361
+
362
+ .c35:active svg > g,
363
+ .c35:active svg path {
364
+ fill: #a5a5ba;
365
+ }
366
+
367
+ .c35[aria-disabled='true'] svg path {
368
+ fill: #666687;
369
+ }
370
+
371
+ .c0 {
372
+ display: grid;
373
+ grid-template-columns: 1fr;
374
+ }
375
+
376
+ .c2 {
377
+ overflow-x: hidden;
378
+ }
379
+
380
+ .c3:focus-visible {
381
+ outline: none;
335
382
  }
336
383
 
337
384
  .c18 {
338
385
  overflow: hidden;
386
+ border: 1px solid #eaeaef;
339
387
  }
340
388
 
341
- .c22 {
389
+ .c23 {
342
390
  width: 100%;
343
391
  white-space: nowrap;
344
392
  }
345
393
 
346
- .c19 {
347
- position: relative;
348
- }
349
-
350
- .c19:before {
394
+ .c20:before {
351
395
  background: linear-gradient(90deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
352
396
  opacity: 0.2;
353
397
  position: absolute;
@@ -357,7 +401,7 @@ describe('Plugin | Documentation | PluginPage', () => {
357
401
  left: 0;
358
402
  }
359
403
 
360
- .c19:after {
404
+ .c20:after {
361
405
  background: linear-gradient(270deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
362
406
  opacity: 0.2;
363
407
  position: absolute;
@@ -368,7 +412,7 @@ describe('Plugin | Documentation | PluginPage', () => {
368
412
  top: 0;
369
413
  }
370
414
 
371
- .c21 {
415
+ .c22 {
372
416
  overflow-x: auto;
373
417
  }
374
418
 
@@ -376,52 +420,38 @@ describe('Plugin | Documentation | PluginPage', () => {
376
420
  border-bottom: none;
377
421
  }
378
422
 
379
- .c23 {
423
+ .c24 {
380
424
  border-bottom: 1px solid #eaeaef;
381
425
  }
382
426
 
383
- .c24 {
427
+ .c25 {
384
428
  border-bottom: 1px solid #eaeaef;
385
429
  }
386
430
 
387
- .c24 td,
388
- .c24 th {
431
+ .c25 td,
432
+ .c25 th {
389
433
  padding: 16px;
390
434
  }
391
435
 
392
- .c24 td:first-of-type,
393
- .c24 th:first-of-type {
436
+ .c25 td:first-of-type,
437
+ .c25 th:first-of-type {
394
438
  padding: 0 4px;
395
439
  }
396
440
 
397
- .c24 th {
441
+ .c25 th {
398
442
  padding-top: 0;
399
443
  padding-bottom: 0;
400
444
  height: 3.5rem;
401
445
  }
402
446
 
403
447
  .c26 {
404
- display: -webkit-box;
405
- display: -webkit-flex;
406
- display: -ms-flexbox;
407
- display: flex;
408
- -webkit-flex-direction: row;
409
- -ms-flex-direction: row;
410
- flex-direction: row;
411
- -webkit-align-items: center;
412
- -webkit-box-align: center;
413
- -ms-flex-align: center;
414
- align-items: center;
415
- }
416
-
417
- .c25 {
418
448
  vertical-align: middle;
419
449
  text-align: left;
420
450
  color: #666687;
421
451
  outline-offset: -4px;
422
452
  }
423
453
 
424
- .c25 input {
454
+ .c26 input {
425
455
  vertical-align: sub;
426
456
  }
427
457
 
@@ -429,95 +459,6 @@ describe('Plugin | Documentation | PluginPage', () => {
429
459
  height: 0.25rem;
430
460
  }
431
461
 
432
- .c27 {
433
- color: #666687;
434
- font-weight: 600;
435
- font-size: 0.6875rem;
436
- line-height: 1.45;
437
- text-transform: uppercase;
438
- }
439
-
440
- .c31 {
441
- color: #32324d;
442
- font-size: 0.875rem;
443
- line-height: 1.43;
444
- }
445
-
446
- .c1 {
447
- padding-bottom: 56px;
448
- }
449
-
450
- .c4 {
451
- background: #f6f6f9;
452
- padding-top: 40px;
453
- padding-right: 56px;
454
- padding-bottom: 40px;
455
- padding-left: 56px;
456
- }
457
-
458
- .c16 {
459
- padding-right: 56px;
460
- padding-left: 56px;
461
- }
462
-
463
- .c0 {
464
- display: grid;
465
- grid-template-columns: 1fr;
466
- }
467
-
468
- .c2 {
469
- overflow-x: hidden;
470
- }
471
-
472
- .c5 {
473
- display: -webkit-box;
474
- display: -webkit-flex;
475
- display: -ms-flexbox;
476
- display: flex;
477
- -webkit-flex-direction: row;
478
- -ms-flex-direction: row;
479
- flex-direction: row;
480
- -webkit-box-pack: justify;
481
- -webkit-justify-content: space-between;
482
- -ms-flex-pack: justify;
483
- justify-content: space-between;
484
- -webkit-align-items: center;
485
- -webkit-box-align: center;
486
- -ms-flex-align: center;
487
- align-items: center;
488
- }
489
-
490
- .c6 {
491
- display: -webkit-box;
492
- display: -webkit-flex;
493
- display: -ms-flexbox;
494
- display: flex;
495
- -webkit-flex-direction: row;
496
- -ms-flex-direction: row;
497
- flex-direction: row;
498
- -webkit-align-items: center;
499
- -webkit-box-align: center;
500
- -ms-flex-align: center;
501
- align-items: center;
502
- }
503
-
504
- .c7 {
505
- color: #32324d;
506
- font-weight: 600;
507
- font-size: 2rem;
508
- line-height: 1.25;
509
- }
510
-
511
- .c15 {
512
- color: #666687;
513
- font-size: 1rem;
514
- line-height: 1.5;
515
- }
516
-
517
- .c3:focus-visible {
518
- outline: none;
519
- }
520
-
521
462
  <div
522
463
  class="c0"
523
464
  >
@@ -542,51 +483,51 @@ describe('Plugin | Documentation | PluginPage', () => {
542
483
  class="c5"
543
484
  >
544
485
  <div
545
- class="c6"
486
+ class="c6 c7"
546
487
  >
547
488
  <h1
548
- class="c7"
489
+ class="c8 c9"
549
490
  >
550
491
  Documentation
551
492
  </h1>
552
493
  </div>
553
494
  <button
554
495
  aria-disabled="false"
555
- class="c8 c9"
496
+ class="c10 c11 c12 c13"
556
497
  type="button"
557
498
  >
558
499
  <div
559
500
  aria-hidden="true"
560
- class="c10 c11 c12"
501
+ class=""
561
502
  >
562
503
  <svg
563
504
  fill="none"
564
- height="1em"
505
+ height="1rem"
565
506
  viewBox="0 0 24 24"
566
- width="1em"
507
+ width="1rem"
567
508
  xmlns="http://www.w3.org/2000/svg"
568
509
  >
569
510
  <path
570
- d="M15.2 12a3.2 3.2 0 11-6.399 0 3.2 3.2 0 016.4 0z"
511
+ d="M15.2 12a3.2 3.2 0 1 1-6.399 0 3.2 3.2 0 0 1 6.4 0Z"
571
512
  fill="#212134"
572
513
  />
573
514
  <path
574
515
  clip-rule="evenodd"
575
- d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 01.005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 01.032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103zm-9.446 9.888a4.8 4.8 0 105.334-7.982 4.8 4.8 0 00-5.334 7.982z"
516
+ d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 0 1 .005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 0 1 .032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103Zm-9.446 9.888a4.8 4.8 0 1 0 5.334-7.982 4.8 4.8 0 0 0-5.334 7.982Z"
576
517
  fill="#212134"
577
518
  fill-rule="evenodd"
578
519
  />
579
520
  </svg>
580
521
  </div>
581
522
  <span
582
- class="c13 c14"
523
+ class="c8 c14"
583
524
  >
584
525
  Open Documentation
585
526
  </span>
586
527
  </button>
587
528
  </div>
588
529
  <p
589
- class="c15"
530
+ class="c8 c15"
590
531
  >
591
532
  Configure the documentation plugin
592
533
  </p>
@@ -599,33 +540,35 @@ describe('Plugin | Documentation | PluginPage', () => {
599
540
  class="c17 c18"
600
541
  >
601
542
  <div
602
- class="c19"
543
+ class="c19 c20"
603
544
  >
604
545
  <div
605
- class="c20 c21"
546
+ class="c21 c22"
606
547
  >
607
548
  <table
608
549
  aria-colcount="4"
609
550
  aria-rowcount="3"
610
- class="c22"
551
+ class="c23"
552
+ role="grid"
611
553
  >
612
554
  <thead
613
- class="c23"
555
+ class="c24"
614
556
  >
615
557
  <tr
616
558
  aria-rowindex="1"
617
- class="c24"
559
+ class="c25"
618
560
  >
619
561
  <th
620
562
  aria-colindex="1"
621
- class="c25"
563
+ class="c26"
564
+ role="gridcell"
622
565
  tabindex="0"
623
566
  >
624
567
  <div
625
- class="c26"
568
+ class="c7"
626
569
  >
627
570
  <span
628
- class="c27"
571
+ class="c8 c27"
629
572
  >
630
573
  Version
631
574
  </span>
@@ -636,14 +579,15 @@ describe('Plugin | Documentation | PluginPage', () => {
636
579
  </th>
637
580
  <th
638
581
  aria-colindex="2"
639
- class="c25"
582
+ class="c26"
583
+ role="gridcell"
640
584
  tabindex="-1"
641
585
  >
642
586
  <div
643
- class="c26"
587
+ class="c7"
644
588
  >
645
589
  <span
646
- class="c27"
590
+ class="c8 c27"
647
591
  >
648
592
  Last Generated
649
593
  </span>
@@ -659,33 +603,34 @@ describe('Plugin | Documentation | PluginPage', () => {
659
603
  >
660
604
  <tr
661
605
  aria-rowindex="2"
662
- class="c24"
606
+ class="c25"
663
607
  >
664
608
  <td
665
609
  aria-colindex="1"
666
- class="c30 c25"
610
+ class="c30 c26"
611
+ role="gridcell"
667
612
  tabindex="-1"
668
- width="50%"
669
613
  >
670
614
  <span
671
- class="c31"
615
+ class="c8 c31"
672
616
  >
673
617
  1.2.0
674
618
  </span>
675
619
  </td>
676
620
  <td
677
621
  aria-colindex="2"
678
- class="c30 c25"
622
+ class="c30 c26"
623
+ role="gridcell"
679
624
  tabindex="-1"
680
- width="50%"
681
625
  >
682
626
  <span
683
- class="c31"
627
+ class="c8 c31"
684
628
  />
685
629
  </td>
686
630
  <td
687
631
  aria-colindex="3"
688
- class="c25"
632
+ class="c26"
633
+ role="gridcell"
689
634
  >
690
635
  <div
691
636
  aria-hidden="true"
@@ -695,25 +640,32 @@ describe('Plugin | Documentation | PluginPage', () => {
695
640
  <span>
696
641
  <button
697
642
  aria-disabled="false"
698
- aria-labelledby="tooltip-1"
699
- class="c33 c34"
643
+ aria-labelledby="2"
644
+ class="c33 c34 c12 c35"
700
645
  tabindex="-1"
701
646
  type="button"
702
647
  >
648
+ <span
649
+ class="c36"
650
+ >
651
+ Open 1.2.0
652
+ </span>
703
653
  <svg
654
+ aria-hidden="true"
704
655
  fill="none"
705
- height="1em"
656
+ focusable="false"
657
+ height="1rem"
706
658
  viewBox="0 0 24 24"
707
- width="1em"
659
+ width="1rem"
708
660
  xmlns="http://www.w3.org/2000/svg"
709
661
  >
710
662
  <path
711
- d="M15.2 12a3.2 3.2 0 11-6.399 0 3.2 3.2 0 016.4 0z"
663
+ d="M15.2 12a3.2 3.2 0 1 1-6.399 0 3.2 3.2 0 0 1 6.4 0Z"
712
664
  fill="#212134"
713
665
  />
714
666
  <path
715
667
  clip-rule="evenodd"
716
- d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 01.005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 01.032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103zm-9.446 9.888a4.8 4.8 0 105.334-7.982 4.8 4.8 0 00-5.334 7.982z"
668
+ d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 0 1 .005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 0 1 .032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103Zm-9.446 9.888a4.8 4.8 0 1 0 5.334-7.982 4.8 4.8 0 0 0-5.334 7.982Z"
717
669
  fill="#212134"
718
670
  fill-rule="evenodd"
719
671
  />
@@ -723,21 +675,28 @@ describe('Plugin | Documentation | PluginPage', () => {
723
675
  <span>
724
676
  <button
725
677
  aria-disabled="false"
726
- aria-labelledby="tooltip-3"
727
- class="c33 c34"
678
+ aria-labelledby="3"
679
+ class="c33 c34 c12 c35"
728
680
  tabindex="-1"
729
681
  type="button"
730
682
  >
683
+ <span
684
+ class="c36"
685
+ >
686
+ Regenerate 1.2.0
687
+ </span>
731
688
  <svg
689
+ aria-hidden="true"
732
690
  fill="none"
733
- height="1em"
691
+ focusable="false"
692
+ height="1rem"
734
693
  viewBox="0 0 24 24"
735
- width="1em"
694
+ width="1rem"
736
695
  xmlns="http://www.w3.org/2000/svg"
737
696
  >
738
697
  <path
739
698
  clip-rule="evenodd"
740
- d="M15.681 2.804A9.64 9.64 0 0011.818 2C6.398 2 2 6.48 2 12c0 5.521 4.397 10 9.818 10 2.03 0 4.011-.641 5.67-1.835a9.987 9.987 0 003.589-4.831 1.117 1.117 0 00-.664-1.418 1.086 1.086 0 00-1.393.676 7.769 7.769 0 01-2.792 3.758 7.546 7.546 0 01-4.41 1.428V4.222h.002a7.492 7.492 0 013.003.625 7.61 7.61 0 012.5 1.762l.464.551-2.986 3.042a.186.186 0 00.129.316H22V3.317a.188.188 0 00-.112-.172.179.179 0 00-.199.04l-2.355 2.4-.394-.468-.02-.02a9.791 9.791 0 00-3.239-2.293zm-3.863 1.418V2v2.222zm0 0v15.556c-4.216 0-7.636-3.484-7.636-7.778s3.42-7.777 7.636-7.778z"
699
+ d="M15.681 2.804A9.64 9.64 0 0 0 11.818 2C6.398 2 2 6.48 2 12c0 5.521 4.397 10 9.818 10 2.03 0 4.011-.641 5.67-1.835a9.987 9.987 0 0 0 3.589-4.831 1.117 1.117 0 0 0-.664-1.418 1.086 1.086 0 0 0-1.393.676 7.769 7.769 0 0 1-2.792 3.758 7.546 7.546 0 0 1-4.41 1.428V4.222h.002a7.492 7.492 0 0 1 3.003.625 7.61 7.61 0 0 1 2.5 1.762l.464.551-2.986 3.042a.186.186 0 0 0 .129.316H22V3.317a.188.188 0 0 0-.112-.172.179.179 0 0 0-.199.04l-2.355 2.4-.394-.468-.02-.02a9.791 9.791 0 0 0-3.239-2.293Zm-3.863 1.418V2v2.222Zm0 0v15.556c-4.216 0-7.636-3.484-7.636-7.778s3.42-7.777 7.636-7.778Z"
741
700
  fill="#212134"
742
701
  fill-rule="evenodd"
743
702
  />
@@ -747,20 +706,27 @@ describe('Plugin | Documentation | PluginPage', () => {
747
706
  <span>
748
707
  <button
749
708
  aria-disabled="false"
750
- aria-labelledby="tooltip-5"
751
- class="c33 c34"
709
+ aria-labelledby="4"
710
+ class="c33 c34 c12 c35"
752
711
  tabindex="-1"
753
712
  type="button"
754
713
  >
714
+ <span
715
+ class="c36"
716
+ >
717
+ Delete 1.2.0
718
+ </span>
755
719
  <svg
720
+ aria-hidden="true"
756
721
  fill="none"
757
- height="1em"
722
+ focusable="false"
723
+ height="1rem"
758
724
  viewBox="0 0 24 24"
759
- width="1em"
725
+ width="1rem"
760
726
  xmlns="http://www.w3.org/2000/svg"
761
727
  >
762
728
  <path
763
- d="M3.236 6.149a.2.2 0 00-.197.233L6 24h12l2.96-17.618a.2.2 0 00-.196-.233H3.236zM21.8 1.983c.11 0 .2.09.2.2v1.584a.2.2 0 01-.2.2H2.2a.2.2 0 01-.2-.2V2.183c0-.11.09-.2.2-.2h5.511c.9 0 1.631-1.09 1.631-1.983h5.316c0 .894.73 1.983 1.631 1.983H21.8z"
729
+ d="M3.236 6.149a.2.2 0 0 0-.197.233L6 24h12l2.96-17.618a.2.2 0 0 0-.196-.233H3.236ZM21.8 1.983c.11 0 .2.09.2.2v1.584a.2.2 0 0 1-.2.2H2.2a.2.2 0 0 1-.2-.2V2.183c0-.11.09-.2.2-.2h5.511c.9 0 1.631-1.09 1.631-1.983h5.316c0 .894.73 1.983 1.631 1.983H21.8Z"
764
730
  fill="#32324D"
765
731
  />
766
732
  </svg>
@@ -771,33 +737,34 @@ describe('Plugin | Documentation | PluginPage', () => {
771
737
  </tr>
772
738
  <tr
773
739
  aria-rowindex="3"
774
- class="c24"
740
+ class="c25"
775
741
  >
776
742
  <td
777
743
  aria-colindex="1"
778
- class="c30 c25"
744
+ class="c30 c26"
745
+ role="gridcell"
779
746
  tabindex="-1"
780
- width="50%"
781
747
  >
782
748
  <span
783
- class="c31"
749
+ class="c8 c31"
784
750
  >
785
751
  1.0.0
786
752
  </span>
787
753
  </td>
788
754
  <td
789
755
  aria-colindex="2"
790
- class="c30 c25"
756
+ class="c30 c26"
757
+ role="gridcell"
791
758
  tabindex="-1"
792
- width="50%"
793
759
  >
794
760
  <span
795
- class="c31"
761
+ class="c8 c31"
796
762
  />
797
763
  </td>
798
764
  <td
799
765
  aria-colindex="3"
800
- class="c25"
766
+ class="c26"
767
+ role="gridcell"
801
768
  >
802
769
  <div
803
770
  aria-hidden="true"
@@ -807,25 +774,32 @@ describe('Plugin | Documentation | PluginPage', () => {
807
774
  <span>
808
775
  <button
809
776
  aria-disabled="false"
810
- aria-labelledby="tooltip-7"
811
- class="c33 c34"
777
+ aria-labelledby="5"
778
+ class="c33 c34 c12 c35"
812
779
  tabindex="-1"
813
780
  type="button"
814
781
  >
782
+ <span
783
+ class="c36"
784
+ >
785
+ Open 1.0.0
786
+ </span>
815
787
  <svg
788
+ aria-hidden="true"
816
789
  fill="none"
817
- height="1em"
790
+ focusable="false"
791
+ height="1rem"
818
792
  viewBox="0 0 24 24"
819
- width="1em"
793
+ width="1rem"
820
794
  xmlns="http://www.w3.org/2000/svg"
821
795
  >
822
796
  <path
823
- d="M15.2 12a3.2 3.2 0 11-6.399 0 3.2 3.2 0 016.4 0z"
797
+ d="M15.2 12a3.2 3.2 0 1 1-6.399 0 3.2 3.2 0 0 1 6.4 0Z"
824
798
  fill="#212134"
825
799
  />
826
800
  <path
827
801
  clip-rule="evenodd"
828
- d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 01.005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 01.032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103zm-9.446 9.888a4.8 4.8 0 105.334-7.982 4.8 4.8 0 00-5.334 7.982z"
802
+ d="M18.78 6.103c1.923 1.243 3.64 2.981 4.963 5.027a1.61 1.61 0 0 1 .005 1.738c-1.318 2.063-3.031 3.807-4.954 5.046-2.12 1.364-4.475 2.086-6.81 2.086-2.388 0-4.683-.7-6.816-2.082-1.894-1.225-3.593-2.966-4.914-5.032a1.596 1.596 0 0 1 .032-1.777C1.89 8.811 3.734 7.027 5.77 5.805 7.767 4.608 9.858 4 11.984 4c2.317 0 4.667.728 6.795 2.103Zm-9.446 9.888a4.8 4.8 0 1 0 5.334-7.982 4.8 4.8 0 0 0-5.334 7.982Z"
829
803
  fill="#212134"
830
804
  fill-rule="evenodd"
831
805
  />
@@ -835,21 +809,28 @@ describe('Plugin | Documentation | PluginPage', () => {
835
809
  <span>
836
810
  <button
837
811
  aria-disabled="false"
838
- aria-labelledby="tooltip-9"
839
- class="c33 c34"
812
+ aria-labelledby="6"
813
+ class="c33 c34 c12 c35"
840
814
  tabindex="-1"
841
815
  type="button"
842
816
  >
817
+ <span
818
+ class="c36"
819
+ >
820
+ Regenerate 1.0.0
821
+ </span>
843
822
  <svg
823
+ aria-hidden="true"
844
824
  fill="none"
845
- height="1em"
825
+ focusable="false"
826
+ height="1rem"
846
827
  viewBox="0 0 24 24"
847
- width="1em"
828
+ width="1rem"
848
829
  xmlns="http://www.w3.org/2000/svg"
849
830
  >
850
831
  <path
851
832
  clip-rule="evenodd"
852
- d="M15.681 2.804A9.64 9.64 0 0011.818 2C6.398 2 2 6.48 2 12c0 5.521 4.397 10 9.818 10 2.03 0 4.011-.641 5.67-1.835a9.987 9.987 0 003.589-4.831 1.117 1.117 0 00-.664-1.418 1.086 1.086 0 00-1.393.676 7.769 7.769 0 01-2.792 3.758 7.546 7.546 0 01-4.41 1.428V4.222h.002a7.492 7.492 0 013.003.625 7.61 7.61 0 012.5 1.762l.464.551-2.986 3.042a.186.186 0 00.129.316H22V3.317a.188.188 0 00-.112-.172.179.179 0 00-.199.04l-2.355 2.4-.394-.468-.02-.02a9.791 9.791 0 00-3.239-2.293zm-3.863 1.418V2v2.222zm0 0v15.556c-4.216 0-7.636-3.484-7.636-7.778s3.42-7.777 7.636-7.778z"
833
+ d="M15.681 2.804A9.64 9.64 0 0 0 11.818 2C6.398 2 2 6.48 2 12c0 5.521 4.397 10 9.818 10 2.03 0 4.011-.641 5.67-1.835a9.987 9.987 0 0 0 3.589-4.831 1.117 1.117 0 0 0-.664-1.418 1.086 1.086 0 0 0-1.393.676 7.769 7.769 0 0 1-2.792 3.758 7.546 7.546 0 0 1-4.41 1.428V4.222h.002a7.492 7.492 0 0 1 3.003.625 7.61 7.61 0 0 1 2.5 1.762l.464.551-2.986 3.042a.186.186 0 0 0 .129.316H22V3.317a.188.188 0 0 0-.112-.172.179.179 0 0 0-.199.04l-2.355 2.4-.394-.468-.02-.02a9.791 9.791 0 0 0-3.239-2.293Zm-3.863 1.418V2v2.222Zm0 0v15.556c-4.216 0-7.636-3.484-7.636-7.778s3.42-7.777 7.636-7.778Z"
853
834
  fill="#212134"
854
835
  fill-rule="evenodd"
855
836
  />