@bcrumbs.net/bc-ui 0.0.7 → 0.0.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/bc-ui",
   "description": "The UI components of Bread Crumbs portals",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "keyword": [
     "bcrumbs",
     "bc-ui"

package/src/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/loading/loading';
 export * from './lib/textbox/bctextbox';
 export * from './lib/dropList/bcdrop-list';
+export * from './lib/multiSelector/MutliSelector';
 export * from './lib/checkbox/bccheckbox';
 export * from './lib/navigation/bcnavigation';
 export * from './lib/navigation/types';
@@ -49,6 +50,8 @@ export * from './lib/newComponents/BCNewTable/types';
 export * from './lib/newComponents/BCNewDropdown/types';
 export * from './lib/newComponents/BCRadioGroupItem/types';
 export * from './lib/baseComponents/radio-group';
+export * from './lib/baseComponents/checkbox';
+export * from './lib/newComponents/BCNewCheckBox/BCNewCheckBox';
 export * from './lib/button/bcbutton';
 export * from './lib/button/types';
 export * from './lib/block/bcblock';

package/src/lib/addButton/bcadd-button.d.ts

@@ -9,4 +9,4 @@ export interface BCAddButtonProps {
     isLoading?: boolean;
     rtl?: boolean;
 }
-export declare const BCAddButton: ({ className, placeholder, value, onSubmit, onChange, isLoading, rtl }: BCAddButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCAddButton: ({ className, placeholder, value, onSubmit, onChange, isLoading, rtl, }: BCAddButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/baseComponents/alert-dialog.d.ts

@@ -4,7 +4,10 @@ declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+    onOverlayClick?: () => void;
+}
+declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;

package/src/lib/baseComponents/checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { SerializedStyles } from '@emotion/react';
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    css?: SerializedStyles;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/src/lib/button/types.d.ts

@@ -9,11 +9,5 @@ export declare enum ButtonType {
     GHOST = "ghost",
     DANGER = "danger",
     DANGER_LIGHT = "dangerLight",
-    GREEN = "green",
-    BURNING_ORANGE = "burningOrange",
-    COLD_FUSION = "coldFusion",
-    COLD_FUSION01 = "coldFusion01",
-    DAGOBAH_FOREST = "dagobahForest",
-    WHITE = "white",
-    BORDERED_WHITE = "bordered_white"
+    GREEN = "green"
 }

package/src/lib/constants/Color.d.ts

@@ -1,107 +1,51 @@
-export declare enum Color {
-    INHERIT = "inherit",
-    PRIMARY = "#006466",
-    PRIMARY_LIGHTER = "#95D5B2",
-    PRIMARY_DARKER = "#065A60",
-    SECONDARY = "#4e4f4f",
-    SECONDARY_LIGHT = "#9b9b9b",
-    SECONDARY_LIGHT_HOVER = "#191919",
-    LIGHT_COLOR = "#ccdbd5",
-    DANGER_COLOR = "#b52e2e",
-    SUCCESS_COLOR = "#2eb583",
-    CONTROLS_COLOR = "#fff",
-    FONT_COLOR = "#000",
-    ACCENT10 = "rgba(89, 111, 255, 0.1)",
-    PRIMARY90 = "rgba(0, 100, 102, 0.9)",
-    PRIMARY80 = "rgba(0, 100, 102, 0.8)",
-    PRIMARY60 = "rgba(0, 100, 102, 0.6)",
-    PRIMARY40 = "rgba(0, 100, 102, 0.4)",
-    PRIMARY30 = "rgba(0, 100, 102, 0.3)",
-    PRIMARY20 = "rgba(0, 100, 102, 0.2)",
-    PRIMARY10 = "rgba(0, 100, 102, 0.1)",
-    PRIMARY05 = "rgba(0, 100, 102, 0.05)",
-    PRIMARY_LIGHTER90 = "rgba(149, 213, 178, 0.9)",
-    PRIMARY_LIGHTER80 = "rgba(149, 213, 178, 0.8)",
-    PRIMARY_LIGHTER60 = "rgba(149, 213, 178, 0.6)",
-    PRIMARY_LIGHTER40 = "rgba(149, 213, 178, 0.4)",
-    PRIMARY_LIGHTER30 = "rgba(149, 213, 178, 0.3)",
-    PRIMARY_LIGHTER20 = "rgba(149, 213, 178, 0.2)",
-    PRIMARY_LIGHTER10 = "rgba(149, 213, 178, 0.1)",
-    PRIMARY_LIGHTER05 = "rgba(149, 213, 178, 0.05)",
-    SECONDARY90 = "rgb(106, 107, 131, 0.9)",
-    SECONDARY80 = "rgb(106, 107, 131, 0.8)",
-    SECONDARY70 = "rgb(106, 107, 131, 0.7)",
-    SECONDARY60 = "rgb(106, 107, 131, 0.6)",
-    SECONDARY50 = "rgb(106, 107, 131, 0.5)",
-    SECONDARY40 = "rgb(106, 107, 131, 0.4)",
-    SECONDARY30 = "rgb(106, 107, 131, 0.3)",
-    SECONDARY20 = "rgb(106, 107, 131, 0.2)",
-    SECONDARY10 = "rgb(106, 107, 131, 0.1)",
-    SECONDARY05 = "rgb(106, 107, 131, 0.05)",
-    GREY_LIGHT_BORDER = "#e4e4e4",
-    GREY_BORDER = "#D9D9D9",
-    GREY_TEXT_COLOR = "#727272",
-    PRIMARY_DARKER80 = "rgb(6, 90, 96, 0.8)",
-    DAGOBAH_FOREST = "#003333",
-    CHROME_ORANGE = "#FF9900",
-    CHROME_ORANGE20 = "rgba(255, 153, 0, 0.2)",
-    RED_HOT_HOOD = "#FF3300",
-    MR_WOLF = "#330033",
-    RED_HOT_HOOD50 = "rgba(255,51,0,0.5)",
-    COLD_FUSION = "#6666FF",
-    BLUEBERRY = "#330066",
-    HOT_MAGENTA = "#FF3366",
-    BURNING_ORANGE = "#FF6600",
-    LEMON_YELLOW = "#FFCC00",
-    LASER_YELLOW = "#FFFF00",
-    KRYPTONITE_GREEN = "#CCFF00",
-    GREEN = "#66FF66",
-    DARK_GREEN = "#148643",
-    CRAZY_CYAN = "#66FFFF",
-    EXOPLANET_BLUE = "#66CCFF",
-    DARK_BLUE = "#457578",
-    LIGHT_BLUE = "#e0f3e8",
-    PURPLE = "#9999FF",
-    PURPLE_RAIN = "#9966FF",
-    VIOLET = "#CC66FF",
-    AEROSMITH_PINK = "#FF66FF",
-    WARNING_DOWNLOAD = "rgba(255, 153, 0, 0.1)",
-    GREY_WHITE = "#f0f1f5",
-    SLIDER_DOT = "#dededf",
-    ASSETS_PLAN_COLOR = "#35354C"
-}
 export declare enum NewColors {
     PRIMARY = "var(--bc-primary)",
+    PRIMARY60 = "var(--bc-primary-60)",
+    PRIMARY40 = "var(--bc-primary-40)",
+    PRIMARY30 = "var(--bc-primary-30)",
+    PRIMARY20 = "var(--bc-primary-20)",
+    PRIMARY10 = "var(--bc-primary-10)",
+    PRIMARY05 = "var(--bc-primary-05)",
     PRIMARY_400 = "var(--bc-primary-400)",
     PRIMARY_FOREGROUND = "var(--bc-primary-foreground)",
     PRIMARY_LIGHTER = "var(--bc-primary-lighter)",
-    PRIMARY_BORDER = "var(--Border-border-primary, #16616C)",
+    PRIMARY_BORDER = "var(--bc-primary-border)",
     PRIMARY_DARKER = "var(--bc-primary-darker)",
+    PRIMARY_DARKER_2 = "var(--bc-primary-darker-2)",
     PRIMARY_PARAGRAPH = "var(--bc-primary-paragraph)",
     INBOX_BACKGROUND = "var(--bc-inbox-background)",
-    PLAYGROUND_BACKGROUND = "var(--bc-playground-background)",
-    INFO_COLOR = "var(--Text-text-info, #175CD3)",
+    BACKGROUND_DARKER = "var(--bc-background-darker)",
+    INFO_COLOR = "var(--bc-info)",
+    INFO_LIGHT = "var(--bc-info-light)",
+    FONT_COLOR = "#000",
     SECONDARY = "var(--bc-secondary)",
     SECONDARY_HOVER = "var(--bc-secondary-hover)",
     SECONDARY_FOREGROUND = "var(--bc-secondary-foreground)",
     SECONDARY_LIGHT = "var(--bc-secondary-light)",
     SECONDARY_NEUTRAL = " var(--Border-border-neutral-secondary, #E5E7EB)",
     SECONDARY_HEADING = "var(--Secondary-Color-Heading, #3F434A)",
-    DROPDOWN_ITEM = "var(--bc-dropDown-item)",
-    DROPDOWN_HOVER = "var(--bc-dropDown-hover)",
+    DARK = "var(--bc-dark)",
+    GRAY = "var(--bc-gray)",
+    DISABLED = "var(--bc-disabled)",
     LIGHT_COLOR = "var(--bc-light-color)",
     DANGER = "var(--bc-danger)",
     DANGER_FOREGROUND = "var(--bc-danger-foreground)",
     DANGER_DARKER = "var(--bc-danger-darker)",
     DANGER_ALERT = "var(--bc-danger-alert)",
+    DANGER_LIGHT = "var(--bc-danger-light)",
+    SUCCESS = "var(--bc-success)",
+    SUCCESS_DARKER = "var(--bc-success-darker)",
+    DROPDOWN_ITEM = "var(--bc-dropDown-item)",
+    DROPDOWN_HOVER = "var(--bc-dropDown-hover)",
+    SUB_SIDEBAR_TITLE = "var(--bc-sub-sidebar-title)",
     MUTED = "var(--bc-muted)",
     MUTED_FOREGROUND = "var(--bc-muted-foreground)",
+    ACTIVE_COLOR = "var(--bc-active-color)",
     TABLE_HEADER = "var(--bc-table-header)",
     TABLE_HEADER_FOREGROUND = "var(--bc-table-header-foreground)",
     ALTERNATIVE_FOREGROUND = "var(--bc-alternative-foreground)",
     BORDER_COLOR = "var(--bc-border-color)",
     SECONDARY_BORDER = "var(--bc-secondary-border)",
-    SUCCESS = "var(--bc-success)",
     CONTROLS = "var(--bc-controls)",
     FOREGROUND = "var(--bc-foreground)",
     BACKGROUND = "var(--bc-background)",
@@ -114,7 +58,40 @@ export declare enum NewColors {
     CARD_HOVER_LIGHT = "var(--bc-card-hover-light)",
     TAG_BACKGROUND = "var(--bc-tag-background)",
     TAG_COLOR = "var(--bc-tag-color)",
-    DARK = "var(--bc-dark)",
-    GRAY = "var(--bc-gray)"
+    DARK_BLUE = "#457578",
+    LIGHT_BLUE = "#e0f3e8",
+    ACCENT10 = "rgba(89, 111, 255, 0.1)",
+    CONTROLS_COLOR = "#fff",
+    GREY_BORDER = "#D9D9D9",
+    GREY_TEXT_COLOR = "#727272",
+    GREY_LIGHT_BORDER = "#e4e4e4",
+    WARNING_DOWNLOAD = "rgba(255, 153, 0, 0.1)",
+    GREY_WHITE = "#f0f1f5",
+    SECONDARY80 = "rgb(106, 107, 131, 0.8)",
+    SECONDARY70 = "rgb(106, 107, 131, 0.7)",
+    SECONDARY50 = "rgb(106, 107, 131, 0.5)",
+    SECONDARY40 = "rgb(106, 107, 131, 0.4)",
+    SECONDARY30 = "rgb(106, 107, 131, 0.3)",
+    SECONDARY20 = "rgb(106, 107, 131, 0.2)",
+    SECONDARY10 = "rgb(106, 107, 131, 0.1)",
+    SECONDARY05 = "rgb(106, 107, 131, 0.05)",
+    COLD_FUSION = "#6666FF",
+    BLUEBERRY = "#330066",
+    HOT_MAGENTA = "#FF3366",
+    BURNING_ORANGE = "#FF6600",
+    LEMON_YELLOW = "#FFCC00",
+    KRYPTONITE_GREEN = "#CCFF00",
+    GREEN = "#66FF66",
+    CRAZY_CYAN = "#66FFFF",
+    EXOPLANET_BLUE = "#66CCFF",
+    PURPLE = "#9999FF",
+    PURPLE_RAIN = "#9966FF",
+    VIOLET = "#CC66FF",
+    AEROSMITH_PINK = "#FF66FF",
+    RED_HOT_HOOD = "#FF3300",
+    MR_WOLF = "#330033",
+    DAGOBAH_FOREST = "#003333",
+    CHROME_ORANGE = "#FF9900"
 }
-export default Color;
+export default NewColors;
+export { NewColors as Color };

package/src/lib/dropList/bcdrop-list.d.ts

@@ -26,5 +26,7 @@ export interface BCDropListProps {
     searchable?: boolean;
     searchPlaceholder?: string;
 }
+export declare const DropListButtonStyle: SerializedStyles;
+export declare const DropListMenuStyle: SerializedStyles;
 export declare const BCDropList: ({ className, selected, options, onSelectOption, noEmpty, placeholder, emptyText, buttonSize, rtl, icon, containerCss, buttonCss, dropDownContentCss, loading, disabled, allowCreate, onCreateNew, createPlaceholder, addText, createText, id, searchable, searchPlaceholder, }: BCDropListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCDropList;

package/src/lib/hooks/useForm/index.d.ts

@@ -31,14 +31,11 @@ interface useBCFormReturnFunctions {
     renderField: (name: string, label: string, type: FieldType, readonly?: boolean, placeholder?: string, tooltip?: string, dynamicStyle?: SerializedStyles) => JSX.Element;
     _renderFieldInput: (name: string, type: FieldType, readonly: boolean, placeholder: string) => JSX.Element;
     onDroplistSelectionChange: (name: string, selectedKey?: string) => void;
-    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string) => JSX.Element;
+    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string, lang?: boolean, searchable?: boolean, labelStyle?: SerializedStyles, containerStyle?: SerializedStyles, loading?: boolean, noEmpty?: boolean) => JSX.Element;
 }
-type useMBFormReturnType = [
-    {
-        [key: string]: FormData;
-    },
-    useBCFormReturnFunctions
-];
+type useMBFormReturnType = [{
+    [key: string]: FormData;
+}, useBCFormReturnFunctions];
 export declare const useBCForm: (formInitialValue?: {
     [key: string]: FormField;
 }, t?: any) => useMBFormReturnType;

package/src/lib/icon/bcicon.d.ts

@@ -36,6 +36,7 @@ export declare const BCIcons: {
     ContactBook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Contact: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     ContactLifeCycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    LinkedAgent: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     MirroringScreen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Managemnet: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Agents: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -45,6 +46,7 @@ export declare const BCIcons: {
     Webhooks: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     ConvLifecycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Channels: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Flag: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     RatingSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     CrumbySettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     CrumbyAIIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -57,6 +59,7 @@ export declare const BCIcons: {
     LeadingClose: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     LeadingOpen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Upload: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Import: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Close: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Text: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Website: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -260,4 +263,65 @@ export declare const BCIcons: {
         height?: number | undefined;
         fill?: string | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    UnderScorePen: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CancelIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SaveIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    BroadcastHistory: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DraftBroadcastIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ScheduledBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InProgressBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CompletedBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    FailedBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CostIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CancelDialogIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CheckBoxIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InboxAccessIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/src/lib/multiSelector/MutliSelector.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { BCDropListOptionsType } from '../constants/Droplist';
+export declare const TagContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface MultiSelectorProps {
+    onSelect: (value: string | undefined) => void;
+    options: BCDropListOptionsType[];
+    selectedValues: string[];
+    onRemove: (value: string) => void;
+    loading?: boolean;
+    disabled?: boolean;
+    rtl?: boolean;
+    placeholder?: string;
+    allowCreate?: boolean;
+    onCreateNew?: (value: string) => Promise<void>;
+    createPlaceholder?: string;
+}
+export declare const MultiSelector: ({ onSelect, options, selectedValues, onRemove, loading, disabled, rtl, placeholder, allowCreate, onCreateNew, createPlaceholder, }: MultiSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/navigation/bcnavigation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavItem, NavType } from './types';
 export interface BCNavigationProps {
     brand?: string;
@@ -7,6 +8,13 @@ export interface BCNavigationProps {
     rtl: boolean;
     activeItem?: NavItem | null;
     hasSubMenu?: boolean;
+    customSubSidebar?: React.ReactNode;
+    customSidebarTitle?: string;
+    solidMenuColor: boolean;
 }
-export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SubMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, customSubSidebar, customSidebarTitle, solidMenuColor, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCNavigation;

package/src/lib/newComponents/BCNewAlertDialog/types.d.ts

@@ -21,4 +21,7 @@ export type RAlertDialogProps = {
     descriptionCssStyle?: SerializedStyles;
     noTrigger?: boolean;
     rtl?: boolean;
+    icon?: ReactNode;
+    iconBackgroundColor?: string;
+    noConfirmButton?: boolean;
 };

package/src/lib/newComponents/BCNewCheckBox/BCNewCheckBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BCCheckBoxProps } from './types';
+export declare const BCNewCheckBox: React.FC<BCCheckBoxProps>;
+export default BCNewCheckBox;

package/src/lib/newComponents/BCNewCheckBox/types.d.ts

@@ -0,0 +1,19 @@
+import { SerializedStyles } from '@emotion/react';
+export interface BCCheckBoxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    containerCss?: SerializedStyles;
+    checkboxCss?: SerializedStyles;
+    labelCss?: SerializedStyles;
+    wrapperCss?: SerializedStyles;
+    className?: string;
+    showWrapper?: boolean;
+    id?: string;
+}

package/src/lib/newComponents/BCNewTable/types.d.ts

@@ -10,6 +10,11 @@ export type RTableProps = {
     setFinishedOperation?: (value: string | null | number) => void;
     loading?: boolean;
     tableHeight?: string;
+    enableRowSelection?: boolean;
+    selectedRowIds?: string[];
+    onRowSelect?: (rowId: string, selected: boolean) => void;
+    onSelectAll?: (selected: boolean) => void;
+    getRowId?: (row: any) => string;
 };
 export type TableRecords = {
     columns: CustomColumn[];
@@ -20,6 +25,7 @@ export type TableRecords = {
     dropDownSide?: 'bottom' | 'right' | 'top' | 'left';
     dropDownAlign?: 'center' | 'end' | 'start';
     dropDownContentClassName?: SerializedStyles;
+    dropDownItemCssStyle?: SerializedStyles;
     onPointerDownHandler?: (info: any) => void;
     staticColumns?: boolean;
     staticHeight?: string;
@@ -36,6 +42,7 @@ export type TableAction = {
     onClick: (info: CellContext<any, any>) => void;
     inDropdown?: boolean;
     hidden?: boolean;
+    dynamicHidden?: (info: CellContext<any, any>) => boolean;
     Icon?: keyof typeof import('@radix-ui/react-icons') | React.ReactNode;
     actionIconCssStyle?: SerializedStyles;
     actionTextCssStyle?: SerializedStyles;

package/src/lib/progress/index.d.ts

@@ -2,7 +2,9 @@ import { PropsWithChildren } from 'react';
 import Color from '../constants/Color';
 export type ProgressBarProps = {
     width?: string;
+    height?: string;
+    padding?: string;
     progressPercent: number;
     color?: Color;
 };
-export declare function BCProgressBar({ progressPercent, width, color }: PropsWithChildren<ProgressBarProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BCProgressBar({ progressPercent, color, ...props }: PropsWithChildren<ProgressBarProps>): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/tagDisplay/TagDisplay.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+export declare const StateToColorMap: Record<string, string>;
+export declare const StateToBackgroundColorMap: Record<string, string>;
+export declare const StateToBorderColorMap: Record<string, string>;
 interface TagDisplayProps {
     value: string[];
 }