@bikdotai/bik-component-library 0.0.805-beta.8 → 0.0.805

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -7,7 +7,7 @@ interface MenuItemProps {
     onSelect: (option: SingleOption) => void;
     onDropdownItemClick?: (option: SingleOption) => void;
     last?: boolean;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
     useDefaultCursor?: boolean;
     isFocused?: boolean;
     dataIndex?: number;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -5,7 +5,7 @@ interface MenuListProps {
     isMultiSelect?: boolean;
     showDescription: (title?: string, description?: string) => void;
     onSelect: (optionSelect: SingleOption) => void;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
     onInfiniteScroll?: () => void;
     onDropdownItemClick?: (option: DropdownOption) => void;
     useDefaultCursor?: boolean;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,7 +1,6 @@
-export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
 } & {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
 }, never>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -4,5 +4,5 @@ export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySel
 export declare const SelectAllMenu: React.FC<{
     options: DropdownOption[];
     onSelect: (newState: SelectAllCheckboxState) => void;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const SearchBox: React.FC<{
     onSearch: (searchString: string) => void;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -6,5 +6,4 @@ export declare const SearchZeroState: React.FC<{
     containerWidth?: string;
     errorMessage?: string;
     onRetry?: () => void;
-    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -16,7 +16,6 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     children?: SingleOption[] | undefined;
     parent?: SingleOption | undefined;
     'data-test'?: string | undefined;
-    hasDivider?: boolean | undefined;
 } | {
     label?: string | undefined;
     value?: string | undefined;
@@ -33,7 +32,6 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     children?: SingleOption[] | undefined;
     parent?: SingleOption | undefined;
     'data-test'?: string | undefined;
-    hasDivider?: boolean | undefined;
     options: SingleOption[];
 })[];
 export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;

package/dist/cjs/src/components/dropdown/hooks/useDropdown.d.ts

@@ -25,7 +25,6 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         children?: SingleOption[] | undefined;
         parent?: SingleOption | undefined;
         'data-test'?: string | undefined;
-        hasDivider?: boolean | undefined;
     } | {
         label?: string | undefined;
         value?: string | undefined;
@@ -42,7 +41,6 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         children?: SingleOption[] | undefined;
         parent?: SingleOption | undefined;
         'data-test'?: string | undefined;
-        hasDivider?: boolean | undefined;
         options: SingleOption[];
     })[] | undefined;
     selectAllHandler: (newState: SelectAllCheckboxState) => void;

package/dist/cjs/src/components/dropdown/type.d.ts

@@ -17,7 +17,7 @@ export interface OpenDropdownProps {
     placement?: Placement;
     strategy?: PositioningStrategy;
     onSearch?: (key: string) => Promise<DropdownOption[]>;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
     skipSorting?: boolean;
     headerRef?: any;
     hideSelectAll?: boolean;
@@ -80,7 +80,6 @@ export type SingleOption = {
     children?: SingleOption[];
     parent?: SingleOption;
     'data-test'?: string;
-    hasDivider?: boolean;
 };
 export type MultiSelectOption = SingleOption;
 export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

package/dist/cjs/src/components/dropdown-button/DropdownButton.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import { DropdownProps } from "../dropdown";
 import { ButtonProps } from '../button/model';
-import { IconButtonProps } from '../icon-button/model';
 export interface DropdownButtonProps {
     dropdownProps: DropdownProps;
+    buttonProps: ButtonProps;
     iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    buttonProps?: ButtonProps;
-    iconButtonProps?: IconButtonProps;
 }
 export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/cjs/src/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,13 +1,6 @@
-import { Size, Type } from '../button/model';
-import { IconButtonType } from '../icon-button/model';
+import { Type } from '../button/model';
 export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
     type: Type | undefined;
     disabled: boolean | undefined;
-    isIconButton?: boolean | undefined;
-    iconButtonType?: IconButtonType | undefined;
-    iconButtonSize?: "default" | "xs" | undefined;
-    size?: Size | undefined;
-}, never>;
-export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {
-    type: Type | undefined;
 }, never>;
+export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/src/components/fab-menu/FABMenu.d.ts

@@ -21,5 +21,5 @@ export declare const FABMenu: React.FC<{
     isRound?: boolean;
     dropPosition?: DROP_POSITION;
     menuAligment?: MENU_ALIGNMENT;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
 }>;

