@human-kit/svelte-components 1.0.0-alpha.15 → 1.0.0-alpha.16
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.
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { onDestroy } from 'svelte';
|
|
3
3
|
import { getTableCellContext, useTableColumnContext, useTableContext } from '../root/context';
|
|
4
4
|
import type { TableColumnResizerProps } from '../types.js';
|
|
5
|
+
import { visuallyHiddenStyle } from '../utils/visually-hidden-style';
|
|
5
6
|
import {
|
|
6
7
|
shouldShowFocusVisible,
|
|
7
8
|
trackInteractionModality
|
|
@@ -601,8 +602,7 @@
|
|
|
601
602
|
role="status"
|
|
602
603
|
aria-live="polite"
|
|
603
604
|
aria-atomic="true"
|
|
604
|
-
style=
|
|
605
|
-
>{resizeAnnouncement}</span
|
|
605
|
+
style={visuallyHiddenStyle}>{resizeAnnouncement}</span
|
|
606
606
|
>
|
|
607
607
|
</div>
|
|
608
608
|
{/if}
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
shouldShowFocusVisible,
|
|
17
17
|
trackInteractionModality
|
|
18
18
|
} from '../../primitives/input-modality';
|
|
19
|
+
import { visuallyHiddenStyle } from '../utils/visually-hidden-style';
|
|
19
20
|
import type { TableRootProps } from '../types.js';
|
|
20
21
|
import {
|
|
21
22
|
createTableContext,
|
|
@@ -392,16 +393,10 @@
|
|
|
392
393
|
{/if}
|
|
393
394
|
</table>
|
|
394
395
|
|
|
395
|
-
<span
|
|
396
|
-
role="status"
|
|
397
|
-
aria-live="polite"
|
|
398
|
-
aria-atomic="true"
|
|
399
|
-
style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
|
|
396
|
+
<span role="status" aria-live="polite" aria-atomic="true" style={visuallyHiddenStyle}
|
|
400
397
|
>{sortAnnouncement}</span
|
|
401
398
|
>
|
|
402
399
|
|
|
403
|
-
<span
|
|
404
|
-
id={ctx.selectionUnavailableDescriptionId}
|
|
405
|
-
style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
|
|
400
|
+
<span id={ctx.selectionUnavailableDescriptionId} style={visuallyHiddenStyle}
|
|
406
401
|
>Selection unavailable for this row.</span
|
|
407
402
|
>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const visuallyHiddenStyle = "position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const visuallyHiddenStyle = 'position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;';
|