@bookjane2/bookjane-design-library 7.3.2 → 7.3.3-4.1

package/lib/components/BKJTypography/BKJTypography.stories.js

@@ -1,38 +1,38 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BKJTypography } from 'index.js';
-export default {
-    title: 'Basic Elements/BKJTypography',
-    component: BKJTypography,
-    argTypes: {
-        variant: {
-            name: 'Variation',
-            options: [
-                'H1',
-                'H2',
-                'H3',
-                'H4',
-                'Body',
-                'BodyUnderline',
-                'Bold',
-                'Caption',
-                'CaptionBold',
-                'Button',
-                'TextLink',
-            ],
-        },
-        element: {
-            name: 'Element',
-            options: ['h1', 'h2', 'h3', 'h4', 'span', 'b', 'p'],
-        },
-        children: {
-            name: 'Text',
-            type: 'string',
-        },
-    },
-};
-const Template = (args) => _jsx(BKJTypography, Object.assign({}, args), void 0);
-export const Default = Template.bind({});
-Default.args = {
-    children: 'Lorem ipsum',
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJTypography } from 'index.js';
+export default {
+    title: 'Basic Elements/BKJTypography',
+    component: BKJTypography,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            options: [
+                'H1',
+                'H2',
+                'H3',
+                'H4',
+                'Body',
+                'BodyUnderline',
+                'Bold',
+                'Caption',
+                'CaptionBold',
+                'Button',
+                'TextLink',
+            ],
+        },
+        element: {
+            name: 'Element',
+            options: ['h1', 'h2', 'h3', 'h4', 'span', 'b', 'p'],
+        },
+        children: {
+            name: 'Text',
+            type: 'string',
+        },
+    },
+};
+const Template = (args) => _jsx(BKJTypography, Object.assign({}, args), void 0);
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Lorem ipsum',
+};
 //# sourceMappingURL=BKJTypography.stories.js.map

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

@@ -1,11 +1,11 @@
-import { IBKJTypographyStyledElement } from './BKJTypography.types.js';
-export declare const typographyComponents: {
-    h1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    h2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    h3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    h4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    span: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    b: import("styled-components").StyledComponent<"b", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-    p: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
-};
+import { IBKJTypographyStyledElement } from './BKJTypography.types.js';
+export declare const typographyComponents: {
+    h1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    h2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    h3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    h4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    span: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    b: import("styled-components").StyledComponent<"b", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+    p: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, IBKJTypographyStyledElement, never>;
+};
 //# sourceMappingURL=BKJTypography.styled.d.ts.map

package/lib/components/BKJTypography/BKJTypography.styled.js

