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

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

@@ -1,88 +1,88 @@
-import { AriaTextFieldOptions } from '@react-aria/textfield';
-import { ChangeEventHandler, CSSProperties, FieldsetHTMLAttributes, HTMLAttributes, HTMLProps, LabelHTMLAttributes, Ref } from 'react';
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-import { FormValidationErrorMessageType } from '../../common.types.js';
-import { BKJThemeFontType, IBKJThemeColor } from '../../providers/index.js';
-import { BKJIconNameType } from '../BKJIcon/BKJIcon.types.js';
-import { HeightType, OrderType, WidthType } from '../Flex/Flex.types.js';
-import { BKJThemeTextInputVariantType } from './BKJTextInput.theme.js';
-export interface IBKJTextInputProps extends Omit<HTMLProps<HTMLInputElement>, 'children' | 'as'> {
-    variant?: BKJThemeTextInputVariantType;
-    label?: string;
-    isOpen?: boolean;
-    name: string;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    maxLength?: number;
-    leftIconProps?: IBKJTextInputIconProps;
-    rightIconProps?: IBKJTextInputIconProps;
-    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
-    fieldSetProps?: FieldsetHTMLAttributes<HTMLFieldSetElement>;
-    ref?: Ref<HTMLInputElement>;
-    description?: AriaTextFieldOptions<'input'>['description'];
-    isRequired?: AriaTextFieldOptions<'input'>['isRequired'];
-    error?: FormValidationErrorMessageType;
-    value?: string;
-    overrides?: Array<'NO_REQUIRED'>;
-    autoComplete?: 'on' | 'off';
-}
-export interface IBKJTextInputLabelProps {
-    variant: IBKJTextInputProps['variant'];
-    elementType: 'Label';
-}
-interface IBKJTextInputIconProps extends HTMLAttributes<HTMLDivElement> {
-    iconName: BKJIconNameType;
-    fontSize?: number;
-    isOpen?: boolean;
-}
-export interface IBKJTextInputWrapperProps {
-    isOpen?: boolean;
-    variant: IBKJTextInputProps['variant'];
-    disabled: AriaTextFieldOptions<'input'>['isDisabled'];
-    elementType: 'InputWrapper';
-}
-export interface IBKJTextInputTextInputProps {
-    valueLength?: number;
-    variant: IBKJTextInputProps['variant'];
-    elementType: 'Input';
-    error?: IBKJTextInputProps['error'];
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-}
-export interface CreateBKJTextInputVariantOptions {
-    [key: string]: any;
-    fontSize?: CSSProperties['fontSize'];
-    border?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    borderRadius?: CSSProperties['borderRadius'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    boxShadow?: CSSProperties['boxShadow'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    disabledBorder?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    invalidBorderColor?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    padding?: CSSProperties['padding'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    inputPadding?: CSSProperties['padding'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    focusBorderColor: keyof IBKJThemeColor;
-    activeBackgroundColor: keyof IBKJThemeColor;
-    disabledBackgroundColor: keyof IBKJThemeColor;
-    fontColor: keyof IBKJThemeColor;
-    placeholderColor: keyof IBKJThemeColor;
-    background: keyof IBKJThemeColor;
-    backgroundColor: keyof IBKJThemeColor;
-    margin?: string;
-    maxHeight?: HeightType;
-    height?: WidthType;
-    minHeight?: HeightType;
-    maxWidth?: WidthType;
-    minWidth?: WidthType;
-    width?: WidthType;
-    order?: OrderType;
-    fontFamily?: BKJThemeFontType;
-}
-export interface IBKJTextInputInnerElementProps {
-    elementType: 'InputWrapper' | 'Input' | 'Label';
-    variant: IBKJTextInputProps['variant'];
-    isOpen?: boolean;
-    openBorderLocation?: 'top' | 'bottom';
-    error?: IBKJTextInputProps['error'];
-}
-export declare type CreateBKJTextInputVariantStyleOutputType = FlattenInterpolation<ThemeProps<DefaultTheme> & IBKJTextInputInnerElementProps>;
-export declare type CreateBKJTextInputVariantFunction = (opts?: CreateBKJTextInputVariantOptions) => CreateBKJTextInputVariantStyleOutputType;
-export {};
+import { AriaTextFieldOptions } from '@react-aria/textfield';
+import { ChangeEventHandler, CSSProperties, FieldsetHTMLAttributes, HTMLAttributes, HTMLProps, LabelHTMLAttributes, Ref } from 'react';
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+import { FormValidationErrorMessageType } from '../../common.types.js';
+import { BKJThemeFontType, IBKJThemeColor } from '../../providers/index.js';
+import { BKJIconNameType } from '../BKJIcon/BKJIcon.types.js';
+import { HeightType, OrderType, WidthType } from '../Flex/Flex.types.js';
+import { BKJThemeTextInputVariantType } from './BKJTextInput.theme.js';
+export interface IBKJTextInputProps extends Omit<HTMLProps<HTMLInputElement>, 'children' | 'as'> {
+    variant?: BKJThemeTextInputVariantType;
+    label?: string;
+    isOpen?: boolean;
+    name: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    maxLength?: number;
+    leftIconProps?: IBKJTextInputIconProps;
+    rightIconProps?: IBKJTextInputIconProps;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
+    fieldSetProps?: FieldsetHTMLAttributes<HTMLFieldSetElement>;
+    ref?: Ref<HTMLInputElement>;
+    description?: AriaTextFieldOptions<'input'>['description'];
+    isRequired?: AriaTextFieldOptions<'input'>['isRequired'];
+    error?: FormValidationErrorMessageType;
+    value?: string;
+    overrides?: Array<'NO_REQUIRED'>;
+    autoComplete?: 'on' | 'off';
+}
+export interface IBKJTextInputLabelProps {
+    variant: IBKJTextInputProps['variant'];
+    elementType: 'Label';
+}
+interface IBKJTextInputIconProps extends HTMLAttributes<HTMLDivElement> {
+    iconName: BKJIconNameType;
+    fontSize?: number;
+    isOpen?: boolean;
+}
+export interface IBKJTextInputWrapperProps {
+    isOpen?: boolean;
+    variant: IBKJTextInputProps['variant'];
+    disabled: AriaTextFieldOptions<'input'>['isDisabled'];
+    elementType: 'InputWrapper';
+}
+export interface IBKJTextInputTextInputProps {
+    valueLength?: number;
+    variant: IBKJTextInputProps['variant'];
+    elementType: 'Input';
+    error?: IBKJTextInputProps['error'];
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+}
+export interface CreateBKJTextInputVariantOptions {
+    [key: string]: any;
+    fontSize?: CSSProperties['fontSize'];
+    border?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    borderRadius?: CSSProperties['borderRadius'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    boxShadow?: CSSProperties['boxShadow'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    disabledBorder?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    invalidBorderColor?: CSSProperties['border'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    padding?: CSSProperties['padding'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    inputPadding?: CSSProperties['padding'] | FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    focusBorderColor: keyof IBKJThemeColor;
+    activeBackgroundColor: keyof IBKJThemeColor;
+    disabledBackgroundColor: keyof IBKJThemeColor;
+    fontColor: keyof IBKJThemeColor;
+    placeholderColor: keyof IBKJThemeColor;
+    background: keyof IBKJThemeColor;
+    backgroundColor: keyof IBKJThemeColor;
+    margin?: string;
+    maxHeight?: HeightType;
+    height?: WidthType;
+    minHeight?: HeightType;
+    maxWidth?: WidthType;
+    minWidth?: WidthType;
+    width?: WidthType;
+    order?: OrderType;
+    fontFamily?: BKJThemeFontType;
+}
+export interface IBKJTextInputInnerElementProps {
+    elementType: 'InputWrapper' | 'Input' | 'Label';
+    variant: IBKJTextInputProps['variant'];
+    isOpen?: boolean;
+    openBorderLocation?: 'top' | 'bottom';
+    error?: IBKJTextInputProps['error'];
+}
+export declare type CreateBKJTextInputVariantStyleOutputType = FlattenInterpolation<ThemeProps<DefaultTheme> & IBKJTextInputInnerElementProps>;
+export declare type CreateBKJTextInputVariantFunction = (opts?: CreateBKJTextInputVariantOptions) => CreateBKJTextInputVariantStyleOutputType;
+export {};
 //# sourceMappingURL=BKJTextInput.types.d.ts.map

package/lib/components/BKJTextInput/BKJTextInput.types.js

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

package/lib/components/BKJTextInput/BKJTextInput.utils.d.ts

@@ -1,3 +1,3 @@
-import { CreateBKJTextInputVariantFunction } from './BKJTextInput.types.js';
-export declare const createBKJTextInputThemeVariantStyles: CreateBKJTextInputVariantFunction;
+import { CreateBKJTextInputVariantFunction } from './BKJTextInput.types.js';
+export declare const createBKJTextInputThemeVariantStyles: CreateBKJTextInputVariantFunction;
 //# sourceMappingURL=BKJTextInput.utils.d.ts.map

package/lib/components/BKJTextInput/BKJTextInput.utils.js

@@ -1,125 +1,125 @@
-import { css } from 'styled-components';
-import { colors } from '../../providers/BKJThemeProvider/BKJColors.js';
-export const createBKJTextInputThemeVariantStyles = (opts = {}) => {
-    if (!opts.border)
-        opts.border = `1px solid #6D7682`;
-    if (!opts.fontSize)
-        opts.fontSize = '14px';
-    if (!opts.borderRadius)
-        opts.borderRadius = '8px';
-    if (!opts.padding)
-        opts.padding = '0 12px';
-    if (!opts.boxShadow)
-        opts.boxShadow = '0 0 0 0 transparent';
-    if (!opts.invalidBorderColor)
-        opts.invalidBorderColor = `#AC1936`;
-    if (!opts.disabledBorder)
-        opts.disabledBorder = `1px solid ${colors.Grey3}`;
-    if (!opts.disabledBackgroundColor)
-        opts.disabledBackgroundColor = 'Grey3';
-    if (!opts.minHeight)
-        opts.minHeight = '38px';
-    if (!opts.height)
-        opts.height = '38px';
-    if (!opts.width)
-        opts.width = '100%';
-    if (!opts.fontFamily)
-        opts.fontFamily = 'PoppinsTextMedium';
-    if (!opts.placeholderColor)
-        opts.placeholderColor = 'TextDisabled';
-    return css `
-    ${({ theme }) => theme.fonts[opts.fontFamily]};
-    font-size: ${opts.fontSize};
-    background-color: ${colors[opts.backgroundColor]};
-    background: ${colors[opts.background]};
-    background-image: none !important;
-    color: ${colors[opts.fontColor]};
-    outline: none;
-
-    &::placeholder {
-      color: ${colors[opts.placeholderColor]};
-    }
-
-    &:focus {
-      border-color: ${colors[opts.focusBorderColor]};
-    }
-
-    &:-webkit-autofill,
-    &:-webkit-autofill:first-line,
-    &focus:-webkit-autofill {
-      ${({ theme }) => theme.fonts.PoppinsTextMedium};
-      border-color: #e5dfa1 !important;
-      box-shadow: 0 0 0 100px #fffff1 inset !important;
-    }
-    &:disabled {
-      background-color: ${colors[opts.disabledBackgroundColor]};
-      border: ${opts.disabledBorder};
-      cursor: unset;
-      color: ${({ theme }) => theme.colors.TextDisabled};
-    }
-    &:enabled {
-      &:active {
-        background-color: ${colors[opts.activeBackgroundColor]};
-      }
-    }
-
-    ${({ error }) => error &&
-        css `
-        &:invalid {
-          border-color: ${opts.invalidBorderColor};
-        }
-      `};
-
-    ${({ elementType, isOpen, openBorderLocation = 'bottom', variant, theme }) => {
-        const cssArray = [];
-        switch (elementType) {
-            case 'Label': {
-                break;
-            }
-            case 'InputWrapper': {
-                if (variant === 'ComboBoxSeamlessRounded' && isOpen) {
-                    cssArray.push(`
-              &::before {
-                position: absolute;
-                height: 100%;
-                width: 100%;
-                z-index: -1;
-                content: '';
-                border-${openBorderLocation}: 0;
-                border-${openBorderLocation}-color: ${theme.colors.White};
-                border-${openBorderLocation}-right-radius: 0px;
-                border-${openBorderLocation}-left-radius: 0px;
-              }
-            `);
-                }
-                break;
-            }
-            case 'Input': {
-                opts.margin && cssArray.push(`margin: ${opts.margin};`);
-                opts.height && cssArray.push(`height: ${opts.height};`);
-                opts.minHeight && cssArray.push(`min-height: ${opts.minHeight};`);
-                opts.maxHeight && cssArray.push(`max-height: ${opts.maxHeight};`);
-                opts.width && cssArray.push(`width: ${opts.width};`);
-                opts.minWidth && cssArray.push(`min-width: ${opts.minWidth};`);
-                opts.maxWidth && cssArray.push(`max-width: ${opts.maxWidth};`);
-                opts.border && cssArray.push(`border: ${opts.border};`);
-                opts.padding && cssArray.push(`padding: ${opts.padding};`);
-                opts.borderRadius && cssArray.push(`border-radius: ${opts.borderRadius};`);
-                if (variant === 'ComboBoxSeamlessRounded') {
-                    if (isOpen) {
-                        cssArray.push(`
-                  border-${openBorderLocation}: 0;
-                  border-${openBorderLocation}-color: ${theme.colors.White};
-                  border-${openBorderLocation}-right-radius: 0px;
-                  border-${openBorderLocation}-left-radius: 0px;
-                `);
-                    }
-                }
-                break;
-            }
-        }
-        return cssArray.join(';');
-    }};
-  `;
-};
+import { css } from 'styled-components';
+import { colors } from '../../providers/BKJThemeProvider/BKJColors.js';
+export const createBKJTextInputThemeVariantStyles = (opts = {}) => {
+    if (!opts.border)
+        opts.border = `1px solid #6D7682`;
+    if (!opts.fontSize)
+        opts.fontSize = '14px';
+    if (!opts.borderRadius)
+        opts.borderRadius = '8px';
+    if (!opts.padding)
+        opts.padding = '0 12px';
+    if (!opts.boxShadow)
+        opts.boxShadow = '0 0 0 0 transparent';
+    if (!opts.invalidBorderColor)
+        opts.invalidBorderColor = `#AC1936`;
+    if (!opts.disabledBorder)
+        opts.disabledBorder = `1px solid ${colors.Grey3}`;
+    if (!opts.disabledBackgroundColor)
+        opts.disabledBackgroundColor = 'Grey3';
+    if (!opts.minHeight)
+        opts.minHeight = '38px';
+    if (!opts.height)
+        opts.height = '38px';
+    if (!opts.width)
+        opts.width = '100%';
+    if (!opts.fontFamily)
+        opts.fontFamily = 'PoppinsTextMedium';
+    if (!opts.placeholderColor)
+        opts.placeholderColor = 'TextDisabled';
+    return css `
+    ${({ theme }) => theme.fonts[opts.fontFamily]};
+    font-size: ${opts.fontSize};
+    background-color: ${colors[opts.backgroundColor]};
+    background: ${colors[opts.background]};
+    background-image: none !important;
+    color: ${colors[opts.fontColor]};
+    outline: none;
+
+    &::placeholder {
+      color: ${colors[opts.placeholderColor]};
+    }
+
+    &:focus {
+      border-color: ${colors[opts.focusBorderColor]};
+    }
+
+    &:-webkit-autofill,
+    &:-webkit-autofill:first-line,
+    &focus:-webkit-autofill {
+      ${({ theme }) => theme.fonts.PoppinsTextMedium};
+      border-color: #e5dfa1 !important;
+      box-shadow: 0 0 0 100px #fffff1 inset !important;
+    }
+    &:disabled {
+      background-color: ${colors[opts.disabledBackgroundColor]};
+      border: ${opts.disabledBorder};
+      cursor: unset;
+      color: ${({ theme }) => theme.colors.TextDisabled};
+    }
+    &:enabled {
+      &:active {
+        background-color: ${colors[opts.activeBackgroundColor]};
+      }
+    }
+
+    ${({ error }) => error &&
+        css `
+        &:invalid {
+          border-color: ${opts.invalidBorderColor};
+        }
+      `};
+
+    ${({ elementType, isOpen, openBorderLocation = 'bottom', variant, theme }) => {
+        const cssArray = [];
+        switch (elementType) {
+            case 'Label': {
+                break;
+            }
+            case 'InputWrapper': {
+                if (variant === 'ComboBoxSeamlessRounded' && isOpen) {
+                    cssArray.push(`
+              &::before {
+                position: absolute;
+                height: 100%;
+                width: 100%;
+                z-index: -1;
+                content: '';
+                border-${openBorderLocation}: 0;
+                border-${openBorderLocation}-color: ${theme.colors.White};
+                border-${openBorderLocation}-right-radius: 0px;
+                border-${openBorderLocation}-left-radius: 0px;
+              }
+            `);
+                }
+                break;
+            }
+            case 'Input': {
+                opts.margin && cssArray.push(`margin: ${opts.margin};`);
+                opts.height && cssArray.push(`height: ${opts.height};`);
+                opts.minHeight && cssArray.push(`min-height: ${opts.minHeight};`);
+                opts.maxHeight && cssArray.push(`max-height: ${opts.maxHeight};`);
+                opts.width && cssArray.push(`width: ${opts.width};`);
+                opts.minWidth && cssArray.push(`min-width: ${opts.minWidth};`);
+                opts.maxWidth && cssArray.push(`max-width: ${opts.maxWidth};`);
+                opts.border && cssArray.push(`border: ${opts.border};`);
+                opts.padding && cssArray.push(`padding: ${opts.padding};`);
+                opts.borderRadius && cssArray.push(`border-radius: ${opts.borderRadius};`);
+                if (variant === 'ComboBoxSeamlessRounded') {
+                    if (isOpen) {
+                        cssArray.push(`
+                  border-${openBorderLocation}: 0;
+                  border-${openBorderLocation}-color: ${theme.colors.White};
+                  border-${openBorderLocation}-right-radius: 0px;
+                  border-${openBorderLocation}-left-radius: 0px;
+                `);
+                    }
+                }
+                break;
+            }
+        }
+        return cssArray.join(';');
+    }};
+  `;
+};
 //# sourceMappingURL=BKJTextInput.utils.js.map

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

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

package/lib/components/BKJTextInput/index.js

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

package/lib/components/BKJToastMessage/BKJToastContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const BKJToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const BKJToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJToastContainer.d.ts.map

package/lib/components/BKJToastMessage/BKJToastContainer.js

@@ -1,6 +1,6 @@
-import { defaultToastifyCSS, BKJToastOuterWrapperCSS, BKJToastBodyCSS, BKJToastProgressBarCSS, BKJToastCloseButtonCSS, } from './BKJToastMessage.styled.js';
-import { ToastContainer } from 'react-toastify';
-import styled from 'styled-components';
+import { defaultToastifyCSS, BKJToastOuterWrapperCSS, BKJToastBodyCSS, BKJToastProgressBarCSS, BKJToastCloseButtonCSS, } from './BKJToastMessage.styled.js';
+import { ToastContainer } from 'react-toastify';
+import styled from 'styled-components';
 export const BKJToastContainer = styled(ToastContainer) `
   ${defaultToastifyCSS}
   .Toastify__toast {
@@ -15,5 +15,5 @@ export const BKJToastContainer = styled(ToastContainer) `
   .Toastify__close-button {
     ${BKJToastCloseButtonCSS}
   }
-`;
+`;
 //# sourceMappingURL=BKJToastContainer.js.map

package/lib/components/BKJToastMessage/BKJToastMessage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IBKJToastMessage } from './BKJToastMessage.types.js';
-export declare function BKJToastMessage({ message, variant }: IBKJToastMessage): JSX.Element;
+/// <reference types="react" />
+import { IBKJToastMessage } from './BKJToastMessage.types.js';
+export declare function BKJToastMessage({ message, variant }: IBKJToastMessage): JSX.Element;
 //# sourceMappingURL=BKJToastMessage.d.ts.map

package/lib/components/BKJToastMessage/BKJToastMessage.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToastIconWrapper, ToastWrapper, BKJToastTextWrapper, BKJToastText, } from './BKJToastMessage.styled.js';
-import { getIcon } from './BKJToastMessage.utils.js';
-export function BKJToastMessage({ message, variant }) {
-    const Icon = getIcon(variant);
-    if (typeof message === 'string') {
-        return (_jsxs(ToastWrapper, { children: [_jsx(ToastIconWrapper, Object.assign({ variant: variant }, { children: _jsx(Icon, {}, void 0) }), void 0),
-                _jsx(BKJToastTextWrapper, { children: _jsx(BKJToastText, { children: message }, void 0) }, void 0)] }, void 0));
-    }
-    const Component = message;
-    return (_jsxs(ToastWrapper, { children: [_jsx(ToastIconWrapper, Object.assign({ variant: variant }, { children: _jsx(Icon, {}, void 0) }), void 0),
-            _jsx(BKJToastTextWrapper, { children: _jsx(BKJToastText, { children: _jsx(Component, {}, void 0) }, void 0) }, void 0)] }, void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToastIconWrapper, ToastWrapper, BKJToastTextWrapper, BKJToastText, } from './BKJToastMessage.styled.js';
+import { getIcon } from './BKJToastMessage.utils.js';
+export function BKJToastMessage({ message, variant }) {
+    const Icon = getIcon(variant);
+    if (typeof message === 'string') {
+        return (_jsxs(ToastWrapper, { children: [_jsx(ToastIconWrapper, Object.assign({ variant: variant }, { children: _jsx(Icon, {}, void 0) }), void 0),
+                _jsx(BKJToastTextWrapper, { children: _jsx(BKJToastText, { children: message }, void 0) }, void 0)] }, void 0));
+    }
+    const Component = message;
+    return (_jsxs(ToastWrapper, { children: [_jsx(ToastIconWrapper, Object.assign({ variant: variant }, { children: _jsx(Icon, {}, void 0) }), void 0),
+            _jsx(BKJToastTextWrapper, { children: _jsx(BKJToastText, { children: _jsx(Component, {}, void 0) }, void 0) }, void 0)] }, void 0));
+}
 //# sourceMappingURL=BKJToastMessage.js.map

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

@@ -1,28 +1,28 @@
-import { Story } from '@storybook/react';
-import { BKJToastMessage } from './BKJToastMessage.js';
-import { IBKJToastMessage } from './BKJToastMessage.types.js';
-declare const setup: {
-    title: string;
-    component: typeof BKJToastMessage;
-    argTypes: {
-        children: {
-            control: {
-                type: string;
-            };
-        };
-        message: {
-            control: {
-                type: string;
-            };
-        };
-        variant: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export declare const Default: Story<IBKJToastMessage>;
-export default setup;
+import { Story } from '@storybook/react';
+import { BKJToastMessage } from './BKJToastMessage.js';
+import { IBKJToastMessage } from './BKJToastMessage.types.js';
+declare const setup: {
+    title: string;
+    component: typeof BKJToastMessage;
+    argTypes: {
+        children: {
+            control: {
+                type: string;
+            };
+        };
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export declare const Default: Story<IBKJToastMessage>;
+export default setup;
 //# sourceMappingURL=BKJToastMessage.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BKJToastMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToastMessage/BKJToastMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CAqBV,CAAC;AAIF,eAAO,MAAM,OAAO,yBAAoB,CAAC;AAYzC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"BKJToastMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToastMessage/BKJToastMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CAqBV,CAAC;AAIF,eAAO,MAAM,OAAO,yBAAoB,CAAC;AAOzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJToastMessage/BKJToastMessage.stories.js

@@ -1,36 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BKJButton } from '../BKJButton/index.js';
-import { Flex } from '../Flex/index.js';
-import { BKJToastMessage } from './BKJToastMessage.js';
-const setup = {
-    title: 'Toasts/BKJToastMessage',
-    component: BKJToastMessage,
-    argTypes: {
-        children: {
-            control: {
-                type: 'text',
-            },
-        },
-        message: {
-            control: {
-                type: 'text',
-            },
-        },
-        variant: {
-            options: ['Success', 'Warning', 'Error'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-const Template = (args) => _jsx(BKJToastMessage, Object.assign({}, args), void 0);
-export const Default = Template.bind({});
-Default.args = {
-    // message: 'This is a toast message',
-    message: () => (_jsxs(Flex, Object.assign({ gap: "5px" }, { children: [_jsx("div", { children: "Shift successfully assigned." }, void 0),
-            _jsx(BKJButton, Object.assign({ variant: "PurpleText" }, { children: "View Shift" }), void 0)] }), void 0)),
-    variant: 'Success',
-};
-export default setup;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJToastMessage } from './BKJToastMessage.js';
+const setup = {
+    title: 'Toasts/BKJToastMessage',
+    component: BKJToastMessage,
+    argTypes: {
+        children: {
+            control: {
+                type: 'text',
+            },
+        },
+        message: {
+            control: {
+                type: 'text',
+            },
+        },
+        variant: {
+            options: ['Success', 'Warning', 'Error'],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+const Template = (args) => _jsx(BKJToastMessage, Object.assign({}, args), void 0);
+export const Default = Template.bind({});
+Default.args = {
+    // message: 'This is a toast message',
+    message: 'shift saved successfully.',
+    variant: 'Success',
+};
+export default setup;
 //# sourceMappingURL=BKJToastMessage.stories.js.map