@bookjane2/bookjane-design-library 8.3.1 → 8.3.3

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 (47) hide show
  1. package/lib/components/BKJLandmark/BKJLandmark.d.ts +3 -0
  2. package/lib/components/BKJLandmark/BKJLandmark.d.ts.map +1 -0
  3. package/lib/components/BKJLandmark/BKJLandmark.js +8 -0
  4. package/lib/components/BKJLandmark/BKJLandmark.js.map +1 -0
  5. package/lib/components/BKJLandmark/BKJLandmark.stories.d.ts +26 -0
  6. package/lib/components/BKJLandmark/BKJLandmark.stories.d.ts.map +1 -0
  7. package/lib/components/BKJLandmark/BKJLandmark.stories.js +39 -0
  8. package/lib/components/BKJLandmark/BKJLandmark.stories.js.map +1 -0
  9. package/lib/components/BKJLandmark/BKJLandmark.styled.d.ts +2 -0
  10. package/lib/components/BKJLandmark/BKJLandmark.styled.d.ts.map +1 -0
  11. package/lib/components/BKJLandmark/BKJLandmark.styled.js +5 -0
  12. package/lib/components/BKJLandmark/BKJLandmark.styled.js.map +1 -0
  13. package/lib/components/BKJLandmark/BKJLandmark.test.d.ts +2 -0
  14. package/lib/components/BKJLandmark/BKJLandmark.test.d.ts.map +1 -0
  15. package/lib/components/BKJLandmark/BKJLandmark.test.js +125 -0
  16. package/lib/components/BKJLandmark/BKJLandmark.test.js.map +1 -0
  17. package/lib/components/BKJLandmark/BKJLandmark.types.d.ts +40 -0
  18. package/lib/components/BKJLandmark/BKJLandmark.types.d.ts.map +1 -0
  19. package/lib/components/BKJLandmark/BKJLandmark.types.js +2 -0
  20. package/lib/components/BKJLandmark/BKJLandmark.types.js.map +1 -0
  21. package/lib/components/BKJLandmark/index.d.ts +2 -0
  22. package/lib/components/BKJLandmark/index.d.ts.map +1 -0
  23. package/lib/components/BKJLandmark/index.js +2 -0
  24. package/lib/components/BKJLandmark/index.js.map +1 -0
  25. package/lib/components/BKJTypography/BKJTypography.d.ts +1 -2
  26. package/lib/components/BKJTypography/BKJTypography.d.ts.map +1 -1
  27. package/lib/components/BKJTypography/BKJTypography.js +4 -4
  28. package/lib/components/BKJTypography/BKJTypography.js.map +1 -1
  29. package/lib/components/BKJTypography/BKJTypography.stories.d.ts +7 -1
  30. package/lib/components/BKJTypography/BKJTypography.stories.d.ts.map +1 -1
  31. package/lib/components/BKJTypography/BKJTypography.stories.js +21 -1
  32. package/lib/components/BKJTypography/BKJTypography.stories.js.map +1 -1
  33. package/lib/components/BKJTypography/BKJTypography.styled.d.ts +2 -10
  34. package/lib/components/BKJTypography/BKJTypography.styled.d.ts.map +1 -1
  35. package/lib/components/BKJTypography/BKJTypography.styled.js +6 -23
  36. package/lib/components/BKJTypography/BKJTypography.styled.js.map +1 -1
  37. package/lib/components/BKJTypography/BKJTypography.test.d.ts +2 -0
  38. package/lib/components/BKJTypography/BKJTypography.test.d.ts.map +1 -0
  39. package/lib/components/BKJTypography/BKJTypography.test.js +89 -0
  40. package/lib/components/BKJTypography/BKJTypography.test.js.map +1 -0
  41. package/lib/components/BKJTypography/BKJTypography.types.d.ts +8 -5
  42. package/lib/components/BKJTypography/BKJTypography.types.d.ts.map +1 -1
  43. package/lib/components/index.d.ts +1 -0
  44. package/lib/components/index.d.ts.map +1 -1
  45. package/lib/components/index.js +1 -0
  46. package/lib/components/index.js.map +1 -1
  47. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import { IBKJLandmarkProps } from './BKJLandmark.types.js';
