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

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

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

package/lib/components/BKJToggleInput/BKJToggleInput.theme.js

@@ -1,9 +1,9 @@
-import { css } from 'styled-components';
-export const BKJThemeToggle = {
-    Switch: css ``,
-    PurplePillLeft: css ``,
-    PurplePillRight: css ``,
-    PurpleNoBorderLeft: css ``,
-    PurpleNoBorderRight: css ``,
-};
+import { css } from 'styled-components';
+export const BKJThemeToggle = {
+    Switch: css ``,
+    PurplePillLeft: css ``,
+    PurplePillRight: css ``,
+    PurpleNoBorderLeft: css ``,
+    PurpleNoBorderRight: css ``,
+};
 //# sourceMappingURL=BKJToggleInput.theme.js.map

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

@@ -1,23 +1,23 @@
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-import { ChangeFunctionType } from '../../common.types.js';
-export interface IBKJToggleInputProps {
-    checked: boolean;
-    onChange: ChangeFunctionType;
-    name: string;
-    variant: BKJThemeToggleInputVariantType;
-    width?: string;
-    minWidth?: string;
-    children?: any;
-    ref?: any;
-    disabled?: boolean;
-    fontSize?: number;
-}
-export interface IBKJThemeToggleInput {
-    Switch: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurplePillLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurplePillRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurpleNoBorderLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    PurpleNoBorderRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-}
-export declare type BKJThemeToggleInputVariantType = keyof IBKJThemeToggleInput;
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+import { ChangeFunctionType } from '../../common.types.js';
+export interface IBKJToggleInputProps {
+    checked: boolean;
+    onChange: ChangeFunctionType;
+    name: string;
+    variant: BKJThemeToggleInputVariantType;
+    width?: string;
+    minWidth?: string;
+    children?: any;
+    ref?: any;
+    disabled?: boolean;
+    fontSize?: number;
+}
+export interface IBKJThemeToggleInput {
+    Switch: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurplePillLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurplePillRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurpleNoBorderLeft: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    PurpleNoBorderRight: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+}
+export declare type BKJThemeToggleInputVariantType = keyof IBKJThemeToggleInput;
 //# sourceMappingURL=BKJToggleInput.types.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.types.js

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

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

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

package/lib/components/BKJToggleInput/index.js

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

package/lib/components/BKJTooltipWrapper/BKJTooltip.d.ts

@@ -1,7 +1,7 @@
-import { BasePlacement } from '@popperjs/core';
-import { FC } from 'react';
-export declare const BKJTooltip: FC<{
-    placement: BasePlacement;
-    triggerRef?: any;
-}>;
+import { BasePlacement } from '@popperjs/core';
+import { FC } from 'react';
+export declare const BKJTooltip: FC<{
+    placement: BasePlacement;
+    triggerRef?: any;
+}>;
 //# sourceMappingURL=BKJTooltip.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltip.js

@@ -1,33 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useState, useEffect } from 'react';
-import { usePopper } from 'react-popper';
-import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
-import { Portal } from '../Portal/Portal.js';
-import { BKJTooltipArrow, BKJTooltipArrowWrapper } from './BKJTooltipWrapper.styled.js';
-export const BKJTooltip = ({ placement, triggerRef, children, }) => {
-    const [tooltipRef, setTooltipRef] = useState(null);
-    const [arrowElement, setArrowElement] = useState(null);
-    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('tooltip-root'));
-    const { styles, attributes } = usePopper(triggerRef.current, tooltipRef, {
-        placement,
-        modifiers: [
-            {
-                name: 'arrow',
-                options: {
-                    element: arrowElement,
-                },
-            },
-        ],
-    });
-    useEffect(() => {
-        if (!targetElement) {
-            const element = document.createElement('div');
-            element.setAttribute('id', 'tooltip-root');
-            document.body.prepend(element);
-            setTargetElement(element);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsxs(BKJTooltipArrowWrapper, Object.assign({ ref: setTooltipRef, style: styles['popper'] }, attributes['popper'], { children: [_jsx(BKJTooltipArrow, { className: "BKJTooltipArrow", ref: setArrowElement, style: styles['arrow'] }, void 0), children] }), void 0) }), void 0)) }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState, useEffect } from 'react';
+import { usePopper } from 'react-popper';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { Portal } from '../Portal/Portal.js';
+import { BKJTooltipArrow, BKJTooltipArrowWrapper } from './BKJTooltipWrapper.styled.js';
+export const BKJTooltip = ({ placement, triggerRef, children, }) => {
+    const [tooltipRef, setTooltipRef] = useState(null);
+    const [arrowElement, setArrowElement] = useState(null);
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('tooltip-root'));
+    const { styles, attributes } = usePopper(triggerRef.current, tooltipRef, {
+        placement,
+        modifiers: [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowElement,
+                },
+            },
+        ],
+    });
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'tooltip-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsxs(BKJTooltipArrowWrapper, Object.assign({ ref: setTooltipRef, style: styles['popper'] }, attributes['popper'], { children: [_jsx(BKJTooltipArrow, { className: "BKJTooltipArrow", ref: setArrowElement, style: styles['arrow'] }, void 0), children] }), void 0) }), void 0)) }, void 0));
+};
 //# sourceMappingURL=BKJTooltip.js.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.context.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IBKJTooltipWrapperUIStateContext } from './BKJTooltipWrapper.types.js';
