@bookjane2/bookjane-design-library 8.2.29 → 8.3.1

package/lib/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,3 @@
+import { IVisuallyHiddenProps } from './VisuallyHidden.types.js';
+export declare const VisuallyHidden: ({ focusable, ...rest }: IVisuallyHiddenProps) => JSX.Element;
+//# sourceMappingURL=VisuallyHidden.d.ts.map

package/lib/components/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,cAAc,GAAI,wBAAgC,oBAAoB,gBAElF,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledVisuallyHidden } from './VisuallyHidden.styled.js';
+export const VisuallyHidden = ({ focusable = false, ...rest }) => {
+    return _jsx(StyledVisuallyHidden, { "$focusable": focusable, ...rest });
+};
+//# sourceMappingURL=VisuallyHidden.js.map

package/lib/components/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,EAAwB,EAAE,EAAE;IACrF,OAAO,KAAC,oBAAoB,kBAAa,SAAS,KAAM,IAAI,GAAI,CAAC;AACnE,CAAC,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ focusable, ...rest }: import("./VisuallyHidden.types.js").IVisuallyHiddenProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: StoryFn;
+export declare const AsHeading: StoryFn;
+export declare const AsLabel: StoryFn;
+export declare const SkipLink: StoryFn;
+//# sourceMappingURL=VisuallyHidden.stories.d.ts.map

package/lib/components/VisuallyHidden/VisuallyHidden.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;;AAI3C,wBAGE;AAEF,eAAO,MAAM,OAAO,EAAE,OAarB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,OAiBvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAgBtB,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from './VisuallyHidden.js';
+import { BKJTheme, BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+export default {
+    title: 'Utilities/VisuallyHidden',
+    component: VisuallyHidden,
+};
+export const Default = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { children: [_jsx("p", { children: "The button below contains visually hidden text that screen readers will announce. Inspect the DOM to see the hidden content." }), _jsxs("button", { type: "button", children: [_jsx("span", { "aria-hidden": "true", children: "\u2715" }), _jsx(VisuallyHidden, { children: "Close dialog" })] })] }) }));
+export const AsHeading = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { children: [_jsxs("p", { children: ["The section below has a visually hidden heading (", `<h2>`, ") that provides structure for screen readers. Inspect the DOM to see it."] }), _jsxs("section", { "aria-labelledby": "filter-heading", children: [_jsx(VisuallyHidden, { as: "h2", id: "filter-heading", children: "Filter options" }), _jsxs("label", { children: ["Search: ", _jsx("input", { type: "text", placeholder: "Type to filter..." })] })] })] }) }));
+export const AsLabel = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { children: [_jsx("p", { children: "The input below has a visually hidden label. Screen readers will announce the label when the input receives focus." }), _jsx(VisuallyHidden, { as: "label", htmlFor: "search-input", children: "Search the site" }), _jsx("input", { id: "search-input", type: "text", placeholder: "Search..." })] }) }));
+export const SkipLink = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { children: [_jsx("p", { children: "Press Tab to reveal the skip navigation link below." }), _jsx(VisuallyHidden, { as: "a", href: "#main-content", focusable: true, children: "Skip to main content" }), _jsxs("nav", { children: [_jsx("a", { href: "#home", children: "Home" }), " | ", _jsx("a", { href: "#about", children: "About" }), " | ", _jsx("a", { href: "#contact", children: "Contact" })] }), _jsxs("main", { id: "main-content", children: [_jsx("h1", { children: "Main Content" }), _jsx("p", { children: "This is the main content area. The skip link jumps directly here." })] })] }) }));
+//# sourceMappingURL=VisuallyHidden.stories.js.map

