bord-design-system 0.0.22 → 0.0.23

package/dist/components/BordEmptyState/BordEmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,uCAAuC,CAAC;AAE/C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAmC5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,uCAAuC,CAAC;AAI/C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAwE5C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordEmptyState/BordEmptyState.types.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 import { IBordButton } from '../BordButton/BordButton.types';
 import { IBordIlustrationIconProps } from '../BordIlustrationIcon/BordIlustration.types';
 import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
@@ -10,7 +11,10 @@ export interface IBordEmptyStateProps {
     oneToneIconProps?: IbordOneToneIconProps;
     buttonOneProps?: IBordButton;
     buttonTwoProps?: IBordButton;
+    customClassName?: string;
+    customClassNameIlustration?: string;
     customClassNameSubTitle?: string;
     customClassNameTitle?: string;
+    customStyles?: CSSProperties;
 }
 //# sourceMappingURL=BordEmptyState.types.d.ts.map

package/dist/components/BordEmptyState/BordEmptyState.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordEmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;IACjD,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B"}
+{"version":3,"file":"BordEmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;IACjD,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B"}

package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts

@@ -31,5 +31,6 @@ export interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
     variant: TbordilustrationIcon;
     standardSize?: 12 | 14 | 16 | 20 | 24 | 32 | 48 | 100 | number;
     customWidth?: string;
+    customClassName?: string;
 }
 //# sourceMappingURL=BordIlustration.types.d.ts.map

package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/BordIlustrationIcon/BordIlustrationIcon.d.ts

@@ -1,4 +1,4 @@
 import { IBordIlustrationIconProps } from "./BordIlustration.types";
-declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, }: IBordIlustrationIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, customClassName, }: IBordIlustrationIconProps) => import("react/jsx-runtime").JSX.Element;
 export default BordIlustrationIcon;
 //# sourceMappingURL=BordIlustrationIcon.d.ts.map

package/dist/components/BordIlustrationIcon/BordIlustrationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustrationIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,mBAAmB,mDAKtB,yBAAyB,4CAW3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"BordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustrationIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,mBAAmB,oEAMtB,yBAAyB,4CAY3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/BordTwoToneIcon/BordTwoToneIcon.d.ts

@@ -1,4 +1,4 @@
 import { IBordTwoToneIconProps } from "./BordTwoToneIcon.types";
-declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, }: IBordTwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, customClassName, }: IBordTwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
 export default BordTwoToneIcon;
 //# sourceMappingURL=BordTwoToneIcon.d.ts.map

package/dist/components/BordTwoToneIcon/BordTwoToneIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTwoToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,QAAA,MAAM,eAAe,wDAKlB,qBAAqB,4CAUvB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BordTwoToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,QAAA,MAAM,eAAe,yEAMlB,qBAAqB,4CAYvB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts

@@ -30,6 +30,7 @@ export interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
     colorTones?: IcolorTones;
     standardSize?: 12 | 16 | 18 | 20 | 24 | 32;
     customWidth?: string;
