@bookjane2/bookjane-design-library 7.2.8 → 7.2.9

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

@@ -1,135 +1,135 @@
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-import { FC, HTMLProps, Key } from 'react';
-import { VariationPlacement } from '@popperjs/core';
-import { BKJIconNameType, IBKJIconProps } from '../BKJIcon/BKJIcon.types.js';
-import { IBKJThemeColor } from '../../providers/index.js';
-import { FormValidationErrorMessageType } from '../../common.types.js';
-export declare type BKJSelectEventType = {
-    target: {
-        name: string;
-        value: string;
-    };
-} & any;
-export declare type BKJSelectChangeEventType = (event: BKJSelectEventType) => void;
-export declare type BKJThemeSelectVariantType = keyof IBKJThemeSelect;
-export declare type BKJThemeDropdownVariantType = 'Square' | 'SeamlessRounded';
-export interface IBKJSelectRenderOptionsProps<DropdownPropsType = {}> {
-    scrollRef: any;
-    onChange: BKJSelectChangeEventType;
-    selected: string[];
-    options: {
-        key: Key;
-        value: any;
-        label: string;
-        name?: string;
-    }[];
-    onClose: (e: any) => void;
-    name: string;
-    type: 'Single' | 'Multiple';
-    dropdownProps?: DropdownPropsType;
-}
-export interface IBKJSelectProps<DropdownPropsType = {}> extends Omit<HTMLProps<HTMLSelectElement>, 'value' | 'css'> {
-    type: 'Single' | 'Multiple';
-    error?: FormValidationErrorMessageType;
-    onChange: BKJSelectChangeEventType;
-    onClose?: BKJSelectChangeEventType;
-    variant: BKJThemeSelectVariantType;
-    iconName?: BKJIconNameType;
-    dropdownVariant?: BKJThemeDropdownVariantType;
-    dropdownPlacement?: VariationPlacement;
-    moreValuesLabel?: string;
-    placeholder?: string;
-    dropdownWidth?: string;
-    dropdownHeight?: string;
-    dropdownMinHeight?: string;
-    modifiers?: any;
-    width?: string;
-    label?: string;
-    value: string[];
-    name: string;
-    required?: boolean;
-    options: {
-        key: Key;
-        label: string;
-        value: string;
-        name?: string;
-    }[];
-    renderOptions: FC<IBKJSelectRenderOptionsProps<DropdownPropsType>>;
-    iconComponent?: any;
-    iconProps?: Partial<IBKJIconProps>;
-    dropdownProps?: DropdownPropsType;
-    placeholderColor?: keyof IBKJThemeColor;
-}
-export interface IBKJThemeSelect {
-    PurpleOutlined: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    PurpleSolidPill: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    PurpleSolid: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    GreyOutlined: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    GreyOutlinedClear: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    GreyOutlinedPill: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    GreyOutlinedPillClear: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    GreySolidPill: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    PurpleText: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-    PurpleTextNoArrow: {
-        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-        colorScheme: {
-            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
-            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
-        };
-    };
-}
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+import { FC, HTMLProps, Key } from 'react';
+import { VariationPlacement } from '@popperjs/core';
+import { BKJIconNameType, IBKJIconProps } from '../BKJIcon/BKJIcon.types.js';
+import { IBKJThemeColor } from '../../providers/index.js';
+import { FormValidationErrorMessageType } from '../../common.types.js';
+export declare type BKJSelectEventType = {
+    target: {
+        name: string;
+        value: string;
+    };
+} & any;
+export declare type BKJSelectChangeEventType = (event: BKJSelectEventType) => void;
+export declare type BKJThemeSelectVariantType = keyof IBKJThemeSelect;
+export declare type BKJThemeDropdownVariantType = 'Square' | 'SeamlessRounded';
+export interface IBKJSelectRenderOptionsProps<DropdownPropsType = {}> {
+    scrollRef: any;
+    onChange: BKJSelectChangeEventType;
+    selected: string[];
+    options: {
+        key: Key;
+        value: any;
+        label: string;
+        name?: string;
+    }[];
+    onClose: (e: any) => void;
+    name: string;
+    type: 'Single' | 'Multiple';
+    dropdownProps?: DropdownPropsType;
+}
+export interface IBKJSelectProps<DropdownPropsType = {}> extends Omit<HTMLProps<HTMLSelectElement>, 'value' | 'css'> {
+    type: 'Single' | 'Multiple';
+    error?: FormValidationErrorMessageType;
+    onChange: BKJSelectChangeEventType;
+    onClose?: BKJSelectChangeEventType;
+    variant: BKJThemeSelectVariantType;
+    iconName?: BKJIconNameType;
+    dropdownVariant?: BKJThemeDropdownVariantType;
+    dropdownPlacement?: VariationPlacement;
+    moreValuesLabel?: string;
+    placeholder?: string;
+    dropdownWidth?: string;
+    dropdownHeight?: string;
+    dropdownMinHeight?: string;
+    modifiers?: any;
+    width?: string;
+    label?: string;
+    value: string[];
+    name: string;
+    required?: boolean;
+    options: {
+        key: Key;
+        label: string;
+        value: string;
+        name?: string;
+    }[];
+    renderOptions: FC<IBKJSelectRenderOptionsProps<DropdownPropsType>>;
+    iconComponent?: any;
+    iconProps?: Partial<IBKJIconProps>;
+    dropdownProps?: DropdownPropsType;
+    placeholderColor?: keyof IBKJThemeColor;
+}
+export interface IBKJThemeSelect {
+    PurpleOutlined: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    PurpleSolidPill: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    PurpleSolid: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    GreyOutlined: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    GreyOutlinedClear: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    GreyOutlinedPill: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    GreyOutlinedPillClear: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    GreySolidPill: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    PurpleText: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+    PurpleTextNoArrow: {
+        css: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+        colorScheme: {
+            fontColor: (isOpen: boolean) => keyof IBKJThemeColor;
+            bgColor: (isOpen: boolean) => keyof IBKJThemeColor;
+        };
+    };
+}
 //# sourceMappingURL=BKJSelect.types.d.ts.map

