bord-design-system 0.0.11 → 0.0.13
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/BordEmptyState/BordEmptyState.d.ts.map +1 -1
- package/dist/components/BordEmptyState/BordEmptyState.types.d.ts +1 -0
- package/dist/components/BordEmptyState/BordEmptyState.types.d.ts.map +1 -1
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts +1 -1
- package/dist/components/BordInfoCard/BordInfoCard.types.d.ts.map +1 -1
- package/dist/components/BordMetricCard/BordMetricCard.d.ts +2 -1
- package/dist/components/BordMetricCard/BordMetricCard.d.ts.map +1 -1
- package/dist/components/index.d.ts +31 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.d.ts +314 -29
- package/dist/index.esm.js +966 -83
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +995 -82
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +966 -83
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -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;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAExF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,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;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAExF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;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,GAAG,UAAU,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC,CAAC,EAAE,eAAe,CAAC;IACpD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C"}
|
|
@@ -19,7 +19,8 @@ export interface IBordMetricCardProps {
|
|
|
19
19
|
className?: string;
|
|
20
20
|
};
|
|
21
21
|
isConcatenatedSecondary?: boolean;
|
|
22
|
+
customClassName?: string;
|
|
22
23
|
}
|
|
23
|
-
declare const BordMetricCard: ({ title, value, subvalue, description, icon, textColor, colorVariant, size, titleProps, valueProps, isConcatenatedSecondary, }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare const BordMetricCard: ({ title, value, subvalue, description, icon, textColor, colorVariant, size, titleProps, valueProps, isConcatenatedSecondary, customClassName, }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
25
|
export default BordMetricCard;
|
|
25
26
|
//# sourceMappingURL=BordMetricCard.d.ts.map
|
|
@@ -1 +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,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,SAAS,CAAC;AAoD9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,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;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;
|
|
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,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,SAAS,CAAC;AAoD9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,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;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,oJAajB,oBAAoB,4CAsEtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -30,7 +30,37 @@ import { ThemeProvider } from '../provider/themeProvider';
|
|
|
30
30
|
import BordSwitch from './BordSwitch/BordSwitch';
|
|
31
31
|
import BordSelect from './BordSelect/BordSelect';
|
|
32
32
|
import BordUploaderButton from './BordUploaderButton/BordUploaderButton';
|
|
33
|
+
import BordActionButton from './BordActionButton/BordActionButton';
|
|
34
|
+
import BordBreadCrumb from './BordBreadCrumb/BordBreadCrumb';
|
|
35
|
+
import BordCellCard from './BordCellCard/BordCellCard';
|
|
36
|
+
import BordCheckBox from './BordCheckBox/BordCheckBox';
|
|
37
|
+
import BordDatePicker from './BordDatePicker/BordDatePicker';
|
|
38
|
+
import BordDropdown from './BordDropdown/BordDropdown';
|
|
39
|
+
import { BordFeedbackAlert } from './BordFeedbackAlert/BordFeedbackAlert';
|
|
40
|
+
import BordFiltersExpandableSelect from './BordFiltersExpandableSelect/BordFiltersExpandableSelect';
|
|
41
|
+
import BordGlass from './BordGlass/BordGlass';
|
|
42
|
+
import BordLogo from './BordLogo/BordLogo';
|
|
43
|
+
import BordMarketplaceButton from './BordMarketplaceButton/BordMarketplaceButton';
|
|
44
|
+
import BordMentions from './BordMentions/BordMentions';
|
|
45
|
+
import BordNotificationIcon from './BordNotificationIcon/BordNotificationIcon';
|
|
46
|
+
import BordPasswordInput from './BordPaswordInput/BordPasswordInput';
|
|
47
|
+
import BordPhoto from './BordPhoto/BordPhoto';
|
|
48
|
+
import BordProfileSummary from './BordProfileSummary/BordProfileSummary';
|
|
49
|
+
import BordRadioButton from './BordRadioButton/BordRadioButton';
|
|
50
|
+
import BordScrollBar from './BordScrollBar/BordScrollBar';
|
|
51
|
+
import BordSidebar from './BordSidebar/BordSidebar';
|
|
52
|
+
import BordSidebarButton from './BordSidebarButton/BordSidebarButton';
|
|
53
|
+
import BordSidebarWithFilters from './BordSidebarWithFilters/BordSidebarWithFilters';
|
|
54
|
+
import BordStatus from './BordStatus/BordStatus';
|
|
55
|
+
import BordStepper from './BordStepper/BordStepper';
|
|
56
|
+
import BordTag from './BordTag/BordTag';
|
|
57
|
+
import BordTags from './BordTags/BordTags';
|
|
58
|
+
import BordTextArea from './BordTextArea/BordTextArea';
|
|
59
|
+
import BordTextButton from './BordTextButton/BordTextButton';
|
|
60
|
+
import BordToolModelMarker from './BordToolModelMarker/BordToolModelMarker';
|
|
61
|
+
import BordToolsPhotos from './BordToolsPhotos/BordToolsPhotos';
|
|
62
|
+
import { BordTrelloRowFooterBadgeList } from './BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList';
|
|
33
63
|
import '../styles/index.scss';
|
|
34
64
|
export * from '../types/components.types';
|
|
35
|
-
export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, BordFloatDropdown, BordFilters, BordSearchBar, BordModal, ModalContent, BordIlustrationIcon, BordToast, BordTooltip, BordMetricCards, BordSortSelect, BordBadge, BordGenericSelect, BordEmptyState, ThemeProvider, BordSwitch, BordSelect, BordUploaderButton, };
|
|
65
|
+
export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, BordFloatDropdown, BordFilters, BordSearchBar, BordModal, ModalContent, BordIlustrationIcon, BordToast, BordTooltip, BordMetricCards, BordSortSelect, BordBadge, BordGenericSelect, BordEmptyState, ThemeProvider, BordSwitch, BordSelect, BordUploaderButton, BordActionButton, BordBreadCrumb, BordCellCard, BordCheckBox, BordDatePicker, BordDropdown, BordFeedbackAlert, BordFiltersExpandableSelect, BordGlass, BordLogo, BordMarketplaceButton, BordMentions, BordNotificationIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordRadioButton, BordScrollBar, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordStatus, BordStepper, BordTag, BordTags, BordTextArea, BordTextButton, BordToolModelMarker, BordToolsPhotos, BordTrelloRowFooterBadgeList, };
|
|
36
66
|
//# 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;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;AAChF,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentProps, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import React__default, { ComponentProps, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
4
4
|
|
|
5
5
|
declare enum BORD_AVATARS {
|
|
6
6
|
'circularFigma' = "circularFigma",
|
|
@@ -828,6 +828,7 @@ interface IRowFooterProps {
|
|
|
828
828
|
badgeList?: TBadgeItem[];
|
|
829
829
|
children?: ReactNode;
|
|
830
830
|
}
|
|
831
|
+
declare const BordTrelloRowFooterBadgeList: ({ title, badgeList, children }: IRowFooterProps) => react_jsx_runtime.JSX.Element;
|
|
831
832
|
|
|
832
833
|
interface IBordFloatDropdownOption {
|
|
833
834
|
iconProps?: Omit<IbordOneToneIconProps, 'variant'> & {
|
|
@@ -861,7 +862,7 @@ interface IBordInfoCardItem {
|
|
|
861
862
|
}
|
|
862
863
|
interface IBordInfoCardHeader {
|
|
863
864
|
icon?: ReactNode;
|
|
864
|
-
title?: string;
|
|
865
|
+
title?: string | ReactNode;
|
|
865
866
|
subtitle?: string;
|
|
866
867
|
description?: string | ReactNode;
|
|
867
868
|
}
|
|
@@ -908,8 +909,9 @@ interface IBordMetricCardProps {
|
|
|
908
909
|
className?: string;
|
|
909
910
|
};
|
|
910
911
|
isConcatenatedSecondary?: boolean;
|
|
912
|
+
customClassName?: string;
|
|
911
913
|
}
|
|
912
|
-
declare const BordMetricCard: ({ title, value, subvalue, description, icon, textColor, colorVariant, size, titleProps, valueProps, isConcatenatedSecondary, }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
914
|
+
declare const BordMetricCard: ({ title, value, subvalue, description, icon, textColor, colorVariant, size, titleProps, valueProps, isConcatenatedSecondary, customClassName, }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
|
|
913
915
|
|
|
914
916
|
interface IBordTabItem {
|
|
915
917
|
id: string;
|
|
@@ -1255,6 +1257,7 @@ interface IBordEmptyStateProps {
|
|
|
1255
1257
|
buttonOneProps?: IBordButton;
|
|
1256
1258
|
buttonTwoProps?: IBordButton;
|
|
1257
1259
|
customClassNameSubTitle?: string;
|
|
1260
|
+
customClassNameTitle?: string;
|
|
1258
1261
|
}
|
|
1259
1262
|
|
|
1260
1263
|
declare const BordEmptyState: FC<IBordEmptyStateProps>;
|
|
@@ -1358,41 +1361,33 @@ interface IBordUploaderButton {
|
|
|
1358
1361
|
|
|
1359
1362
|
declare const BordUploaderButton: FC<IBordUploaderButton>;
|
|
1360
1363
|
|
|
1364
|
+
interface IBordActionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1365
|
+
variant: TbordOneToneIcon;
|
|
1366
|
+
subTitle: string;
|
|
1367
|
+
title: string;
|
|
1368
|
+
}
|
|
1369
|
+
|
|
1370
|
+
declare const BordActionButton: FC<IBordActionButtonProps>;
|
|
1371
|
+
|
|
1361
1372
|
interface IBordBreadCrumbProps {
|
|
1362
1373
|
headerNavigationSubtitle: string;
|
|
1363
1374
|
headerNavigationTitle: string;
|
|
1364
1375
|
}
|
|
1365
1376
|
|
|
1377
|
+
declare const BordBreadCrumb: ({ headerNavigationTitle: title, headerNavigationSubtitle: subtitle, }: IBordBreadCrumbProps) => JSX.Element;
|
|
1378
|
+
|
|
1366
1379
|
interface IBordCellCard extends ComponentProps<'div'> {
|
|
1367
1380
|
children: ReactNode;
|
|
1368
1381
|
customClassName?: string;
|
|
1369
1382
|
}
|
|
1370
1383
|
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
interface IBordCellItem extends ComponentProps<'div'> {
|
|
1380
|
-
title?: string;
|
|
1381
|
-
icon?: ReactNode;
|
|
1382
|
-
label: ReactNode;
|
|
1383
|
-
customContentElement?: ReactNode;
|
|
1384
|
-
customClassName?: string;
|
|
1385
|
-
}
|
|
1386
|
-
|
|
1387
|
-
interface IBordCellItemData {
|
|
1388
|
-
title?: string;
|
|
1389
|
-
icon?: ReactNode;
|
|
1390
|
-
label: string;
|
|
1391
|
-
}
|
|
1392
|
-
interface IBordGroupCellItem extends ComponentProps<'div'> {
|
|
1393
|
-
items: IBordCellItemData[];
|
|
1394
|
-
customClassName?: string;
|
|
1395
|
-
}
|
|
1384
|
+
/**
|
|
1385
|
+
* @description A card container component for cell items.
|
|
1386
|
+
* @prop {ReactNode} children - The cell items or groups to display.
|
|
1387
|
+
* @prop {string} [customClassName=""] - Add a custom class to the component.
|
|
1388
|
+
* @returns {React.ReactElement} A cell card component.
|
|
1389
|
+
*/
|
|
1390
|
+
declare const BordCellCard: (props: IBordCellCard) => React$1.ReactElement;
|
|
1396
1391
|
|
|
1397
1392
|
interface IBordCheckBoxSvgProps extends ComponentProps<"svg"> {
|
|
1398
1393
|
size?: 16 | 20 | 32 | 48 | 64 | 80 | 320;
|
|
@@ -1423,6 +1418,19 @@ interface IBordCheckBoxProps extends ComponentProps<"div"> {
|
|
|
1423
1418
|
handleClickButton?: () => void;
|
|
1424
1419
|
}
|
|
1425
1420
|
|
|
1421
|
+
/**
|
|
1422
|
+
* BordCheckBox component
|
|
1423
|
+
*
|
|
1424
|
+
* @param {IBordCheckBoxProps} props - Props for the component
|
|
1425
|
+
* @param {string} [props.label] - The label of the checkbox
|
|
1426
|
+
* @param {boolean} [props.isButtonActive] - Is the button active or not?
|
|
1427
|
+
* @param {boolean} [props.isButtonDisabled] - Is the button disabled or not?
|
|
1428
|
+
* @param {() => void} [props.handleClickButton] - A callback function to run when the button is clicked
|
|
1429
|
+
* @param {string} [props.customSize] - Custom size of the checkbox
|
|
1430
|
+
* @returns {JSX.Element} A JSX element representing the checkbox component
|
|
1431
|
+
*/
|
|
1432
|
+
declare const BordCheckBox: ({ label, isButtonActive, isButtonDisabled, handleClickButton, customSize, labelProps, }: IBordCheckBoxProps) => react_jsx_runtime.JSX.Element;
|
|
1433
|
+
|
|
1426
1434
|
interface IBordDatePickerProps {
|
|
1427
1435
|
updateCurrentValueCallback: (inputText: string) => void;
|
|
1428
1436
|
isFilled: boolean;
|
|
@@ -1437,6 +1445,97 @@ interface IBordDatePickerProps {
|
|
|
1437
1445
|
handleFocus?: () => void;
|
|
1438
1446
|
}
|
|
1439
1447
|
|
|
1448
|
+
declare const BordDatePicker: ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth, }: IBordDatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
1449
|
+
|
|
1450
|
+
type TcomponentSize = "xsSmall" | "extraSmall-74" | "extraSmall" | "small" | "small-184" | "medium" | "large" | "extraLarge" | "w256" | "w368" | "w-380" | "w-280" | "w-180" | "w-80";
|
|
1451
|
+
interface IBordDropdown<T> {
|
|
1452
|
+
label?: string;
|
|
1453
|
+
caption?: string;
|
|
1454
|
+
isFilled?: boolean;
|
|
1455
|
+
errorText?: string;
|
|
1456
|
+
isFocused?: boolean;
|
|
1457
|
+
customIcon?: JSX.Element;
|
|
1458
|
+
rawOptions: T[];
|
|
1459
|
+
customLabel?: string;
|
|
1460
|
+
openDropdown?: boolean;
|
|
1461
|
+
currentValue?: T;
|
|
1462
|
+
isDeactivated?: boolean;
|
|
1463
|
+
hideErrorText?: boolean;
|
|
1464
|
+
componentSize?: TcomponentSize;
|
|
1465
|
+
dropdownStyles?: {
|
|
1466
|
+
[key: string]: string;
|
|
1467
|
+
};
|
|
1468
|
+
componentStyles?: {
|
|
1469
|
+
[key: string]: string;
|
|
1470
|
+
};
|
|
1471
|
+
customClassname?: string;
|
|
1472
|
+
customInputClass?: string;
|
|
1473
|
+
customPlaceholder?: string;
|
|
1474
|
+
alternativeStyling?: "matchingBackground";
|
|
1475
|
+
showSkeletonLoader?: boolean;
|
|
1476
|
+
closesOnClickOutside?: boolean;
|
|
1477
|
+
includeMagnifierIcon?: boolean;
|
|
1478
|
+
closesOnChangeSelection?: boolean;
|
|
1479
|
+
dropdownOptionsListStyles?: {
|
|
1480
|
+
[key: string]: string;
|
|
1481
|
+
};
|
|
1482
|
+
formDropdownOptionsCallback: (rawOptions: T[], clickOptionCallback?: (option: T) => void, searchString?: string) => JSX.Element[];
|
|
1483
|
+
formSelectedOptionUICallback: (rawSelectedOption: T) => JSX.Element;
|
|
1484
|
+
filterBySearchStringCallback: (search: string, rawOptions: T[]) => T[];
|
|
1485
|
+
dropdownCloseCallback?: (...args: (number | string)[]) => void;
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
/**
|
|
1489
|
+
* IMPORTANT: if the styles of the implementation you are going to make of this component differs significantly from the design system options, DONT MODIFY THIS COMPONENT, use the customClassname, componentStyles, dropdownStyles, dropdownOptionsListStyles properties to customized it.
|
|
1490
|
+
* IMPORTANT: for the formDropdownOptionsCallback each of the returned options in the returned array should have the className "optionContainer" to inherit the default styles for the options UI.
|
|
1491
|
+
* IMPORTANT: for the formDropdownOptionsCallback each of the returned options should include as the onClick prop the logic to select the option, ie updated the current option with the newly selected value
|
|
1492
|
+
* @property {T[]} rawOptions : Optional, an array of all the possible values from which select. The type of the elements in the array must be the same for all, but can be anything required by the instance of this component. This type is the same one expected in the formDropdownOptionsCallback and filterBySearchStringCallback
|
|
1493
|
+
* @property { (rawOptions: T[], clickOptionCallback: (option: T) => void) => JSX.Element[], searchString?: string } formDropdownOptionsCallback : a function that maps the rawOptions array to an array of JSX.Element that will be displayed as the options for dropdown
|
|
1494
|
+
* @property { (rawSelectedOption: T) => JSX.Element } formSelectedOptionUICallback : a function that forms the UI to show when the dropdown is closed starting from the raw value of the selected option
|
|
1495
|
+
* @property { (search: string, rawOptions: T[]) => T[] } filterBySearchStringCallback : a function that implements the filtering logic using the search string of the dropdown. Must return an array of elements with the same type used in the elements of the rawOptions property, or an empty array if no results are found.
|
|
1496
|
+
* @property { (...args: (number | string)[]) => void } dropdownCloseCallback : a function callback to execute upon closing the dropdown
|
|
1497
|
+
* @property { T } currentValue : the current selected value, it is this value that updates upon clicking on an option in the dropdown. Must be of the same type used for the elements of the rawOptions array
|
|
1498
|
+
* @property {string} componentSize : Optional, one of the standard sizes for the components, corresponding to one of the following words: "extra-small", "small", "medium" or "large". If no value is passed the component will have the width of its parent container.
|
|
1499
|
+
* @property {string} customClassname : Optional, a string classname to provide customizing styles.
|
|
1500
|
+
* @property {string} customPlaceholder : Optional, the desired text when the dropdown is closed and no option has been selected yet. Default is the text "Elige una opción"
|
|
1501
|
+
* @property {boolean} isFilled : Optional, a boolean indicating if the dropdown component must have filled styles or not.
|
|
1502
|
+
* @property {boolean} isFocused : Optional, a boolean indicating if the dropdown component must show the focused styles or not.
|
|
1503
|
+
* @property {boolean} includeMagnifierIcon : Optional, a boolean indicating if the dropdown component should have a magnifier icon on the left or not. DEFAULT is true
|
|
1504
|
+
* @property {JSX.Element} customIcon : Optional, a custom icon to show on the dropdown closed UI, if this is passed it replaces the magnifier ico
|
|
1505
|
+
* @property {string} label : Optional, a label for the select input.
|
|
1506
|
+
* @property {string} caption : Optional, a caption to shown at the components bottom.
|
|
1507
|
+
* @property {string} errorText : Optional, the text to be shown if theres an error with the component or its current selected value. If an error is passed the style of the component will change to reflect that.
|
|
1508
|
+
* @property {boolean} showSkeletonLoader - Optional,a boolean indicating if the component is loading and therefore the skeleton loader is to be shown. Default is false.
|
|
1509
|
+
* @property {boolean} isDeactivated : Optional, boolean indicating if the dropdown input is deactivated. If a value is provided the input will behave as a read only field and styles will be accordingly.
|
|
1510
|
+
* @property {{[key:string]: string}} componentStyles : an object with valid styles to be used as the value for the style property of the parent component. Use it to customized the NudosSearchbarDropdown component.
|
|
1511
|
+
* @property {{[key:string]: string}} dropdownStyles : an object with valid styles to be used as the value for the style property of the open dropdown section. Use it to customized the NudosSearchbarDropdown component.
|
|
1512
|
+
* @property {{[key:string]: string}} dropdownOptionsListStyles : an object with valid styles to be used as the value for the style property of the dropdown options list. Use it to customized the NudosSearchbarDropdown component.
|
|
1513
|
+
* @property {boolean} closesOnClickOutside : Optional, a boolean indicating if the dropdown closes when clicked outside. If no value is pause the default is true, with the select value being updated to the default.
|
|
1514
|
+
* @property {boolean} closesOnChangeSelection : Optional, a boolean indicating if the dropdown closes when the selected option(s) change. If no value is pause the default is true.
|
|
1515
|
+
* @property {string} hideErrorText : Optional, if the dropdown is part of another component that shows an error text, used this boolean to prevent from repeating the error text.
|
|
1516
|
+
*/
|
|
1517
|
+
declare const BordDropdown: <T>({ label, caption, isFilled, errorText, isFocused, rawOptions, customIcon, customLabel, openDropdown, currentValue, hideErrorText, componentSize, isDeactivated, dropdownStyles, componentStyles, customClassname, customInputClass, customPlaceholder, alternativeStyling, showSkeletonLoader, includeMagnifierIcon, closesOnClickOutside, closesOnChangeSelection, dropdownOptionsListStyles, dropdownCloseCallback, formDropdownOptionsCallback, formSelectedOptionUICallback, filterBySearchStringCallback, }: IBordDropdown<T>) => react_jsx_runtime.JSX.Element;
|
|
1518
|
+
|
|
1519
|
+
type TAlertType = 'info' | 'success' | 'warning' | 'error';
|
|
1520
|
+
interface IBordFeedbackAlert {
|
|
1521
|
+
type: TAlertType;
|
|
1522
|
+
title: string | ReactNode;
|
|
1523
|
+
description?: string | ReactNode;
|
|
1524
|
+
icon?: ReactNode;
|
|
1525
|
+
iconProps?: IbordOneToneIconProps;
|
|
1526
|
+
className?: string;
|
|
1527
|
+
}
|
|
1528
|
+
declare const BordFeedbackAlert: ({ type, title, description, icon, iconProps, className, }: IBordFeedbackAlert) => react_jsx_runtime.JSX.Element;
|
|
1529
|
+
|
|
1530
|
+
declare const BordFiltersExpandableSelect: ({ filterTitle, openSelectStatus, openSelectFunction, rawSelectOptions, handleChangeSelectedOption, isFilterActive, searchPlaceholder, }: IBordFiltersExpandableSelect) => react_jsx_runtime.JSX.Element;
|
|
1531
|
+
|
|
1532
|
+
interface IBordGlassProps extends HTMLAttributes<HTMLDivElement> {
|
|
1533
|
+
children?: ReactElement;
|
|
1534
|
+
customClassName: string;
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
declare const BordGlass: FC<IBordGlassProps>;
|
|
1538
|
+
|
|
1440
1539
|
interface IBordLogoProps extends ComponentProps<"svg"> {
|
|
1441
1540
|
standardSize?: 20 | 32 | 48 | 64 | 80 | 320;
|
|
1442
1541
|
customWidth?: string;
|
|
@@ -1444,11 +1543,53 @@ interface IBordLogoProps extends ComponentProps<"svg"> {
|
|
|
1444
1543
|
colorDot?: string;
|
|
1445
1544
|
}
|
|
1446
1545
|
|
|
1546
|
+
/**
|
|
1547
|
+
* BordLogo component
|
|
1548
|
+
*
|
|
1549
|
+
* @example
|
|
1550
|
+
* <BordLogo />
|
|
1551
|
+
*
|
|
1552
|
+
* @param {Object} props Component props
|
|
1553
|
+
* @param {number} [props.standardSize=48] Standard logo size in pixels
|
|
1554
|
+
* @param {string} [props.customWidth] Custom logo width
|
|
1555
|
+
* @param {string} [props.colorLetters=#fff] Color of the letters
|
|
1556
|
+
* @param {string} [props.colorDot=#FF6175] Color of the dot
|
|
1557
|
+
*/
|
|
1558
|
+
declare const BordLogo: ({ standardSize, customWidth, colorLetters, colorDot, }: IBordLogoProps) => react_jsx_runtime.JSX.Element;
|
|
1559
|
+
|
|
1447
1560
|
interface IBordMarketplaceButtonProps extends ComponentProps<"button"> {
|
|
1448
1561
|
buttonText: string;
|
|
1449
1562
|
buttonColor: 'light' | 'dark';
|
|
1450
1563
|
}
|
|
1451
1564
|
|
|
1565
|
+
/**
|
|
1566
|
+
* @param {Object} props - The properties object.
|
|
1567
|
+
* @param {string} props.buttonColor - The color of the button, applied as a CSS class.
|
|
1568
|
+
* @param {string} props.buttonText - The text to display inside the button.
|
|
1569
|
+
* @param {function} props.onClick - The function to call when the button is clicked.
|
|
1570
|
+
* @returns {JSX.Element} The rendered button component.
|
|
1571
|
+
*/
|
|
1572
|
+
declare const BordMarketplaceButton: ({ buttonColor, buttonText, onClick, ...rest }: IBordMarketplaceButtonProps) => JSX.Element;
|
|
1573
|
+
|
|
1574
|
+
interface ImentionableUser {
|
|
1575
|
+
userId: number;
|
|
1576
|
+
firstName: string;
|
|
1577
|
+
lastName: string;
|
|
1578
|
+
email: string;
|
|
1579
|
+
photoUrl?: string;
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
declare const BordMentions: ({ placeholder, style, userList, userListProps, updateMessageCallback, updateMentionedUsersCallback, }: IBordMentionsProps) => react_jsx_runtime.JSX.Element;
|
|
1583
|
+
|
|
1584
|
+
interface IBordMentionsProps {
|
|
1585
|
+
placeholder: string;
|
|
1586
|
+
style?: React__default.CSSProperties;
|
|
1587
|
+
userList?: ImentionableUser[];
|
|
1588
|
+
userListProps?: React__default.HTMLAttributes<HTMLDivElement>;
|
|
1589
|
+
updateMessageCallback?: (message: string) => void;
|
|
1590
|
+
updateMentionedUsersCallback?: (mentionedUsers: ImentionableUser[]) => void;
|
|
1591
|
+
}
|
|
1592
|
+
|
|
1452
1593
|
declare enum BORD_NOTIFICATION_ICONS {
|
|
1453
1594
|
on = "on",
|
|
1454
1595
|
off = "off"
|
|
@@ -1459,6 +1600,8 @@ interface IBordNotificationIconProps extends ComponentProps<'svg'> {
|
|
|
1459
1600
|
customWidth?: string;
|
|
1460
1601
|
}
|
|
1461
1602
|
|
|
1603
|
+
declare const BordNotificationIcon: FC<IBordNotificationIconProps>;
|
|
1604
|
+
|
|
1462
1605
|
interface IBordPasswordInputProps {
|
|
1463
1606
|
label?: string;
|
|
1464
1607
|
placeholder?: string;
|
|
@@ -1468,6 +1611,29 @@ interface IBordPasswordInputProps {
|
|
|
1468
1611
|
setCurrentValue?: (inputValue: string) => void;
|
|
1469
1612
|
}
|
|
1470
1613
|
|
|
1614
|
+
declare const BordPasswordInput: ({ label, disabled, placeholder, errorText, hideErrorText, setCurrentValue, }: IBordPasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
1615
|
+
|
|
1616
|
+
declare const BordToolModelMarker: ({ isBordTool, customSize, }: IbordToolModelMarkerProps) => react_jsx_runtime.JSX.Element;
|
|
1617
|
+
|
|
1618
|
+
interface IbordToolModelMarkerProps {
|
|
1619
|
+
isBordTool: boolean;
|
|
1620
|
+
customSize?: number;
|
|
1621
|
+
}
|
|
1622
|
+
|
|
1623
|
+
type TBordPhotoSize = 's20' | 's32' | 's48' | 's56' | 's64' | 's100';
|
|
1624
|
+
interface IBordPhotoProps extends ComponentProps<'div'> {
|
|
1625
|
+
url?: string;
|
|
1626
|
+
variant?: 'circle' | 'square';
|
|
1627
|
+
size?: TBordPhotoSize;
|
|
1628
|
+
imageProps?: ComponentProps<'img'>;
|
|
1629
|
+
avatarProps?: IBordAvatarProps;
|
|
1630
|
+
oneToneIconProps?: IbordOneToneIconProps;
|
|
1631
|
+
flagProps?: IbordFlagProps;
|
|
1632
|
+
toolModelMarkerProps?: IbordToolModelMarkerProps;
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1635
|
+
declare const BordPhoto: FC<IBordPhotoProps>;
|
|
1636
|
+
|
|
1471
1637
|
interface IBordProfileSummaryProps {
|
|
1472
1638
|
title?: string | JSX.Element;
|
|
1473
1639
|
subTitle?: string | JSX.Element;
|
|
@@ -1475,6 +1641,8 @@ interface IBordProfileSummaryProps {
|
|
|
1475
1641
|
imgUrl?: string;
|
|
1476
1642
|
}
|
|
1477
1643
|
|
|
1644
|
+
declare const BordProfileSummary: FC<IBordProfileSummaryProps>;
|
|
1645
|
+
|
|
1478
1646
|
interface IBordRadioButtonProps extends ComponentProps<"div"> {
|
|
1479
1647
|
isButtonActive?: boolean;
|
|
1480
1648
|
componentSize?: string;
|
|
@@ -1494,6 +1662,22 @@ interface IBordRadioButtonSvgProps extends ComponentProps<"svg"> {
|
|
|
1494
1662
|
isInactive?: string;
|
|
1495
1663
|
}
|
|
1496
1664
|
|
|
1665
|
+
/**
|
|
1666
|
+
* @description A component for rendering a radio button with a label.
|
|
1667
|
+
* @prop {string} [componentSize] - The size of the component, can be "extraSmall", "small", "medium", "large", or "extraLarge".
|
|
1668
|
+
* @prop {string} [customWidth] - The width of the component, can be any valid CSS unit.
|
|
1669
|
+
* @prop {boolean} [isButtonActive] - Is the button active or not?
|
|
1670
|
+
* @prop {string} [label] - The label of the button.
|
|
1671
|
+
* @prop {boolean} [disabled=false] - Is the button disabled or not?
|
|
1672
|
+
* @prop {() => void} [onClick] - A callback function to run when the button is clicked and not disabled.
|
|
1673
|
+
* @prop {ComponentProps<"svg">} [svgProps] - an object with svg props to pass to the primitive component
|
|
1674
|
+
* @prop {ComponentProps<"p">} [labelProps] - an object with p element props to pass to the primitive component
|
|
1675
|
+
* @returns {JSX.Element} A JSX element representing the radio button component.
|
|
1676
|
+
*/
|
|
1677
|
+
declare const BordRadioButton: ({ onClick, componentSize, isButtonActive, label, customWidth, labelProps, svgProps, disabled, ...rest }: IBordRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1678
|
+
|
|
1679
|
+
declare const BordScrollBar: () => react_jsx_runtime.JSX.Element;
|
|
1680
|
+
|
|
1497
1681
|
interface IbordSidebarButtonProps extends ComponentProps<"button"> {
|
|
1498
1682
|
isSelected?: boolean;
|
|
1499
1683
|
isOpen?: boolean;
|
|
@@ -1515,6 +1699,20 @@ interface IsidebarLogoProps extends ComponentProps<"div"> {
|
|
|
1515
1699
|
isOpen: boolean;
|
|
1516
1700
|
}
|
|
1517
1701
|
|
|
1702
|
+
declare const BordSidebar: ({ isOpen, sidebarBaseModules, sidebarAdditionalModules, logoProps, }: IbordSidebarProps) => react_jsx_runtime.JSX.Element;
|
|
1703
|
+
|
|
1704
|
+
declare const BordSidebarButton: ({ isSelected, isOpen, buttonText, buttonIcon, disabled, ...rest }: IbordSidebarButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1705
|
+
|
|
1706
|
+
/**
|
|
1707
|
+
* @property { string } text - The text to show in the link like button
|
|
1708
|
+
* @property { string } customClassname - A classname for custom styles
|
|
1709
|
+
* @property { IbordOneToneIconProps } leftIconProps - The props of the left icon.
|
|
1710
|
+
* @property { IbordOneToneIconProps } rightIconProps - The props of the right icon.
|
|
1711
|
+
* @property { boolean } isDisabled - A boolean indicating if the button is disabled
|
|
1712
|
+
* @property { JSX.Element } explainingHover - A jsx element to display when the button is hovered, as to be used in the explaination of its action or state
|
|
1713
|
+
*/
|
|
1714
|
+
declare const BordTextButton: ({ text, isDisabled, explainingHover, onClick, className: customClassName, leftIconProps, rightIconProps, textProps, }: IbordTextButton) => react_jsx_runtime.JSX.Element;
|
|
1715
|
+
|
|
1518
1716
|
interface IbordTextButton extends ComponentProps<'div'> {
|
|
1519
1717
|
text: string;
|
|
1520
1718
|
isDisabled?: boolean;
|
|
@@ -1550,6 +1748,55 @@ interface IsidebarFilterValue {
|
|
|
1550
1748
|
description?: string;
|
|
1551
1749
|
}
|
|
1552
1750
|
|
|
1751
|
+
declare const BordSidebarWithFilters: ({ title, logoProps, dynamicFilters, suggestionFilters, updateFiltersCallback, sidebarSuggestionFiltersTitle, cleanFiltersButtonProps, loadingDynamicFilters, loadingSuggestionFilters, ...rest }: IbordSidebarWithFilersProps) => react_jsx_runtime.JSX.Element;
|
|
1752
|
+
|
|
1753
|
+
type statusVariants = "default" | "informative" | "success" | "danger";
|
|
1754
|
+
|
|
1755
|
+
interface IBordStatusProps {
|
|
1756
|
+
label: string;
|
|
1757
|
+
variant?: statusVariants;
|
|
1758
|
+
}
|
|
1759
|
+
declare const BordStatus: FC<IBordStatusProps>;
|
|
1760
|
+
|
|
1761
|
+
interface IprogressStepData {
|
|
1762
|
+
order: number;
|
|
1763
|
+
stepContent?: React$1.ReactElement;
|
|
1764
|
+
stepWidth?: number;
|
|
1765
|
+
customStepStyles?: {
|
|
1766
|
+
[key: string]: string;
|
|
1767
|
+
};
|
|
1768
|
+
title?: string;
|
|
1769
|
+
subTitle?: string;
|
|
1770
|
+
customConectorWidth?: string;
|
|
1771
|
+
isTooltipMessage?: boolean;
|
|
1772
|
+
tooltipMessage?: string;
|
|
1773
|
+
}
|
|
1774
|
+
|
|
1775
|
+
/**
|
|
1776
|
+
@property { IprogressStepData[] } steps - An array with the information for each step of the progress bar, including the folowing data: order (number), stepContent (JSX.Element), stepWidth (number), customStepStyles ({ [key: string]: string })
|
|
1777
|
+
@property { number } currentStep -A number indicating the index of the step in the steps array that should be display as current
|
|
1778
|
+
@property { number } firstAndLastConectorWidth - The width in pixels (only the number) for the first and last connector lines of the progress bar (the ones coneecting to the points)
|
|
1779
|
+
@property { number } intermediateStepsConectorWidth - The width in pixels (only the number) for the connector lines connecting the different steps of the progress bar
|
|
1780
|
+
@property { number } customHeight - The height of the boxes for the steps of the progress bar, ie the height of the component as a whole
|
|
1781
|
+
@property { IprogressStepData[] } skeletonSteps - An array with the information for each of the skeleton steps. Can contain the same data as the steps property, but the most relevant are the order and stepWidth, that should be equal to that of the steps in the steps property
|
|
1782
|
+
*/
|
|
1783
|
+
declare const BordStepper: ({ steps, currentStep, firstAndLastConectorWidth, intermediateStepsConectorWidth, customHeight, customStepperClassname, skeletonSteps, loading, isStepContent, }: {
|
|
1784
|
+
steps: IprogressStepData[];
|
|
1785
|
+
currentStep: number;
|
|
1786
|
+
firstAndLastConectorWidth?: number;
|
|
1787
|
+
intermediateStepsConectorWidth?: number;
|
|
1788
|
+
customHeight?: number;
|
|
1789
|
+
customWidth?: string;
|
|
1790
|
+
customStepperClassname?: string;
|
|
1791
|
+
skeletonSteps?: IprogressStepData[];
|
|
1792
|
+
loading?: boolean;
|
|
1793
|
+
isStepContent?: boolean;
|
|
1794
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1795
|
+
|
|
1796
|
+
declare const BordTag: FC<IBordTagProps>;
|
|
1797
|
+
|
|
1798
|
+
declare const BordTags: FC<IBordTagsProps>;
|
|
1799
|
+
|
|
1553
1800
|
interface IBordTextAreaProps extends ComponentProps<"div"> {
|
|
1554
1801
|
label?: string;
|
|
1555
1802
|
placeholder: string;
|
|
@@ -1569,5 +1816,43 @@ interface IBordTextAreaProps extends ComponentProps<"div"> {
|
|
|
1569
1816
|
isLoading?: boolean;
|
|
1570
1817
|
}
|
|
1571
1818
|
|
|
1572
|
-
|
|
1819
|
+
declare const BordTextArea: ({ placeholder, name, rows, cols, leftIconVariant, label, customWidth, filled, errorText, hideError, isDisabled, setInputValue, value, captionText, maxLength, isLoading, }: IBordTextAreaProps) => react_jsx_runtime.JSX.Element;
|
|
1820
|
+
|
|
1821
|
+
type TBordToolsPhotosSize = "h-100" | "h-80" | "h-64" | "h-56" | "h-32";
|
|
1822
|
+
interface IBordToolsPhotosProps {
|
|
1823
|
+
url?: string;
|
|
1824
|
+
size?: TBordToolsPhotosSize;
|
|
1825
|
+
customSize?: string;
|
|
1826
|
+
variant?: "rounded" | "square";
|
|
1827
|
+
}
|
|
1828
|
+
|
|
1829
|
+
declare const BordToolsPhotos: FC<IBordToolsPhotosProps>;
|
|
1830
|
+
|
|
1831
|
+
interface IBordCellHeader extends ComponentProps<'div'> {
|
|
1832
|
+
icon?: ReactNode;
|
|
1833
|
+
title: string;
|
|
1834
|
+
subtitle?: string;
|
|
1835
|
+
description?: string;
|
|
1836
|
+
customClassName?: string;
|
|
1837
|
+
}
|
|
1838
|
+
|
|
1839
|
+
interface IBordCellItem extends ComponentProps<'div'> {
|
|
1840
|
+
title?: string;
|
|
1841
|
+
icon?: ReactNode;
|
|
1842
|
+
label: ReactNode;
|
|
1843
|
+
customContentElement?: ReactNode;
|
|
1844
|
+
customClassName?: string;
|
|
1845
|
+
}
|
|
1846
|
+
|
|
1847
|
+
interface IBordCellItemData {
|
|
1848
|
+
title?: string;
|
|
1849
|
+
icon?: ReactNode;
|
|
1850
|
+
label: string;
|
|
1851
|
+
}
|
|
1852
|
+
interface IBordGroupCellItem extends ComponentProps<'div'> {
|
|
1853
|
+
items: IBordCellItemData[];
|
|
1854
|
+
customClassName?: string;
|
|
1855
|
+
}
|
|
1856
|
+
|
|
1857
|
+
export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_ONE_TONE_ICONS, BORD_TWO_TONE_ICONS, BordActionButton, BordAttentionButton, BordAvatar, BordBackButton, BordBadge, BordBreadCrumb, BordButton, BordCellCard, BordCheckBox, BordDatePicker, BordDropdown, BordEmptyState, BordFeedbackAlert, BordFilters, BordFiltersExpandableSelect, BordFlag, BordFloatDropdown, BordGenericSelect, BordGlass, BordIlustrationIcon, BordInfoBanner, BordInfoCard, BordLogo, BordMarketplaceButton, BordMentions, BordMetricCard, BordMetricCards, BordModal, BordNotificationIcon, BordOneToneIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordRadioButton, BordScrollBar, BordSearchBar, BordSelect, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordSortSelect, BordStatus, BordStepper, BordSwitch, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTag, BordTags, BordTextArea, BordTextButton, BordTextInput, BordToast, BordToolModelMarker, BordToolsPhotos, BordTooltip, BordTrelloRowFooterBadgeList, BordTwoToneIcon, BordUploaderButton, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, ModalContent, ThemeProvider };
|
|
1573
1858
|
export type { BordFiltersProps, IBordAttentionButton, IBordAvatarProps, IBordBackButtonProps, IBordBreadCrumbProps, IBordButton, IBordCellCard, IBordCellHeader, IBordCellItem, IBordCellItemData, IBordCheckBoxProps, IBordCheckBoxSvgProps, IBordDatePickerProps, IBordEmptyStateProps, IBordFiltersExpandableSelect, IBordFloatDropdown, IBordFloatDropdownOption, IBordGenericSelectProps, IBordGroupCellItem, IBordIlustrationIconProps, IBordInfoBanner, IBordInfoBannerDivProps, IBordInfoBannerSpanProps, IBordInfoCard, IBordInfoCardHeader, IBordInfoCardItem, IBordLogoProps, IBordMarketplaceButtonProps, IBordNotificationIconProps, IBordPasswordInputProps, IBordProfileSummaryProps, IBordRadioButtonProps, IBordRadioButtonSvgProps, IBordSearchBar, IBordSortByOption, IBordSortSelect, IBordSwitchProps, IBordTagProps, IBordTagsProps, IBordTextAreaProps, IBordTwoToneIconProps, IBordUploaderButton, IDocumentDetail, IModuleFilterInfo, ITwoToneIconProps, IbordComponentColors, IbordSidebarButtonProps, IbordSidebarModulesList, IbordSidebarProps, IbordSidebarWithFilersProps, IcheckBoxButton, IcolorTones, IrawSelectOption, IsidebarFilter, IsidebarFilterValue, IsidebarLogoProps, TBordSelectDropdownAlign, TBordSelectDropdownSide, TBordSelectIndicatorPlacement, TBordSelectMultiProps, TBordSelectOption, TBordSelectProps, TBordSelectSingleProps, TBordSelectTriggerVariant, TBordSortOnOpenChange, TBordSortOnOrderChange, TBordSortOnSortByChange, TBordSwitchVariant, TFlexDirection, TSemanticColors, TSortOrder, TTabValue, TTagColors, TTagStandardSizes, TbordAvatarsVariant, TbordOneToneIcon, TbordTwoToneIcon, TbordilustrationIcon, TcountryCode, TformComponentsStandardSizes, TupdateFiltersCallback };
|