@@ -1,25 +1,25 @@
-import styled from 'styled-components';
-export const typographyComponents = {
-    h1: styled.h1 `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    h2: styled.h2 `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    h3: styled.h3 `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    h4: styled.h4 `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    span: styled.span `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    b: styled.b `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-    p: styled.p `
-    ${({ theme, $variant }) => theme.typography[$variant]};
-  `,
-};
+import styled from 'styled-components';
+export const typographyComponents = {
+    h1: styled.h1 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h2: styled.h2 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h3: styled.h3 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h4: styled.h4 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    span: styled.span `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    b: styled.b `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    p: styled.p `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+};
 //# sourceMappingURL=BKJTypography.styled.js.map

package/lib/components/BKJTypography/BKJTypography.theme.d.ts

@@ -1,3 +1,3 @@
-import { IBKJThemeTypography } from './BKJTypography.types.js';
-export declare const BKJThemeTypography: IBKJThemeTypography;
+import { IBKJThemeTypography } from './BKJTypography.types.js';
+export declare const BKJThemeTypography: IBKJThemeTypography;
 //# sourceMappingURL=BKJTypography.theme.d.ts.map

package/lib/components/BKJTypography/BKJTypography.theme.js

@@ -1,59 +1,59 @@
-import { css } from 'styled-components';
-export const BKJThemeTypography = {
-    H1: css `
-    ${({ theme }) => theme.fonts.PoppinsBold}
-    font-size: 70px;
-    line-height: 84px;
-  `,
-    H2: css `
-    ${({ theme }) => theme.fonts.PoppinsMedium}
-    font-size: 45px;
-    line-height: 55px;
-  `,
-    H3: css `
-    ${({ theme }) => theme.fonts.PoppinsBold}
-    font-size: 28px;
-    line-height: 34px;
-  `,
-    H4: css `
-    ${({ theme }) => theme.fonts.PoppinsBold}
-    font-size: 20px;
-    line-height: 28px;
-  `,
-    Body: css `
-    ${({ theme }) => theme.fonts.PoppinsTextMedium}
-    font-size: 16px;
-    line-height: 24px;
-  `,
-    BodyUnderline: css `
-    ${({ theme }) => theme.fonts.PoppinsTextMedium}
-    font-size: 16px;
-    line-height: 24px;
-  `,
-    Bold: css `
-    ${({ theme }) => theme.fonts.PoppinsTextBold}
-    font-size: 16px;
-    line-height: 24px;
-  `,
-    Caption: css `
-    ${({ theme }) => theme.fonts.PoppinsTextMedium}
-    font-size: 14px;
-    line-height: 21px;
-  `,
-    CaptionBold: css `
-    ${({ theme }) => theme.fonts.PoppinsTextBold}
-    font-size: 14px;
-    line-height: 21px;
-  `,
-    Button: css `
-    ${({ theme }) => theme.fonts.PoppinsTextBold}
-    font-size: 16px;
-    line-height: 24px;
-  `,
-    TextLink: css `
-    ${({ theme }) => theme.fonts.PoppinsTextBold}
-    font-size: 16px;
-    line-height: 24px;
-  `,
-};
+import { css } from 'styled-components';
+export const BKJThemeTypography = {
+    H1: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 70px;
+    line-height: 84px;
+  `,
+    H2: css `
+    ${({ theme }) => theme.fonts.PoppinsMedium}
+    font-size: 45px;
+    line-height: 55px;
+  `,
+    H3: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 28px;
+    line-height: 34px;
+  `,
+    H4: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 20px;
+    line-height: 28px;
+  `,
+    Body: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    BodyUnderline: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    Bold: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    Caption: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 14px;
+    line-height: 21px;
+  `,
+    CaptionBold: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 14px;
+    line-height: 21px;
+  `,
+    Button: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    TextLink: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+};
 //# sourceMappingURL=BKJTypography.theme.js.map

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

@@ -1,26 +1,26 @@
-import { ReactNode } from 'react';
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-export interface IBKJTypographyStyledElement {
-    $variant: BKJTypographyVariantType;
-}
-export interface IBKJTypographyProps {
-    variant: BKJTypographyVariantType;
-    element: BKJTypographyElementType;
-    children: ReactNode;
-}
-export interface IBKJThemeTypography {
-    H1: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    H2: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    H3: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    H4: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    Body: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    BodyUnderline: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    Bold: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    Caption: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    CaptionBold: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    Button: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    TextLink: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-}
-export declare type BKJTypographyVariantType = 'H1' | 'H2' | 'H3' | 'H4' | 'Body' | 'BodyUnderline' | 'Bold' | 'Caption' | 'CaptionBold' | 'Button' | 'TextLink';
-export declare type BKJTypographyElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'b' | 'p';
+import { ReactNode } from 'react';
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+export interface IBKJTypographyStyledElement {
+    $variant: BKJTypographyVariantType;
+}
+export interface IBKJTypographyProps {
+    variant: BKJTypographyVariantType;
+    element: BKJTypographyElementType;
+    children: ReactNode;
+}
+export interface IBKJThemeTypography {
+    H1: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    H2: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    H3: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    H4: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    Body: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    BodyUnderline: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    Bold: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    Caption: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    CaptionBold: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    Button: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    TextLink: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+}
+export declare type BKJTypographyVariantType = 'H1' | 'H2' | 'H3' | 'H4' | 'Body' | 'BodyUnderline' | 'Bold' | 'Caption' | 'CaptionBold' | 'Button' | 'TextLink';
+export declare type BKJTypographyElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'b' | 'p';
 //# sourceMappingURL=BKJTypography.types.d.ts.map

