@zywave/zui-table 4.0.2-pre.1 → 4.0.2-pre.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 (48) hide show
  1. package/dist/base.d.ts +29 -0
  2. package/dist/base.js +67 -0
  3. package/dist/base.js.map +1 -0
  4. package/dist/css/zui-table.fouc.css +1 -1
  5. package/dist/custom-elements.json +192 -27
  6. package/dist/zui-table-cell-css.js +1 -1
  7. package/dist/zui-table-cell-css.js.map +1 -1
  8. package/dist/zui-table-cell.d.ts +27 -3
  9. package/dist/zui-table-cell.js +93 -6
  10. package/dist/zui-table-cell.js.map +1 -1
  11. package/dist/zui-table-css.js +1 -1
  12. package/dist/zui-table-css.js.map +1 -1
  13. package/dist/zui-table-footer.d.ts +6 -4
  14. package/dist/zui-table-footer.js +6 -4
  15. package/dist/zui-table-footer.js.map +1 -1
  16. package/dist/zui-table-row-css.js +1 -1
  17. package/dist/zui-table-row-css.js.map +1 -1
  18. package/dist/zui-table-row.d.ts +7 -4
  19. package/dist/zui-table-row.js +57 -11
  20. package/dist/zui-table-row.js.map +1 -1
  21. package/dist/zui-table-topbar-css.js +1 -1
  22. package/dist/zui-table-topbar-css.js.map +1 -1
  23. package/dist/zui-table-topbar.d.ts +12 -3
  24. package/dist/zui-table-topbar.js +105 -5
  25. package/dist/zui-table-topbar.js.map +1 -1
  26. package/dist/zui-table.d.ts +7 -5
  27. package/dist/zui-table.js +24 -10
  28. package/dist/zui-table.js.map +1 -1
  29. package/docs/customelement-manifest-element.html +28 -0
  30. package/{demo/index.html → docs/demo.html} +236 -42
  31. package/lab.html +347 -60
  32. package/package.json +9 -4
  33. package/src/base.ts +79 -0
  34. package/src/css/zui-table.fouc.scss +90 -17
  35. package/src/zui-table-cell-css.js +1 -1
  36. package/src/zui-table-cell.scss +26 -0
  37. package/src/zui-table-cell.ts +84 -6
  38. package/src/zui-table-css.js +1 -1
  39. package/src/zui-table-footer.ts +6 -4
  40. package/src/zui-table-row-css.js +1 -1
  41. package/src/zui-table-row.scss +11 -4
  42. package/src/zui-table-row.ts +51 -11
  43. package/src/zui-table-topbar-css.js +1 -1
  44. package/src/zui-table-topbar.scss +77 -9
  45. package/src/zui-table-topbar.ts +106 -5
  46. package/src/zui-table.scss +2 -2
  47. package/src/zui-table.ts +24 -9
  48. package/test/zui-table.test.ts +146 -4
package/{demo/index.html → docs/demo.html} RENAMED
@@ -54,7 +54,7 @@
54
54
  </zui-table>
55
55
  </section>
56
56
 
57
- <section component="zui-table" heading="Table with 1-2 actions">
57
+ <section component="zui-table" heading="Table with 1 action">
58
58
  <zui-table>
59
59
  <zui-table-row>
60
60
  <zui-table-cell>Paulus Atreides</zui-table-cell>
@@ -63,7 +63,7 @@
63
63
  <zui-table-cell>10,156 A.G.</zui-table-cell>
64
64
  <zui-table-cell>67 years old</zui-table-cell>
65
65
  <zui-table-cell action>
66
- <zui-button class="secondary">Betray</zui-button>
66
+ <zui-button type="secondary">Betray</zui-button>
67
67
  </zui-table-cell>
68
68
  </zui-table-row>
69
69
  <zui-table-row>
@@ -73,7 +73,7 @@
73
73
  <zui-table-cell>10,191 A.G.</zui-table-cell>
74
74
  <zui-table-cell>51 years old</zui-table-cell>
75
75
  <zui-table-cell action>
76
- <zui-button class="secondary">Betray</zui-button>
76
+ <zui-button type="secondary">Betray</zui-button>
77
77
  </zui-table-cell>
