bord-design-system 0.0.3 → 0.0.4

package/dist/components/BordBadge/BordBadge.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { TSemanticColors } from '../../types/global.types';
 import './BordBadge.scss';
 export interface IBordBadgeProps {
@@ -8,6 +8,7 @@ export interface IBordBadgeProps {
     className?: string;
     filled?: boolean;
     disabled?: boolean;
+    restProps?: ComponentProps<'div'>;
 }
 declare const BordBadge: FC<IBordBadgeProps>;
 export default BordBadge;

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

@@ -1 +1 @@
-{"version":3,"file":"BordBadge.d.ts","sourceRoot":"","sources":["../../../src/components/BordBadge/BordBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CA+BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BordBadge.d.ts","sourceRoot":"","sources":["../../../src/components/BordBadge/BordBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACnC;AAOD,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAiClC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/BordButton/BordButton.d.ts

@@ -15,7 +15,7 @@ import "./BordButton.scss";
  * @prop {boolean} [isLoading=false] - Whether the button is in a loading state or not.
  * @prop {string} [label="Button Text"] - The label of the button.
  * @prop {string} [customHeight="auto"] - The height of the button, can be any valid CSS unit.
- * @prop {"primary" | "secondary" | "tertiary"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary" or "tertiary".
+ * @prop {"primary" | "secondary" | "tertiary" | "danger"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary", "tertiary" or "danger".
  * @prop {"rectangular" | "squared"} [standardPaddingSize="rectangular"] - The padding size of the button.
  * @returns {React.ReactElement} A button component with different styles and loading state.
  */

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

@@ -13,7 +13,7 @@ export interface IBordButton extends ComponentProps<'button'> {
     customFontSize?: string;
     disabled?: boolean;
     isLoading?: boolean;
-    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
     standardPaddingSize?: 'rectangular' | 'squared';
     buttonIconOneProps?: IbordOneToneIconProps;
     buttonIconTwoProps?: IbordOneToneIconProps;

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

@@ -1 +1 @@
-{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IACjE,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}
+{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC5E,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}

package/dist/components/BordCellCard/components/BordCellHeader/BordCellHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordCellHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellHeader/BordCellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,UAAW,eAAe,KAAG,KAAK,CAAC,YAuBtD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordCellHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellHeader/BordCellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,UAAW,eAAe,KAAG,KAAK,CAAC,YAyBtD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordCellItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellItem/BordCellItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAkBlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BordCellItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellItem/BordCellItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,qBAAqB,CAAC;AAG7B;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAwBlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.types.d.ts

@@ -3,6 +3,7 @@ export interface IBordCellItem extends ComponentProps<'div'> {
     title?: string;
     icon?: ReactNode;
     label: string;
+    customContentElement?: ReactNode;
     customClassName?: string;
 }
 //# sourceMappingURL=BordCellItem.types.d.ts.map

package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordCellItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellItem/BordCellItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"BordCellItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellItem/BordCellItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/BordFeedbackAlert/BordFeedbackAlert.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
+import './BordFeedbackAlert.scss';
+type TAlertType = 'info' | 'success' | 'warning' | 'error';
+export interface IBordFeedbackAlert {
+    type: TAlertType;
+    title: string | ReactNode;
+    description?: string | ReactNode;
+    icon?: ReactNode;
+    iconProps?: IbordOneToneIconProps;
+    className?: string;
+}
+export declare const BordFeedbackAlert: ({ type, title, description, icon, iconProps, className, }: IBordFeedbackAlert) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BordFeedbackAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BordFeedbackAlert.d.ts","sourceRoot":"","sources":["../../../src/components/BordFeedbackAlert/BordFeedbackAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAwB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,0BAA0B,CAAC;AAElC,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,iBAAiB,8DAO3B,kBAAkB,4CAepB,CAAC"}

package/dist/components/BordFeedbackAlert/BordFeedbackAlert.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryObj } from '@storybook/react/*';
+import { BordFeedbackAlert } from './BordFeedbackAlert';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof BordFeedbackAlert>;
+export declare const Default: Story;
+//# sourceMappingURL=BordFeedbackAlert.stories.d.ts.map

package/dist/components/BordFeedbackAlert/BordFeedbackAlert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordFeedbackAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BordFeedbackAlert/BordFeedbackAlert.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAA,MAAM,IAAI,MASM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BordInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YA6IlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BordInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAgOlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -4,7 +4,8 @@ import { IRowFooterProps } from '../BordTrelloRowFooterBadgeList/BordTrelloRowFo
 export interface IBordInfoCardItem {
     title?: string;
     icon?: ReactNode;
-    label: string;
+    label?: string;
+    customContentElement?: ReactNode;
 }
 export interface IBordInfoCardHeader {
     icon?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"BordInfoCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAE/F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC,CAAC,EAAE,eAAe,CAAC;CACrD"}
+{"version":3,"file":"BordInfoCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAE/F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC,CAAC,EAAE,eAAe,CAAC;CACrD"}

package/dist/components/BordInfoCard/constants.d.ts

@@ -0,0 +1,11 @@
+import { IBordButton } from "../BordButton/BordButton.types";
+export declare const DEFAULT_PRIMARY_BUTTON_PROPS_MOBILE: IBordButton;
+export declare const DEFAULT_SECONDARY_BUTTON_PROPS_MOBILE: IBordButton;
+export declare const DEFAULT_TERTIARY_BUTTON_PROPS_MOBILE: IBordButton;
+export declare const DEFAULT_PRIMARY_BUTTON_PROPS_TABLET: IBordButton;
+export declare const DEFAULT_SECONDARY_BUTTON_PROPS_TABLET: IBordButton;
+export declare const DEFAULT_TERTIARY_BUTTON_PROPS_TABLET: IBordButton;
+export declare const DEFAULT_PRIMARY_BUTTON_PROPS_DESKTOP: IBordButton;
+export declare const DEFAULT_SECONDARY_BUTTON_PROPS_DESKTOP: IBordButton;
+export declare const DEFAULT_TERTIARY_BUTTON_PROPS_DESKTOP: IBordButton;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/BordInfoCard/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAE5D,eAAO,MAAM,mCAAmC,EAAE,WAEjD,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,WAEnD,CAAA;AAED,eAAO,MAAM,oCAAoC,EAAE,WAElD,CAAA;AAED,eAAO,MAAM,mCAAmC,EAAE,WAEjD,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,WAEnD,CAAA;AAED,eAAO,MAAM,oCAAoC,EAAE,WAElD,CAAA;AAED,eAAO,MAAM,oCAAoC,EAAE,WAGlD,CAAA;AAED,eAAO,MAAM,sCAAsC,EAAE,WAGpD,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,WAEnD,CAAA"}

package/dist/components/BordMetricCard/BordMetricCard.d.ts

@@ -1,11 +1,18 @@
+import { ReactNode } from 'react';
 import './BordMetricCard.scss';
 export type TBordMetricCardSizes = 'lg' | 'sm';
 export interface IBordMetricCardProps {
-    title: string;
-    value: number;
+    title: ReactNode | string;
+    value?: number;
     textColor?: string;
-    size: TBordMetricCardSizes;
+    size?: TBordMetricCardSizes;
+    titleProps?: {
+        className?: string;
+    };
+    valueProps?: {
+        className?: string;
+    };
 }
-declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const BordMetricCard: ({ title, value, textColor, size, titleProps, valueProps, }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BordMetricCard;
 //# sourceMappingURL=BordMetricCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,sCAAmD,oBAAoB,4CAiC1F,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,cAAc,+DAOjB,oBAAoB,4CAmCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordMetricCards/BordMetricCards.d.ts

@@ -0,0 +1,13 @@
+import { IBordMetricCardProps } from '../BordMetricCard/BordMetricCard';
+import './BordMetricCards.scss';
+interface IBordMetricCards {
+    items?: IBordMetricCardProps[];
+    className?: string;
+    hightLight?: {
+        position?: number;
+        color?: string;
+    };
+}
+export declare const BordMetricCards: ({ items, className, hightLight, }: IBordMetricCards) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BordMetricCards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BordMetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCards/BordMetricCards.tsx"],"names":[],"mappings":"AACA,OAAuB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,wBAAwB,CAAC;AAEhC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,eAAe,sCAIzB,gBAAgB,4CAQlB,CAAC"}

package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTabsGroupWithBadge.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabsGroup/BordTabsGroupWithBadge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA0C7G"}
+{"version":3,"file":"BordTabsGroupWithBadge.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabsGroup/BordTabsGroupWithBadge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA6ClH"}

package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.type.d.ts

@@ -1,19 +1,21 @@
 import { TTabValue } from '../../types/global.types';
-import { TTabSemanticColors } from '../BordTab/BordTab.type';
+import { IBordBadgeProps } from '../BordBadge/BordBadge';
+import { IBordTab, TTabSemanticColors } from '../BordTab/BordTab.type';
 export interface ITabItem {
     value?: TTabValue;
     label: string;
     disabled?: boolean;
-    badge?: {
-        label: string;
-        filled?: boolean;
-    };
+    badge?: IBordBadgeProps;
 }
+type TabWithBadge = IBordTab & {
+    badge?: IBordBadgeProps;
+};
 export interface IBordTabsGroupProps {
     value?: TTabValue;
     defaultValue?: TTabValue;
-    tabs: ITabItem[];
+    tabs: TabWithBadge[];
     textColor?: TTabSemanticColors;
     onChange?: (value: TTabValue) => void;
 }
+export {};
 //# sourceMappingURL=BordTabsGroupWithBadge.type.d.ts.map

package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTabsGroupWithBadge.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabsGroup/BordTabsGroupWithBadge.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}
+{"version":3,"file":"BordTabsGroupWithBadge.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabsGroup/BordTabsGroupWithBadge.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,KAAK,YAAY,GAAG,QAAQ,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}

package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts

@@ -9,7 +9,7 @@ type TBadgeItemProps = {
 };
 type TBadgeItem = TBadgeItemProps | ReactNode;
 type TTitleProps = {
-    icon?: ReactNode;
+    icon?: IbordOneToneIconProps;
     text?: string;
     className?: string;
 };
@@ -18,6 +18,6 @@ export interface IRowFooterProps {
     badgeList?: TBadgeItem[];
     children?: ReactNode;
 }
-export declare const BordTrelloRowFooterBadgeList: ({ title, children, badgeList }: IRowFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BordTrelloRowFooterBadgeList: ({ title, badgeList, children }: IRowFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BordTrelloRowFooterBadgeList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BordTrelloRowFooterBadgeList.d.ts","sourceRoot":"","sources":["../../../src/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAElD,OAAwB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,qCAAqC,CAAC;AAE7C,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3G,KAAK,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAC9C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,mCAAyC,eAAe,4CA8ChG,CAAC"}
+{"version":3,"file":"BordTrelloRowFooterBadgeList.d.ts","sourceRoot":"","sources":["../../../src/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAElD,OAAwB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,qCAAqC,CAAC;AAE7C,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3G,KAAK,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAC9C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvF,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,mCAAoC,eAAe,4CA8C3F,CAAC"}

package/dist/hooks/useViewport.d.ts

@@ -11,7 +11,7 @@ declare const BREAKPOINTS: {
     readonly xs: 400;
     readonly sm: 640;
     readonly md: 768;
-    readonly lg: 1024;
+    readonly lg: 1100;
     readonly xl: 1440;
     readonly "2xl": 1920;
 };

package/dist/index.d.ts

@@ -158,7 +158,7 @@ interface IBordButton extends ComponentProps<'button'> {
     customFontSize?: string;
     disabled?: boolean;
     isLoading?: boolean;
-    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
     standardPaddingSize?: 'rectangular' | 'squared';
     buttonIconOneProps?: IbordOneToneIconProps;
     buttonIconTwoProps?: IbordOneToneIconProps;
@@ -180,7 +180,7 @@ interface IBordButton extends ComponentProps<'button'> {
  * @prop {boolean} [isLoading=false] - Whether the button is in a loading state or not.
  * @prop {string} [label="Button Text"] - The label of the button.
  * @prop {string} [customHeight="auto"] - The height of the button, can be any valid CSS unit.
- * @prop {"primary" | "secondary" | "tertiary"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary" or "tertiary".
+ * @prop {"primary" | "secondary" | "tertiary" | "danger"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary", "tertiary" or "danger".
  * @prop {"rectangular" | "squared"} [standardPaddingSize="rectangular"] - The padding size of the button.
  * @returns {React.ReactElement} A button component with different styles and loading state.
  */
@@ -218,7 +218,7 @@ type TBadgeItemProps = {
 };
 type TBadgeItem = TBadgeItemProps | ReactNode;
 type TTitleProps = {
-    icon?: ReactNode;
+    icon?: IbordOneToneIconProps;
     text?: string;
     className?: string;
 };
@@ -231,7 +231,8 @@ interface IRowFooterProps {
 interface IBordInfoCardItem {
     title?: string;
     icon?: ReactNode;
-    label: string;
+    label?: string;
+    customContentElement?: ReactNode;
 }
 interface IBordInfoCardHeader {
     icon?: ReactNode;
@@ -265,12 +266,18 @@ declare const BordInfoCard: (props: IBordInfoCard) => React$1.ReactElement;
 
 type TBordMetricCardSizes = 'lg' | 'sm';
 interface IBordMetricCardProps {
-    title: string;
-    value: number;
+    title: ReactNode | string;
+    value?: number;
     textColor?: string;
-    size: TBordMetricCardSizes;
+    size?: TBordMetricCardSizes;
+    titleProps?: {
+        className?: string;
+    };
+    valueProps?: {
+        className?: string;
+    };
 }
-declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
+declare const BordMetricCard: ({ title, value, textColor, size, titleProps, valueProps, }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
 
 interface IBordTabItem {
     id: string;
@@ -289,19 +296,23 @@ declare const BordTabBar: ({ tabs, defaultValue, activeTab: externalActiveTab, o
 
 declare const BordTab: ({ label, className, style, icon, iconPosition, textColor, selected, value, disabled, onClick, }: IBordTab) => react_jsx_runtime.JSX.Element;
 
-interface ITabItem {
-    value?: TTabValue;
-    label: string;
+interface IBordBadgeProps {
+    label: ReactNode;
+    variant?: 'default' | 'gradient';
+    color?: TSemanticColors | 'default';
+    className?: string;
+    filled?: boolean;
     disabled?: boolean;
-    badge?: {
-        label: string;
-        filled?: boolean;
-    };
+    restProps?: ComponentProps<'div'>;
 }
+
+type TabWithBadge = IBordTab & {
+    badge?: IBordBadgeProps;
+};
 interface IBordTabsGroupProps {
     value?: TTabValue;
     defaultValue?: TTabValue;
-    tabs: ITabItem[];
+    tabs: TabWithBadge[];
     textColor?: TTabSemanticColors;
     onChange?: (value: TTabValue) => void;
 }