2
+ export declare const BKJLandmark: import("react").ForwardRefExoticComponent<IBKJLandmarkProps & import("react").RefAttributes<HTMLElement>>;
3
+ //# sourceMappingURL=BKJLandmark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,WAAW,2GAIvB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { StyledLandmark } from './BKJLandmark.styled.js';
4
+ export const BKJLandmark = forwardRef(({ as, ...rest }, ref) => {
5
+ return _jsx(StyledLandmark, { as: as, ref: ref, ...rest });
6
+ });
7
+ BKJLandmark.displayName = 'BKJLandmark';
8
+ //# sourceMappingURL=BKJLandmark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvB,OAAO,KAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAM,IAAI,GAAI,CAAC;AACxD,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { StoryFn } from '@storybook/react';
2
+ import { IBKJLandmarkProps } from './BKJLandmark.types.js';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<IBKJLandmarkProps & import("react").RefAttributes<HTMLElement>>;
6
+ argTypes: {
7
+ as: {
8
+ control: string;
9
+ options: string[];
10
+ description: string;
11
+ };
12
+ 'aria-label': {
13
+ control: string;
14
+ description: string;
15
+ };
16
+ 'aria-labelledby': {
17
+ control: string;
18
+ description: string;
19
+ };
20
+ };
21
+ };
22
+ export default _default;
23
+ export declare const Default: StoryFn<IBKJLandmarkProps>;
24
+ export declare const PageStructure: StoryFn<IBKJLandmarkProps>;
25
+ export declare const WithLabelledBy: StoryFn<IBKJLandmarkProps>;
26
+ //# sourceMappingURL=BKJLandmark.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;AAGxD,wBAkBE;AAEF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAY9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,iBAAiB,CAsEpD,CAAC;AAWF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,iBAAiB,CAerD,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { BKJLandmark } from './BKJLandmark.js';
3
+ import { BKJTheme, BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
4
+ export default {
5
+ title: 'Components/BKJLandmark',
6
+ component: BKJLandmark,
7
+ argTypes: {
8
+ as: {
9
+ control: 'select',
10
+ options: ['nav', 'header', 'footer', 'aside', 'section', 'main'],
11
+ description: 'The semantic HTML5 landmark element to render',
12
+ },
13
+ 'aria-label': {
14
+ control: 'text',
15
+ description: 'Accessible label (required for nav, aside, section)',
16
+ },
17
+ 'aria-labelledby': {
18
+ control: 'text',
19
+ description: 'ID of the element that labels this landmark',
20
+ },
21
+ },
22
+ };
23
+ export const Default = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: [_jsx("a", { href: "#home", style: { marginRight: 12 }, children: "Home" }), _jsx("a", { href: "#about", style: { marginRight: 12 }, children: "About" }), _jsx("a", { href: "#contact", children: "Contact" })] }) }));
24
+ export const PageStructure = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { style: { fontFamily: 'sans-serif', maxWidth: 800, margin: '0 auto' }, children: [_jsx(BKJLandmark, { as: "header", children: _jsxs("div", { style: {
25
+ padding: 16,
26
+ borderBottom: '1px solid #ccc',
27
+ display: 'flex',
28
+ justifyContent: 'space-between',
29
+ alignItems: 'center',
30
+ }, children: [_jsx("strong", { children: "BookJane" }), _jsxs(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: [_jsx("a", { href: "#dashboard", style: { marginRight: 12 }, children: "Dashboard" }), _jsx("a", { href: "#shifts", style: { marginRight: 12 }, children: "Shifts" }), _jsx("a", { href: "#settings", children: "Settings" })] })] }) }), _jsxs("div", { style: { display: 'flex', gap: 16, padding: 16 }, children: [_jsxs(BKJLandmark, { as: "main", style: { flex: 1 }, children: [_jsx("h1", { children: "Dashboard" }), _jsxs(BKJLandmark, { as: "section", "aria-label": "Today\u2019s overview", children: [_jsx("h2", { children: "Today\u2019s Overview" }), _jsx("p", { children: "You have 3 open shifts and 12 pending requests." })] }), _jsxs(BKJLandmark, { as: "section", "aria-label": "Recent activity", children: [_jsx("h2", { children: "Recent Activity" }), _jsxs("ul", { children: [_jsx("li", { children: "Shift #1042 filled by Jane D." }), _jsx("li", { children: "Shift #1039 cancelled" })] })] })] }), _jsxs(BKJLandmark, { as: "aside", "aria-label": "Notifications panel", style: { width: 200, borderLeft: '1px solid #ccc', paddingLeft: 16 }, children: [_jsx("h2", { children: "Notifications" }), _jsxs("ul", { children: [_jsx("li", { children: "New shift posted" }), _jsx("li", { children: "Schedule updated" })] })] })] }), _jsx(BKJLandmark, { as: "footer", children: _jsx("div", { style: { padding: 16, borderTop: '1px solid #ccc', textAlign: 'center' }, children: _jsxs(BKJLandmark, { as: "nav", "aria-label": "Footer navigation", children: [_jsx("a", { href: "#privacy", style: { marginRight: 12 }, children: "Privacy" }), _jsx("a", { href: "#terms", style: { marginRight: 12 }, children: "Terms" }), _jsx("a", { href: "#help", children: "Help" })] }) }) })] }) }));
31
+ PageStructure.parameters = {
32
+ docs: {
33
+ description: {
34
+ story: 'Demonstrates a complete page structure using all six landmark types. Screen reader users can navigate between header, main navigation, main content, sections, sidebar, footer navigation, and footer.',
35
+ },
36
+ },
37
+ };
38
+ export const WithLabelledBy = () => (_jsx(BKJThemeProvider, { theme: BKJTheme, children: _jsxs("div", { children: [_jsx("h2", { id: "settings-heading", children: "Settings" }), _jsxs(BKJLandmark, { as: "section", "aria-labelledby": "settings-heading", children: [_jsxs("p", { children: ["Use ", _jsx("code", { children: "aria-labelledby" }), " to point to an existing heading element instead of duplicating text in ", _jsx("code", { children: "aria-label" }), "."] }), _jsxs("label", { children: ["Username: ", _jsx("input", { type: "text", defaultValue: "jane.doe" })] })] })] }) }));
39
+ //# sourceMappingURL=BKJLandmark.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.stories.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare const StyledLandmark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ //# sourceMappingURL=BKJLandmark.styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,6NAE1B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import styled from 'styled-components';
2
+ export const StyledLandmark = styled.div `
3
+ display: contents;
4
+ `;
5
+ //# sourceMappingURL=BKJLandmark.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.styled.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BKJLandmark.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,125 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { createRef } from 'react';
3
+ import { render, fireEvent } from '@testing-library/react';
4
+ import { axe, toHaveNoViolations } from 'jest-axe';
5
+ import { BKJLandmark } from './BKJLandmark.js';
6
+ import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
7
+ expect.extend(toHaveNoViolations);
8
+ const renderWithTheme = (component) => {
9
+ return render(_jsx(BKJThemeProvider, { children: component }));
10
+ };
11
+ describe('BKJLandmark', () => {
12
+ describe('US1: Screen reader navigation via landmarks', () => {
13
+ it('renders a nav element with navigation role', () => {
14
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: _jsx("a", { href: "/", children: "Home" }) }));
15
+ expect(getByRole('navigation')).toBeInTheDocument();
16
+ });
17
+ it('renders a header element with banner role', () => {
18
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "header", children: _jsx("span", { children: "Header content" }) }));
19
+ expect(getByRole('banner')).toBeInTheDocument();
20
+ });
21
+ it('renders a footer element with contentinfo role', () => {
22
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "footer", children: _jsx("span", { children: "Footer content" }) }));
23
+ expect(getByRole('contentinfo')).toBeInTheDocument();
24
+ });
25
+ it('renders an aside element with complementary role', () => {
26
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "aside", "aria-label": "Sidebar", children: _jsx("span", { children: "Sidebar content" }) }));
27
+ expect(getByRole('complementary')).toBeInTheDocument();
28
+ });
29
+ it('renders a section element with region role when labelled', () => {
30
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "section", "aria-label": "Dashboard", children: _jsx("span", { children: "Section content" }) }));
31
+ expect(getByRole('region')).toBeInTheDocument();
32
+ });
33
+ it('renders a main element with main role', () => {
34
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", children: _jsx("span", { children: "Main content" }) }));
35
+ expect(getByRole('main')).toBeInTheDocument();
36
+ });
37
+ it('forwards aria-label to the rendered element', () => {
38
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "nav", "aria-label": "Primary navigation", children: _jsx("a", { href: "/", children: "Home" }) }));
39
+ expect(getByRole('navigation')).toHaveAttribute('aria-label', 'Primary navigation');
40
+ });
41
+ it('forwards aria-labelledby to the rendered element', () => {
42
+ const { getByRole } = renderWithTheme(_jsxs(_Fragment, { children: [_jsx("h2", { id: "section-heading", children: "Settings" }), _jsx(BKJLandmark, { as: "section", "aria-labelledby": "section-heading", children: _jsx("span", { children: "Section content" }) })] }));
43
+ expect(getByRole('region')).toHaveAttribute('aria-labelledby', 'section-heading');
44
+ });
45
+ it('distinguishes multiple nav landmarks by label', () => {
46
+ const { getByRole } = renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: _jsx("a", { href: "/", children: "Home" }) }), _jsx(BKJLandmark, { as: "nav", "aria-label": "Footer navigation", children: _jsx("a", { href: "/about", children: "About" }) })] }));
47
+ expect(getByRole('navigation', { name: 'Main navigation' })).toBeInTheDocument();
48
+ expect(getByRole('navigation', { name: 'Footer navigation' })).toBeInTheDocument();
49
+ });
50
+ it('renders nested landmarks correctly', () => {
51
+ const { getByRole } = renderWithTheme(_jsxs(BKJLandmark, { as: "main", children: [_jsx(BKJLandmark, { as: "nav", "aria-label": "Breadcrumb", children: _jsx("a", { href: "/", children: "Home" }) }), _jsx("span", { children: "Page content" })] }));
52
+ expect(getByRole('main')).toBeInTheDocument();
53
+ expect(getByRole('navigation', { name: 'Breadcrumb' })).toBeInTheDocument();
54
+ });
55
+ });
56
+ describe('US2: Layout-neutral wrapping', () => {
57
+ it('applies display: contents style', () => {
58
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", children: _jsx("span", { children: "Content" }) }));
59
+ const element = getByRole('main');
60
+ const styles = window.getComputedStyle(element);
61
+ expect(styles.display).toBe('contents');
62
+ });
63
+ it('forwards className to the rendered element', () => {
64
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", className: "custom-class", children: _jsx("span", { children: "Content" }) }));
65
+ expect(getByRole('main')).toHaveClass('custom-class');
66
+ });
67
+ it('forwards id to the rendered element', () => {
68
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", id: "main-content", children: _jsx("span", { children: "Content" }) }));
69
+ expect(getByRole('main')).toHaveAttribute('id', 'main-content');
70
+ });
71
+ it('forwards data attributes to the rendered element', () => {
72
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", "data-section": "primary", children: _jsx("span", { children: "Content" }) }));
73
+ expect(getByRole('main').getAttribute('data-section')).toBe('primary');
74
+ });
75
+ it('forwards event handlers', () => {
76
+ const handleClick = jest.fn();
77
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", onClick: handleClick, children: _jsx("span", { children: "Content" }) }));
78
+ fireEvent.click(getByRole('main'));
79
+ expect(handleClick).toHaveBeenCalledTimes(1);
80
+ });
81
+ it('forwards ref to the underlying HTML element', () => {
82
+ const ref = createRef();
83
+ renderWithTheme(_jsx(BKJLandmark, { as: "main", ref: ref, children: _jsx("span", { children: "Content" }) }));
84
+ expect(ref.current).toBeInstanceOf(HTMLElement);
85
+ expect(ref.current?.tagName).toBe('MAIN');
86
+ });
87
+ it('renders without errors when no children are passed', () => {
88
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main" }));
89
+ expect(getByRole('main')).toBeInTheDocument();
90
+ });
91
+ });
92
+ describe('US3: TypeScript enforcement', () => {
93
+ it('renders main without label props', () => {
94
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "main", children: _jsx("span", { children: "Content" }) }));
95
+ expect(getByRole('main')).toBeInTheDocument();
96
+ });
97
+ it('renders nav with aria-label', () => {
98
+ const { getByRole } = renderWithTheme(_jsx(BKJLandmark, { as: "nav", "aria-label": "Site navigation", children: _jsx("a", { href: "/", children: "Home" }) }));
99
+ expect(getByRole('navigation', { name: 'Site navigation' })).toBeInTheDocument();
100
+ });
101
+ it('renders section with aria-labelledby', () => {
102
+ const { getByRole } = renderWithTheme(_jsxs(_Fragment, { children: [_jsx("h2", { id: "heading", children: "Title" }), _jsx(BKJLandmark, { as: "section", "aria-labelledby": "heading", children: _jsx("span", { children: "Content" }) })] }));
103
+ expect(getByRole('region')).toHaveAttribute('aria-labelledby', 'heading');
104
+ });
105
+ // Compile-time enforcement: the following would produce TypeScript errors:
106
+ // <BKJLandmark as="nav" /> — missing aria-label or aria-labelledby
107
+ // <BKJLandmark as="aside" /> — missing aria-label or aria-labelledby
108
+ // <BKJLandmark as="section" /> — missing aria-label or aria-labelledby
109
+ // <BKJLandmark as="div" /> — 'div' is not a valid LandmarkType
110
+ // See contracts/public-api.md for full compile-time error examples.
111
+ });
112
+ describe('Accessibility', () => {
113
+ it('has no accessibility violations for a labelled navigation', async () => {
114
+ const { container } = renderWithTheme(_jsxs(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: [_jsx("a", { href: "/", children: "Home" }), _jsx("a", { href: "/about", children: "About" })] }));
115
+ const results = await axe(container);
116
+ expect(results).toHaveNoViolations();
117
+ });
118
+ it('has no accessibility violations for a full page structure', async () => {
119
+ const { container } = renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJLandmark, { as: "header", children: _jsx(BKJLandmark, { as: "nav", "aria-label": "Main navigation", children: _jsx("a", { href: "/", children: "Home" }) }) }), _jsxs(BKJLandmark, { as: "main", children: [_jsx("h1", { children: "Page Title" }), _jsx(BKJLandmark, { as: "section", "aria-label": "Overview", children: _jsx("p", { children: "Content" }) })] }), _jsx(BKJLandmark, { as: "aside", "aria-label": "Sidebar", children: _jsx("p", { children: "Sidebar content" }) }), _jsx(BKJLandmark, { as: "footer", children: _jsx("p", { children: "Footer content" }) })] }));
120
+ const results = await axe(container);
121
+ expect(results).toHaveNoViolations();
122
+ });
123
+ });
124
+ });
125
+ //# sourceMappingURL=BKJLandmark.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.test.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,40 @@
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ /** Landmark element types that require an accessible label (aria-label or aria-labelledby). */
3
+ export type LabelRequiredLandmarkType = 'nav' | 'aside' | 'section';
4
+ /** Landmark element types where labels are optional. */
5
+ export type LabelOptionalLandmarkType = 'header' | 'footer' | 'main';
6
+ /** All supported landmark element types. */
7
+ export type LandmarkType = LabelRequiredLandmarkType | LabelOptionalLandmarkType;
8
+ interface IBaseLandmarkProps extends HTMLAttributes<HTMLElement> {
9
+ children?: ReactNode;
10
+ }
11
+ /**
12
+ * Props for landmark elements that REQUIRE an accessible label.
13
+ *
14
+ * `nav`, `aside`, and `section` must provide at least one of `aria-label` or
15
+ * `aria-labelledby` so screen readers can distinguish multiple instances on a page.
16
+ */
17
+ export type ILabelRequiredLandmarkProps = IBaseLandmarkProps & {
18
+ as: LabelRequiredLandmarkType;
19
+ } & ({
20
+ 'aria-label': string;
21
+ 'aria-labelledby'?: string;
22
+ } | {
23
+ 'aria-label'?: string;
24
+ 'aria-labelledby': string;
25
+ });
26
+ /**
27
+ * Props for landmark elements where labels are optional.
28
+ *
29
+ * `header`, `footer`, and `main` have implicit ARIA roles that browsers
30
+ * recognise without explicit labels.
31
+ */
32
+ export interface ILabelOptionalLandmarkProps extends IBaseLandmarkProps {
33
+ as: LabelOptionalLandmarkType;
34
+ 'aria-label'?: string;
35
+ 'aria-labelledby'?: string;
36
+ }
37
+ /** Discriminated union of all BKJLandmark prop variants. */
38
+ export type IBKJLandmarkProps = ILabelRequiredLandmarkProps | ILabelOptionalLandmarkProps;
39
+ export {};
40
+ //# sourceMappingURL=BKJLandmark.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,+FAA+F;AAC/F,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpE,wDAAwD;AACxD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,4CAA4C;AAC5C,MAAM,MAAM,YAAY,GAAG,yBAAyB,GAAG,yBAAyB,CAAC;AAEjF,UAAU,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,GAAG;IAC7D,EAAE,EAAE,yBAAyB,CAAC;CAC/B,GAAG,CACE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAAE,GACpD;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CACvD,CAAC;AAEJ;;;;;GAKG;AACH,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACrE,EAAE,EAAE,yBAAyB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,4DAA4D;AAC5D,MAAM,MAAM,iBAAiB,GAAG,2BAA2B,GAAG,2BAA2B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BKJLandmark.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJLandmark.types.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/BKJLandmark.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './BKJLandmark.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJLandmark/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './BKJLandmark.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJLandmark/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
@@ -1,4 +1,3 @@
1
- import { FC } from 'react';
2
1
  import { IBKJTypographyProps } from './BKJTypography.types.js';