78
78
  </zui-table-row>
79
79
  <zui-table-row>
@@ -83,7 +83,7 @@
83
83
  <zui-table-cell>10,219 A.G.</zui-table-cell>
84
84
  <zui-table-cell>43 years old</zui-table-cell>
85
85
  <zui-table-cell action>
86
- <zui-button class="secondary">Betray</zui-button>
86
+ <zui-button type="secondary">Betray</zui-button>
87
87
  </zui-table-cell>
88
88
  </zui-table-row>
89
89
  <zui-table-row>
@@ -93,7 +93,7 @@
93
93
  <zui-table-cell>10,219 A.G.</zui-table-cell>
94
94
  <zui-table-cell>28 years old</zui-table-cell>
95
95
  <zui-table-cell action>
96
- <zui-button class="secondary">Betray</zui-button>
96
+ <zui-button type="secondary">Betray</zui-button>
97
97
  </zui-table-cell>
98
98
  </zui-table-row>
99
99
  <zui-table-row>
@@ -103,7 +103,67 @@
103
103
  <zui-table-cell>13,728 A.G.</zui-table-cell>
104
104
  <zui-table-cell>3,521 years old</zui-table-cell>
105
105
  <zui-table-cell action>
106
- <zui-button class="secondary">Betray</zui-button>
106
+ <zui-button type="secondary">Betray</zui-button>
107
+ </zui-table-cell>
108
+ </zui-table-row>
109
+ </zui-table>
110
+ </section>
111
+
112
+ <section component="zui-table" heading="Table with 2 actions">
113
+ <zui-table style="--zui-table-columns-template: 1fr 1fr 1fr 1fr 1fr 28ch;">
114
+ <zui-table-row>
115
+ <zui-table-cell>Paulus Atreides</zui-table-cell>
116
+ <zui-table-cell>Old Duke</zui-table-cell>
117
+ <zui-table-cell>10,089 A.G.</zui-table-cell>
118
+ <zui-table-cell>10,156 A.G.</zui-table-cell>
119
+ <zui-table-cell>67 years old</zui-table-cell>
120
+ <zui-table-cell action>
121
+ <zui-button type="secondary">Betray</zui-button>
122
+ <zui-button type="link" danger>Assassinate</zui-button>
123
+ </zui-table-cell>
124
+ </zui-table-row>
125
+ <zui-table-row>
126
+ <zui-table-cell>Leto Atreides I</zui-table-cell>
127
+ <zui-table-cell>Red Duke</zui-table-cell>
128
+ <zui-table-cell>10,140 A.G.</zui-table-cell>
129
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
130
+ <zui-table-cell>51 years old</zui-table-cell>
131
+ <zui-table-cell action>
132
+ <zui-button type="secondary">Betray</zui-button>
133
+ <zui-button type="link" danger>Assassinate</zui-button>
134
+ </zui-table-cell>
135
+ </zui-table-row>
136
+ <zui-table-row>
137
+ <zui-table-cell>Paul Atreides</zui-table-cell>
138
+ <zui-table-cell>Padishah Emperor</zui-table-cell>
139
+ <zui-table-cell>10,176 A.G.</zui-table-cell>
140
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
141
+ <zui-table-cell>43 years old</zui-table-cell>
142
+ <zui-table-cell action>
143
+ <zui-button type="secondary">Betray</zui-button>
144
+ <zui-button type="link" danger>Assassinate</zui-button>
145
+ </zui-table-cell>
146
+ </zui-table-row>
147
+ <zui-table-row>
148
+ <zui-table-cell>Alia Atreides</zui-table-cell>
149
+ <zui-table-cell>Imperial Regent</zui-table-cell>
150
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
151
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
152
+ <zui-table-cell>28 years old</zui-table-cell>
153
+ <zui-table-cell action>
154
+ <zui-button type="secondary">Betray</zui-button>
155
+ <zui-button type="link" danger>Assassinate</zui-button>
156
+ </zui-table-cell>
157
+ </zui-table-row>
158
+ <zui-table-row>
159
+ <zui-table-cell>Leto Atreides II</zui-table-cell>
160
+ <zui-table-cell>God Emperor</zui-table-cell>
161
+ <zui-table-cell>10,207 A.G.</zui-table-cell>
162
+ <zui-table-cell>13,728 A.G.</zui-table-cell>
163
+ <zui-table-cell>3,521 years old</zui-table-cell>
164
+ <zui-table-cell action>
165
+ <zui-button type="secondary">Betray</zui-button>
166
+ <zui-button type="link" danger>Assassinate</zui-button>
107
167
  </zui-table-cell>