package/lib/components/VisuallyHidden/VisuallyHidden.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.stories.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAE9E,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAY,GAAG,EAAE,CAAC,CACpC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,0BACE,uJAGI,EACJ,kBAAQ,IAAI,EAAC,QAAQ,aACnB,8BAAkB,MAAM,uBAAgB,EACxC,KAAC,cAAc,+BAA8B,IACtC,IACL,GACW,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAY,GAAG,EAAE,CAAC,CACtC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,0BACE,6EACoD,MAAM,gFAEtD,EACJ,sCAAyB,gBAAgB,aACvC,KAAC,cAAc,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,gBAAgB,+BAE1B,EACjB,wCACU,gBAAO,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,mBAAmB,GAAG,IACvD,IACA,IACN,GACW,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAY,GAAG,EAAE,CAAC,CACpC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,0BACE,6IAGI,EACJ,KAAC,cAAc,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,gCAEhC,EACjB,gBAAO,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,GAAG,IAC3D,GACW,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAY,GAAG,EAAE,CAAC,CACrC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,0BACE,8EAA0D,EAC1D,KAAC,cAAc,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,eAAe,EAAC,SAAS,2CAEpC,EACjB,0BACE,YAAG,IAAI,EAAC,OAAO,qBAAS,SAAG,YAAG,IAAI,EAAC,QAAQ,sBAAU,SAAG,YAAG,IAAI,EAAC,UAAU,wBAAY,IAClF,EACN,gBAAM,EAAE,EAAC,cAAc,aACrB,wCAAqB,EACrB,4FAAwE,IACnE,IACH,GACW,CACpB,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.styled.d.ts

@@ -0,0 +1,3 @@
+import { IStyledVisuallyHiddenProps } from './VisuallyHidden.types.js';
+export declare const StyledVisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledVisuallyHiddenProps>> & string;
+//# sourceMappingURL=VisuallyHidden.styled.d.ts.map

package/lib/components/VisuallyHidden/VisuallyHidden.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.styled.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,oBAAoB,iQAyBhC,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.styled.js

@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+export const StyledVisuallyHidden = styled.span `
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+
+  ${({ $focusable }) => $focusable &&
+    `
+    &:focus,
+    &:focus-within {
+      position: static;
+      width: auto;
+      height: auto;
+      margin: 0;
+      overflow: visible;
+      clip: auto;
+      white-space: normal;
+    }
+  `}
+`;
+//# sourceMappingURL=VisuallyHidden.styled.js.map

package/lib/components/VisuallyHidden/VisuallyHidden.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.styled.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAA4B;;;;;;;;;;;IAWvE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;;;;;;;;;;GAWD;CACF,CAAC"}

package/lib/components/VisuallyHidden/VisuallyHidden.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VisuallyHidden.test.d.ts.map

package/lib/components/VisuallyHidden/VisuallyHidden.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.test.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.test.tsx"],"names":[],"mappings":""}

