@bookjane2/bookjane-design-library 7.3.3 → 7.3.4

package/lib/components/BKJAlert/BKJAlert.stories.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BKJAlert } from './BKJAlert.js';
-export default {
-    title: 'Basic Elements/BKJAlert',
-    component: BKJAlert,
-    argTypes: {
-        children: {
-            name: 'Text',
-            type: 'string',
-        },
-    },
-};
-const Template = ({ children, ...rest }) => (_jsx(BKJAlert, Object.assign({}, rest, { children: children }), void 0));
-export const Default = Template.bind({});
-Default.args = {
-    children: 'Since this shift starts within 24 hours, you will incur a penalty fee of $30. Please confirm that you want to release your team member.',
-    status: 'conflict',
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJAlert } from './BKJAlert.js';
+export default {
+    title: 'Basic Elements/BKJAlert',
+    component: BKJAlert,
+    argTypes: {
+        children: {
+            name: 'Text',
+            type: 'string',
+        },
+    },
+};
+const Template = ({ children, ...rest }) => (_jsx(BKJAlert, Object.assign({}, rest, { children: children }), void 0));
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Since this shift starts within 24 hours, you will incur a penalty fee of $30. Please confirm that you want to release your team member.',
+    status: 'conflict',
+};
 //# sourceMappingURL=BKJAlert.stories.js.map

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

@@ -1,8 +1,8 @@
-import { BKJAlertStatusType } from './BKJAlert.types.js';
-export declare const BKJAlertWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AlertText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
-    status: BKJAlertStatusType;
-}, never>;
-export declare const DismissButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+import { BKJAlertStatusType } from './BKJAlert.types.js';
+export declare const BKJAlertWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlertText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
+    status: BKJAlertStatusType;
+}, never>;
+export declare const DismissButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJAlert.styled.d.ts.map

package/lib/components/BKJAlert/BKJAlert.styled.js