+    customClassName?: string;
 }
 export interface ITwoToneIconProps extends ComponentProps<"svg"> {
     colorTones?: IcolorTones;

package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ChangeEvent, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, ButtonHTMLAttributes, CSSProperties, HTMLAttributes, Ref } from 'react';
+import React__default, { ComponentProps, ChangeEvent, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, CSSProperties, ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
 
 declare enum BORD_AVATARS {
     'circularFigma' = "circularFigma",
@@ -669,6 +669,7 @@ interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
     colorTones?: IcolorTones;
     standardSize?: 12 | 16 | 18 | 20 | 24 | 32;
     customWidth?: string;
+    customClassName?: string;
 }
 interface ITwoToneIconProps extends ComponentProps<"svg"> {
     colorTones?: IcolorTones;
@@ -680,7 +681,7 @@ interface IcolorTones {
     opacity2?: string;
 }
 
-declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, }: IBordTwoToneIconProps) => react_jsx_runtime.JSX.Element;
+declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, customClassName, }: IBordTwoToneIconProps) => react_jsx_runtime.JSX.Element;
 
 interface IBordBackButtonProps extends ComponentProps<"div"> {
     buttonText: string;
@@ -1223,6 +1224,7 @@ interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
     variant: TbordilustrationIcon;
     standardSize?: 12 | 14 | 16 | 20 | 24 | 32 | 48 | 100 | number;
     customWidth?: string;
+    customClassName?: string;
 }
 
 interface IBordModalProps {
@@ -1281,7 +1283,7 @@ declare const BordModal: React__default.FC<IBordModalProps>;
 
 declare const ModalContent: ({ CustomModalComponent, toCloseModal, customWidth, customHeight, leftAlignmentTitle, customHeaderClass, excludeHeader, title, subTitle, showButtonOne, showButtonTwo, sizeButtonOne, sizeButtonTwo, textButtonOne, textButtonTwo, modalSize, onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne, customClassButtonTwo, customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton, stylesCustomHeaderProps, gradientBackground, customIconContainerClass, iconIllustration, iconIllustrationVariant, iconIllustrationWidth, customButtonsContainerClass, textBackButton }: IBordModalContent) => react_jsx_runtime.JSX.Element;
 
-declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, }: IBordIlustrationIconProps) => react_jsx_runtime.JSX.Element;
+declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, customClassName, }: IBordIlustrationIconProps) => react_jsx_runtime.JSX.Element;
 
 type toastVariants = 'informative' | 'success' | 'warning' | 'danger';
 interface IBordToastProps {
@@ -1387,8 +1389,11 @@ interface IBordEmptyStateProps {
     oneToneIconProps?: IbordOneToneIconProps;
     buttonOneProps?: IBordButton;
     buttonTwoProps?: IBordButton;
+    customClassName?: string;
+    customClassNameIlustration?: string;
     customClassNameSubTitle?: string;
     customClassNameTitle?: string;
+    customStyles?: CSSProperties;
 }
 
 declare const BordEmptyState: FC<IBordEmptyStateProps>;

package/dist/index.esm.js

@@ -4379,11 +4379,12 @@ const listOfBordTwoToneIcons = {
     timer: BordTwoToneTimerIcon,
 };
 
-const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, }) => {
+const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
     const twoToneIcon = listOfBordTwoToneIcons[variant];
     const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
     const iconWidth = customWidth || standardSizeStyle;
-    return (jsx("div", { className: "bordTwoToneIcon", style: { width: iconWidth }, children: React__default.createElement(twoToneIcon, { colorTones }) }));
+    const className = ['bordTwoToneIcon', customClassName].filter(Boolean).join(' ');
+    return (jsx("div", { className: className, style: { width: iconWidth }, children: React__default.createElement(twoToneIcon, { colorTones }) }));
 };
 
 var css_248z$1z = ".bordBackButtonDS{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordBackButtonDS .buttonText{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.6rem}";
@@ -10687,11 +10688,12 @@ const listOfBordIlustrationIcon = {
     '3DSpecialBell': Bord3dSpecialBell,
 };
 
-const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
+const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, customClassName, }) => {
     const iconComponent = listOfBordIlustrationIcon[variant];
     const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
     const iconWidth = customWidth || standardSizeStyle;
-    return (jsx("div", { className: "bordIlustrationIcon", style: { ...style, width: iconWidth }, children: React__default.createElement(iconComponent, {}) }));
+    const className = ['bordIlustrationIcon', customClassName].filter(Boolean).join(' ');
+    return (jsx("div", { className: className, style: { ...style, width: iconWidth }, children: React__default.createElement(iconComponent, {}) }));
 };
 
 var css_248z$15 = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
@@ -10877,23 +10879,30 @@ const BordSortSelect = ({ triggerLabel, sortByOptions, selectedSortById, order,
     return (jsxs("div", { ref: rootRef, className: classnames, children: [jsx("button", { type: "button", className: "bordSortSelectTrigger", onClick: toggleOpen, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "dialog", "aria-disabled": disabled, children: jsxs("span", { className: "bordSortSelectTriggerLabel", children: [jsx("span", { className: "truncate", children: triggerLabel }), jsx("span", { className: "bordSortSelectDirectionIcon", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: directionIconVariant, standardSize: 18 }) })] }) }), isOpen && (jsxs("div", { className: `bordSortSelectPanel ${panelAlign === 'end' ? 'bordSortSelectPanel--alignEnd' : ''}`, role: "presentation", onMouseDown: (e) => e.stopPropagation(), children: [jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: sortBySectionLabel }), jsx("div", { className: "bordSortSelectRadios", children: sortByOptions.map((option) => (jsx(BordRadioButton, { componentSize: "small", label: option.label, isButtonActive: selectedSortById === option.id, onClick: () => onSortByChange(option.id) }, option.id))) })] }), jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: orderSectionLabel }), jsxs("div", { className: "bordSortSelectRadios", children: [jsx(BordRadioButton, { componentSize: "small", label: orderAscLabel, isButtonActive: order === 'asc', onClick: () => onOrderChange('asc') }), jsx(BordRadioButton, { componentSize: "small", label: orderDescLabel, isButtonActive: order === 'desc', onClick: () => onOrderChange('desc') })] })] })] }))] }));
 };
 