108
168
  </zui-table-row>
109
169
  </zui-table>
@@ -204,6 +264,69 @@
204
264
  <zui-table-cell>Age</zui-table-cell>
205
265
  <zui-table-cell>Action</zui-table-cell>
206
266
  </zui-table-row>
267
+ <zui-table-row>
268
+ <zui-table-cell>Paulus Atreides</zui-table-cell>
269
+ <zui-table-cell>Old Duke</zui-table-cell>
270
+ <zui-table-cell>10,089 A.G.</zui-table-cell>
271
+ <zui-table-cell>10,156 A.G.</zui-table-cell>
272
+ <zui-table-cell>67 years old</zui-table-cell>
273
+ <zui-table-cell action>
274
+ <zui-button type="secondary">Betray</zui-button>
275
+ </zui-table-cell>
276
+ </zui-table-row>
277
+ <zui-table-row>
278
+ <zui-table-cell>Leto Atreides I</zui-table-cell>
279
+ <zui-table-cell>Red Duke</zui-table-cell>
280
+ <zui-table-cell>10,140 A.G.</zui-table-cell>
281
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
282
+ <zui-table-cell>51 years old</zui-table-cell>
283
+ <zui-table-cell action>
284
+ <zui-button type="secondary">Betray</zui-button>
285
+ </zui-table-cell>
286
+ </zui-table-row>
287
+ <zui-table-row>
288
+ <zui-table-cell>Paul Atreides</zui-table-cell>
289
+ <zui-table-cell>Padishah Emperor</zui-table-cell>
290
+ <zui-table-cell>10,176 A.G.</zui-table-cell>
291
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
292
+ <zui-table-cell>43 years old</zui-table-cell>
293
+ <zui-table-cell action>
294
+ <zui-button type="secondary">Betray</zui-button>
295
+ </zui-table-cell>
296
+ </zui-table-row>
297
+ <zui-table-row>
298
+ <zui-table-cell>Alia Atreides</zui-table-cell>
299
+ <zui-table-cell>Imperial Regent</zui-table-cell>
300
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
301
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
302
+ <zui-table-cell>28 years old</zui-table-cell>
303
+ <zui-table-cell action>
304
+ <zui-button type="secondary">Betray</zui-button>
305
+ </zui-table-cell>
306
+ </zui-table-row>
307
+ <zui-table-row>
308
+ <zui-table-cell>Leto Atreides II</zui-table-cell>
309
+ <zui-table-cell>God Emperor</zui-table-cell>
310
+ <zui-table-cell>10,207 A.G.</zui-table-cell>
311
+ <zui-table-cell>13,728 A.G.</zui-table-cell>
312
+ <zui-table-cell>3,521 years old</zui-table-cell>
313
+ <zui-table-cell action>
314
+ <zui-button type="secondary">Betray</zui-button>
315
+ </zui-table-cell>
316
+ </zui-table-row>
317
+ </zui-table>
318
+ </section>
319
+
320
+ <section component="zui-table" heading="Sortable table">
321
+ <zui-table>
322
+ <zui-table-row header>
323
+ <zui-table-cell sortable sort="acsending">Name</zui-table-cell>
324
+ <zui-table-cell sortable>Title</zui-table-cell>
325
+ <zui-table-cell sortable>Born</zui-table-cell>
326
+ <zui-table-cell sortable>Died</zui-table-cell>
327
+ <zui-table-cell sortable>Age</zui-table-cell>
328
+ <zui-table-cell>Action</zui-table-cell>
329
+ </zui-table-row>
207
330
  <zui-table-row>