package/lib/components/VisuallyHidden/VisuallyHidden.test.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { axe, toHaveNoViolations } from 'jest-axe';
+import { VisuallyHidden } from './VisuallyHidden.js';
+import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+expect.extend(toHaveNoViolations);
+const renderWithTheme = (component) => {
+    return render(_jsx(BKJThemeProvider, { children: component }));
+};
+describe('VisuallyHidden', () => {
+    describe('US1: Screen reader content', () => {
+        it('renders children text in the DOM', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { children: "Hidden label" }));
+            expect(getByText('Hidden label')).toBeInTheDocument();
+        });
+        it('applies visually hidden CSS styles', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { children: "Hidden label" }));
+            const element = getByText('Hidden label');
+            const styles = window.getComputedStyle(element);
+            expect(styles.position).toBe('absolute');
+            expect(styles.width).toBe('1px');
+            expect(styles.height).toBe('1px');
+            expect(styles.overflow).toBe('hidden');
+        });
+        it('renders without errors when no children are provided', () => {
+            const { container } = renderWithTheme(_jsx(VisuallyHidden, { children: undefined }));
+            expect(container.firstChild).toBeInTheDocument();
+        });
+    });
+    describe('US2: Polymorphic element rendering', () => {
+        it('renders as a span by default', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { children: "Default element" }));
+            // span has no implicit ARIA role, so we use the DOM element check
+            expect(getByText('Default element').tagName).toBe('SPAN');
+        });
+        it('renders as a div when as="div" is passed', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { as: "div", children: "Div element" }));
+            expect(getByText('Div element').tagName).toBe('DIV');
+        });
+        it('renders as an h2 when as="h2" is passed', () => {
+            const { getByRole } = renderWithTheme(_jsx(VisuallyHidden, { as: "h2", children: "Section heading" }));
+            expect(getByRole('heading', { level: 2 })).toBeInTheDocument();
+        });
+        it('forwards HTML attributes to the rendered element', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { id: "sr-label", className: "custom-class", children: "Attributed element" }));
+            const element = getByText('Attributed element');
+            expect(element).toHaveAttribute('id', 'sr-label');
+            expect(element).toHaveClass('custom-class');
+        });
+    });
+    describe('US3: Focusable skip links', () => {
+        it('does not change styles when focused and focusable is false', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { children: "Not focusable" }));
+            const element = getByText('Not focusable');
+            fireEvent.focus(element);
+            const styles = window.getComputedStyle(element);
+            expect(styles.position).toBe('absolute');
+            expect(styles.width).toBe('1px');
+            expect(styles.height).toBe('1px');
+        });
+        it('renders without error when focusable is true', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { as: "a", focusable: true, children: "Skip to content" }));
+            expect(getByText('Skip to content')).toBeInTheDocument();
+        });
+        it('applies hidden styles in default state when focusable is true', () => {
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { as: "a", focusable: true, children: "Skip to content" }));
+            const element = getByText('Skip to content');
+            const styles = window.getComputedStyle(element);
+            expect(styles.position).toBe('absolute');
+            expect(styles.width).toBe('1px');
+        });
+        it('can receive focus when focusable is true', () => {
+            const handleFocus = jest.fn();
+            const { getByText } = renderWithTheme(_jsx(VisuallyHidden, { as: "a", href: "#main", focusable: true, onFocus: handleFocus, children: "Skip to main content" }));
+            const element = getByText('Skip to main content');
+            fireEvent.focus(element);
+            expect(handleFocus).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('Accessibility', () => {
+        it('has no accessibility violations', async () => {
+            const { container } = renderWithTheme(_jsxs("button", { type: "button", children: [_jsx("span", { "aria-hidden": "true", children: "X" }), _jsx(VisuallyHidden, { children: "Close" })] }));
+            const results = await axe(container);
+            expect(results).toHaveNoViolations();
+        });
+    });
+});
+//# sourceMappingURL=VisuallyHidden.test.js.map

package/lib/components/VisuallyHidden/VisuallyHidden.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.test.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.test.tsx"],"names":[],"mappings":"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"}

package/lib/components/VisuallyHidden/VisuallyHidden.types.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ElementType, ReactNode } from 'react';
+export interface IVisuallyHiddenProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    as?: ElementType;
+    focusable?: boolean;
+    [key: string]: unknown;
+}
+export interface IStyledVisuallyHiddenProps {
+    $focusable?: boolean;
+}
+//# sourceMappingURL=VisuallyHidden.types.d.ts.map

package/lib/components/VisuallyHidden/VisuallyHidden.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.types.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/lib/components/VisuallyHidden/VisuallyHidden.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VisuallyHidden.types.js.map

package/lib/components/VisuallyHidden/VisuallyHidden.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.types.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":""}

package/lib/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VisuallyHidden.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/VisuallyHidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/components/VisuallyHidden/index.js

@@ -0,0 +1,2 @@
+export * from './VisuallyHidden.js';
+//# sourceMappingURL=index.js.map

package/lib/components/VisuallyHidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/components/index.d.ts

@@ -44,4 +44,5 @@ export * from './BKJDropdownMenu/index.js';
 export * from './MobileBKJDropdownMenu/index.js';
 export * from './BKJPillDropdown/index.js';
 export * from './BKJTimeInput/index.js';
+export * from './VisuallyHidden/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/lib/components/index.js

@@ -44,4 +44,5 @@ export * from './BKJDropdownMenu/index.js';
 export * from './MobileBKJDropdownMenu/index.js';
 export * from './BKJPillDropdown/index.js';
 export * from './BKJTimeInput/index.js';