-var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS .titleAndSubTitleContainer .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS .titleAndSubTitleContainer .subTitle{color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
+var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS :where(.title){color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS :where(.subTitle){color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
 styleInject(css_248z$$);
 
-const BordEmptyState = ({ title = 'title', subTitle, customClassNameTitle = '', customClassNameSubTitle = '', buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
+const mergeClassNames = (...classNames) => classNames.filter(Boolean).join(' ');
+const BordEmptyState = ({ title = 'title', subTitle, customClassName = '', customClassNameTitle = '', customClassNameSubTitle = '', customClassNameIlustration = '', customStyles, buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
     const defaultIcon = 'search';
     const defaultStandardSize = 100;
     const getIlustration = () => {
-        if (ilustrationIconProps)
-            return jsx(BordIlustrationIcon, { ...ilustrationIconProps });
-        if (twoToneIconProps)
-            return jsx(BordTwoToneIcon, { ...twoToneIconProps });
-        if (oneToneIconProps)
-            return jsx(BordOneToneIcon, { ...oneToneIconProps });
-        return jsx(BordIlustrationIcon, { standardSize: defaultStandardSize, variant: defaultIcon });
+        if (ilustrationIconProps) {
+            return (jsx(BordIlustrationIcon, { ...ilustrationIconProps, customClassName: mergeClassNames(ilustrationIconProps.customClassName, customClassNameIlustration) }));
+        }
+        if (twoToneIconProps) {
+            return (jsx(BordTwoToneIcon, { ...twoToneIconProps, customClassName: mergeClassNames(twoToneIconProps.customClassName, customClassNameIlustration) }));
+        }
+        if (oneToneIconProps) {
+            return (jsx(BordOneToneIcon, { ...oneToneIconProps, customClassName: mergeClassNames(oneToneIconProps.customClassName, customClassNameIlustration) }));
+        }
+        return (jsx(BordIlustrationIcon, { standardSize: defaultStandardSize, variant: defaultIcon, customClassName: customClassNameIlustration }));
     };
     const ilustration = getIlustration();
-    return (jsxs("div", { className: "bordEmptyStateDS", children: [ilustration, jsxs("div", { className: "titleAndSubTitleContainer", children: [jsx("div", { className: `title ${customClassNameTitle}`, children: title }), subTitle && jsx("div", { className: `subTitle ${customClassNameSubTitle}`, children: subTitle })] }), jsxs("div", { className: "buttonsContainer", children: [buttonOneProps && jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsx(BordButton, { ...buttonTwoProps })] })] }));
+    const rootClassName = mergeClassNames('bordEmptyStateDS', customClassName);
+    const titleAndSubTitleContainerClassName = mergeClassNames('titleAndSubTitleContainer');
+    const buttonsContainerClassName = mergeClassNames('buttonsContainer');
+    return (jsxs("div", { className: rootClassName, style: customStyles, children: [ilustration, jsxs("div", { className: titleAndSubTitleContainerClassName, children: [jsx("div", { className: mergeClassNames('title', customClassNameTitle), children: title }), subTitle && jsx("div", { className: mergeClassNames('subTitle', customClassNameSubTitle), children: subTitle })] }), jsxs("div", { className: buttonsContainerClassName, children: [buttonOneProps && jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsx(BordButton, { ...buttonTwoProps })] })] }));
 };
 
 var css_248z$_ = ".dsSwitchVariant-default{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;padding:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:5.6rem}.dsSwitchVariant-default,.dsSwitchVariant-default .dsSwitchThumb{position:relative}.dsSwitchVariant-default .dsSwitchThumb{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;color:var(--ds-c-content-secondary);display:grid;flex-shrink:0;height:2rem;margin-left:.2rem;place-items:center;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.dsSwitchVariant-default.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);color:var(--ds-c-layout-l1);transform:translateX(3.1rem)}.dsSwitchVariant-default:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-default:disabled .dsSwitchThumb,.dsSwitchVariant-default:disabled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg);color:var(--ds-c-bool-disabled-sec-bg)}.dsSwitchSkeleton.dsSwitchVariant-default{width:5.6rem}";