208
331
  <zui-table-cell>Paulus Atreides</zui-table-cell>
209
332
  <zui-table-cell>Old Duke</zui-table-cell>
@@ -274,7 +397,7 @@
274
397
  <zui-table-cell>10,156 A.G.</zui-table-cell>
275
398
  <zui-table-cell>67 years old</zui-table-cell>
276
399
  <zui-table-cell action>
277
- <zui-button class="secondary">Betray</zui-button>
400
+ <zui-button type="secondary">Betray</zui-button>
278
401
  </zui-table-cell>
279
402
  </zui-table-row>
280
403
  <zui-table-row>
@@ -284,7 +407,7 @@
284
407
  <zui-table-cell>10,191 A.G.</zui-table-cell>
285
408
  <zui-table-cell>51 years old</zui-table-cell>
286
409
  <zui-table-cell action>
287
- <zui-button class="secondary">Betray</zui-button>
410
+ <zui-button type="secondary">Betray</zui-button>
288
411
  </zui-table-cell>
289
412
  </zui-table-row>
290
413
  <zui-table-row>
@@ -294,7 +417,7 @@
294
417
  <zui-table-cell>10,219 A.G.</zui-table-cell>
295
418
  <zui-table-cell>43 years old</zui-table-cell>
296
419
  <zui-table-cell action>
297
- <zui-button class="secondary">Betray</zui-button>
420
+ <zui-button type="secondary">Betray</zui-button>
298
421
  </zui-table-cell>
299
422
  </zui-table-row>
300
423
  <zui-table-row>
@@ -304,7 +427,7 @@
304
427
  <zui-table-cell>10,219 A.G.</zui-table-cell>
305
428
  <zui-table-cell>28 years old</zui-table-cell>
306
429
  <zui-table-cell action>
307
- <zui-button class="secondary">Betray</zui-button>
430
+ <zui-button type="secondary">Betray</zui-button>
308
431
  </zui-table-cell>
309
432
  </zui-table-row>
310
433
  <zui-table-row>
@@ -314,7 +437,78 @@
314
437
  <zui-table-cell>13,728 A.G.</zui-table-cell>
315
438
  <zui-table-cell>3,521 years old</zui-table-cell>
316
439
  <zui-table-cell action>