package/lib/components/BKJSelect/BKJSelect.types.js

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

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

@@ -1,27 +1,27 @@
-import { ModifierPhases } from '@popperjs/core';
-import { IBKJSelectProps } from './BKJSelect.types.js';
-export declare function getDefaultModifiers({ dropdownVariant, dropdownWidth, }: {
-    dropdownVariant: IBKJSelectProps['dropdownVariant'];
-    dropdownWidth: IBKJSelectProps['dropdownWidth'];
-}): ({
-    name: string;
-    options: {
-        offset: () => number[];
-    };
-    enabled?: undefined;
-    phase?: undefined;
-    requires?: undefined;
-} | {
-    name: string;
-    enabled: boolean;
-    phase: ModifierPhases;
-    requires: string[];
-    fn({ state }: any): void;
-    effect({ state }: any): void;
-    options?: undefined;
-})[];
-export declare function getDisplayValues({ options, value, }: {
-    options: IBKJSelectProps['options'];
-    value: IBKJSelectProps['value'];
-}): string[];
+import { ModifierPhases } from '@popperjs/core';
+import { IBKJSelectProps } from './BKJSelect.types.js';
+export declare function getDefaultModifiers({ dropdownVariant, dropdownWidth, }: {
+    dropdownVariant: IBKJSelectProps['dropdownVariant'];
+    dropdownWidth: IBKJSelectProps['dropdownWidth'];
+}): ({
+    name: string;
+    options: {
+        offset: () => number[];
+    };
+    enabled?: undefined;
+    phase?: undefined;
+    requires?: undefined;
+} | {
+    name: string;
+    enabled: boolean;
+    phase: ModifierPhases;
+    requires: string[];
+    fn({ state }: any): void;
+    effect({ state }: any): void;
+    options?: undefined;
+})[];
+export declare function getDisplayValues({ options, value, }: {
+    options: IBKJSelectProps['options'];
+    value: IBKJSelectProps['value'];
+}): string[];
 //# sourceMappingURL=BKJSelect.utils.d.ts.map

package/lib/components/BKJSelect/BKJSelect.utils.js