@@ -1,33 +1,33 @@
-import styled from 'styled-components';
-export const BKJAlertWrapper = styled.div `
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: 16px;
-  width: 496px;
-  height: fit-content;
-  background-color: ${({ theme }) => theme.colors.Grey1};
-`;
-export const IconWrapper = styled.div ``;
-export const AlertText = styled.p `
-  ${({ theme }) => theme.typography.Caption};
-  color: ${({ status, theme }) => status === 'conflict' ? theme.colors.ErrorDefault : theme.colors.TextDarkGrey};
-  margin: 0px 12px;
-`;
-export const DismissButton = styled.button `
-  margin-top: auto;
-  margin-bottom: auto;
-  border: none;
-  background: none;
-  ${({ theme }) => theme.typography.TextLink};
-  color: ${({ theme }) => theme.colors.PrimaryDefault};
-  text-decoration: underline;
-  cursor: pointer;
-  &:hover {
-    color: ${({ theme }) => theme.colors.PrimaryHover};
-  }
-  &:active {
-    color: ${({ theme }) => theme.colors.PrimaryClick};
-  }
-`;
+import styled from 'styled-components';
+export const BKJAlertWrapper = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 16px;
+  width: 496px;
+  height: fit-content;
+  background-color: ${({ theme }) => theme.colors.Grey1};
+`;
+export const IconWrapper = styled.div ``;
+export const AlertText = styled.p `
+  ${({ theme }) => theme.typography.Caption};
+  color: ${({ status, theme }) => status === 'conflict' ? theme.colors.ErrorDefault : theme.colors.TextDarkGrey};
+  margin: 0px 12px;
+`;
+export const DismissButton = styled.button `
+  margin-top: auto;
+  margin-bottom: auto;
+  border: none;
+  background: none;
+  ${({ theme }) => theme.typography.TextLink};
+  color: ${({ theme }) => theme.colors.PrimaryDefault};
+  text-decoration: underline;
+  cursor: pointer;
+  &:hover {
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  &:active {
+    color: ${({ theme }) => theme.colors.PrimaryClick};
+  }
+`;
 //# sourceMappingURL=BKJAlert.styled.js.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type BKJAlertStatusType = 'dismissable' | 'warning' | 'conflict';
-export interface IBKJAlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    status: BKJAlertStatusType;
-    onDismiss?: () => void;
-}
+/// <reference types="react" />
+export declare type BKJAlertStatusType = 'dismissable' | 'warning' | 'conflict';
+export interface IBKJAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: BKJAlertStatusType;
+    onDismiss?: () => void;
+}
 //# sourceMappingURL=BKJAlert.types.d.ts.map

package/lib/components/BKJAlert/BKJAlert.types.js

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

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

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

package/lib/components/BKJAlert/index.js

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

package/lib/components/BKJAvatar/BKJAvatar.d.ts

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

package/lib/components/BKJAvatar/BKJAvatar.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { BKJIcon } from '../index.js';
-import { BKJImage } from '../BKJImage/index.js';
-import { PendingSignUpIcon, ImageContainer } from './BKJAvatar.styled.js';
-export const BKJAvatar = ({ src, fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
-    const FallbackLoadingComponent = useCallback(() => _jsx(BKJIcon, Object.assign({ color: fallbackAvatarColor, fontSize: fontSize, iconName: "Avatar" }, rest), void 0), [fallbackAvatarColor, fontSize, rest]);
-    return (_jsxs(ImageContainer, { children: [_jsx(BKJImage, Object.assign({ alt: "Avatar", src: src || '', LoadingComponent: FallbackLoadingComponent, FallbackComponent: FallbackLoadingComponent, variant: 'Round' }, rest), void 0),
-            showPendingSignUp && _jsx(PendingSignUpIcon, Object.assign({ iconName: "PendingSignup" }, rest), void 0)] }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { BKJIcon } from '../index.js';
+import { BKJImage } from '../BKJImage/index.js';
+import { PendingSignUpIcon, ImageContainer } from './BKJAvatar.styled.js';
+export const BKJAvatar = ({ src, fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
+    const FallbackLoadingComponent = useCallback(() => _jsx(BKJIcon, Object.assign({ color: fallbackAvatarColor, fontSize: fontSize, iconName: "Avatar" }, rest), void 0), [fallbackAvatarColor, fontSize, rest]);
+    return (_jsxs(ImageContainer, { children: [_jsx(BKJImage, Object.assign({ alt: "Avatar", src: src || '', LoadingComponent: FallbackLoadingComponent, FallbackComponent: FallbackLoadingComponent, variant: 'Round' }, rest), void 0),
+            showPendingSignUp && _jsx(PendingSignUpIcon, Object.assign({ iconName: "PendingSignup" }, rest), void 0)] }, void 0));
+};
 //# sourceMappingURL=BKJAvatar.js.map

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

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJAvatarProps } from './BKJAvatar.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJAvatarProps>;
-    argTypes: {
-        src: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        fallbackAvatarColor: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        showPendingSignUp: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJAvatarProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJAvatarProps } from './BKJAvatar.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJAvatarProps>;
+    argTypes: {
+        src: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        height: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        fallbackAvatarColor: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        showPendingSignUp: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJAvatarProps>;
 //# sourceMappingURL=BKJAvatar.stories.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.stories.js

@@ -1,47 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BKJAvatar } from './BKJAvatar.js';
-import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
-export default {
-    title: 'Basic Elements/BKJAvatar',
-    component: BKJAvatar,
-    argTypes: {
-        src: {
-            name: 'Src',
-            control: {
-                type: 'text',
-            },
-        },
-        width: {
-            name: 'Width',
-            control: {
-                type: 'text',
-            },
-        },
-        height: {
-            name: 'Height',
-            control: {
-                type: 'text',
-            },
-        },
-        fallbackAvatarColor: {
-            name: 'Avatar Color',
-            control: {
-                type: 'color',
-            },
-        },
-        showPendingSignUp: {
-            name: 'Pending SignUp',
-            control: {
-                type: 'boolean',
-            },
-        },
-    },
-};
-const Template = ({ ...rest }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, Object.assign({}, rest), void 0) }, void 0));
-export const Default = Template.bind({
-    src: 'https://s3.amazonaws.com/bjk2-0/sandbox/user/avatar/15605/small_8153694F-2098-49BE-A135-4C2B9EBA3DFA.jpg',
-    width: '20px',
-    height: '20px',
-    fallbackAvatarColor: 'Grey3',
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJAvatar } from './BKJAvatar.js';
+import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+export default {
+    title: 'Basic Elements/BKJAvatar',
+    component: BKJAvatar,
+    argTypes: {
+        src: {
+            name: 'Src',
+            control: {
+                type: 'text',
+            },
+        },
+        width: {
+            name: 'Width',
+            control: {
+                type: 'text',
+            },
+        },
+        height: {
+            name: 'Height',
+            control: {
+                type: 'text',
+            },
+        },
+        fallbackAvatarColor: {
+            name: 'Avatar Color',
+            control: {
+                type: 'color',
+            },
+        },
+        showPendingSignUp: {
+            name: 'Pending SignUp',
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+};
+const Template = ({ ...rest }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, Object.assign({}, rest), void 0) }, void 0));
+export const Default = Template.bind({
+    src: 'https://s3.amazonaws.com/bjk2-0/sandbox/user/avatar/15605/small_8153694F-2098-49BE-A135-4C2B9EBA3DFA.jpg',
+    width: '20px',
+    height: '20px',
+    fallbackAvatarColor: 'Grey3',
+});
 //# sourceMappingURL=BKJAvatar.stories.js.map

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export declare const Avatar: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
-    fontSize: number;
-}, never>;
-export declare const PendingSignUpIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {
-    width: string;
-    height: string;
-}, never>;
-export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const Avatar: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    fontSize: number;
+}, never>;
+export declare const PendingSignUpIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {
+    width: string;
+    height: string;
+}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJAvatar.styled.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.styled.js

@@ -1,24 +1,24 @@
-import styled, { css } from 'styled-components';
-import { BKJIcon } from '../BKJIcon/BKJIcon.js';
-export const Avatar = styled.img `
-  border: 1px solid ${({ theme }) => theme.colors.Grey3};
-  border-radius: 50%;
-  ${({ fontSize }) => fontSize &&
-    css `
-      width: ${fontSize}px;
-      height: ${fontSize}px;
-    `}
-`;
-export const PendingSignUpIcon = styled(BKJIcon) `
-  position: absolute;
-  ${({ width }) => width &&
-    css `
-      top: calc(${width} / 1.8);
-      left: calc(${width} / 1.8);
-      width: calc(${width} / 3.5);
-    `};
-`;
-export const ImageContainer = styled.div `
-  position: relative;
-`;
+import styled, { css } from 'styled-components';
+import { BKJIcon } from '../BKJIcon/BKJIcon.js';
+export const Avatar = styled.img `
+  border: 1px solid ${({ theme }) => theme.colors.Grey3};
+  border-radius: 50%;
+  ${({ fontSize }) => fontSize &&
+    css `
+      width: ${fontSize}px;
+      height: ${fontSize}px;
+    `}
+`;
+export const PendingSignUpIcon = styled(BKJIcon) `
+  position: absolute;
+  ${({ width }) => width &&
+    css `
+      top: calc(${width} / 1.8);
+      left: calc(${width} / 1.8);
+      width: calc(${width} / 3.5);
+    `};
+`;
+export const ImageContainer = styled.div `
+  position: relative;
+`;
 //# sourceMappingURL=BKJAvatar.styled.js.map

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

@@ -1,10 +1,10 @@
-import { BKJThemeColorType } from '../../index.js';
-export interface IBKJAvatarProps {
-    src?: string | null;
-    fontSize?: number;
-    width: string;
-    height: string;
-    showPendingSignUp?: boolean;
-    fallbackAvatarColor: BKJThemeColorType;
-}
+import { BKJThemeColorType } from '../../index.js';
+export interface IBKJAvatarProps {
+    src?: string | null;
+    fontSize?: number;
+    width: string;
+    height: string;
+    showPendingSignUp?: boolean;
+    fallbackAvatarColor: BKJThemeColorType;
+}
 //# sourceMappingURL=BKJAvatar.types.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.types.js

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

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

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

package/lib/components/BKJAvatar/index.js

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

package/lib/components/BKJBadge/BKJBadge.d.ts

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

package/lib/components/BKJBadge/BKJBadge.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BadgeWrapper } from './BKJBadge.styled.js';
-export const BKJBadge = ({ variant, children, ...rest }) => (_jsx(BadgeWrapper, Object.assign({ variant: variant }, rest, { children: children }), void 0));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BadgeWrapper } from './BKJBadge.styled.js';
+export const BKJBadge = ({ variant, children, ...rest }) => (_jsx(BadgeWrapper, Object.assign({ variant: variant }, rest, { children: children }), void 0));
 //# sourceMappingURL=BKJBadge.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BKJBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;AAElD,wBA0CE;AAQF,eAAO,MAAM,OAAO,uBAAoB,CAAC"}
+{"version":3,"file":"BKJBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;AAElD,wBA2CE;AAQF,eAAO,MAAM,OAAO,uBAAoB,CAAC"}