-export declare const BKTooltipWrapperUIStateProvider: FC;
-export declare const useBKJTooltipWrapperUIStateContext: () => IBKJTooltipWrapperUIStateContext;
+import { FC } from 'react';
+import { IBKJTooltipWrapperUIStateContext } from './BKJTooltipWrapper.types.js';
+export declare const BKTooltipWrapperUIStateProvider: FC;
+export declare const useBKJTooltipWrapperUIStateContext: () => IBKJTooltipWrapperUIStateContext;
 //# sourceMappingURL=BKJTooltipWrapper.context.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.context.js

@@ -1,22 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from 'react';
-const BKJTooltipWrapperUIStateContext = createContext({
-    toggleTooltip: (_e, _show) => void 0,
-    showTooltip: false,
-});
-export const BKTooltipWrapperUIStateProvider = ({ children }) => {
-    const [showTooltip, setShowTooltip] = useState(false);
-    const toggleTooltip = useCallback((e, show) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setShowTooltip(show);
-        return void 0;
-    }, []);
-    const contextValue = useMemo(() => ({
-        showTooltip,
-        toggleTooltip,
-    }), [showTooltip, toggleTooltip]);
-    return (_jsx(BKJTooltipWrapperUIStateContext.Provider, Object.assign({ value: contextValue }, { children: children }), void 0));
-};
-export const useBKJTooltipWrapperUIStateContext = () => useContext(BKJTooltipWrapperUIStateContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+const BKJTooltipWrapperUIStateContext = createContext({
+    toggleTooltip: (_e, _show) => void 0,
+    showTooltip: false,
+});
+export const BKTooltipWrapperUIStateProvider = ({ children }) => {
+    const [showTooltip, setShowTooltip] = useState(false);
+    const toggleTooltip = useCallback((e, show) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setShowTooltip(show);
+        return void 0;
+    }, []);
+    const contextValue = useMemo(() => ({
+        showTooltip,
+        toggleTooltip,
+    }), [showTooltip, toggleTooltip]);
+    return (_jsx(BKJTooltipWrapperUIStateContext.Provider, Object.assign({ value: contextValue }, { children: children }), void 0));
+};
+export const useBKJTooltipWrapperUIStateContext = () => useContext(BKJTooltipWrapperUIStateContext);
 //# sourceMappingURL=BKJTooltipWrapper.context.js.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJTooltipWrapperProps } from './BKJTooltipWrapper.types.js';
-export declare const BKJTooltipWrapper: FC<IBKJTooltipWrapperProps>;
+import { FC } from 'react';
+import { IBKJTooltipWrapperProps } from './BKJTooltipWrapper.types.js';
+export declare const BKJTooltipWrapper: FC<IBKJTooltipWrapperProps>;
 //# sourceMappingURL=BKJTooltipWrapper.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { Fragment } from 'react';
