bord-design-system 0.0.2 → 0.0.4
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 +6 -6
- 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 +17 -0
- package/dist/components/BordInfoCard/BordInfoCard.d.ts.map +1 -0
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts +26 -0
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts.map +1 -0
- 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 +18 -0
- package/dist/components/BordMetricCard/BordMetricCard.d.ts.map +1 -0
- package/dist/components/BordMetricCards/BordMetricCards.d.ts +13 -0
- package/dist/components/BordMetricCards/BordMetricCards.d.ts.map +1 -0
- package/dist/components/BordOneToneIcon/BordOneToneIcon.d.ts +1 -1
- package/dist/components/BordOneToneIcon/BordOneToneIcon.d.ts.map +1 -1
- package/dist/components/BordTabBar/BordTabBar.d.ts +16 -0
- package/dist/components/BordTabBar/BordTabBar.d.ts.map +1 -0
- package/dist/components/BordTabs/BordTabs.type.d.ts.map +1 -1
- 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 +6 -5
- package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts.map +1 -1
- package/dist/components/index.d.ts +16 -10
- package/dist/components/index.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useViewport.d.ts +46 -0
- package/dist/hooks/useViewport.d.ts.map +1 -0
- package/dist/index.d.ts +148 -14
- package/dist/index.esm.js +723 -15
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +727 -13
- package/dist/index.js.map +1 -1
- package/dist/styles/theme/light.d.ts.map +1 -1
- package/dist/utils/setOpacityToHex.d.ts +1 -1
- package/dist/utils/setOpacityToHex.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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
|
*/
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { TformComponentsStandardSizes } from '../../types/global.types';
|
|
3
|
+
import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
|
|
3
4
|
import { TbordOneToneIcon } from '../BordOneToneIcon/BordOneToneIcon.types';
|
|
4
5
|
type THeight = 'auto' | '42';
|
|
5
6
|
export interface IBordButton extends ComponentProps<'button'> {
|
|
6
7
|
label?: string;
|
|
7
8
|
formId?: string;
|
|
8
9
|
customClassName?: string;
|
|
9
|
-
buttonIconOne?: TbordOneToneIcon;
|
|
10
|
-
buttonIconTwo?: TbordOneToneIcon;
|
|
11
10
|
customWidth?: TformComponentsStandardSizes;
|
|
12
11
|
customHeight?: THeight;
|
|
13
12
|
bordButtonStyle?: 'filled' | 'outlined';
|
|
14
13
|
customFontSize?: string;
|
|
15
14
|
disabled?: boolean;
|
|
16
15
|
isLoading?: boolean;
|
|
17
|
-
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
18
|
-
standardSizeIcon?: 12 | 14 | 16 | 20 | 24 | 32;
|
|
16
|
+
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
|
|
19
17
|
standardPaddingSize?: 'rectangular' | 'squared';
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
buttonIconOneProps?: IbordOneToneIconProps;
|
|
19
|
+
buttonIconTwoProps?: IbordOneToneIconProps;
|
|
20
|
+
buttonIconOne?: TbordOneToneIcon;
|
|
21
|
+
buttonIconTwo?: TbordOneToneIcon;
|
|
22
22
|
}
|
|
23
23
|
export {};
|
|
24
24
|
//# sourceMappingURL=BordButton.types.d.ts.map
|
|
@@ -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,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,
|
|
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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IBordInfoCard } from "./BordInfoCard.types";
|
|
3
|
+
import "./BordInfoCard.scss";
|
|
4
|
+
/**
|
|
5
|
+
* @description A card component that displays information in a horizontal layout (desktop): Header | Items (horizontal row) | Buttons.
|
|
6
|
+
* @prop {IBordInfoCardHeader} [header] - Optional header with icon, title, subtitle, and description (left section).
|
|
7
|
+
* @prop {IBordInfoCardItem[]} [items] - Optional array of items to display in a horizontal row (center section, desktop) or grid (tablet/mobile).
|
|
8
|
+
* @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [primaryButton] - Optional primary button (filled style, right section).
|
|
9
|
+
* @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [secondaryButton] - Optional secondary button (outlined style, right section).
|
|
10
|
+
* @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton' | 'label'>} [menuButton] - Optional menu button (icon only, right section).
|
|
11
|
+
* @prop {"success" | "danger"} [variant="success"] - The color variant of the card.
|
|
12
|
+
* @prop {string} [customClassName=""] - Add a custom class to the component.
|
|
13
|
+
* @returns {React.ReactElement} An info card component.
|
|
14
|
+
*/
|
|
15
|
+
declare const BordInfoCard: (props: IBordInfoCard) => React.ReactElement;
|
|
16
|
+
export default BordInfoCard;
|
|
17
|
+
//# sourceMappingURL=BordInfoCard.d.ts.map
|
|
@@ -0,0 +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;AAOrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAgOlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { IBordButton } from '../BordButton/BordButton.types';
|
|
3
|
+
import { IRowFooterProps } from '../BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList';
|
|
4
|
+
export interface IBordInfoCardItem {
|
|
5
|
+
title?: string;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
label?: string;
|
|
8
|
+
customContentElement?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface IBordInfoCardHeader {
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
title?: string;
|
|
13
|
+
subtitle?: string;
|
|
14
|
+
description?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface IBordInfoCard extends ComponentProps<'div'> {
|
|
17
|
+
header?: IBordInfoCardHeader;
|
|
18
|
+
items?: IBordInfoCardItem[];
|
|
19
|
+
primaryButtonProps?: IBordButton;
|
|
20
|
+
secondaryButtonProps?: IBordButton;
|
|
21
|
+
tertiaryButtonProps?: IBordButton;
|
|
22
|
+
variant?: 'success' | 'danger';
|
|
23
|
+
customClassName?: string;
|
|
24
|
+
bordTrelloRowFooterBadgeListProps?: IRowFooterProps;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=BordInfoCard.types.d.ts.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import './BordMetricCard.scss';
|
|
3
|
+
export type TBordMetricCardSizes = 'lg' | 'sm';
|
|
4
|
+
export interface IBordMetricCardProps {
|
|
5
|
+
title: ReactNode | string;
|
|
6
|
+
value?: number;
|
|
7
|
+
textColor?: string;
|
|
8
|
+
size?: TBordMetricCardSizes;
|
|
9
|
+
titleProps?: {
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
valueProps?: {
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
declare const BordMetricCard: ({ title, value, textColor, size, titleProps, valueProps, }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default BordMetricCard;
|
|
18
|
+
//# sourceMappingURL=BordMetricCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -4,7 +4,7 @@ declare const BordOneToneIcon: ({ variant, standardSize, customWidth, style, ...
|
|
|
4
4
|
export default BordOneToneIcon;
|
|
5
5
|
export interface IbordOneToneIconProps extends ComponentProps<'svg'> {
|
|
6
6
|
variant: TbordOneToneIcon;
|
|
7
|
-
standardSize?: 12 | 14 | 16 | 20 | 24 | 32;
|
|
7
|
+
standardSize?: 12 | 14 | 16 | 18 | 20 | 24 | 32;
|
|
8
8
|
customWidth?: string;
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=BordOneToneIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordOneToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordOneToneIcon/BordOneToneIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,QAAA,MAAM,eAAe,2DAMlB,qBAAqB,4CAWvB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"BordOneToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordOneToneIcon/BordOneToneIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,QAAA,MAAM,eAAe,2DAMlB,qBAAqB,4CAWvB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import './BordTabBar.scss';
|
|
2
|
+
export interface IBordTabItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IBordTabBarProps {
|
|
7
|
+
tabs: IBordTabItem[];
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
activeTab?: string;
|
|
10
|
+
onChange?: (id: string) => void;
|
|
11
|
+
containerClassName?: string;
|
|
12
|
+
buttonClassName?: string;
|
|
13
|
+
activeTabClassName?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const BordTabBar: ({ tabs, defaultValue, activeTab: externalActiveTab, onChange, containerClassName, buttonClassName, activeTabClassName, }: IBordTabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=BordTabBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BordTabBar.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabBar/BordTabBar.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,6HAQpB,gBAAgB,4CAoClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordTabs.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabs/BordTabs.type.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BordTabs.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabs/BordTabs.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}
|
|
@@ -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"}
|
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
|
|
2
3
|
import './BordTrelloRowFooterBadgeList.scss';
|
|
3
4
|
type TBadgeItemProps = {
|
|
4
|
-
icon?:
|
|
5
|
+
icon?: IbordOneToneIconProps;
|
|
5
6
|
text?: string;
|
|
6
7
|
title?: string;
|
|
7
8
|
className?: string;
|
|
8
9
|
};
|
|
9
10
|
type TBadgeItem = TBadgeItemProps | ReactNode;
|
|
10
11
|
type TTitleProps = {
|
|
11
|
-
icon?:
|
|
12
|
+
icon?: IbordOneToneIconProps;
|
|
12
13
|
text?: string;
|
|
13
14
|
className?: string;
|
|
14
15
|
};
|
|
15
|
-
interface IRowFooterProps {
|
|
16
|
-
title
|
|
16
|
+
export interface IRowFooterProps {
|
|
17
|
+
title?: ReactNode | TTitleProps;
|
|
17
18
|
badgeList?: TBadgeItem[];
|
|
18
19
|
children?: ReactNode;
|
|
19
20
|
}
|
|
20
|
-
export declare const BordTrelloRowFooterBadgeList: ({ title,
|
|
21
|
+
export declare const BordTrelloRowFooterBadgeList: ({ title, badgeList, children }: IRowFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export {};
|
|
22
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;
|
|
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"}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
|
-
import BordAvatar from
|
|
2
|
-
import BordFlag from
|
|
3
|
-
import BordOneToneIcon from
|
|
4
|
-
import BordTextInput from
|
|
5
|
-
import BordTwoToneIcon from
|
|
6
|
-
import BordBackButton from
|
|
7
|
-
import BordAttentionButton from
|
|
8
|
-
import BordInfoBanner from
|
|
9
|
-
import BordButton from
|
|
10
|
-
|
|
1
|
+
import BordAvatar from './BordAvatar/BordAvatar';
|
|
2
|
+
import BordFlag from './BordFlag/BordFlag';
|
|
3
|
+
import BordOneToneIcon from './BordOneToneIcon/BordOneToneIcon';
|
|
4
|
+
import BordTextInput from './BordTextInput/BordTextInput';
|
|
5
|
+
import BordTwoToneIcon from './BordTwoToneIcon/BordTwoToneIcon';
|
|
6
|
+
import BordBackButton from './BordBackButton/BordBackButton';
|
|
7
|
+
import BordAttentionButton from './BordAttentionButton/BordAttentionButton';
|
|
8
|
+
import BordInfoBanner from './BordInfoBanner/BordInfoBanner';
|
|
9
|
+
import BordButton from './BordButton/BordButton';
|
|
10
|
+
import { BordTabs } from './BordTabs/BordTabs';
|
|
11
|
+
import BordInfoCard from './BordInfoCard/BordInfoCard';
|
|
12
|
+
import BordMetricCard from './BordMetricCard/BordMetricCard';
|
|
13
|
+
import { BordTabBar } from './BordTabBar/BordTabBar';
|
|
14
|
+
import { BordTab } from './BordTab/BordTab';
|
|
15
|
+
import { BordTabsGroupWithBadge } from './BordTabsGroup/BordTabsGroupWithBadge';
|
|
16
|
+
export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, };
|
|
11
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,UAAU,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EACL,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,sBAAsB,GACvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Breakpoints basados en Tailwind
|
|
3
|
+
* xs: 400px
|
|
4
|
+
* sm: 640px
|
|
5
|
+
* md: 768px
|
|
6
|
+
* lg: 1024px
|
|
7
|
+
* xl: 1440px
|
|
8
|
+
* 2xl: 1920px
|
|
9
|
+
*/
|
|
10
|
+
declare const BREAKPOINTS: {
|
|
11
|
+
readonly xs: 400;
|
|
12
|
+
readonly sm: 640;
|
|
13
|
+
readonly md: 768;
|
|
14
|
+
readonly lg: 1100;
|
|
15
|
+
readonly xl: 1440;
|
|
16
|
+
readonly "2xl": 1920;
|
|
17
|
+
};
|
|
18
|
+
export type Breakpoint = keyof typeof BREAKPOINTS;
|
|
19
|
+
export interface ViewportInfo {
|
|
20
|
+
width: number;
|
|
21
|
+
height: number;
|
|
22
|
+
isMobile: boolean;
|
|
23
|
+
isTablet: boolean;
|
|
24
|
+
isDesktop: boolean;
|
|
25
|
+
isXs: boolean;
|
|
26
|
+
isSm: boolean;
|
|
27
|
+
isMd: boolean;
|
|
28
|
+
isLg: boolean;
|
|
29
|
+
isXl: boolean;
|
|
30
|
+
is2Xl: boolean;
|
|
31
|
+
breakpoint: Breakpoint | "base";
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Custom hook para detectar el tamaño del viewport y breakpoints de Tailwind
|
|
35
|
+
* @returns {ViewportInfo} Información sobre el viewport actual
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* const { isMobile, isTablet, isDesktop, width, breakpoint } = useViewport();
|
|
39
|
+
*
|
|
40
|
+
* if (isMobile) {
|
|
41
|
+
* // Renderizar versión mobile
|
|
42
|
+
* }
|
|
43
|
+
*/
|
|
44
|
+
export default function useViewport(): ViewportInfo;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=useViewport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useViewport.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewport.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW;;;;;;;CAOP,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC;CACjC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,YAAY,CAuBlD"}
|