package/dist/cjs/src/components/feature-announcements/types/feature.types.d.ts

@@ -27,7 +27,7 @@ export interface ButtonConfig {
  */
 export interface SecondaryButtonConfig {
     text?: string;
-    action?: 'Open link' | 'Close popup' | '';
+    action?: 'Open link' | 'Close popup' | 'Play Video' | '';
     redirectionUrl?: string;
     style?: ButtonStyle;
 }

package/dist/cjs/src/components/icon-button/IconButton.styled.d.ts

@@ -1,8 +1,6 @@
-import { IconButtonSize, IconButtonType } from './model';
+import { IconButtonType } from './model';
 export declare const IconButton: import("styled-components").StyledComponent<"button", any, {
     bordered?: boolean | undefined;
     iconButtonType: IconButtonType;
     isSelected?: boolean | undefined;
-    iconPadding?: number | undefined;
-    size?: IconButtonSize | undefined;
 }, never>;

package/dist/cjs/src/components/icon-button/model.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai' | 'primary';
-export type IconButtonSize = 'default' | 'xs';
+export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
 export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Icon to render
@@ -31,11 +30,6 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      * @default default default
      */
     iconButtonType?: IconButtonType;
-    /**
-     * Size of the icon button
-     * @default 'default'
-     */
-    size?: IconButtonSize;
     /**
      * Add border to the button
      * @default default false
@@ -46,10 +40,5 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      */
     isSelected?: boolean;
     iconColor?: string;
-    /**
-     * Custom padding for the icon button container
-     * @default 6
-     */
-    iconPadding?: number;
     disabledTooltip?: string;
 }

package/dist/cjs/src/components/input/Input.model.d.ts

@@ -15,7 +15,6 @@ export interface InputProps {
         icon: React.FC;
         callback?: () => void;
     };
-    leftIconStyle?: React.CSSProperties;
     rightIcon?: {
         icon: React.FC;
         callback?: () => void;
@@ -55,7 +54,7 @@ export interface InputProps {
     };
     noKeyDownChange?: boolean;
     skipFocus?: boolean;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
     textControl?: boolean;
     noMaxCharCheck?: boolean;
     tooltipText?: string;

package/dist/cjs/src/components/input/Input.styled.d.ts

@@ -10,7 +10,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     isInvalid?: boolean | undefined;
     state?: InputStateI | undefined;
     variant?: InputVariant | undefined;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
     hightlightInputColor?: string | undefined;
     hideBorder?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -55,21 +55,6 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
     height?: string | undefined;
     type?: InputTypeI | undefined;
 }, {}, {}>;
-export declare const InputContainerXSmall: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    height?: string | undefined;
-    type?: InputTypeI | undefined;
-}, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/cjs/src/components/list-item/List.model.d.ts

@@ -14,5 +14,5 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
     borderBottom?: string;
     customComponent?: JSX.Element;
     customListItemLabel?: JSX.Element;
-    version?: '1.0' | '2.0' | '3.0';
+    version?: '1.0' | '2.0';
 }

package/dist/cjs/src/components/list-item/ListItem.styled.d.ts

