@bookjane2/bookjane-design-library 7.3.3 → 7.3.5

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.js

@@ -1,37 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef } from 'react';
-import { RequiredAsterisk, InputLabel, InputWrapper, TextInput, InputErrorMessage, IconTextInputWrapper, } from './BKJDollarTextInput.styled.js';
-import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
-export const BKJDollarTextInput = forwardRef((props, ref) => {
-    const { label, error, disabled, required, className, onChange, value, max, ...rest } = props;
-    const innerRef = useRef({ focus: () => null, value: '' });
-    const handleOuterFocus = useCallback(() => {
-        innerRef && innerRef.current && innerRef.current.focus();
-    }, []);
-    const handleBlur = useCallback((e) => {
-        const currencyFormatter = new Intl.NumberFormat('en-US', {
-            style: 'currency',
-            currency: 'USD',
-        });
-        let val = Number.parseFloat(e.target.value.replace(/[^0-9.-]+/g, ''));
-        let maskedValue = '';
-        if (e.target.value !== '' && !Number.isNaN(val)) {
-            if (max)
-                val = Math.min(val, max);
-            maskedValue = currencyFormatter.format(val);
-        }
-        if (onChange) {
-            onChange({ ...e, target: { value: maskedValue } });
-        }
-    }, [onChange, max]);
-    const handleChange = useCallback((e) => {
-        if (onChange) {
-            onChange({ ...e, target: { value: e.target.value } });
-        }
-    }, [onChange]);
-    const hasValue = value !== '';
-    return (_jsxs(IconTextInputWrapper, Object.assign({ className: className, tabIndex: -1, onFocus: handleOuterFocus }, { children: [label && (_jsxs(InputLabel, Object.assign({ disabled: disabled }, { children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
-            _jsx(InputWrapper, { children: _jsx(TextInput, Object.assign({ placeholder: "None", onBlur: handleBlur, ref: mergeRefs([ref, innerRef]), error: error ? (Array.isArray(error) ? !!error.length : !!error) : false, disabled: disabled, value: value, hasValue: hasValue, onChange: handleChange, max: max }, rest), void 0) }, void 0),
-            error && Array.isArray(error) ? (error.map((err) => _jsx(InputErrorMessage, { children: err }, err))) : (_jsx(InputErrorMessage, { children: error }, void 0))] }), void 0));
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useRef } from 'react';
+import { RequiredAsterisk, InputLabel, InputWrapper, TextInput, InputErrorMessage, IconTextInputWrapper, } from './BKJDollarTextInput.styled.js';
+import { mergeRefs } from '../BKJSelect/utils/mergeRefs.js';
+export const BKJDollarTextInput = forwardRef((props, ref) => {
+    const { label, error, disabled, required, className, onChange, value, max, ...rest } = props;
+    const innerRef = useRef({ focus: () => null, value: '' });
+    const handleOuterFocus = useCallback(() => {
+        innerRef && innerRef.current && innerRef.current.focus();
+    }, []);
+    const handleBlur = useCallback((e) => {
+        const currencyFormatter = new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency: 'USD',
+        });
+        let val = Number.parseFloat(e.target.value.replace(/[^0-9.-]+/g, ''));
+        let maskedValue = '';
+        if (e.target.value !== '' && !Number.isNaN(val)) {
+            if (max)
+                val = Math.min(val, max);
+            maskedValue = currencyFormatter.format(val);
+        }
+        if (onChange) {
+            onChange({ ...e, target: { value: maskedValue } });
+        }
+    }, [onChange, max]);
+    const handleChange = useCallback((e) => {
+        if (onChange) {
+            onChange({ ...e, target: { value: e.target.value } });
+        }
+    }, [onChange]);
+    const hasValue = value !== '';
+    return (_jsxs(IconTextInputWrapper, Object.assign({ className: className, tabIndex: -1, onFocus: handleOuterFocus }, { children: [label && (_jsxs(InputLabel, Object.assign({ disabled: disabled }, { children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
+            _jsx(InputWrapper, { children: _jsx(TextInput, Object.assign({ placeholder: "None", onBlur: handleBlur, ref: mergeRefs([ref, innerRef]), error: error ? (Array.isArray(error) ? !!error.length : !!error) : false, disabled: disabled, value: value, hasValue: hasValue, onChange: handleChange, max: max }, rest), void 0) }, void 0),
+            error && Array.isArray(error) ? (error.map((err) => _jsx(InputErrorMessage, { children: err }, err))) : (_jsx(InputErrorMessage, { children: error }, void 0))] }), void 0));
+});
 //# sourceMappingURL=BKJDollarTextInput.js.map

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

@@ -1,38 +1,38 @@
-import { Story } from '@storybook/react';
-import React from 'react';
-import { IBKJDollarTextInputProps } from './BKJDollarTextInput.types.js';
-declare const setup: {
-    title: string;
-    component: React.FC<IBKJDollarTextInputProps>;
-    argTypes: {
-        label: {
-            name: string;
-        };
-        error: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            name: string;
-        };
-        placeholder: {
-            name: string;
-        };
-        disabled: {
-            name: string;
-        };
-        max: {
-            name: string;
-        };
-        value: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const Default: Story<IBKJDollarTextInputProps>;
-export default setup;
+import { Story } from '@storybook/react';
+import React from 'react';
+import { IBKJDollarTextInputProps } from './BKJDollarTextInput.types.js';
+declare const setup: {
+    title: string;
+    component: React.FC<IBKJDollarTextInputProps>;
+    argTypes: {
+        label: {
+            name: string;
+        };
+        error: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            name: string;
+        };
+        placeholder: {
+            name: string;
+        };
+        disabled: {
+            name: string;
+        };
+        max: {
+            name: string;
+        };
+        value: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const Default: Story<IBKJDollarTextInputProps>;
+export default setup;
 //# sourceMappingURL=BKJDollarTextInput.stories.d.ts.map

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.stories.js

@@ -1,52 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useState } from 'react';
-import { BKJDollarTextInput } from './BKJDollarTextInput.js';
-const setup = {
-    title: 'Input Elements/BKJDollarTextInput',
-    component: BKJDollarTextInput,
-    argTypes: {
-        label: {
-            name: 'Label Text',
-        },
-        error: {
-            name: 'Error Message',
-            control: {
-                type: 'text',
-            },
-        },
-        required: {
-            name: 'Required Field',
-        },
-        placeholder: {
-            name: 'Placeholder',
-        },
-        disabled: {
-            name: 'Disabled',
-        },
-        max: {
-            name: 'Max',
-        },
-        value: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const [value, setValue] = useState('');
-    const updateValue = useCallback((e) => {
-        setValue(e.target.value);
-    }, []);
-    return _jsx(BKJDollarTextInput, Object.assign({}, args, { value: value, onChange: updateValue }), void 0);
-};
-export const Default = Template.bind({});
-Default.args = {
-    label: 'Set Rate',
-    max: 1000,
-    required: false,
-    placeholder: 'None',
-    ref: React.createRef(),
-};
-export default setup;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { BKJDollarTextInput } from './BKJDollarTextInput.js';
+const setup = {
+    title: 'Input Elements/BKJDollarTextInput',
+    component: BKJDollarTextInput,
+    argTypes: {
+        label: {
+            name: 'Label Text',
+        },
+        error: {
+            name: 'Error Message',
+            control: {
+                type: 'text',
+            },
+        },
+        required: {
+            name: 'Required Field',
+        },
+        placeholder: {
+            name: 'Placeholder',
+        },
+        disabled: {
+            name: 'Disabled',
+        },
+        max: {
+            name: 'Max',
+        },
+        value: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+const Template = (args) => {
+    const [value, setValue] = useState('');
+    const updateValue = useCallback((e) => {
+        setValue(e.target.value);
+    }, []);
+    return _jsx(BKJDollarTextInput, Object.assign({}, args, { value: value, onChange: updateValue }), void 0);
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: 'Set Rate',
+    max: 1000,
+    required: false,
+    placeholder: 'None',
+    ref: React.createRef(),
+};
+export default setup;
 //# sourceMappingURL=BKJDollarTextInput.stories.js.map

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

@@ -1,14 +1,14 @@
-export declare const IconTextInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFocused: boolean;
-}, never>;
-export declare const TextInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, any, never>;
-export declare const InputErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconTextInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFocused: boolean;
+}, never>;
+export declare const TextInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, any, never>;
+export declare const InputErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJDollarTextInput.styled.d.ts.map

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.styled.js

@@ -1,37 +1,37 @@
-import styled, { css } from 'styled-components';
-import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
-export const IconTextInputWrapper = styled.div `
-  ${InputWrapperCSS}
-`;
-export const InputLabel = styled.label `
-  ${InputLabelCSS}
-`;
-export const RequiredAsterisk = styled(InputLabel) `
-  ${InputRequiredAsteriskCSS}
-`;
-export const InputWrapper = styled.div `
-  display: flex;
-  position: relative;
-`;
-export const IconWrapper = styled.div `
-  height: 100%;
-  width: 38px;
-  display: flex;
-  font-size: 14px;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  left: 0;
-  ${({ isFocused }) => isFocused &&
-    css `
-      color: #342a6a;
-    `};
-`;
-export const TextInput = styled.input `
-  ${InputBaseCSS};
-  padding: 0 32px 0 14px;
-`;
-export const InputErrorMessage = styled.p `
-  ${InputErrorMessageCSS}
-`;
+import styled, { css } from 'styled-components';
+import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
+export const IconTextInputWrapper = styled.div `
+  ${InputWrapperCSS}
+`;
+export const InputLabel = styled.label `
+  ${InputLabelCSS}
+`;
+export const RequiredAsterisk = styled(InputLabel) `
+  ${InputRequiredAsteriskCSS}
+`;
+export const InputWrapper = styled.div `
+  display: flex;
+  position: relative;
+`;
+export const IconWrapper = styled.div `
+  height: 100%;
+  width: 38px;
+  display: flex;
+  font-size: 14px;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  ${({ isFocused }) => isFocused &&
+    css `
+      color: #342a6a;
+    `};
+`;
+export const TextInput = styled.input `
+  ${InputBaseCSS};
+  padding: 0 32px 0 14px;
+`;
+export const InputErrorMessage = styled.p `
+  ${InputErrorMessageCSS}
+`;
 //# sourceMappingURL=BKJDollarTextInput.styled.js.map

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

@@ -1,15 +1,15 @@
-import { Ref } from 'react';
-import { BKJTextInputValueType, FormValidationErrorMessageType, ChangeEventType } from '../../common.types.js';
-export interface IBKJDollarTextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-    name: string;
-    onChange?: (e: ChangeEventType) => void;
-    label?: string;
-    max?: number;
-    required?: boolean;
-    disabled?: boolean;
-    error?: FormValidationErrorMessageType;
-    placeholder?: string;
-    value?: BKJTextInputValueType;
-    ref?: Ref<any>;
-}
+import { Ref } from 'react';
+import { BKJTextInputValueType, FormValidationErrorMessageType, ChangeEventType } from '../../common.types.js';
+export interface IBKJDollarTextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    name: string;
+    onChange?: (e: ChangeEventType) => void;
+    label?: string;
+    max?: number;
+    required?: boolean;
+    disabled?: boolean;
+    error?: FormValidationErrorMessageType;
+    placeholder?: string;
+    value?: BKJTextInputValueType;
+    ref?: Ref<any>;
+}
 //# sourceMappingURL=BKJDollarTextInput.types.d.ts.map

package/lib/components/BKJDollarTextInput/BKJDollarTextInput.types.js

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

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

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

package/lib/components/BKJDollarTextInput/index.js

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

package/lib/components/BKJDropdown/BKJDropdown.d.ts

@@ -1,13 +1,13 @@
-import { IBKJComboBoxProps } from '../BKJComboBox/BKJComboBox.types.js';
-import { BKJThemeDropdownVariantType } from '../BKJSelect/BKJSelect.types.js';
-export interface IBKJDropdownProps {
-    $dropdownVariant: BKJThemeDropdownVariantType;
-    $dropdownWidth?: string;
-    $dropdownHeight?: string;
-    $dropdownMinHeight?: string;
-    'data-popper-reference-hidden'?: boolean;
-    $isOpen?: boolean;
-    error?: IBKJComboBoxProps['error'];
-}
-export declare const BKJDropdown: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, IBKJDropdownProps, never>;
+import { IBKJComboBoxProps } from '../BKJComboBox/BKJComboBox.types.js';
+import { BKJThemeDropdownVariantType } from '../BKJSelect/BKJSelect.types.js';
+export interface IBKJDropdownProps {
+    $dropdownVariant: BKJThemeDropdownVariantType;
+    $dropdownWidth?: string;
+    $dropdownHeight?: string;
+    $dropdownMinHeight?: string;
+    'data-popper-reference-hidden'?: boolean;
+    $isOpen?: boolean;
+    error?: IBKJComboBoxProps['error'];
+}
+export declare const BKJDropdown: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, IBKJDropdownProps, never>;
 //# sourceMappingURL=BKJDropdown.d.ts.map

package/lib/components/BKJDropdown/BKJDropdown.js

@@ -1,72 +1,72 @@
-import styled, { css } from 'styled-components';
-import { isFormValidationErrorDisplayed } from '../../common.types.js';
-export const BKJDropdown = styled.ul `
-  will-change: transform, height;
-
-  &&& {
-    overflow-y: overlay;
-    &::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background-color: transparent;
-      background: transparent;
-      border-radius: 10px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: #aeb8c5;
-      border-radius: 4.5px;
-      position: relative;
-      right: 4px;
-    }
-  }
-  height: auto;
-  max-height: 304px;
-  z-index: 1000;
-  width: unset;
-  overflow-y: overlay;
-
-  ${({ $dropdownWidth }) => $dropdownWidth &&
-    css `
-      width: ${$dropdownWidth};
-      max-width: ${$dropdownWidth};
-      min-width: ${$dropdownWidth};
-    `};
-
-  ${({ $dropdownHeight }) => $dropdownHeight &&
-    css `
-      height: ${$dropdownHeight};
-      max-height: ${$dropdownHeight};
-      min-height: ${$dropdownHeight};
-    `};
-
-  ${({ $dropdownMinHeight }) => $dropdownMinHeight &&
-    css `
-      height: ${$dropdownMinHeight};
-      max-height: ${$dropdownMinHeight};
-      min-height: ${$dropdownMinHeight};
-    `};
-
-  ${({ $dropdownVariant, theme }) => theme.dropdown[$dropdownVariant]};
-  ${({ error, theme }) => {
-    if (isFormValidationErrorDisplayed(error))
-        return css `
-        border-color: ${theme.colors.ErrorDefault};
-      `;
-    else
-        return css ``;
-}};
-  ${(props) => {
-    const isRefHidden = props['data-popper-reference-hidden'];
-    if (isRefHidden)
-        return css `
-        visibility: hidden;
-        pointer-events: none;
-      `;
-    return css ``;
-}};
-`;
+import styled, { css } from 'styled-components';
+import { isFormValidationErrorDisplayed } from '../../common.types.js';
+export const BKJDropdown = styled.ul `
+  will-change: transform, height;
+
+  &&& {
+    overflow-y: overlay;
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: transparent;
+      background: transparent;
+      border-radius: 10px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #aeb8c5;
+      border-radius: 4.5px;
+      position: relative;
+      right: 4px;
+    }
+  }
+  height: auto;
+  max-height: 304px;
+  z-index: 1000;
+  width: unset;
+  overflow-y: overlay;
+
+  ${({ $dropdownWidth }) => $dropdownWidth &&
+    css `
+      width: ${$dropdownWidth};
+      max-width: ${$dropdownWidth};
+      min-width: ${$dropdownWidth};
+    `};
+
+  ${({ $dropdownHeight }) => $dropdownHeight &&
+    css `
+      height: ${$dropdownHeight};
+      max-height: ${$dropdownHeight};
+      min-height: ${$dropdownHeight};
+    `};
+
+  ${({ $dropdownMinHeight }) => $dropdownMinHeight &&
+    css `
+      height: ${$dropdownMinHeight};
+      max-height: ${$dropdownMinHeight};
+      min-height: ${$dropdownMinHeight};
+    `};
+
+  ${({ $dropdownVariant, theme }) => theme.dropdown[$dropdownVariant]};
+  ${({ error, theme }) => {
+    if (isFormValidationErrorDisplayed(error))
+        return css `
+        border-color: ${theme.colors.ErrorDefault};
+      `;
+    else
+        return css ``;
+}};
+  ${(props) => {
+    const isRefHidden = props['data-popper-reference-hidden'];
+    if (isRefHidden)
+        return css `
+        visibility: hidden;
+        pointer-events: none;
+      `;
+    return css ``;
+}};
+`;
 //# sourceMappingURL=BKJDropdown.js.map

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

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

package/lib/components/BKJDropdown/BKJDropdown.theme.js

@@ -1,32 +1,32 @@
-import { css } from 'styled-components';
-export const BKJThemeDropdown = {
-    Square: css `
-    box-shadow: 0px 2px 8px rgba(13, 51, 32, 0.3);
-    background-color: ${({ theme }) => theme.colors.White};
-  `,
-    SeamlessRounded: css `
-    background-color: ${({ theme }) => theme.colors.White};
-    border: solid 1px ${({ theme }) => theme.colors.TextSubtleGrey};
-    border-radius: 8px;
-    ${({ $isOpen, openBorderLocation = 'top' }) => {
-        const borderStyling = css `
-        border-${openBorderLocation}: 0;
-        border-${openBorderLocation}-color: ${({ theme }) => theme.colors.White};
-        border-${openBorderLocation}-right-radius: 0px;
-        border-${openBorderLocation}-left-radius: 0px;`;
-        if ($isOpen)
-            return css `
-          ${borderStyling}
-          opacity: 1;
-          height: auto;
-        `;
-        else
-            return css `
-          ${borderStyling}
-          display: none;
-          opacity: 0;
-        `;
-    }};
-  `,
-};
+import { css } from 'styled-components';
+export const BKJThemeDropdown = {
+    Square: css `
+    box-shadow: 0px 2px 8px rgba(13, 51, 32, 0.3);
+    background-color: ${({ theme }) => theme.colors.White};
+  `,
+    SeamlessRounded: css `
+    background-color: ${({ theme }) => theme.colors.White};
+    border: solid 1px ${({ theme }) => theme.colors.TextSubtleGrey};
+    border-radius: 8px;
+    ${({ $isOpen, openBorderLocation = 'top' }) => {
+        const borderStyling = css `
+        border-${openBorderLocation}: 0;
+        border-${openBorderLocation}-color: ${({ theme }) => theme.colors.White};
+        border-${openBorderLocation}-right-radius: 0px;
+        border-${openBorderLocation}-left-radius: 0px;`;
+        if ($isOpen)
+            return css `
+          ${borderStyling}
+          opacity: 1;
+          height: auto;
+        `;
+        else
+            return css `
+          ${borderStyling}
+          display: none;
+          opacity: 0;
+        `;
+    }};
+  `,
+};
 //# sourceMappingURL=BKJDropdown.theme.js.map