3
- export declare const BKJTypography: FC<IBKJTypographyProps>;
2
+ export declare const BKJTypography: ({ variant, element, as: asProp, children, ...rest }: IBKJTypographyProps) => JSX.Element;
4
3
  //# sourceMappingURL=BKJTypography.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAOjD,CAAC"}
1
+ {"version":3,"file":"BKJTypography.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,aAAa,GAAI,qDAM3B,mBAAmB,gBAOrB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { typographyComponents } from './BKJTypography.styled.js';
3
- export const BKJTypography = ({ variant = 'Body', element = 'span', children, }) => {
4
- const Component = typographyComponents[element];
5
- return _jsx(Component, { "$variant": variant, children: children });
2
+ import { StyledTypography } from './BKJTypography.styled.js';
3
+ export const BKJTypography = ({ variant = 'Body', element = 'span', as: asProp, children, ...rest }) => {
4
+ const resolvedAs = asProp || element;
5
+ return (_jsx(StyledTypography, { as: resolvedAs, "$variant": variant, ...rest, children: children }));
6
6
  };
7
7
  //# sourceMappingURL=BKJTypography.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EACrD,OAAO,GAAG,MAAM,EAChB,OAAO,GAAG,MAAM,EAChB,QAAQ,GACT,EAAe,EAAE;IAChB,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,KAAC,SAAS,gBAAW,OAAO,YAAG,QAAQ,GAAa,CAAC;AAC9D,CAAC,CAAC"}
1
+ {"version":3,"file":"BKJTypography.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,GAAG,MAAM,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,GAAG,IAAI,EACa,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,IAAI,OAAO,CAAC;IACrC,OAAO,CACL,KAAC,gBAAgB,IAAC,EAAE,EAAE,UAAU,cAAY,OAAO,KAAM,IAAI,YAC1D,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}
@@ -1,7 +1,8 @@
1
+ import { StoryFn } from '@storybook/react';
1
2
  import { IBKJTypographyProps } from './BKJTypography.types.js';
2
3
  declare const _default: {
3
4
  title: string;
4
- component: import("react").FC<IBKJTypographyProps>;
5
+ component: ({ variant, element, as: asProp, children, ...rest }: IBKJTypographyProps) => JSX.Element;
5
6
  argTypes: {
6
7
  variant: {
7
8
  name: string;
@@ -11,6 +12,10 @@ declare const _default: {
11
12
  name: string;
12
13
  options: string[];
13
14
  };
15
+ as: {
16
+ name: string;
17
+ options: string[];
18
+ };
14
19
  children: {
15
20
  name: string;
16
21
  type: string;
@@ -19,4 +24,5 @@ declare const _default: {
19
24
  };
20
25
  export default _default;
21
26
  export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJTypographyProps>;
27
+ export declare const HeadingHierarchy: StoryFn;
22
28
  //# sourceMappingURL=BKJTypography.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;AAE5D,wBA6BE;AAIF,eAAO,MAAM,OAAO,+GAAoB,CAAC"}
1
+ {"version":3,"file":"BKJTypography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAE5D,wBA6CE;AAIF,eAAO,MAAM,OAAO,+GAAoB,CAAC;AAMzC,eAAO,MAAM,gBAAgB,EAAE,OAqB9B,CAAC"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { BKJTypography } from './index.js';
3
3
  export default {
4
4
  title: 'Basic Elements/BKJTypography',
@@ -24,6 +24,22 @@ export default {
24
24
  name: 'Element',
25
25
  options: ['h1', 'h2', 'h3', 'h4', 'span', 'b', 'p'],
26
26
  },
27
+ as: {
28
+ name: 'As (Semantic Element)',
29
+ options: [
30
+ 'h1',
31
+ 'h2',
32
+ 'h3',
33
+ 'h4',
34
+ 'h5',
35
+ 'h6',
36
+ 'p',
37
+ 'span',
38
+ 'label',
39
+ 'legend',
40
+ 'caption',
41
+ ],
42
+ },
27
43
  children: {
28
44
  name: 'Text',
29
45
  type: 'string',
@@ -35,4 +51,8 @@ export const Default = Template.bind({});
35
51
  Default.args = {
36
52
  children: 'Lorem ipsum',
37
53
  };
54
+ export const HeadingHierarchy = () => (_jsxs("div", { children: [_jsx(BKJTypography, { as: "h1", variant: "H1", children: "Heading Level 1 (h1)" }), _jsx(BKJTypography, { as: "h2", variant: "H2", children: "Heading Level 2 (h2)" }), _jsx(BKJTypography, { as: "h3", variant: "H3", children: "Heading Level 3 (h3)" }), _jsx(BKJTypography, { as: "h4", variant: "H4", children: "Heading Level 4 (h4)" }), _jsx(BKJTypography, { as: "h5", variant: "Bold", children: "Heading Level 5 (h5)" }), _jsx(BKJTypography, { as: "h6", variant: "CaptionBold", children: "Heading Level 6 (h6)" })] }));
55
+ HeadingHierarchy.parameters = {
56
+ controls: { disable: true },
57
+ };
38
58
  //# sourceMappingURL=BKJTypography.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAGlC,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,MAAM;gBACN,eAAe;gBACf,MAAM;gBACN,SAAS;gBACT,aAAa;gBACb,QAAQ;gBACR,UAAU;aACX;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;SACpD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;SACf;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI,CAAC;AAErF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,aAAa;CACxB,CAAC"}
1
+ {"version":3,"file":"BKJTypography.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAGlC,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,MAAM;gBACN,eAAe;gBACf,MAAM;gBACN,SAAS;gBACT,aAAa;gBACb,QAAQ;gBACR,UAAU;aACX;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;SACpD;QACD,EAAE,EAAE;YACF,IAAI,EAAE,uBAAuB;YAC7B,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,GAAG;gBACH,MAAM;gBACN,OAAO;gBACP,QAAQ;gBACR,SAAS;aACV;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;SACf;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI,CAAC;AAErF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAY,GAAG,EAAE,CAAC,CAC7C,0BACE,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,qCAEnB,EAChB,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,qCAEnB,EAChB,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,qCAEnB,EAChB,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,qCAEnB,EAChB,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,qCAErB,EAChB,KAAC,aAAa,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,aAAa,qCAE5B,IACZ,CACP,CAAC;AAEF,gBAAgB,CAAC,UAAU,GAAG;IAC5B,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC5B,CAAC"}
@@ -1,11 +1,3 @@
1
- import { IBKJTypographyStyledElement } from './BKJTypography.types.js';
2
- export declare const typographyComponents: {
3
- h1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
4
- h2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
5
- h3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
6
- h4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
7
- span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IBKJTypographyStyledElement>> & string;
8
- b: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IBKJTypographyStyledElement>> & string;
9
- p: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, IBKJTypographyStyledElement>> & string;
10
- };
1
+ import { IStyledTypographyProps } from './BKJTypography.types.js';
2
+ export declare const StyledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTypographyProps>> & string;
11
3
  //# sourceMappingURL=BKJTypography.styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEpE,eAAO,MAAM,oBAAoB;;;;;;;;CAsBhC,CAAC"}
1
+ {"version":3,"file":"BKJTypography.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,6PAK5B,CAAC"}
@@ -1,25 +1,8 @@
1
1
  import styled from 'styled-components';
2
- export const typographyComponents = {
3
- h1: styled.h1 `
4
- ${({ theme, $variant }) => theme.typography[$variant]};
5
- `,
6
- h2: styled.h2 `
7
- ${({ theme, $variant }) => theme.typography[$variant]};
8
- `,
9
- h3: styled.h3 `
10
- ${({ theme, $variant }) => theme.typography[$variant]};
11
- `,
12
- h4: styled.h4 `
13
- ${({ theme, $variant }) => theme.typography[$variant]};
14
- `,
15
- span: styled.span `
16
- ${({ theme, $variant }) => theme.typography[$variant]};
17
- `,
18
- b: styled.b `
19
- ${({ theme, $variant }) => theme.typography[$variant]};
20
- `,
21
- p: styled.p `
22
- ${({ theme, $variant }) => theme.typography[$variant]};
23
- `,
24
- };
2
+ export const StyledTypography = styled.span `
3
+ margin: 0;
4
+ padding: 0;
5
+ border: 0;
6
+ ${({ theme, $variant }) => theme.typography[$variant]};
7
+ `;
25
8
  //# sourceMappingURL=BKJTypography.styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.styled.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,IAAI,EAAE,MAAM,CAAC,IAAI,CAA6B;MAC1C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,CAAC,EAAE,MAAM,CAAC,CAAC,CAA6B;MACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,CAAC,EAAE,MAAM,CAAC,CAAC,CAA6B;MACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;CACF,CAAC"}
1
+ {"version":3,"file":"BKJTypography.styled.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAwB;;;;IAI/D,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;CACtD,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BKJTypography.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJTypography.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,89 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { render } from '@testing-library/react';
3
+ import { axe, toHaveNoViolations } from 'jest-axe';
4
+ import { BKJTypography } from './BKJTypography.js';
5
+ import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
6
+ expect.extend(toHaveNoViolations);
7
+ const renderWithTheme = (component) => {
8
+ return render(_jsx(BKJThemeProvider, { children: component }));
9
+ };
10
+ describe('US1: Semantic heading rendering', () => {
11
+ it('renders as h1 when as="h1" is passed', () => {
12
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h1", variant: "H1", children: "Heading 1" }));
13
+ expect(getByRole('heading', { level: 1 })).toBeInTheDocument();
14
+ });
15
+ it('renders as h2 when as="h2" is passed', () => {
16
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h2", variant: "H2", children: "Heading 2" }));
17
+ expect(getByRole('heading', { level: 2 })).toBeInTheDocument();
18
+ });
19
+ it('renders as h3 when as="h3" is passed', () => {
20
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h3", variant: "H3", children: "Heading 3" }));
21
+ expect(getByRole('heading', { level: 3 })).toBeInTheDocument();
22
+ });
23
+ it('renders as h4 when as="h4" is passed', () => {
24
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h4", variant: "H4", children: "Heading 4" }));
25
+ expect(getByRole('heading', { level: 4 })).toBeInTheDocument();
26
+ });
27
+ it('renders as h5 when as="h5" is passed', () => {
28
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h5", variant: "Body", children: "Heading 5" }));
29
+ expect(getByRole('heading', { level: 5 })).toBeInTheDocument();
30
+ });
31
+ it('renders as h6 when as="h6" is passed', () => {
32
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h6", variant: "Caption", children: "Heading 6" }));
33
+ expect(getByRole('heading', { level: 6 })).toBeInTheDocument();
34
+ });
35
+ it('has no accessibility violations for heading hierarchy', async () => {
36
+ const { container } = renderWithTheme(_jsxs("main", { children: [_jsx(BKJTypography, { as: "h1", variant: "H1", children: "Main Title" }), _jsx(BKJTypography, { as: "h2", variant: "H2", children: "Section" }), _jsx(BKJTypography, { as: "h3", variant: "H3", children: "Subsection" }), _jsx(BKJTypography, { as: "h4", variant: "H4", children: "Detail" }), _jsx(BKJTypography, { as: "h5", variant: "Body", children: "Sub-detail" }), _jsx(BKJTypography, { as: "h6", variant: "Caption", children: "Fine print" })] }));
37
+ const results = await axe(container);
38
+ expect(results).toHaveNoViolations();
39
+ });
40
+ });
41
+ describe('US2: Backward-compatible default behavior', () => {
42
+ it('renders as span by default when no as or element prop is provided', () => {
43
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { children: "Default text" }));
44
+ expect(getByText('Default text').tagName).toBe('SPAN');
45
+ });
46
+ it('renders correct element when element prop is used without as', () => {
47
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { element: "h1", variant: "H1", children: "Element heading" }));
48
+ expect(getByRole('heading', { level: 1 })).toBeInTheDocument();
49
+ });
50
+ it('renders as p when element="p" is used without as', () => {
51
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { element: "p", children: "Paragraph via element" }));
52
+ expect(getByText('Paragraph via element').tagName).toBe('P');
53
+ });
54
+ it('renders as b when element="b" is used without as', () => {
55
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { element: "b", variant: "Bold", children: "Bold via element" }));
56
+ expect(getByText('Bold via element').tagName).toBe('B');
57
+ });
58
+ it('as prop takes precedence over element when both provided', () => {
59
+ const { getByRole } = renderWithTheme(_jsx(BKJTypography, { as: "h2", element: "h3", variant: "H2", children: "Precedence test" }));
60
+ expect(getByRole('heading', { level: 2 })).toBeInTheDocument();
61
+ });
62
+ });
63
+ describe('US3: Non-heading semantic elements', () => {
64
+ it('renders as p when as="p" is passed', () => {
65
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { as: "p", children: "Paragraph text" }));
66
+ expect(getByText('Paragraph text').tagName).toBe('P');
67
+ });
68
+ it('renders as label when as="label" is passed', () => {
69
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { as: "label", children: "Label text" }));
70
+ expect(getByText('Label text').tagName).toBe('LABEL');
71
+ });
72
+ it('renders as legend when as="legend" is passed', () => {
73
+ const { getByText } = renderWithTheme(_jsx("fieldset", { children: _jsx(BKJTypography, { as: "legend", children: "Legend text" }) }));
74
+ expect(getByText('Legend text').tagName).toBe('LEGEND');
75
+ });
76
+ it('renders as caption when as="caption" is passed', () => {
77
+ const { getByText } = renderWithTheme(_jsxs("table", { children: [_jsx(BKJTypography, { as: "caption", children: "Caption text" }), _jsx("tbody", { children: _jsx("tr", { children: _jsx("td", { children: "data" }) }) })] }));
78
+ expect(getByText('Caption text').tagName).toBe('CAPTION');
79
+ });
80
+ it('forwards htmlFor attribute when as="label"', () => {
81
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { as: "label", htmlFor: "email-input", children: "Email" }));
82
+ expect(getByText('Email')).toHaveAttribute('for', 'email-input');
83
+ });
84
+ it('renders as span when as="span" is explicitly passed', () => {
85
+ const { getByText } = renderWithTheme(_jsx(BKJTypography, { as: "span", children: "Explicit span" }));
86
+ expect(getByText('Explicit span').tagName).toBe('SPAN');
87
+ });
88
+ });
89
+ //# sourceMappingURL=BKJTypography.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJTypography.test.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.test.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,16 @@
1
- import { ReactNode } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  import { Interpolation } from 'styled-components';
3
- export interface IBKJTypographyStyledElement {
3
+ export interface IStyledTypographyProps {
4
4
  $variant: BKJTypographyVariantType;
5
5
  }
6
- export interface IBKJTypographyProps {
7
- variant: BKJTypographyVariantType;
8
- element: BKJTypographyElementType;
6
+ export interface IBKJTypographyProps extends HTMLAttributes<HTMLElement> {
7
+ variant?: BKJTypographyVariantType;
8
+ element?: BKJTypographyElementType;
9
+ as?: BKJTypographyAsType;
9
10
  children: ReactNode;
11
+ [key: string]: unknown;
10
12
  }
13
+ export type BKJTypographyAsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'legend' | 'caption';
11
14
  export interface IBKJThemeTypography {
12
15
  H1: Interpolation<any>;
13
16
  H2: Interpolation<any>;
@@ -1 +1 @@
1
- {"version":3,"file":"BKJTypography.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,wBAAwB,CAAC;CACpC;AACD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,wBAAwB,CAAC;IAClC,OAAO,EAAE,wBAAwB,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5B,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,wBAAwB,GAChC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,eAAe,GACf,MAAM,GACN,SAAS,GACT,aAAa,GACb,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,wBAAwB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC"}
1
+ {"version":3,"file":"BKJTypography.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,wBAAwB,CAAC;CACpC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5B,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,wBAAwB,GAChC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,eAAe,GACf,MAAM,GACN,SAAS,GACT,aAAa,GACb,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,wBAAwB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC"}
@@ -16,6 +16,7 @@ export * from './BKJEllipsisMenu/index.js';
16
16
  export * from './BKJFileInput/index.js';
17
17
  export * from './BKJHorizontalRule/index.js';
18
18
  export * from './BKJIcon/index.js';
19
+ export * from './BKJLandmark/index.js';
19
20
  export * from './BKJIconTooltip/index.js';
20
21
  export * from './BKJImage/index.js';
21
22
  export * from './BKJListItem/index.js';
@@ -1 +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;AAC/B,cAAc,kBAAkB,CAAC"}
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,eAAe,CAAC;AAC9B,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"}
@@ -16,6 +16,7 @@ export * from './BKJEllipsisMenu/index.js';
16
16
  export * from './BKJFileInput/index.js';
17
17
  export * from './BKJHorizontalRule/index.js';
18
18
  export * from './BKJIcon/index.js';
19
+ export * from './BKJLandmark/index.js';
19
20
  export * from './BKJIconTooltip/index.js';
20
21
  export * from './BKJImage/index.js';
21
22
  export * from './BKJListItem/index.js';
@@ -1 +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;AAC/B,cAAc,kBAAkB,CAAC"}
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,eAAe,CAAC;AAC9B,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bookjane2/bookjane-design-library",
3
- "version": "8.3.1",
3
+ "version": "8.3.3",
4
4
  "main": "./lib/index.js",
5
5
  "typings": "./lib/index.d.ts",
6
6
  "engines": {