package/lib/components/BKJTypography/BKJTypography.types.js

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

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

@@ -1,3 +1,3 @@
-import { BKJTypography } from './BKJTypography.js';
-export { BKJTypography };
+import { BKJTypography } from './BKJTypography.js';
+export { BKJTypography };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJTypography/index.js

@@ -1,3 +1,3 @@
-import { BKJTypography } from './BKJTypography.js';
-export { BKJTypography };
+import { BKJTypography } from './BKJTypography.js';
+export { BKJTypography };
 //# sourceMappingURL=index.js.map

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,27 +1,27 @@
-import React, { PropsWithChildren } from 'react';
-interface IProps {
-    errorMessage?: string;
-    componentName: string;
-    height?: string;
-    width?: string;
-    size?: 'Small' | 'Medium' | 'Large';
-    direction?: 'column' | 'row';
-    isStyled?: boolean;
-    showLogo?: boolean;
-    onError?: (error: Error) => void;
-    readonly suppressMessage?: boolean;
-}
-interface IState {
-    size: 'Small' | 'Medium' | 'Large';
-    error: Error | null;
-    onError?: (error: string) => void;
-}
-export declare class ErrorBoundary extends React.Component<PropsWithChildren<IProps>, IState> {
-    constructor(props: IProps);
-    static getDerivedStateFromError(error: any): {
-        error: any;
-    };
-    render(): JSX.Element;
-}
-export {};
+import React, { PropsWithChildren } from 'react';
+interface IProps {
+    errorMessage?: string;
+    componentName: string;
+    height?: string;
+    width?: string;
+    size?: 'Small' | 'Medium' | 'Large';
+    direction?: 'column' | 'row';
+    isStyled?: boolean;
+    showLogo?: boolean;
+    onError?: (error: Error) => void;
+    readonly suppressMessage?: boolean;
+}
+interface IState {
+    size: 'Small' | 'Medium' | 'Large';
+    error: Error | null;
+    onError?: (error: string) => void;
+}
+export declare class ErrorBoundary extends React.Component<PropsWithChildren<IProps>, IState> {
+    constructor(props: IProps);
+    static getDerivedStateFromError(error: any): {
+        error: any;
+    };
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -1,26 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Fragment } from 'react';
-import { GenericErrorMessage } from '../GenericErrorMessage/index.js';
-export class ErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            error: null,
-            size: 'Large',
-        };
-    }
-    static getDerivedStateFromError(error) {
-        error['shouldIgnore'] = true;
-        const _error = error.toString().split('Error: ')[1];
-        window?.j360?.onError && window?.j360?.onError(error);
-        return { error: _error };
-    }
-    render() {
-        const { componentName, height = '100%', width = '100%', size = 'Large', direction = 'column', errorMessage = undefined, isStyled = false, showLogo = true, suppressMessage = false, } = this.props;
-        const { error } = this.state;
-        if (error)
-            return (_jsx(GenericErrorMessage, Object.assign({ showLogo: showLogo, suppressMessage: suppressMessage, errorMessage: errorMessage || `${componentName ? `${componentName}: ` : ''}${error}`, height: height, width: width, size: size, direction: direction, isStyled: isStyled }, this.props), void 0));
-        return _jsx(Fragment, { children: this.props.children }, void 0);
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import { GenericErrorMessage } from '../GenericErrorMessage/index.js';
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            error: null,
+            size: 'Large',
+        };
+    }
+    static getDerivedStateFromError(error) {
+        error['shouldIgnore'] = true;
+        const _error = error.toString().split('Error: ')[1];
+        window?.j360?.onError && window?.j360?.onError(error);
+        return { error: _error };
+    }
+    render() {
+        const { componentName, height = '100%', width = '100%', size = 'Large', direction = 'column', errorMessage = undefined, isStyled = false, showLogo = true, suppressMessage = false, } = this.props;
+        const { error } = this.state;
+        if (error)
+            return (_jsx(GenericErrorMessage, Object.assign({ showLogo: showLogo, suppressMessage: suppressMessage, errorMessage: errorMessage || `${componentName ? `${componentName}: ` : ''}${error}`, height: height, width: width, size: size, direction: direction, isStyled: isStyled }, this.props), void 0));
+        return _jsx(Fragment, { children: this.props.children }, void 0);
+    }
+}
 //# sourceMappingURL=ErrorBoundary.js.map

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

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