@@ -1,41 +1,41 @@
-export function getDefaultModifiers({ dropdownVariant, dropdownWidth, }) {
-    return [
-        {
-            name: 'offset',
-            options: {
-                offset: () => {
-                    switch (dropdownVariant) {
-                        case 'SeamlessRounded':
-                            return [0, -2];
-                        case 'Square':
-                            return [0, 4];
-                        default:
-                            return [0, 0];
-                    }
-                },
-            },
-        },
-        {
-            name: 'sameWidth',
-            enabled: !dropdownWidth,
-            phase: 'beforeWrite',
-            requires: ['computeStyles'],
-            fn({ state }) {
-                if (dropdownWidth)
-                    return void 0;
-                state.styles.popper.minWidth = `${state.rects.reference.width}px`;
-                state.styles.popper.maxWidth = `${state.rects.reference.width}px`;
-            },
-            effect({ state }) {
-                if (dropdownWidth)
-                    return void 0;
-                state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
-                state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
-            },
-        },
-    ];
-}
-export function getDisplayValues({ options, value, }) {
-    return options.filter((opt) => value.includes(opt.value)).map((opt) => opt.label);
-}
+export function getDefaultModifiers({ dropdownVariant, dropdownWidth, }) {
+    return [
+        {
+            name: 'offset',
+            options: {
+                offset: () => {
+                    switch (dropdownVariant) {
+                        case 'SeamlessRounded':
+                            return [0, -2];
+                        case 'Square':
+                            return [0, 4];
+                        default:
+                            return [0, 0];
+                    }
+                },
+            },
+        },
+        {
+            name: 'sameWidth',
+            enabled: !dropdownWidth,
+            phase: 'beforeWrite',
+            requires: ['computeStyles'],
+            fn({ state }) {
+                if (dropdownWidth)
+                    return void 0;
+                state.styles.popper.minWidth = `${state.rects.reference.width}px`;
+                state.styles.popper.maxWidth = `${state.rects.reference.width}px`;
+            },
+            effect({ state }) {
+                if (dropdownWidth)
+                    return void 0;
+                state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
+                state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
+            },
+        },
+    ];
+}
+export function getDisplayValues({ options, value, }) {
+    return options.filter((opt) => value.includes(opt.value)).map((opt) => opt.label);
+}
 //# sourceMappingURL=BKJSelect.utils.js.map

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

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

package/lib/components/BKJSelect/index.js

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

package/lib/components/BKJSelect/utils/deepEquals.d.ts

@@ -1,2 +1,2 @@
-export declare const deepEquals: (arg1: any, arg2: any) => boolean;
+export declare const deepEquals: (arg1: any, arg2: any) => boolean;
 //# sourceMappingURL=deepEquals.d.ts.map

package/lib/components/BKJSelect/utils/deepEquals.js

@@ -1,3 +1,3 @@
-import eq from 'fast-deep-equal/react';
-export const deepEquals = (arg1, arg2) => eq(arg1, arg2);
+import eq from 'fast-deep-equal/react';
+export const deepEquals = (arg1, arg2) => eq(arg1, arg2);
 //# sourceMappingURL=deepEquals.js.map

package/lib/components/BKJSelect/utils/getDesignLibraryElementNode.d.ts

@@ -1,3 +1,3 @@
-export declare type UIElementIdType = 'dropdown-root' | 'tooltip-root';
-export declare const getDesignLibraryElementNode: (id: UIElementIdType) => HTMLElement | null;
+export declare type UIElementIdType = 'dropdown-root' | 'tooltip-root';
+export declare const getDesignLibraryElementNode: (id: UIElementIdType) => HTMLElement | null;
 //# sourceMappingURL=getDesignLibraryElementNode.d.ts.map

package/lib/components/BKJSelect/utils/getDesignLibraryElementNode.js

@@ -1,2 +1,2 @@
-export const getDesignLibraryElementNode = (id) => document.getElementById(id);
+export const getDesignLibraryElementNode = (id) => document.getElementById(id);
 //# sourceMappingURL=getDesignLibraryElementNode.js.map

package/lib/components/BKJSelect/utils/mergeRefs.d.ts

@@ -1,2 +1,2 @@
-export declare function mergeRefs(refs: any[]): (value: any) => void;
+export declare function mergeRefs(refs: any[]): (value: any) => void;
 //# sourceMappingURL=mergeRefs.d.ts.map

package/lib/components/BKJSelect/utils/mergeRefs.js