317
- <zui-button class="secondary">Betray</zui-button>
440
+ <zui-button type="secondary">Betray</zui-button>
441
+ </zui-table-cell>
442
+ </zui-table-row>
443
+ <zui-table-row summary>
444
+ <zui-table-cell style="text-align: right;">
445
+ Average lifespan: 742 years
446
+ </zui-table-cell>
447
+ </zui-table-row>
448
+ </zui-table>
449
+ </section>
450
+
451
+ <section component="zui-table" heading="Table topbar with search">
452
+ <zui-table>
453
+ <zui-table-topbar>
454
+ <zui-search placeholder="Search for a family member" no-submit></zui-search>
455
+ </zui-table-topbar>
456
+ <zui-table-row header>
457
+ <zui-table-cell>Name</zui-table-cell>
458
+ <zui-table-cell>Title</zui-table-cell>
459
+ <zui-table-cell>Born</zui-table-cell>
460
+ <zui-table-cell>Died</zui-table-cell>
461
+ <zui-table-cell>Age</zui-table-cell>
462
+ <zui-table-cell>Action</zui-table-cell>
463
+ </zui-table-row>
464
+ <zui-table-row>
465
+ <zui-table-cell>Paulus Atreides</zui-table-cell>
466
+ <zui-table-cell>Old Duke</zui-table-cell>
467
+ <zui-table-cell>10,089 A.G.</zui-table-cell>
468
+ <zui-table-cell>10,156 A.G.</zui-table-cell>
469
+ <zui-table-cell>67 years old</zui-table-cell>
470
+ <zui-table-cell action>
471
+ <zui-button type="secondary">Betray</zui-button>
472
+ </zui-table-cell>
473
+ </zui-table-row>
474
+ <zui-table-row>
475
+ <zui-table-cell>Leto Atreides I</zui-table-cell>
476
+ <zui-table-cell>Red Duke</zui-table-cell>
477
+ <zui-table-cell>10,140 A.G.</zui-table-cell>
478
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
479
+ <zui-table-cell>51 years old</zui-table-cell>
480
+ <zui-table-cell action>
481
+ <zui-button type="secondary">Betray</zui-button>
482
+ </zui-table-cell>
483
+ </zui-table-row>
484
+ <zui-table-row>
485
+ <zui-table-cell>Paul Atreides</zui-table-cell>
486
+ <zui-table-cell>Padishah Emperor</zui-table-cell>
487
+ <zui-table-cell>10,176 A.G.</zui-table-cell>
488
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
489
+ <zui-table-cell>43 years old</zui-table-cell>
490
+ <zui-table-cell action>
491
+ <zui-button type="secondary">Betray</zui-button>
492
+ </zui-table-cell>
493
+ </zui-table-row>
494
+ <zui-table-row>
495
+ <zui-table-cell>Alia Atreides</zui-table-cell>
496
+ <zui-table-cell>Imperial Regent</zui-table-cell>
497
+ <zui-table-cell>10,191 A.G.</zui-table-cell>
498
+ <zui-table-cell>10,219 A.G.</zui-table-cell>
499
+ <zui-table-cell>28 years old</zui-table-cell>
500
+ <zui-table-cell action>
501
+ <zui-button type="secondary">Betray</zui-button>
502
+ </zui-table-cell>
503
+ </zui-table-row>
504
+ <zui-table-row>
505
+ <zui-table-cell>Leto Atreides II</zui-table-cell>
506
+ <zui-table-cell>God Emperor</zui-table-cell>
507
+ <zui-table-cell>10,207 A.G.</zui-table-cell>
508
+ <zui-table-cell>13,728 A.G.</zui-table-cell>
509
+ <zui-table-cell>3,521 years old</zui-table-cell>
510
+ <zui-table-cell action>
511
+ <zui-button type="secondary">Betray</zui-button>
318
512
  </zui-table-cell>
319
513
  </zui-table-row>
320
514
  <zui-table-row summary>
@@ -346,7 +540,7 @@
346
540
  <zui-table-cell>10,156 A.G.</zui-table-cell>
347
541
  <zui-table-cell>67 years old</zui-table-cell>
348
542
  <zui-table-cell action>
349
- <zui-button class="secondary">Betray</zui-button>
543
+ <zui-button type="secondary">Betray</zui-button>
350
544
  </zui-table-cell>
351
545
  </zui-table-row>
352
546
  <zui-table-row>
@@ -356,7 +550,7 @@
356
550
  <zui-table-cell>10,191 A.G.</zui-table-cell>
357
551
  <zui-table-cell>51 years old</zui-table-cell>
358
552
  <zui-table-cell action>
359
- <zui-button class="secondary">Betray</zui-button>
553
+ <zui-button type="secondary">Betray</zui-button>
360
554
  </zui-table-cell>
361
555
  </zui-table-row>
362
556
  <zui-table-row>
@@ -366,7 +560,7 @@
366
560
  <zui-table-cell>10,219 A.G.</zui-table-cell>
367
561
  <zui-table-cell>43 years old</zui-table-cell>
368
562
  <zui-table-cell action>
369
- <zui-button class="secondary">Betray</zui-button>
563
+ <zui-button type="secondary">Betray</zui-button>
370
564
  </zui-table-cell>
371
565
  </zui-table-row>
372
566
  <zui-table-row>
@@ -376,7 +570,7 @@
376
570
  <zui-table-cell>10,219 A.G.</zui-table-cell>
377
571
  <zui-table-cell>28 years old</zui-table-cell>
378
572
  <zui-table-cell action>
379
- <zui-button class="secondary">Betray</zui-button>
573
+ <zui-button type="secondary">Betray</zui-button>
380
574
  </zui-table-cell>
381
575
  </zui-table-row>
382
576
  <zui-table-row>
@@ -386,7 +580,7 @@
386
580
  <zui-table-cell>13,728 A.G.</zui-table-cell>
387
581
  <zui-table-cell>3,521 years old</zui-table-cell>
388
582
  <zui-table-cell action>