+export * from './VisuallyHidden/index.js';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bookjane2/bookjane-design-library",
-  "version": "8.2.29",
+  "version": "8.3.1",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
   "engines": {
@@ -28,83 +28,72 @@
   },
   "dependencies": {
     "@popperjs/core": "2.9.2",
-    "@react-aria/textfield": "^3.5.0",
-    "@reduxjs/toolkit": "^1.5.1",
-    "@types/lodash": "^4.14.178",
-    "@types/uuid": "^8.3.1",
-    "dayjs": "^1.10.5",
-    "downshift": "^6.1.7",
-    "fast-deep-equal": "^3.1.3",
-    "flat": "^5.0.2",
-    "geojson": "^0.5.0",
-    "google-map-react": "^2.1.10",
+    "@react-aria/textfield": "3.18.2",
+    "@reduxjs/toolkit": "1.9.7",
+    "downshift": "6.1.12",
+    "fast-deep-equal": "3.1.3",
+    "flat": "5.0.2",
+    "google-map-react": "2.2.5",
     "i18next": "20.3.2",
-    "imask": "^6.2.2",
-    "lodash": "^4.17.21",
-    "match-sorter": "^6.3.1",
+    "imask": "6.6.3",
+    "lodash": "4.17.21",
+    "match-sorter": "6.3.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-i18next": "11.11.4",
     "react-popper": "2.2.5",
-    "react-router-dom": "5.2.0",
-    "react-toastify": "^8.0.3",
-    "react-virtual": "^2.10.4",
-    "resize-observer-polyfill": "^1.5.1",
-    "serialize-javascript": "^6.0.0",
-    "storybook": "^8.4.7",
-    "supercluster": "^7.1.5",
-    "use-supercluster": "^0.4.0",
-    "uuid": "^8.3.2"
+    "react-toastify": "8.2.0",
+    "react-virtual": "2.10.4",
+    "resize-observer-polyfill": "1.5.1",
+    "serialize-javascript": "6.0.2",
+    "supercluster": "7.1.5",
+    "use-supercluster": "0.4.0",
+    "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
+    "@chromatic-com/storybook": "3.2.7",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-onboarding": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
     "@testing-library/jest-dom": "5.12.0",
     "@testing-library/react": "11.2.7",
-    "@testing-library/user-event": "12.8.3",
-    "@types/flat": "^5.0.2",
-    "@types/geojson": "^7946.0.8",
-    "@types/google-map-react": "^2.1.7",
-    "@types/google.maps": "^3.49.2",
-    "@types/jest": "^26.0.23",
+    "@types/flat": "5.0.5",
+    "@types/geojson": "7946.0.16",
+    "@types/google-map-react": "2.1.10",
+    "@types/google.maps": "3.58.1",
+    "@types/jest": "26.0.23",
+    "@types/jest-axe": "^3.5.9",
+    "@types/lodash": "4.17.20",
     "@types/node": "20.17.0",
     "@types/react": "17.0.8",
     "@types/react-dom": "17.0.5",
-    "@types/react-router-dom": "5.1.7",
-    "@types/serialize-javascript": "^5.0.2",
-    "@types/supercluster": "^7.1.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@types/serialize-javascript": "5.0.4",
+    "@types/supercluster": "7.1.3",
+    "@types/uuid": "8.3.4",
+    "@vitejs/plugin-react": "4.7.0",
     "auto": "10.16.8",
-    "babel-plugin-styled-components": "^1.12.0",
     "chromatic": "5.6.2",
     "cross-env": "7.0.3",
     "dotenv-cli": "4.0.0",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.2",
-    "husky": "^6.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "eslint": "9.37.0",
+    "husky": "6.0.0",
+    "jest": "29.7.0",
+    "jest-axe": "^9.0.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-util": "^29.7.0",
     "lint-staged": "11.0.0",
     "prettier": "2.3.0",
-    "pretty-quick": "3.1.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-refresh": "^0.10.0",
-    "react-router-dom": "5.2.0",
     "semantic-release": "17.4.2",
-    "styled-components": "^6.1.13",
-    "ts-jest": "^29.4.6",
-    "tsc-alias": "^1.6.11",
-    "typescript": "^5.7.2",
-    "vite": "^6.0.5"
+    "storybook": "8.6.14",
+    "styled-components": "6.1.19",
+    "ts-jest": "29.4.6",
+    "tsc-alias": "1.8.16",
+    "typescript": "5.9.3",
+    "vite": "6.4.0"
   },
   "pre-commit": [
     "npm run build"