@@ -1,13 +1,13 @@
-export function mergeRefs(refs) {
-    return (value) => {
-        refs.forEach((ref) => {
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
+export function mergeRefs(refs) {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
 //# sourceMappingURL=mergeRefs.js.map

package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-interface IProps {
-    name: string;
-    onChange: (e: any) => any;
-    value: string;
-    placeholder?: string;
-}
-export declare const BKJSelectSearch: FC<IProps>;
-export {};
+import { FC } from 'react';
+interface IProps {
+    name: string;
+    onChange: (e: any) => any;
+    value: string;
+    placeholder?: string;
+}
+export declare const BKJSelectSearch: FC<IProps>;
+export {};
 //# sourceMappingURL=BKJSelectSearch.d.ts.map

package/lib/components/BKJSelectSearch/BKJSelectSearch.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SearchableInnerWrapper, SearchableInput, SearchableWrapper, } from './BKJSelectSearch.styled.js';
-import { BKJIcon } from '../BKJIcon/index.js';
-export const BKJSelectSearch = ({ placeholder, name, value, onChange, ...rest }) => {
-    return (_jsx(SearchableWrapper, { children: _jsxs(SearchableInnerWrapper, { children: [_jsx(BKJIcon, { iconName: "Search", fontSize: 18 }, void 0),
-                _jsx(SearchableInput, Object.assign({ name: name, onChange: onChange, value: value, placeholder: placeholder }, rest), void 0)] }, void 0) }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchableInnerWrapper, SearchableInput, SearchableWrapper, } from './BKJSelectSearch.styled.js';
+import { BKJIcon } from '../BKJIcon/index.js';
+export const BKJSelectSearch = ({ placeholder, name, value, onChange, ...rest }) => {
+    return (_jsx(SearchableWrapper, { children: _jsxs(SearchableInnerWrapper, { children: [_jsx(BKJIcon, { iconName: "Search", fontSize: 18 }, void 0),
+                _jsx(SearchableInput, Object.assign({ name: name, onChange: onChange, value: value, placeholder: placeholder }, rest), void 0)] }, void 0) }, void 0));
+};
 //# sourceMappingURL=BKJSelectSearch.js.map

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

@@ -1,4 +1,4 @@
-export declare const SearchableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SearchableInnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
-export declare const SearchableInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchableInnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const SearchableInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJSelectSearch.styled.d.ts.map

package/lib/components/BKJSelectSearch/BKJSelectSearch.styled.js

@@ -1,39 +1,39 @@
-import styled from 'styled-components';
-export const SearchableWrapper = styled.div `
-  position: sticky;
-  top: 0;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 1;
-  background-color: ${({ theme }) => theme.colors.White};
-`;
-export const SearchableInnerWrapper = styled.div `
-  width: 100%;
-  height: 38px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 8px 16px;
-  border-radius: 8px;
-  padding: 0 12px;
-  outline: none;
-  border: none;
-  border: solid 1px ${({ theme }) => theme.colors.Grey6};
-`;
-export const SearchableInput = styled.input `
-  overflow: hidden;
-  ${({ theme }) => theme.fonts.PoppinsTextMedium}
-  color: ${({ theme }) => theme.colors.TextDarkGrey};
-  width: 100%;
-  outline: none;
-  border: none;
-  padding-left: 6px;
-  font-size: 14px;
-  line-height: 22px;
-  &::placeholder {
-    color: ${({ theme }) => theme.colors.Grey5};
-  }
-`;
+import styled from 'styled-components';
+export const SearchableWrapper = styled.div `
+  position: sticky;
+  top: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1;
+  background-color: ${({ theme }) => theme.colors.White};
+`;
+export const SearchableInnerWrapper = styled.div `
+  width: 100%;
+  height: 38px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 8px 16px;
+  border-radius: 8px;
+  padding: 0 12px;
+  outline: none;
+  border: none;
+  border: solid 1px ${({ theme }) => theme.colors.Grey6};
+`;
+export const SearchableInput = styled.input `
+  overflow: hidden;
+  ${({ theme }) => theme.fonts.PoppinsTextMedium}
+  color: ${({ theme }) => theme.colors.TextDarkGrey};
+  width: 100%;
+  outline: none;
+  border: none;
+  padding-left: 6px;
+  font-size: 14px;
+  line-height: 22px;
+  &::placeholder {
+    color: ${({ theme }) => theme.colors.Grey5};
+  }
+`;
 //# sourceMappingURL=BKJSelectSearch.styled.js.map

package/lib/components/BKJSelectSearch/BKJSelectSearchControls.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-interface IProps {
-    numSelected: number;
-    onSelectAll: (e: any) => any;
-    isAllSelected: boolean;
-    locale?: string;
-}
-export declare const BKJSelectSearchControls: ({ numSelected, onSelectAll, isAllSelected, locale, }: IProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface IProps {
+    numSelected: number;
+    onSelectAll: (e: any) => any;
+    isAllSelected: boolean;
+    locale?: string;
+}
+export declare const BKJSelectSearchControls: ({ numSelected, onSelectAll, isAllSelected, locale, }: IProps) => JSX.Element;
+export {};
 //# sourceMappingURL=BKJSelectSearchControls.d.ts.map