@placeholderco/placeholder-ui 2.6.4 → 2.6.6

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.
@@ -52,6 +52,8 @@
52
52
  drawerButtonPosition?: 'left' | 'right';
53
53
  /** Custom icon for the drawer toggle button */
54
54
  drawerButtonIcon?: string;
55
+ /** Accessible label for the drawer toggle button (it has no visible text) */
56
+ drawerButtonLabel?: string;
55
57
  /** Callback when drawer toggle is clicked */
56
58
  onDrawerButtonClick?: () => void;
57
59
  }
@@ -72,6 +74,7 @@
72
74
  showDrawerButton = false,
73
75
  drawerButtonPosition = 'right',
74
76
  drawerButtonIcon = iconHamburger,
77
+ drawerButtonLabel = 'Open navigation menu',
75
78
  onDrawerButtonClick = undefined
76
79
  }: NavbarProps = $props();
77
80
 
@@ -96,6 +99,7 @@
96
99
  svg={drawerButtonIcon}
97
100
  variant={drawerButtonVariant}
98
101
  size="1.25rem"
102
+ ariaLabel={drawerButtonLabel}
99
103
  onclick={onDrawerButtonClick}
100
104
  class="drawer-btn drawer-btn-left"
101
105
  />
@@ -153,6 +157,7 @@
153
157
  svg={drawerButtonIcon}
154
158
  variant={drawerButtonVariant}
155
159
  size="1.25rem"
160
+ ariaLabel={drawerButtonLabel}
156
161
  onclick={onDrawerButtonClick}
157
162
  class="drawer-btn drawer-btn-right"
158
163
  />
@@ -39,6 +39,8 @@ export interface NavbarProps {
39
39
  drawerButtonPosition?: 'left' | 'right';
40
40
  /** Custom icon for the drawer toggle button */
41
41
  drawerButtonIcon?: string;
42
+ /** Accessible label for the drawer toggle button (it has no visible text) */
43
+ drawerButtonLabel?: string;
42
44
  /** Callback when drawer toggle is clicked */
43
45
  onDrawerButtonClick?: () => void;
44
46
  }
@@ -475,7 +475,11 @@
475
475
  }}
476
476
  >
477
477
  {#if expandable}
478
- <td class="table-cell expand-cell" onclick={(e) => e.stopPropagation()}>
478
+ <td
479
+ class="table-cell expand-cell"
480
+ onclick={(e) => e.stopPropagation()}
481
+ onauxclick={(e) => e.stopPropagation()}
482
+ >
479
483
  {#if rowCanExpand(row, index)}
480
484
  <button
481
485
  type="button"
@@ -491,7 +495,11 @@
491
495
  </td>
492
496
  {/if}
493
497
  {#if selectable && rowKey}
494
- <td class="table-cell checkbox-cell" onclick={(e) => e.stopPropagation()}>
498
+ <td
499
+ class="table-cell checkbox-cell"
500
+ onclick={(e) => e.stopPropagation()}
501
+ onauxclick={(e) => e.stopPropagation()}
502
+ >
495
503
  <Checkbox
496
504
  controlled
497
505
  checked={isRowSelected(row)}
@@ -515,7 +523,12 @@
515
523
  </td>
516
524
  {/each}
517
525
  {#if buttons}
518
- <td class="table-cell center">
526
+ <!-- Keep action-button clicks from triggering row click / navigation / selection -->
527
+ <td
528
+ class="table-cell center actions-cell"
529
+ onclick={(e) => e.stopPropagation()}
530
+ onauxclick={(e) => e.stopPropagation()}
531
+ >
519
532
  {@render buttons(row, index)}
520
533
  </td>
521
534
  {/if}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@placeholderco/placeholder-ui",
3
- "version": "2.6.4",
3
+ "version": "2.6.6",
4
4
  "description": "A modern, customizable Svelte 5 UI component library with comprehensive theming support. Re-brand it with a single config object.",
5
5
  "license": "MIT",
6
6
  "author": "Placeholderco",