@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Interpolation } from 'styled-components';
+export interface IBKJBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant: BKJThemeBadgeVariantType;
+}
+export interface IBKJThemeBadge {
+    Orange: Interpolation<any>;
+    OrangePill: Interpolation<any>;
+    Green: Interpolation<any>;
+    GreenPill: Interpolation<any>;
+    Red: Interpolation<any>;
+    RedPill: Interpolation<any>;
+    Grey: Interpolation<any>;
+    GreyPill: Interpolation<any>;
+    LightGrey: Interpolation<any>;
+    LightGreyPill: Interpolation<any>;
+    MidGrey: Interpolation<any>;
+    MidGreyPill: Interpolation<any>;
+    DarkGrey: Interpolation<any>;
+    DarkGreyPill: Interpolation<any>;
+    GreyOutline: Interpolation<any>;
+    AcceptedPill: Interpolation<any>;
+    AssignedPill: Interpolation<any>;
+    CancelledPill: Interpolation<any>;
+    CompletedPill: Interpolation<any>;
+    InProgressPill: Interpolation<any>;
+    OpenPill: Interpolation<any>;
+    PendingPill: Interpolation<any>;
+    RejectedPill: Interpolation<any>;
+    RequestedPill: Interpolation<any>;
+    UnfulfilledPill: Interpolation<any>;
+    SwappedPill: Interpolation<any>;
+    AbsentPill: Interpolation<any>;
+}
+export type BKJThemeBadgeVariantType = keyof IBKJThemeBadge;
+//# sourceMappingURL=BKJBadge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9B,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACxB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5B,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7B,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7B,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,eAAe,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,MAAM,cAAc,CAAC"}

package/lib/components/BKJBadge/BKJBadge.types.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/BKJBadge/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/BKJButton/BKJButton.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAOxC,CAAC"}

package/lib/components/BKJButton/BKJButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJButtonWrapper } from './BKJButton.styled.js';
+import { forwardRef } from 'react';
+import { BKJLoadingSpinner } from '../BKJLoadingSpinner/index.js';
+export const BKJButton = forwardRef((props, ref) => {
+    const { children, isLoading, className, ...rest } = props;
+    return (_jsx(BKJButtonWrapper, { className: className, ...rest, ref: ref, children: isLoading ? _jsx(BKJLoadingSpinner, { variant: "Small" }) : children }));
+});
+//# sourceMappingURL=BKJButton.js.map

package/lib/components/BKJButton/BKJButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.js","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,CAAC,MAAM,SAAS,GAAwB,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAe,EAAE;IACnF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1D,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,EAAE,GAAG,EAAE,GAAG,YACvD,SAAS,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,GAC5C,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,47 @@
+import { IBKJButtonProps } from './BKJButton.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJButtonProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            option: string[];
+        };
+        children: {
+            name: string;
+            control: string;
+        };
+        disabled: {
+            name: string;
+            type: string;
+        };
+        isLoading: {
+            name: string;
+        };
+        width: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+        css: {
+            table: {
+                disable: boolean;
+            };
+        };
+        minWidth: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJButtonProps>;
+//# sourceMappingURL=BKJButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,wBAqDE;AAMF,eAAO,MAAM,OAAO,sGAAoB,CAAC"}

package/lib/components/BKJButton/BKJButton.stories.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJButton } from './BKJButton.js';
+export default {
+    title: 'Basic Elements/BKJButton',
+    component: BKJButton,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            control: {
+                type: 'select',
+            },
+            option: [
+                'PurplePill',
+                'PurpleSolid',
+                'GreenSolid',
+                'RedSolid',
+                'PurpleOutlined',
+                'GreenOutlined',
+                'RedOutlined',
+                'PurpleText',
+                'GreenText',
+                'RedText',
+                'PurpleNoDecorations',
+                'UnderlinedTab',
+            ],
+        },
+        children: {
+            name: 'Label',
+            control: 'text',
+        },
+        disabled: {
+            name: 'Disabled',
+            type: 'boolean',
+        },
+        isLoading: {
+            name: 'Loading',
+        },
+        width: {
+            name: 'Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+        css: {
+            table: { disable: true },
+        },
+        minWidth: {
+            name: 'Minimum Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+    },
+};
+const Template = ({ children, ...props }) => {
+    return _jsx(BKJButton, { ...props, children: children });
+};
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Submit',
+    width: 'auto',
+    variant: 'PurpleText',
+};
+//# sourceMappingURL=BKJButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.stories.js","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,YAAY;gBACZ,aAAa;gBACb,YAAY;gBACZ,UAAU;gBACV,gBAAgB;gBAChB,eAAe;gBACf,aAAa;gBACb,YAAY;gBACZ,WAAW;gBACX,SAAS;gBACT,qBAAqB;gBACrB,eAAe;aAChB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA6B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,OAAO,KAAC,SAAS,OAAK,KAAK,YAAG,QAAQ,GAAa,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,YAAY;CACtB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { BKJThemeButtonVariantType } from './BKJButton.types.js';
+export interface IBKJButtonWrapperProps {
+    variant: BKJThemeButtonVariantType;
+    width?: string;
+    minWidth?: string;
+    isLoading?: boolean;
+    ref?: any;
+    padding?: string;
+}
+export declare const BKJButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IBKJButtonWrapperProps>> & string;
+//# sourceMappingURL=BKJButton.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,uQA6C5B,CAAC"}

package/lib/components/BKJButton/BKJButton.styled.js

@@ -0,0 +1,45 @@
+import styled, { css } from 'styled-components';
+import { assertBKJThemeType } from '../../providers/BKJThemeProvider/BKJThemeProvider.types.js';
+export const BKJButtonWrapper = styled.button `
+  ${(props) => assertBKJThemeType('BKJButton', props)};
+  ${({ theme }) => theme.fonts.PoppinsTextMedium};
+  font-size: 14px;
+  line-height: 24px;
+  width: 100%;
+  align-items: center;
+  border-radius: 8px;
+  border: none;
+  color: ${({ theme }) => theme.colors.White};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  max-height: 38px;
+  min-height: 38px;
+  outline: none;
+  overflow: hidden;
+  padding: 0px 30px;
+  transition: background-color 100ms linear;
+
+  ${({ minWidth }) => minWidth &&
+    css `
+      min-width: ${minWidth};
+    `};
+
+  ${({ width }) => width &&
+    css `
+      width: ${width};
+    `};
+
+  ${({ isLoading }) => isLoading &&
+    css `
+      pointer-events: none;
+    `};
+
+  ${({ padding }) => padding &&
+    css `
+      padding: ${padding};
+    `};
+
+  ${({ theme, variant }) => theme.button[variant]};
+`;
+//# sourceMappingURL=BKJButton.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.styled.js","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAW7F,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAwB;IACjE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC;IACjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;;;;;WAOrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;IAWxC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;mBACY,QAAQ;KACtB;;IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,KAAK;KACf;;IAED,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,GAAG,CAAA;;KAEF;;IAED,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,GAAG,CAAA;iBACU,OAAO;KACnB;;IAED,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;CAChD,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IBKJThemeButton } from './BKJButton.types.js';
+export declare const BKJThemeButton: IBKJThemeButton;
+//# sourceMappingURL=BKJButton.theme.d.ts.map

package/lib/components/BKJButton/BKJButton.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJButton.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButton/BKJButton.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,cAAc,EAAE,eA8Z5B,CAAC"}