389
- <zui-button class="secondary">Betray</zui-button>
583
+ <zui-button type="secondary">Betray</zui-button>
390
584
  </zui-table-cell>
391
585
  </zui-table-row>
392
586
  <zui-table-row summary>
@@ -402,7 +596,7 @@
402
596
  <zui-table-topbar>
403
597
  <zui-search placeholder="Search for a family member" no-submit></zui-search>
404
598
  <div slot="counter">5 family members</div>
405
- <zui-button slot="action" class="secondary">Whisper</zui-button>
599
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
406
600
  <zui-button slot="action">Add a family member</zui-button>
407
601
  </zui-table-topbar>
408
602
  <zui-table-row header>
@@ -420,7 +614,7 @@
420
614
  <zui-table-cell>10,156 A.G.</zui-table-cell>
421
615
  <zui-table-cell>67 years old</zui-table-cell>
422
616
  <zui-table-cell action>
423
- <zui-button class="secondary">Betray</zui-button>
617
+ <zui-button type="secondary">Betray</zui-button>
424
618
  </zui-table-cell>
425
619
  </zui-table-row>
426
620
  <zui-table-row>
@@ -430,7 +624,7 @@
430
624
  <zui-table-cell>10,191 A.G.</zui-table-cell>
431
625
  <zui-table-cell>51 years old</zui-table-cell>
432
626
  <zui-table-cell action>
433
- <zui-button class="secondary">Betray</zui-button>
627
+ <zui-button type="secondary">Betray</zui-button>
434
628
  </zui-table-cell>
435
629
  </zui-table-row>
436
630
  <zui-table-row>
@@ -440,7 +634,7 @@
440
634
  <zui-table-cell>10,219 A.G.</zui-table-cell>
441
635
  <zui-table-cell>43 years old</zui-table-cell>
442
636
  <zui-table-cell action>
443
- <zui-button class="secondary">Betray</zui-button>
637
+ <zui-button type="secondary">Betray</zui-button>
444
638
  </zui-table-cell>
445
639
  </zui-table-row>
446
640
  <zui-table-row>
@@ -450,7 +644,7 @@
450
644
  <zui-table-cell>10,219 A.G.</zui-table-cell>
451
645
  <zui-table-cell>28 years old</zui-table-cell>
452
646
  <zui-table-cell action>
453
- <zui-button class="secondary">Betray</zui-button>
647
+ <zui-button type="secondary">Betray</zui-button>
454
648
  </zui-table-cell>
455
649
  </zui-table-row>
456
650
  <zui-table-row>
@@ -460,7 +654,7 @@
460
654
  <zui-table-cell>13,728 A.G.</zui-table-cell>
461
655
  <zui-table-cell>3,521 years old</zui-table-cell>
462
656
  <zui-table-cell action>
463
- <zui-button class="secondary">Betray</zui-button>
657
+ <zui-button type="secondary">Betray</zui-button>
464
658
  </zui-table-cell>
465
659
  </zui-table-row>
466
660
  <zui-table-row summary>
@@ -476,7 +670,7 @@
476
670
  <zui-table-topbar>
477
671
  <zui-search placeholder="Search for a family member" no-submit></zui-search>
478
672
  <div slot="counter">5 family members</div>
479
- <zui-button slot="action" class="secondary">Whisper</zui-button>
673
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
480
674
  <zui-button slot="action">Add a family member</zui-button>
481
675
  </zui-table-topbar>
482
676
  <zui-table-row header>
@@ -494,7 +688,7 @@
494
688
  <zui-table-cell>10,156 A.G.</zui-table-cell>
495
689
  <zui-table-cell>67 years old</zui-table-cell>
496
690
  <zui-table-cell action>
497
- <zui-button class="secondary">Betray</zui-button>
691
+ <zui-button type="secondary">Betray</zui-button>
498
692
  </zui-table-cell>
499
693
  </zui-table-row>
500
694
  <zui-table-row>
@@ -504,7 +698,7 @@
504
698
  <zui-table-cell>10,191 A.G.</zui-table-cell>
505
699
  <zui-table-cell>51 years old</zui-table-cell>
