bord-design-system 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BordBadge/BordBadge.d.ts +2 -1
- package/dist/components/BordBadge/BordBadge.d.ts.map +1 -1
- package/dist/components/BordButton/BordButton.d.ts +1 -1
- package/dist/components/BordButton/BordButton.types.d.ts +1 -1
- package/dist/components/BordButton/BordButton.types.d.ts.map +1 -1
- package/dist/components/BordCellCard/components/BordCellHeader/BordCellHeader.d.ts.map +1 -1
- package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.d.ts.map +1 -1
- package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.types.d.ts +1 -0
- package/dist/components/BordCellCard/components/BordCellItem/BordCellItem.types.d.ts.map +1 -1
- package/dist/components/BordFeedbackAlert/BordFeedbackAlert.d.ts +15 -0
- package/dist/components/BordFeedbackAlert/BordFeedbackAlert.d.ts.map +1 -0
- package/dist/components/BordFeedbackAlert/BordFeedbackAlert.stories.d.ts +7 -0
- package/dist/components/BordFeedbackAlert/BordFeedbackAlert.stories.d.ts.map +1 -0
- package/dist/components/BordInfoCard/BordInfoCard.d.ts.map +1 -1
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts +2 -1
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts.map +1 -1
- package/dist/components/BordInfoCard/constants.d.ts +11 -0
- package/dist/components/BordInfoCard/constants.d.ts.map +1 -0
- package/dist/components/BordMetricCard/BordMetricCard.d.ts +11 -4
- package/dist/components/BordMetricCard/BordMetricCard.d.ts.map +1 -1
- package/dist/components/BordMetricCards/BordMetricCards.d.ts +13 -0
- package/dist/components/BordMetricCards/BordMetricCards.d.ts.map +1 -0
- package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.d.ts.map +1 -1
- package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.type.d.ts +8 -6
- package/dist/components/BordTabsGroup/BordTabsGroupWithBadge.type.d.ts.map +1 -1
- package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts +2 -2
- package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts.map +1 -1
- package/dist/hooks/useViewport.d.ts +1 -1
- package/dist/index.d.ts +27 -16
- package/dist/index.esm.js +106 -47
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +106 -47
- package/dist/index.js.map +1 -1
- package/dist/styles/theme/light.d.ts.map +1 -1
- package/package.json +6 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
2
|
import { TSemanticColors } from '../../types/global.types';
|
|
3
3
|
import './BordBadge.scss';
|
|
4
4
|
export interface IBordBadgeProps {
|
|
@@ -8,6 +8,7 @@ export interface IBordBadgeProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
filled?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
restProps?: ComponentProps<'div'>;
|
|
11
12
|
}
|
|
12
13
|
declare const BordBadge: FC<IBordBadgeProps>;
|
|
13
14
|
export default BordBadge;
|
|
@@ -1 +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;
|
|
1
|
+
{"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"}
|
|
@@ -15,7 +15,7 @@ import "./BordButton.scss";
|
|
|
15
15
|
* @prop {boolean} [isLoading=false] - Whether the button is in a loading state or not.
|
|
16
16
|
* @prop {string} [label="Button Text"] - The label of the button.
|
|
17
17
|
* @prop {string} [customHeight="auto"] - The height of the button, can be any valid CSS unit.
|
|
18
|
-
* @prop {"primary" | "secondary" | "tertiary"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary" or "
|
|
18
|
+
* @prop {"primary" | "secondary" | "tertiary" | "danger"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary", "tertiary" or "danger".
|
|
19
19
|
* @prop {"rectangular" | "squared"} [standardPaddingSize="rectangular"] - The padding size of the button.
|
|
20
20
|
* @returns {React.ReactElement} A button component with different styles and loading state.
|
|
21
21
|
*/
|
|
@@ -13,7 +13,7 @@ export interface IBordButton extends ComponentProps<'button'> {
|
|
|
13
13
|
customFontSize?: string;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
isLoading?: boolean;
|
|
16
|
-
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
16
|
+
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
|
|
17
17
|
standardPaddingSize?: 'rectangular' | 'squared';
|
|
18
18
|
buttonIconOneProps?: IbordOneToneIconProps;
|
|
19
19
|
buttonIconTwoProps?: IbordOneToneIconProps;
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -1 +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,
|
|
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,YAyBtD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +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;
|
|
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;AAG7B;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAwBlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +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"}
|
|
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,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
|
|
3
|
+
import './BordFeedbackAlert.scss';
|
|
4
|
+
type TAlertType = 'info' | 'success' | 'warning' | 'error';
|
|
5
|
+
export interface IBordFeedbackAlert {
|
|
6
|
+
type: TAlertType;
|
|
7
|
+
title: string | ReactNode;
|
|
8
|
+
description?: string | ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
iconProps?: IbordOneToneIconProps;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const BordFeedbackAlert: ({ type, title, description, icon, iconProps, className, }: IBordFeedbackAlert) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=BordFeedbackAlert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react/*';
|
|
2
|
+
import { BordFeedbackAlert } from './BordFeedbackAlert';
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof BordFeedbackAlert>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=BordFeedbackAlert.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1 +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;
|
|
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;AAOrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAgOlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -4,7 +4,8 @@ import { IRowFooterProps } from '../BordTrelloRowFooterBadgeList/BordTrelloRowFo
|
|
|
4
4
|
export interface IBordInfoCardItem {
|
|
5
5
|
title?: string;
|
|
6
6
|
icon?: ReactNode;
|
|
7
|
-
label
|
|
7
|
+
label?: string;
|
|
8
|
+
customContentElement?: ReactNode;
|
|
8
9
|
}
|
|
9
10
|
export interface IBordInfoCardHeader {
|
|
10
11
|
icon?: ReactNode;
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IBordButton } from "../BordButton/BordButton.types";
|
|
2
|
+
export declare const DEFAULT_PRIMARY_BUTTON_PROPS_MOBILE: IBordButton;
|
|
3
|
+
export declare const DEFAULT_SECONDARY_BUTTON_PROPS_MOBILE: IBordButton;
|
|
4
|
+
export declare const DEFAULT_TERTIARY_BUTTON_PROPS_MOBILE: IBordButton;
|
|
5
|
+
export declare const DEFAULT_PRIMARY_BUTTON_PROPS_TABLET: IBordButton;
|
|
6
|
+
export declare const DEFAULT_SECONDARY_BUTTON_PROPS_TABLET: IBordButton;
|
|
7
|
+
export declare const DEFAULT_TERTIARY_BUTTON_PROPS_TABLET: IBordButton;
|
|
8
|
+
export declare const DEFAULT_PRIMARY_BUTTON_PROPS_DESKTOP: IBordButton;
|
|
9
|
+
export declare const DEFAULT_SECONDARY_BUTTON_PROPS_DESKTOP: IBordButton;
|
|
10
|
+
export declare const DEFAULT_TERTIARY_BUTTON_PROPS_DESKTOP: IBordButton;
|
|
11
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import './BordMetricCard.scss';
|
|
2
3
|
export type TBordMetricCardSizes = 'lg' | 'sm';
|
|
3
4
|
export interface IBordMetricCardProps {
|
|
4
|
-
title: string;
|
|
5
|
-
value
|
|
5
|
+
title: ReactNode | string;
|
|
6
|
+
value?: number;
|
|
6
7
|
textColor?: string;
|
|
7
|
-
size
|
|
8
|
+
size?: TBordMetricCardSizes;
|
|
9
|
+
titleProps?: {
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
valueProps?: {
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
8
15
|
}
|
|
9
|
-
declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare const BordMetricCard: ({ title, value, textColor, size, titleProps, valueProps, }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
17
|
export default BordMetricCard;
|
|
11
18
|
//# sourceMappingURL=BordMetricCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IBordMetricCardProps } from '../BordMetricCard/BordMetricCard';
|
|
2
|
+
import './BordMetricCards.scss';
|
|
3
|
+
interface IBordMetricCards {
|
|
4
|
+
items?: IBordMetricCardProps[];
|
|
5
|
+
className?: string;
|
|
6
|
+
hightLight?: {
|
|
7
|
+
position?: number;
|
|
8
|
+
color?: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare const BordMetricCards: ({ items, className, hightLight, }: IBordMetricCards) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=BordMetricCards.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1 +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,
|
|
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,IAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA6ClH"}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import { TTabValue } from '../../types/global.types';
|
|
2
|
-
import {
|
|
2
|
+
import { IBordBadgeProps } from '../BordBadge/BordBadge';
|
|
3
|
+
import { IBordTab, TTabSemanticColors } from '../BordTab/BordTab.type';
|
|
3
4
|
export interface ITabItem {
|
|
4
5
|
value?: TTabValue;
|
|
5
6
|
label: string;
|
|
6
7
|
disabled?: boolean;
|
|
7
|
-
badge?:
|
|
8
|
-
label: string;
|
|
9
|
-
filled?: boolean;
|
|
10
|
-
};
|
|
8
|
+
badge?: IBordBadgeProps;
|
|
11
9
|
}
|
|
10
|
+
type TabWithBadge = IBordTab & {
|
|
11
|
+
badge?: IBordBadgeProps;
|
|
12
|
+
};
|
|
12
13
|
export interface IBordTabsGroupProps {
|
|
13
14
|
value?: TTabValue;
|
|
14
15
|
defaultValue?: TTabValue;
|
|
15
|
-
tabs:
|
|
16
|
+
tabs: TabWithBadge[];
|
|
16
17
|
textColor?: TTabSemanticColors;
|
|
17
18
|
onChange?: (value: TTabValue) => void;
|
|
18
19
|
}
|
|
20
|
+
export {};
|
|
19
21
|
//# sourceMappingURL=BordTabsGroupWithBadge.type.d.ts.map
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -9,7 +9,7 @@ type TBadgeItemProps = {
|
|
|
9
9
|
};
|
|
10
10
|
type TBadgeItem = TBadgeItemProps | ReactNode;
|
|
11
11
|
type TTitleProps = {
|
|
12
|
-
icon?:
|
|
12
|
+
icon?: IbordOneToneIconProps;
|
|
13
13
|
text?: string;
|
|
14
14
|
className?: string;
|
|
15
15
|
};
|
|
@@ -18,6 +18,6 @@ export interface IRowFooterProps {
|
|
|
18
18
|
badgeList?: TBadgeItem[];
|
|
19
19
|
children?: ReactNode;
|
|
20
20
|
}
|
|
21
|
-
export declare const BordTrelloRowFooterBadgeList: ({ title,
|
|
21
|
+
export declare const BordTrelloRowFooterBadgeList: ({ title, badgeList, children }: IRowFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
|
23
23
|
//# sourceMappingURL=BordTrelloRowFooterBadgeList.d.ts.map
|
|
@@ -1 +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,
|
|
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,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/index.d.ts
CHANGED
|
@@ -158,7 +158,7 @@ interface IBordButton extends ComponentProps<'button'> {
|
|
|
158
158
|
customFontSize?: string;
|
|
159
159
|
disabled?: boolean;
|
|
160
160
|
isLoading?: boolean;
|
|
161
|
-
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
161
|
+
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
|
|
162
162
|
standardPaddingSize?: 'rectangular' | 'squared';
|
|
163
163
|
buttonIconOneProps?: IbordOneToneIconProps;
|
|
164
164
|
buttonIconTwoProps?: IbordOneToneIconProps;
|
|
@@ -180,7 +180,7 @@ interface IBordButton extends ComponentProps<'button'> {
|
|
|
180
180
|
* @prop {boolean} [isLoading=false] - Whether the button is in a loading state or not.
|
|
181
181
|
* @prop {string} [label="Button Text"] - The label of the button.
|
|
182
182
|
* @prop {string} [customHeight="auto"] - The height of the button, can be any valid CSS unit.
|
|
183
|
-
* @prop {"primary" | "secondary" | "tertiary"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary" or "
|
|
183
|
+
* @prop {"primary" | "secondary" | "tertiary" | "danger"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary", "tertiary" or "danger".
|
|
184
184
|
* @prop {"rectangular" | "squared"} [standardPaddingSize="rectangular"] - The padding size of the button.
|
|
185
185
|
* @returns {React.ReactElement} A button component with different styles and loading state.
|
|
186
186
|
*/
|
|
@@ -218,7 +218,7 @@ type TBadgeItemProps = {
|
|
|
218
218
|
};
|
|
219
219
|
type TBadgeItem = TBadgeItemProps | ReactNode;
|
|
220
220
|
type TTitleProps = {
|
|
221
|
-
icon?:
|
|
221
|
+
icon?: IbordOneToneIconProps;
|
|
222
222
|
text?: string;
|
|
223
223
|
className?: string;
|
|
224
224
|
};
|
|
@@ -231,7 +231,8 @@ interface IRowFooterProps {
|
|
|
231
231
|
interface IBordInfoCardItem {
|
|
232
232
|
title?: string;
|
|
233
233
|
icon?: ReactNode;
|
|
234
|
-
label
|
|
234
|
+
label?: string;
|
|
235
|
+
customContentElement?: ReactNode;
|
|
235
236
|
}
|
|
236
237
|
interface IBordInfoCardHeader {
|
|
237
238
|
icon?: ReactNode;
|
|
@@ -265,12 +266,18 @@ declare const BordInfoCard: (props: IBordInfoCard) => React$1.ReactElement;
|
|
|
265
266
|
|
|
266
267
|
type TBordMetricCardSizes = 'lg' | 'sm';
|
|
267
268
|
interface IBordMetricCardProps {
|
|
268
|
-
title: string;
|
|
269
|
-
value
|
|
269
|
+
title: ReactNode | string;
|
|
270
|
+
value?: number;
|
|
270
271
|
textColor?: string;
|
|
271
|
-
size
|
|
272
|
+
size?: TBordMetricCardSizes;
|
|
273
|
+
titleProps?: {
|
|
274
|
+
className?: string;
|
|
275
|
+
};
|
|
276
|
+
valueProps?: {
|
|
277
|
+
className?: string;
|
|
278
|
+
};
|
|
272
279
|
}
|
|
273
|
-
declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
280
|
+
declare const BordMetricCard: ({ title, value, textColor, size, titleProps, valueProps, }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
274
281
|
|
|
275
282
|
interface IBordTabItem {
|
|
276
283
|
id: string;
|
|
@@ -289,19 +296,23 @@ declare const BordTabBar: ({ tabs, defaultValue, activeTab: externalActiveTab, o
|
|
|
289
296
|
|
|
290
297
|
declare const BordTab: ({ label, className, style, icon, iconPosition, textColor, selected, value, disabled, onClick, }: IBordTab) => react_jsx_runtime.JSX.Element;
|
|
291
298
|
|
|
292
|
-
interface
|
|
293
|
-
|
|
294
|
-
|
|
299
|
+
interface IBordBadgeProps {
|
|
300
|
+
label: ReactNode;
|
|
301
|
+
variant?: 'default' | 'gradient';
|
|
302
|
+
color?: TSemanticColors | 'default';
|
|
303
|
+
className?: string;
|
|
304
|
+
filled?: boolean;
|
|
295
305
|
disabled?: boolean;
|
|
296
|
-
|
|
297
|
-
label: string;
|
|
298
|
-
filled?: boolean;
|
|
299
|
-
};
|
|
306
|
+
restProps?: ComponentProps<'div'>;
|
|
300
307
|
}
|
|
308
|
+
|
|
309
|
+
type TabWithBadge = IBordTab & {
|
|
310
|
+
badge?: IBordBadgeProps;
|
|
311
|
+
};
|
|
301
312
|
interface IBordTabsGroupProps {
|
|
302
313
|
value?: TTabValue;
|
|
303
314
|
defaultValue?: TTabValue;
|
|
304
|
-
tabs:
|
|
315
|
+
tabs: TabWithBadge[];
|
|
305
316
|
textColor?: TTabSemanticColors;
|
|
306
317
|
onChange?: (value: TTabValue) => void;
|
|
307
318
|
}
|