-import { BKTooltipWrapperUIStateProvider, useBKJTooltipWrapperUIStateContext, } from './BKJTooltipWrapper.context.js';
-import { BKJComponentWrapper } from './BKJTooltipWrapper.styled.js';
-import { BKJTooltip } from './BKJTooltip.js';
-const TooltipWrapper = ({ placement, triggerRef, Component, children, }) => {
-    const { toggleTooltip, showTooltip } = useBKJTooltipWrapperUIStateContext();
-    return (_jsxs(Fragment, { children: [_jsx(BKJComponentWrapper, Object.assign({ ref: triggerRef, onMouseOver: (e) => toggleTooltip(e, true), onMouseLeave: (e) => toggleTooltip(e, false) }, { children: _jsx(Component, {}, void 0) }), void 0),
-            showTooltip && triggerRef.current && (_jsx(BKJTooltip, Object.assign({ placement: placement, triggerRef: triggerRef }, { children: children }), void 0))] }, void 0));
-};
-export const BKJTooltipWrapper = ({ children, ...props }) => {
-    const triggerRef = useRef(null);
-    return (_jsx(BKTooltipWrapperUIStateProvider, { children: _jsx(TooltipWrapper, Object.assign({}, props, { triggerRef: triggerRef }, { children: children }), void 0) }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Fragment } from 'react';
+import { BKTooltipWrapperUIStateProvider, useBKJTooltipWrapperUIStateContext, } from './BKJTooltipWrapper.context.js';
+import { BKJComponentWrapper } from './BKJTooltipWrapper.styled.js';
+import { BKJTooltip } from './BKJTooltip.js';
+const TooltipWrapper = ({ placement, triggerRef, Component, children, }) => {
+    const { toggleTooltip, showTooltip } = useBKJTooltipWrapperUIStateContext();
+    return (_jsxs(Fragment, { children: [_jsx(BKJComponentWrapper, Object.assign({ ref: triggerRef, onMouseOver: (e) => toggleTooltip(e, true), onMouseLeave: (e) => toggleTooltip(e, false) }, { children: _jsx(Component, {}, void 0) }), void 0),
+            showTooltip && triggerRef.current && (_jsx(BKJTooltip, Object.assign({ placement: placement, triggerRef: triggerRef }, { children: children }), void 0))] }, void 0));
+};
+export const BKJTooltipWrapper = ({ children, ...props }) => {
+    const triggerRef = useRef(null);
+    return (_jsx(BKTooltipWrapperUIStateProvider, { children: _jsx(TooltipWrapper, Object.assign({}, props, { triggerRef: triggerRef }, { children: children }), void 0) }, void 0));
+};
 //# sourceMappingURL=BKJTooltipWrapper.js.map

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJTooltipWrapperProps } from './BKJTooltipWrapper.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJTooltipWrapperProps>;
-    argTypes: {
-        placement: {
-            name: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJTooltipWrapperProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJTooltipWrapperProps } from './BKJTooltipWrapper.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJTooltipWrapperProps>;
+    argTypes: {
+        placement: {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJTooltipWrapperProps>;
 //# sourceMappingURL=BKJTooltipWrapper.stories.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.stories.js

@@ -1,32 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex } from '../index.js';
-import { BKJButton } from '../BKJButton/index.js';
-import { BKJTooltipWrapper } from './BKJTooltipWrapper.js';
-export default {
-    title: 'Basic Elements/BKJTooltipWrapper',
-    component: BKJTooltipWrapper,
-    argTypes: {
-        placement: {
-            name: 'Placement',
-            options: ['top', 'bottom', 'left', 'right'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-const BKJTooltipWrapperTemplate = (args) => {
-    return (_jsxs(Flex, Object.assign({ height: "100%", width: "100%", justifyContent: "flex-end", flexDirection: "column", gap: "150px", alignItems: "center" }, { children: [_jsx(BKJTooltipWrapper, Object.assign({}, args), void 0),
-            _jsxs("div", { children: [_jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM" }, void 0), children: "asdf" }, void 0),
-                    _jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM 2" }, void 0), children: "qwer" }, void 0)] }, void 0)] }), void 0));
-};
-export const Default = BKJTooltipWrapperTemplate.bind({});
-Default.args = {
-    placement: 'bottom',
-    Component: () => _jsx(BKJButton, { variant: "PurpleSolid" }, void 0),
-    children: (_jsxs(Flex, Object.assign({ flexDirection: "column", gap: "20px", width: "209px" }, { children: [_jsx("div", { children: "This agency member is unavailable on the following dates:" }, void 0),
-            _jsxs("ul", { children: [_jsx("li", { children: "Tue, Nov 25, 2021" }, void 0),
-                    _jsx("li", { children: "Thu, Dec 3, 2021" }, void 0)] }, void 0),
-            _jsx("div", { children: "If you decide to request this agency member, shifts they are unavailable for will be sent out as Open Shifts." }, void 0)] }), void 0)),
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '../index.js';
+import { BKJButton } from '../BKJButton/index.js';
+import { BKJTooltipWrapper } from './BKJTooltipWrapper.js';
+export default {
+    title: 'Basic Elements/BKJTooltipWrapper',
+    component: BKJTooltipWrapper,
+    argTypes: {
+        placement: {
+            name: 'Placement',
+            options: ['top', 'bottom', 'left', 'right'],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+const BKJTooltipWrapperTemplate = (args) => {
+    return (_jsxs(Flex, Object.assign({ height: "100%", width: "100%", justifyContent: "flex-end", flexDirection: "column", gap: "150px", alignItems: "center" }, { children: [_jsx(BKJTooltipWrapper, Object.assign({}, args), void 0),
+            _jsxs("div", { children: [_jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM" }, void 0), children: "asdf" }, void 0),
+                    _jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM 2" }, void 0), children: "qwer" }, void 0)] }, void 0)] }), void 0));
+};
+export const Default = BKJTooltipWrapperTemplate.bind({});
+Default.args = {
+    placement: 'bottom',
+    Component: () => _jsx(BKJButton, { variant: "PurpleSolid" }, void 0),
+    children: (_jsxs(Flex, Object.assign({ flexDirection: "column", gap: "20px", width: "209px" }, { children: [_jsx("div", { children: "This agency member is unavailable on the following dates:" }, void 0),
+            _jsxs("ul", { children: [_jsx("li", { children: "Tue, Nov 25, 2021" }, void 0),
+                    _jsx("li", { children: "Thu, Dec 3, 2021" }, void 0)] }, void 0),
+            _jsx("div", { children: "If you decide to request this agency member, shifts they are unavailable for will be sent out as Open Shifts." }, void 0)] }), void 0)),
+};
 //# sourceMappingURL=BKJTooltipWrapper.stories.js.map

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

@@ -1,11 +1,11 @@
-import { ForwardedRef, Ref } from 'react';
-export declare const BKJComponentWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    ref: ForwardedRef<any> | Ref<any> | any;
-}, never>;
-export declare const BKJTooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    ref: ForwardedRef<any> | Ref<any> | any;
-}, never>;
-export declare const BKJTooltipArrowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    ref: ForwardedRef<any> | Ref<any> | any;
-}, never>;
+import { ForwardedRef, Ref } from 'react';
+export declare const BKJComponentWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}, never>;
+export declare const BKJTooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}, never>;
+export declare const BKJTooltipArrowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}, never>;
 //# sourceMappingURL=BKJTooltipWrapper.styled.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.styled.js

@@ -1,58 +1,58 @@
-import styled from 'styled-components';
-export const BKJComponentWrapper = styled.span ``;
-export const BKJTooltipArrow = styled.div `
-  position: absolute;
-  ::before {
-    position: absolute;
-    width: 10px;
-    height: 10px;
-    background-color: ${({ theme }) => theme.colors.Grey7};
-    content: '';
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-  }
-`;
-export const BKJTooltipArrowWrapper = styled.div `
-  ${({ theme }) => theme.fonts.PoppinsText};
-  font-size: 14px;
-  line-height: 21px;
-  color: ${({ theme }) => theme.colors.TextWhite};
-  background-color: ${({ theme }) => theme.colors.Grey7};
-  padding: 16px;
-  border-radius: 8px;
-  z-index: 1000;
-
-  &[data-popper-placement*='bottom'] {
-    margin-top: 10px;
-    & > .BKJTooltipArrow {
-      top: -5px;
-      left: -5px !important;
-    }
-  }
-
-  &[data-popper-placement*='top'] {
-    margin-bottom: 10px;
-    & > .BKJTooltipArrow {
-      bottom: 5px;
-      left: -5px !important;
-    }
-  }
-
-  &[data-popper-placement*='left'] {
-    margin-right: 10px;
-    & > .BKJTooltipArrow {
-      right: 5px;
-      top: -5px !important;
-    }
-  }
-
-  &[data-popper-placement*='right'] {
-    margin-left: 10px;
-    & > .BKJTooltipArrow {
-      left: -5px;
-      top: -5px !important;
-    }
-  }
-`;
+import styled from 'styled-components';
+export const BKJComponentWrapper = styled.span ``;
+export const BKJTooltipArrow = styled.div `
+  position: absolute;
+  ::before {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background-color: ${({ theme }) => theme.colors.Grey7};
+    content: '';
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+`;
+export const BKJTooltipArrowWrapper = styled.div `
+  ${({ theme }) => theme.fonts.PoppinsText};
+  font-size: 14px;
+  line-height: 21px;
+  color: ${({ theme }) => theme.colors.TextWhite};
+  background-color: ${({ theme }) => theme.colors.Grey7};
+  padding: 16px;
+  border-radius: 8px;
+  z-index: 1000;
+
+  &[data-popper-placement*='bottom'] {
+    margin-top: 10px;
+    & > .BKJTooltipArrow {
+      top: -5px;
+      left: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='top'] {
+    margin-bottom: 10px;
+    & > .BKJTooltipArrow {
+      bottom: 5px;
+      left: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='left'] {
+    margin-right: 10px;
+    & > .BKJTooltipArrow {
+      right: 5px;
+      top: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='right'] {
+    margin-left: 10px;
+    & > .BKJTooltipArrow {
+      left: -5px;
+      top: -5px !important;
+    }
+  }
+`;
 //# sourceMappingURL=BKJTooltipWrapper.styled.js.map

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

@@ -1,13 +1,13 @@
-import { BasePlacement } from '@popperjs/core';
-import React, { FC, ReactNode } from 'react';
-export interface IBKJTooltipWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-    placement: BasePlacement;
-    Component: FC;
-    children: ReactNode;
-    ref?: any;
-}
-export interface IBKJTooltipWrapperUIStateContext {
-    toggleTooltip: (e: Event, show: boolean) => void;
-    showTooltip: boolean;
-}
+import { BasePlacement } from '@popperjs/core';
+import React, { FC, ReactNode } from 'react';
+export interface IBKJTooltipWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    placement: BasePlacement;
+    Component: FC;
+    children: ReactNode;
+    ref?: any;
+}
+export interface IBKJTooltipWrapperUIStateContext {
+    toggleTooltip: (e: Event, show: boolean) => void;
+    showTooltip: boolean;
+}
 //# sourceMappingURL=BKJTooltipWrapper.types.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.types.js

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

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

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

package/lib/components/BKJTooltipWrapper/index.js

@@ -1,2 +1,2 @@
-export { BKJTooltipWrapper } from './BKJTooltipWrapper.js';
+export { BKJTooltipWrapper } from './BKJTooltipWrapper.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJTypographyProps } from './BKJTypography.types.js';
-export declare const BKJTypography: FC<IBKJTypographyProps>;
+import { FC } from 'react';
+import { IBKJTypographyProps } from './BKJTypography.types.js';
+export declare const BKJTypography: FC<IBKJTypographyProps>;
 //# sourceMappingURL=BKJTypography.d.ts.map

package/lib/components/BKJTypography/BKJTypography.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { typographyComponents } from './BKJTypography.styled.js';
-export const BKJTypography = ({ variant = 'Body', element = 'span', children, }) => {
-    const Component = typographyComponents[element];
-    return _jsx(Component, Object.assign({ "$variant": variant }, { children: children }), void 0);
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { typographyComponents } from './BKJTypography.styled.js';
+export const BKJTypography = ({ variant = 'Body', element = 'span', children, }) => {
+    const Component = typographyComponents[element];
+    return _jsx(Component, Object.assign({ "$variant": variant }, { children: children }), void 0);
+};
 //# sourceMappingURL=BKJTypography.js.map

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

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJTypographyProps } from './BKJTypography.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJTypographyProps>;
-    argTypes: {
-        variant: {
-            name: string;
-            options: string[];
-        };
-        element: {
-            name: string;
-            options: string[];
-        };
-        children: {
-            name: string;
-            type: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJTypographyProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJTypographyProps } from './BKJTypography.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJTypographyProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            options: string[];
+        };
+        element: {
+            name: string;
+            options: string[];
+        };
+        children: {
+            name: string;
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJTypographyProps>;
 //# sourceMappingURL=BKJTypography.stories.d.ts.map