506
700
  <zui-table-cell action>
507
- <zui-button class="secondary">Betray</zui-button>
701
+ <zui-button type="secondary">Betray</zui-button>
508
702
  </zui-table-cell>
509
703
  </zui-table-row>
510
704
  <zui-table-row>
@@ -514,7 +708,7 @@
514
708
  <zui-table-cell>10,219 A.G.</zui-table-cell>
515
709
  <zui-table-cell>43 years old</zui-table-cell>
516
710
  <zui-table-cell action>
517
- <zui-button class="secondary">Betray</zui-button>
711
+ <zui-button type="secondary">Betray</zui-button>
518
712
  </zui-table-cell>
519
713
  </zui-table-row>
520
714
  <zui-table-row>
@@ -524,7 +718,7 @@
524
718
  <zui-table-cell>10,219 A.G.</zui-table-cell>
525
719
  <zui-table-cell>28 years old</zui-table-cell>
526
720
  <zui-table-cell action>
527
- <zui-button class="secondary">Betray</zui-button>
721
+ <zui-button type="secondary">Betray</zui-button>
528
722
  </zui-table-cell>
529
723
  </zui-table-row>
530
724
  <zui-table-row>
@@ -534,7 +728,7 @@
534
728
  <zui-table-cell>13,728 A.G.</zui-table-cell>
535
729
  <zui-table-cell>3,521 years old</zui-table-cell>
536
730
  <zui-table-cell action>
537
- <zui-button class="secondary">Betray</zui-button>
731
+ <zui-button type="secondary">Betray</zui-button>
538
732
  </zui-table-cell>
539
733
  </zui-table-row>
540
734
  <zui-table-row summary>
@@ -553,7 +747,7 @@
553
747
  <zui-table-topbar>
554
748
  <zui-search placeholder="Search for a family member" value="Spongebob Squarepants" no-submit></zui-search>
555
749
  <div slot="counter">0 family members</div>
556
- <zui-button slot="action" class="secondary">Whisper</zui-button>
750
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
557
751
  <zui-button slot="action">Add a family member</zui-button>
558
752
  </zui-table-topbar>
559
753
  <zui-table-row header>
@@ -576,7 +770,7 @@
576
770
  <zui-table-topbar>
577
771
  <zui-search placeholder="Search for a family member" value="Spongebob Squarepants" no-submit></zui-search>
578
772
  <div slot="counter">0 family members</div>
579
- <zui-button slot="action" class="secondary">Whisper</zui-button>
773
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
580
774
  <zui-button slot="action">Add a family member</zui-button>
581
775
  </zui-table-topbar>
582
776
  <zui-table-row header>
@@ -603,7 +797,7 @@
603
797
  <zui-table-topbar>
604
798
  <zui-search placeholder="Search for a family member" no-submit></zui-search>
605
799
  <div slot="counter">5 family members</div>
606
- <zui-button slot="action" class="secondary">Whisper</zui-button>
800
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
607
801
  <zui-button slot="action">Add a family member</zui-button>
608
802
  </zui-table-topbar>
609
803
  <zui-table-row header>
@@ -621,7 +815,7 @@
621
815
  <zui-table-cell>10,156 A.G.</zui-table-cell>
622
816
  <zui-table-cell>67 years old</zui-table-cell>
623
817
  <zui-table-cell action>
624
- <zui-button class="secondary">Betray</zui-button>
818
+ <zui-button type="secondary">Betray</zui-button>
625
819
  </zui-table-cell>
626
820
  </zui-table-row>
627
821
  <zui-table-row>
@@ -631,7 +825,7 @@
631
825
  <zui-table-cell>10,191 A.G.</zui-table-cell>
632
826
  <zui-table-cell>51 years old</zui-table-cell>
633
827
  <zui-table-cell action>
634
- <zui-button class="secondary">Betray</zui-button>
828
+ <zui-button type="secondary">Betray</zui-button>
635
829
  </zui-table-cell>
636
830
  </zui-table-row>
637
831
  <zui-table-row>
@@ -641,7 +835,7 @@
641
835
  <zui-table-cell>10,219 A.G.</zui-table-cell>