@@ -6,5 +6,5 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
 } & {
     variant: Variant;
     borderBottom?: string | undefined;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/src/components/list-item/themes.d.ts

@@ -1,3 +1,3 @@
 import type { Variant } from './List.model';
-export declare function getColor(variant: Variant, version?: '1.0' | '2.0' | '3.0'): string;
-export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0'): import("@emotion/utils").SerializedStyles;
+export declare function getColor(variant: Variant): string;
+export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("@emotion/utils").SerializedStyles;

package/dist/cjs/src/components/multi-level-dropdown/GroupedMenuList.d.ts

@@ -10,5 +10,4 @@ export declare const GroupedMenuList: React.FC<{
     hideGroupLabel?: boolean;
     currentLevel: number;
     renderNestedMenu: RenderNestedMenu;
-    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MenuItem.d.ts

@@ -9,5 +9,4 @@ export declare const MenuItem: React.FC<{
     maxLevels?: number;
     currentLevel: number;
     renderNestedMenu: RenderNestedMenu;
-    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MenuList.d.ts

@@ -9,5 +9,4 @@ export declare const MenuList: React.FC<{
     maxLevels?: number;
     hideGroupLabel?: boolean;
     currentLevel: number;
-    version?: '1.0' | '2.0' | '3.0';
 }>;

package/dist/cjs/src/components/multi-level-dropdown/MultiLevelDropdown.styled.d.ts

@@ -1,35 +1,25 @@
 export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const OptionsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const NoResultsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
-export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
+export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export interface MenuItemContainerProps {
     isSelected?: boolean;
     isHovered?: boolean;
     isSubMenuOpen?: boolean;
     isDisabled?: boolean;
-    version?: '1.0' | '2.0' | '3.0';
 }
 export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", any, MenuItemContainerProps, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TrailingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", any, {

package/dist/cjs/src/components/multi-level-dropdown/type.d.ts

@@ -8,7 +8,6 @@ export interface MultiLevelDropdownProps extends FloaterProps {
     allowParentSelection?: boolean;
     maxLevels?: number;
     hideGroupLabel?: boolean;
-    version?: '1.0' | '2.0' | '3.0';
     onDropdownOutsideClick?: (isOutsideClick: any) => void;
     onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
 }

package/dist/cjs/src/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/cjs/src/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/cjs/src/components/tag/Tag.styled.d.ts

@@ -7,13 +7,11 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | "3.0" | undefined;
+    version?: "1.0" | "2.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;
     contentPadding?: number | undefined;
-    padding?: string | undefined;
-    height?: number | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;

package/dist/cjs/src/components/tag/model.d.ts

@@ -92,11 +92,7 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0' | '3.0';
-    /** Custom CSS padding string, e.g. '4px 8px' */
-    padding?: string;
-    /** Custom height in px */
-    height?: number;
+    version?: '1.0' | '2.0';
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/cjs/src/components/whats-new/WhatsNew.d.ts

@@ -13,8 +13,6 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
-    iconColor?: string;
-    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/src/components/whats-new/WhatsNew.types.d.ts

@@ -35,8 +35,6 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
-    iconColor?: string;
-    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/cjs/src/constants/Theme.d.ts

@@ -1,9 +1,7 @@
 export declare const BASE_COLORS: {
     brand: {
         900: string;
-        850: string;
         800: string;
-        700: string;
         500: string;
         100: string;
         50: string;
@@ -56,7 +54,6 @@ export declare const COLORS: {
         brandVeryLight: string;
         pureWhite: string;
         brandTint: string;
-        brandHovered: string;
         negative: {
             vibrant: string;
             light: string;
@@ -117,7 +114,6 @@ export declare const COLORS: {
             vibrant: string;
         };
         brandLightAlt: string;
-        brandSubdued: string;
         blue: {
             lightAlt: string;
         };
@@ -349,7 +345,6 @@ export declare const DEFAULT_THEME: {
             brandVeryLight: string;
             pureWhite: string;
             brandTint: string;
-            brandHovered: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -410,7 +405,6 @@ export declare const DEFAULT_THEME: {
                 vibrant: string;
             };
             brandLightAlt: string;
-            brandSubdued: string;
             blue: {
                 lightAlt: string;
             };

package/dist/cjs/src/icons/Arrows/Chevron/ChevronUp.d.ts

@@ -1,6 +1,7 @@
 import type { SVGProps } from 'react';
 interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
     color?: string;
 }
-declare const SvgChevronUp: ({ width, height, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/cjs/src/index.d.ts

@@ -17,7 +17,6 @@ export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
 export * from './components/icon-button';
-export * from './components/dual-icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
 export * from './components/fab-menu';

package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as i,jsxs as t}from"react/jsx-runtime";import s,{forwardRef as n,useRef as o,useMemo as l,useImperativeHandle as a,useCallback as d}from"react";import{COLORS as u}from"../../../constants/Theme.js";import{useWindowSize as g}from"../../../hooks/useWindowSize.js";import{BodySecondary as v}from"../../TypographyStyle.js";import{GiftedChatAppType as c}from"../Bubble/types.js";import{Day as p}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as f,useInitialMountScroll as b,useScrollCleanup as y,useRestoreScrollPosition as j,useAutoScrollOnNewMessages as T,useResizeObserverForFirstMessage as x,useScrollHandler as M}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{TOP_THRESHOLD as A,normalizeRef as w,isSameDay as _,Constants as R}from"./utils.js";var k=n(((n,k)=>{var B;const L=n||{},{messages:E=[],user:S,renderBubble:C,renderAvatar:I,renderDay:D,renderLoading:P,renderChatEmpty:$,listViewProps:F={},renderAvatarOnTop:U=!1,showUserAvatar:V=!1,showAvatarForEveryMessage:W=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=A,appType:Y=c.Bik}=L,z=e(L,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),X=g(),q=o(null),J=w(F.ref||k,q),K=o({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(B=null==E?void 0:E.length)&&void 0!==B?B:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),Q=l((()=>E&&0!==E.length?[...E].reverse():[]),[E]),Z=f(J,K);a(k,(()=>J.current)),b(J,K,Q.length,Z),y(K),j(J,K,Q.length),T(J,K,E.length,Z),x(null==E?void 0:E[0],K,Z,H);const ee=M(K,F.onEndReached,F.onScroll,N),re=d((e=>{var r;return Boolean(e&&S&&(null===(r=e.user)||void 0===r?void 0:r._id)===S._id)}),[S]),ie=d(((e,r)=>!!V&&(!!W||(!r||r.user._id!==e.user._id))),[V,W]),te=d(((e,i,t)=>{var s,n,o,l;const a=re(e)?"right":"left",d=(null===(s=null==i?void 0:i.user)||void 0===s?void 0:s._id)!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id),g=(null===(o=null==t?void 0:t.user)||void 0===o?void 0:o._id)!==(null===(l=null==e?void 0:e.user)||void 0===l?void 0:l._id),p=Object.assign({currentMessage:e,previousMessage:i,nextMessage:t,position:a,user:S},z);return C?C(p):r("div",Object.assign({style:Object.assign(Object.assign({maxWidth:Y===c.Manifest?"50%":"70%",width:"fit-content"},Y===c.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderTopLeftRadius:d?12:0,borderTopRightRadius:d?12:0,borderBottomLeftRadius:g?12:0,borderBottomRightRadius:g?12:0,border:"left"===a&&Y===c.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===a?Y===c.Manifest?u.background.brandTint:u.background.brandLight:Y===c.Manifest?u.background.pureWhite:u.background.inactive,color:u.content.primary,wordBreak:"break-word"})},{children:r(v,{children:e.text})}))}),[re,S,C,z]),se=d(((e,r,i)=>{if(!ie(e,r))return null;const t=re(e)?"right":"left";return I?I({currentMessage:e,previousMessage:r,nextMessage:i,position:t,user:S,renderAvatarOnTop:U,showUserAvatar:V,showAvatarForEveryMessage:W}):null}),[ie,re,S,U,V,W,I]);return E&&0!==E.length?t("div",Object.assign({ref:J,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},F.style),onScroll:ee},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:Q.map(((e,i)=>{var n,o,l,a,d,u,g;const v=re(e)?"right":"left",f=Q[i-1],b=Q[i+1],y=!_(e,f),j=h(e,v),T=m(e),x=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,M=e.category===R.ChatActivity.Category.ACTIVITY&&e.activityType===R.ChatActivity.Type.PRIVATE_NOTE;return t(s.Fragment,{children:[y&&(D?D({createdAt:e.createdAt}):r(p,{createdAt:e.createdAt,appType:Y})),t("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X?{margin:"0 4px"}:{}),T?{}:{display:"flex"}),Y!==c.Manifest?X||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}:{}),x&&!M&&X?{marginLeft:8,marginRight:8}:{}),{justifyContent:j,marginBottom:b?(null===(o=null==b?void 0:b.user)||void 0===o?void 0:o._id)===(null===(l=null==e?void 0:e.user)||void 0===l?void 0:l._id)?4:20:0})},{children:[!X&&"left"===v&&r("div",Object.assign({style:{marginRight:"4px"}},{children:se(e,f,b)})),r("div",Object.assign({id:`message-bubble-${null!==(a=e._id)&&void 0!==a?a:`${i}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`}`,style:Y===c.Manifest?{width:"100%"}:X&&x?{display:"flex",flexGrow:1}:{}},{children:te(e,f,b)})),!X&&"right"===v&&r("div",Object.assign({style:{marginLeft:"4px"}},{children:se(e,f,b)}))]}))]},null!==(u=e._id)&&void 0!==u?u:`${i}-${null!==(g=null==H?void 0:H())&&void 0!==g?g:"id"}`)}))}))]})):$?r(i,{children:$()}):null}));export{k as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as t,jsxs as i}from"react/jsx-runtime";import s,{forwardRef as n,useRef as a,useMemo as o,useImperativeHandle as l,useCallback as d}from"react";import{COLORS as g}from"../../../constants/Theme.js";import{useWindowSize as c}from"../../../hooks/useWindowSize.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{GiftedChatAppType as p}from"../Bubble/types.js";import{Day as v}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as f,useInitialMountScroll as y,useScrollCleanup as b,useRestoreScrollPosition as j,useAutoScrollOnNewMessages as x,useResizeObserverForFirstMessage as M,useScrollHandler as T}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{TOP_THRESHOLD as A,normalizeRef as w,isSameDay as k,Constants as _}from"./utils.js";var E=n(((n,E)=>{var S;const B=n||{},{messages:C=[],user:I,renderBubble:L,renderAvatar:R,renderDay:D,renderLoading:P,renderChatEmpty:$,listViewProps:F={},renderAvatarOnTop:U=!1,showUserAvatar:V=!1,showAvatarForEveryMessage:W=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=A,appType:Y=p.Bik}=B,z=e(B,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),X=c(),q=a(null),J=w(F.ref||E,q),K=a({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(S=null==C?void 0:C.length)&&void 0!==S?S:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),Q=o((()=>C&&0!==C.length?[...C].reverse():[]),[C]),Z=f(J,K);l(E,(()=>J.current)),y(J,K,Q.length,Z),b(K),j(J,K,Q.length),x(J,K,C.length,Z),M(null==C?void 0:C[0],K,Z,H);const ee=T(K,F.onEndReached,F.onScroll,N),re=d((e=>{var r;return Boolean(e&&I&&(null===(r=e.user)||void 0===r?void 0:r._id)===I._id)}),[I]),te=d(((e,r)=>!!V&&(!!W||(!r||r.user._id!==e.user._id))),[V,W]),ie=d(((e,t,i)=>{const s=re(e)?"right":"left",n=Object.assign({currentMessage:e,previousMessage:t,nextMessage:i,position:s,user:I},z);return L?L(n):r("div",Object.assign({style:Object.assign(Object.assign({maxWidth:Y===p.Manifest?"50%":"70%",width:"fit-content"},Y===p.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:Y===p.Manifest?16:4,border:"left"===s&&Y===p.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===s?Y===p.Manifest?g.background.brandTint:g.background.brandLight:Y===p.Manifest?g.background.pureWhite:g.background.inactive,color:g.content.primary,wordBreak:"break-word"})},{children:r(u,{children:e.text})}))}),[re,I,L,z]),se=d(((e,r,t)=>{if(!te(e,t))return null;const i=re(e)?"right":"left";return R?R({currentMessage:e,previousMessage:r,nextMessage:t,position:i,user:I,renderAvatarOnTop:U,showUserAvatar:V,showAvatarForEveryMessage:W}):null}),[te,re,I,U,V,W,R]);return C&&0!==C.length?i("div",Object.assign({ref:J,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},F.style),onScroll:ee},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:Q.map(((e,t)=>{var n,a,o,l,d;const g=re(e)?"right":"left",c=Q[t-1],u=Q[t+1],f=!k(e,c),y=h(e,g),b=m(e),j=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,x=e.category===_.ChatActivity.Category.ACTIVITY&&e.activityType===_.ChatActivity.Type.PRIVATE_NOTE;return i(s.Fragment,{children:[f&&(D?D({createdAt:e.createdAt}):r(v,{createdAt:e.createdAt,appType:Y})),i("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X?{margin:"0 4px"}:{}),b?{}:{display:"flex"}),Y!==p.Manifest?X||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}:{}),j&&!x&&X?{marginLeft:8,marginRight:8}:{}),{justifyContent:y,marginBottom:8})},{children:[!X&&"left"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)})),r("div",Object.assign({id:`message-bubble-${null!==(a=e._id)&&void 0!==a?a:`${t}-${null!==(o=null==H?void 0:H())&&void 0!==o?o:"id"}`}`,style:Y===p.Manifest?{width:"100%"}:X&&j?{display:"flex",flexGrow:1}:{}},{children:ie(e,c,u)})),!X&&"right"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)}))]}))]},null!==(l=e._id)&&void 0!==l?l:`${t}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`)}))}))]})):$?r(t,{children:$()}):null}));export{E as default};
 //# sourceMappingURL=GiftedChat.js.map