package/lib/components/ErrorBoundary/index.js

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

package/lib/components/Flex/Flex.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IFlexProps } from './Flex.types.js';
-export declare const Flex: import("react").ForwardRefExoticComponent<IFlexProps & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { IFlexProps } from './Flex.types.js';
+export declare const Flex: import("react").ForwardRefExoticComponent<IFlexProps & import("react").RefAttributes<any>>;
 //# sourceMappingURL=Flex.d.ts.map

package/lib/components/Flex/Flex.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { StyledFlex } from './Flex.styled.js';
-export const Flex = forwardRef((props, ref) => {
-    const { children, flexDirection, alignContent, alignSelf, alignItems, justifyContent, justifySelf, justifyItems, width, minWidth, maxWidth, height, minHeight, maxHeight, margin, padding, flex, flexWrap, flexBasis, flexShrink, flexGrow, order, childMarginRight, childMarginLeft, childMarginTop, childMarginBottom, gap, borderTop, borderBottom, ...rest } = props;
-    return (_jsx(StyledFlex, Object.assign({ "$childMarginRight": childMarginRight, "$childMarginLeft": childMarginLeft, "$childMarginTop": childMarginTop, "$childMarginBottom": childMarginBottom, "$flexDirection": flexDirection, "$alignContent": alignContent, "$alignSelf": alignSelf, "$alignItems": alignItems, "$justifyContent": justifyContent, "$justifySelf": justifySelf, "$justifyItems": justifyItems, "$width": width, "$margin": margin, "$padding": padding, "$gap": gap, "$borderTop": borderTop, "$borderBottom": borderBottom, "$minWidth": minWidth, "$maxWidth": maxWidth, "$height": height, "$minHeight": minHeight, "$maxHeight": maxHeight, "$flex": flex, "$flexWrap": flexWrap, "$flexBasis": flexBasis, "$flexShrink": flexShrink, "$flexGrow": flexGrow, "$order": order }, rest, { ref: ref }, { children: children }), void 0));
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledFlex } from './Flex.styled.js';
+export const Flex = forwardRef((props, ref) => {
+    const { children, flexDirection, alignContent, alignSelf, alignItems, justifyContent, justifySelf, justifyItems, width, minWidth, maxWidth, height, minHeight, maxHeight, margin, padding, flex, flexWrap, flexBasis, flexShrink, flexGrow, order, childMarginRight, childMarginLeft, childMarginTop, childMarginBottom, gap, borderTop, borderBottom, ...rest } = props;
+    return (_jsx(StyledFlex, Object.assign({ "$childMarginRight": childMarginRight, "$childMarginLeft": childMarginLeft, "$childMarginTop": childMarginTop, "$childMarginBottom": childMarginBottom, "$flexDirection": flexDirection, "$alignContent": alignContent, "$alignSelf": alignSelf, "$alignItems": alignItems, "$justifyContent": justifyContent, "$justifySelf": justifySelf, "$justifyItems": justifyItems, "$width": width, "$margin": margin, "$padding": padding, "$gap": gap, "$borderTop": borderTop, "$borderBottom": borderBottom, "$minWidth": minWidth, "$maxWidth": maxWidth, "$height": height, "$minHeight": minHeight, "$maxHeight": maxHeight, "$flex": flex, "$flexWrap": flexWrap, "$flexBasis": flexBasis, "$flexShrink": flexShrink, "$flexGrow": flexGrow, "$order": order }, rest, { ref: ref }, { children: children }), void 0));
+});
 //# sourceMappingURL=Flex.js.map

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

@@ -1,3 +1,3 @@
-import { IStyledFlexProps } from './Flex.types.js';
-export declare const StyledFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledFlexProps, never>;
+import { IStyledFlexProps } from './Flex.types.js';
+export declare const StyledFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledFlexProps, never>;
 //# sourceMappingURL=Flex.styled.d.ts.map