642
836
  <zui-table-cell>43 years old</zui-table-cell>
643
837
  <zui-table-cell action>
644
- <zui-button class="secondary">Betray</zui-button>
838
+ <zui-button type="secondary">Betray</zui-button>
645
839
  </zui-table-cell>
646
840
  </zui-table-row>
647
841
  <zui-table-row>
@@ -651,7 +845,7 @@
651
845
  <zui-table-cell>10,219 A.G.</zui-table-cell>
652
846
  <zui-table-cell>28 years old</zui-table-cell>
653
847
  <zui-table-cell action>
654
- <zui-button class="secondary">Betray</zui-button>
848
+ <zui-button type="secondary">Betray</zui-button>
655
849
  </zui-table-cell>
656
850
  </zui-table-row>
657
851
  <zui-table-row>
@@ -661,7 +855,7 @@
661
855
  <zui-table-cell>13,728 A.G.</zui-table-cell>
662
856
  <zui-table-cell>3,521 years old</zui-table-cell>
663
857
  <zui-table-cell action>
664
- <zui-button class="secondary">Betray</zui-button>
858
+ <zui-button type="secondary">Betray</zui-button>
665
859
  </zui-table-cell>
666
860
  </zui-table-row>
667
861
  <zui-table-row summary>
@@ -685,7 +879,7 @@
685
879
  <zui-table-topbar>
686
880
  <zui-search placeholder="Search for a family member" no-submit></zui-search>
687
881
  <div slot="counter">5 family members</div>
688
- <zui-button slot="action" class="secondary">Whisper</zui-button>
882
+ <zui-button slot="action" type="secondary">Whisper</zui-button>
689
883
  <zui-button slot="action">Add a family member</zui-button>
690
884
  </zui-table-topbar>
691
885
  <zui-table-row header>
@@ -703,7 +897,7 @@
703
897
  <zui-table-cell>10,156 A.G.</zui-table-cell>
704
898
  <zui-table-cell>67 years old</zui-table-cell>
705
899
  <zui-table-cell action>
706
- <zui-button class="secondary">Betray</zui-button>
900
+ <zui-button type="secondary">Betray</zui-button>
707
901
  </zui-table-cell>
708
902
  </zui-table-row>
709
903
  <zui-table-row>
@@ -713,7 +907,7 @@
713
907
  <zui-table-cell>10,191 A.G.</zui-table-cell>
714
908
  <zui-table-cell>51 years old</zui-table-cell>
715
909
  <zui-table-cell action>
716
- <zui-button class="secondary">Betray</zui-button>
910
+ <zui-button type="secondary">Betray</zui-button>
717
911
  </zui-table-cell>
718
912
  </zui-table-row>
719
913
  <zui-table-row>
@@ -723,7 +917,7 @@
723
917
  <zui-table-cell>10,219 A.G.</zui-table-cell>
724
918
  <zui-table-cell>43 years old</zui-table-cell>
725
919
  <zui-table-cell action>
726
- <zui-button class="secondary">Betray</zui-button>
920
+ <zui-button type="secondary">Betray</zui-button>
727
921
  </zui-table-cell>
728
922
  </zui-table-row>
729
923
  <zui-table-row>
@@ -733,7 +927,7 @@
733
927
  <zui-table-cell>10,219 A.G.</zui-table-cell>
734
928
  <zui-table-cell>28 years old</zui-table-cell>
735
929
  <zui-table-cell action>
736
- <zui-button class="secondary">Betray</zui-button>
930
+ <zui-button type="secondary">Betray</zui-button>
737
931
  </zui-table-cell>
738
932
  </zui-table-row>
739
933
  <zui-table-row>
@@ -743,7 +937,7 @@
743
937
  <zui-table-cell>13,728 A.G.</zui-table-cell>
744
938
  <zui-table-cell>3,521 years old</zui-table-cell>
745
939
  <zui-table-cell action>
746
- <zui-button class="secondary">Betray</zui-button>
940
+ <zui-button type="secondary">Betray</zui-button>
747
941
  </zui-table-cell>
748
942
  </zui-table-row>
749
943
  <zui-table-row summary>