bord-design-system 0.0.12 → 0.0.14
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/BordIlustrationIcon/BordIlustration.types.d.ts +3 -2
- package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts.map +1 -1
- package/dist/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.d.ts +3 -0
- package/dist/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.d.ts.map +1 -0
- package/dist/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.d.ts.map +1 -1
- package/dist/components/BordModal/BordModal.types.d.ts +1 -1
- package/dist/components/BordModal/BordModal.types.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 -30
- package/dist/index.esm.js +974 -80
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1003 -79
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +974 -80
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
export type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger';
|
|
2
|
+
export type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger' | '3DSpecialBell';
|
|
3
3
|
export declare enum BORD_ILUSTRATION_ICONS {
|
|
4
4
|
'wiping' = "wiping",
|
|
5
5
|
'pieChart' = "pieChart",
|
|
@@ -24,7 +24,8 @@ export declare enum BORD_ILUSTRATION_ICONS {
|
|
|
24
24
|
'loupe' = "loupe",
|
|
25
25
|
'learnBord' = "learnBord",
|
|
26
26
|
'3DSuccess' = "3DSuccess",
|
|
27
|
-
'3DDanger' = "3DDanger"
|
|
27
|
+
'3DDanger' = "3DDanger",
|
|
28
|
+
'3DSpecialBell' = "3DSpecialBell"
|
|
28
29
|
}
|
|
29
30
|
export interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
30
31
|
variant: TbordilustrationIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bord3dSpecialBell.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/Bord3dSpecialBell.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,+CAWtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listOfBordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkB1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"listOfBordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordIlustrationIcon/Icons/listOfBordIlustrationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkB1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAUlE,eAAO,MAAM,yBAAyB,EAAE;KACrC,GAAG,IAAI,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CA2B1E,CAAC"}
|
|
@@ -34,7 +34,7 @@ export interface IBordModalContent {
|
|
|
34
34
|
sizeButtonTwo?: TformComponentsStandardSizes;
|
|
35
35
|
customClassButtonOne?: string;
|
|
36
36
|
customClassButtonTwo?: string;
|
|
37
|
-
modalSize?: 'sm' | 'md' | 'lg';
|
|
37
|
+
modalSize?: 'sm' | 'md' | 'lg' | string;
|
|
38
38
|
buttonOneProps?: IBordButton;
|
|
39
39
|
buttonTwoProps?: IBordButton;
|
|
40
40
|
customSubtitleClass?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordModal/BordModal.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"BordModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordModal/BordModal.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,oBAAoB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,IAAI,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'> & {
|
|
@@ -1077,7 +1078,7 @@ interface IBordSearchBar {
|
|
|
1077
1078
|
|
|
1078
1079
|
declare const BordSearchBar: FC<IBordSearchBar>;
|
|
1079
1080
|
|
|
1080
|
-
type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger';
|
|
1081
|
+
type TbordilustrationIcon = 'wiping' | 'pieChart' | 'logout' | 'pin' | 'setting' | 'marketPlace' | 'search' | 'box' | 'warning' | 'danger' | 'success' | 'device' | 'store' | 'apple' | 'settingLaptop' | 'bordy' | 'specialMarketPlace3dFilledCart' | '3DSpecial' | 'filledSuccess' | '3DSpecialDocument' | 'loupe' | 'learnBord' | '3DSuccess' | '3DDanger' | '3DSpecialBell';
|
|
1081
1082
|
declare enum BORD_ILUSTRATION_ICONS {
|
|
1082
1083
|
'wiping' = "wiping",
|
|
1083
1084
|
'pieChart' = "pieChart",
|
|
@@ -1102,7 +1103,8 @@ declare enum BORD_ILUSTRATION_ICONS {
|
|
|
1102
1103
|
'loupe' = "loupe",
|
|
1103
1104
|
'learnBord' = "learnBord",
|
|
1104
1105
|
'3DSuccess' = "3DSuccess",
|
|
1105
|
-
'3DDanger' = "3DDanger"
|
|
1106
|
+
'3DDanger' = "3DDanger",
|
|
1107
|
+
'3DSpecialBell' = "3DSpecialBell"
|
|
1106
1108
|
}
|
|
1107
1109
|
interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
1108
1110
|
variant: TbordilustrationIcon;
|
|
@@ -1143,7 +1145,7 @@ interface IBordModalContent {
|
|
|
1143
1145
|
sizeButtonTwo?: TformComponentsStandardSizes;
|
|
1144
1146
|
customClassButtonOne?: string;
|
|
1145
1147
|
customClassButtonTwo?: string;
|
|
1146
|
-
modalSize?: 'sm' | 'md' | 'lg';
|
|
1148
|
+
modalSize?: 'sm' | 'md' | 'lg' | string;
|
|
1147
1149
|
buttonOneProps?: IBordButton;
|
|
1148
1150
|
buttonTwoProps?: IBordButton;
|
|
1149
1151
|
customSubtitleClass?: string;
|
|
@@ -1360,41 +1362,33 @@ interface IBordUploaderButton {
|
|
|
1360
1362
|
|
|
1361
1363
|
declare const BordUploaderButton: FC<IBordUploaderButton>;
|
|
1362
1364
|
|
|
1365
|
+
interface IBordActionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1366
|
+
variant: TbordOneToneIcon;
|
|
1367
|
+
subTitle: string;
|
|
1368
|
+
title: string;
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
declare const BordActionButton: FC<IBordActionButtonProps>;
|
|
1372
|
+
|
|
1363
1373
|
interface IBordBreadCrumbProps {
|
|
1364
1374
|
headerNavigationSubtitle: string;
|
|
1365
1375
|
headerNavigationTitle: string;
|
|
1366
1376
|
}
|
|
1367
1377
|
|
|
1378
|
+
declare const BordBreadCrumb: ({ headerNavigationTitle: title, headerNavigationSubtitle: subtitle, }: IBordBreadCrumbProps) => JSX.Element;
|
|
1379
|
+
|
|
1368
1380
|
interface IBordCellCard extends ComponentProps<'div'> {
|
|
1369
1381
|
children: ReactNode;
|
|
1370
1382
|
customClassName?: string;
|
|
1371
1383
|
}
|
|
1372
1384
|
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
interface IBordCellItem extends ComponentProps<'div'> {
|
|
1382
|
-
title?: string;
|
|
1383
|
-
icon?: ReactNode;
|
|
1384
|
-
label: ReactNode;
|
|
1385
|
-
customContentElement?: ReactNode;
|
|
1386
|
-
customClassName?: string;
|
|
1387
|
-
}
|
|
1388
|
-
|
|
1389
|
-
interface IBordCellItemData {
|
|
1390
|
-
title?: string;
|
|
1391
|
-
icon?: ReactNode;
|
|
1392
|
-
label: string;
|
|
1393
|
-
}
|
|
1394
|
-
interface IBordGroupCellItem extends ComponentProps<'div'> {
|
|
1395
|
-
items: IBordCellItemData[];
|
|
1396
|
-
customClassName?: string;
|
|
1397
|
-
}
|
|
1385
|
+
/**
|
|
1386
|
+
* @description A card container component for cell items.
|
|
1387
|
+
* @prop {ReactNode} children - The cell items or groups to display.
|
|
1388
|
+
* @prop {string} [customClassName=""] - Add a custom class to the component.
|
|
1389
|
+
* @returns {React.ReactElement} A cell card component.
|
|
1390
|
+
*/
|
|
1391
|
+
declare const BordCellCard: (props: IBordCellCard) => React$1.ReactElement;
|
|
1398
1392
|
|
|
1399
1393
|
interface IBordCheckBoxSvgProps extends ComponentProps<"svg"> {
|
|
1400
1394
|
size?: 16 | 20 | 32 | 48 | 64 | 80 | 320;
|
|
@@ -1425,6 +1419,19 @@ interface IBordCheckBoxProps extends ComponentProps<"div"> {
|
|
|
1425
1419
|
handleClickButton?: () => void;
|
|
1426
1420
|
}
|
|
1427
1421
|
|
|
1422
|
+
/**
|
|
1423
|
+
* BordCheckBox component
|
|
1424
|
+
*
|
|
1425
|
+
* @param {IBordCheckBoxProps} props - Props for the component
|
|
1426
|
+
* @param {string} [props.label] - The label of the checkbox
|
|
1427
|
+
* @param {boolean} [props.isButtonActive] - Is the button active or not?
|
|
1428
|
+
* @param {boolean} [props.isButtonDisabled] - Is the button disabled or not?
|
|
1429
|
+
* @param {() => void} [props.handleClickButton] - A callback function to run when the button is clicked
|
|
1430
|
+
* @param {string} [props.customSize] - Custom size of the checkbox
|
|
1431
|
+
* @returns {JSX.Element} A JSX element representing the checkbox component
|
|
1432
|
+
*/
|
|
1433
|
+
declare const BordCheckBox: ({ label, isButtonActive, isButtonDisabled, handleClickButton, customSize, labelProps, }: IBordCheckBoxProps) => react_jsx_runtime.JSX.Element;
|
|
1434
|
+
|
|
1428
1435
|
interface IBordDatePickerProps {
|
|
1429
1436
|
updateCurrentValueCallback: (inputText: string) => void;
|
|
1430
1437
|
isFilled: boolean;
|
|
@@ -1439,6 +1446,97 @@ interface IBordDatePickerProps {
|
|
|
1439
1446
|
handleFocus?: () => void;
|
|
1440
1447
|
}
|
|
1441
1448
|
|
|
1449
|
+
declare const BordDatePicker: ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth, }: IBordDatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
1450
|
+
|
|
1451
|
+
type TcomponentSize = "xsSmall" | "extraSmall-74" | "extraSmall" | "small" | "small-184" | "medium" | "large" | "extraLarge" | "w256" | "w368" | "w-380" | "w-280" | "w-180" | "w-80";
|
|
1452
|
+
interface IBordDropdown<T> {
|
|
1453
|
+
label?: string;
|
|
1454
|
+
caption?: string;
|
|
1455
|
+
isFilled?: boolean;
|
|
1456
|
+
errorText?: string;
|
|
1457
|
+
isFocused?: boolean;
|
|
1458
|
+
customIcon?: JSX.Element;
|
|
1459
|
+
rawOptions: T[];
|
|
1460
|
+
customLabel?: string;
|
|
1461
|
+
openDropdown?: boolean;
|
|
1462
|
+
currentValue?: T;
|
|
1463
|
+
isDeactivated?: boolean;
|
|
1464
|
+
hideErrorText?: boolean;
|
|
1465
|
+
componentSize?: TcomponentSize;
|
|
1466
|
+
dropdownStyles?: {
|
|
1467
|
+
[key: string]: string;
|
|
1468
|
+
};
|
|
1469
|
+
componentStyles?: {
|
|
1470
|
+
[key: string]: string;
|
|
1471
|
+
};
|
|
1472
|
+
customClassname?: string;
|
|
1473
|
+
customInputClass?: string;
|
|
1474
|
+
customPlaceholder?: string;
|
|
1475
|
+
alternativeStyling?: "matchingBackground";
|
|
1476
|
+
showSkeletonLoader?: boolean;
|
|
1477
|
+
closesOnClickOutside?: boolean;
|
|
1478
|
+
includeMagnifierIcon?: boolean;
|
|
1479
|
+
closesOnChangeSelection?: boolean;
|
|
1480
|
+
dropdownOptionsListStyles?: {
|
|
1481
|
+
[key: string]: string;
|
|
1482
|
+
};
|
|
1483
|
+
formDropdownOptionsCallback: (rawOptions: T[], clickOptionCallback?: (option: T) => void, searchString?: string) => JSX.Element[];
|
|
1484
|
+
formSelectedOptionUICallback: (rawSelectedOption: T) => JSX.Element;
|
|
1485
|
+
filterBySearchStringCallback: (search: string, rawOptions: T[]) => T[];
|
|
1486
|
+
dropdownCloseCallback?: (...args: (number | string)[]) => void;
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
/**
|
|
1490
|
+
* 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.
|
|
1491
|
+
* 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.
|
|
1492
|
+
* 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
|
|
1493
|
+
* @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
|
|
1494
|
+
* @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
|
|
1495
|
+
* @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
|
|
1496
|
+
* @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.
|
|
1497
|
+
* @property { (...args: (number | string)[]) => void } dropdownCloseCallback : a function callback to execute upon closing the dropdown
|
|
1498
|
+
* @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
|
|
1499
|
+
* @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.
|
|
1500
|
+
* @property {string} customClassname : Optional, a string classname to provide customizing styles.
|
|
1501
|
+
* @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"
|
|
1502
|
+
* @property {boolean} isFilled : Optional, a boolean indicating if the dropdown component must have filled styles or not.
|
|
1503
|
+
* @property {boolean} isFocused : Optional, a boolean indicating if the dropdown component must show the focused styles or not.
|
|
1504
|
+
* @property {boolean} includeMagnifierIcon : Optional, a boolean indicating if the dropdown component should have a magnifier icon on the left or not. DEFAULT is true
|
|
1505
|
+
* @property {JSX.Element} customIcon : Optional, a custom icon to show on the dropdown closed UI, if this is passed it replaces the magnifier ico
|
|
1506
|
+
* @property {string} label : Optional, a label for the select input.
|
|
1507
|
+
* @property {string} caption : Optional, a caption to shown at the components bottom.
|
|
1508
|
+
* @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.
|
|
1509
|
+
* @property {boolean} showSkeletonLoader - Optional,a boolean indicating if the component is loading and therefore the skeleton loader is to be shown. Default is false.
|
|
1510
|
+
* @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.
|
|
1511
|
+
* @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.
|
|
1512
|
+
* @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.
|
|
1513
|
+
* @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.
|
|
1514
|
+
* @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.
|
|
1515
|
+
* @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.
|
|
1516
|
+
* @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.
|
|
1517
|
+
*/
|
|
1518
|
+
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;
|
|
1519
|
+
|
|
1520
|
+
type TAlertType = 'info' | 'success' | 'warning' | 'error';
|
|
1521
|
+
interface IBordFeedbackAlert {
|
|
1522
|
+
type: TAlertType;
|
|
1523
|
+
title: string | ReactNode;
|
|
1524
|
+
description?: string | ReactNode;
|
|
1525
|
+
icon?: ReactNode;
|
|
1526
|
+
iconProps?: IbordOneToneIconProps;
|
|
1527
|
+
className?: string;
|
|
1528
|
+
}
|
|
1529
|
+
declare const BordFeedbackAlert: ({ type, title, description, icon, iconProps, className, }: IBordFeedbackAlert) => react_jsx_runtime.JSX.Element;
|
|
1530
|
+
|
|
1531
|
+
declare const BordFiltersExpandableSelect: ({ filterTitle, openSelectStatus, openSelectFunction, rawSelectOptions, handleChangeSelectedOption, isFilterActive, searchPlaceholder, }: IBordFiltersExpandableSelect) => react_jsx_runtime.JSX.Element;
|
|
1532
|
+
|
|
1533
|
+
interface IBordGlassProps extends HTMLAttributes<HTMLDivElement> {
|
|
1534
|
+
children?: ReactElement;
|
|
1535
|
+
customClassName: string;
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1538
|
+
declare const BordGlass: FC<IBordGlassProps>;
|
|
1539
|
+
|
|
1442
1540
|
interface IBordLogoProps extends ComponentProps<"svg"> {
|
|
1443
1541
|
standardSize?: 20 | 32 | 48 | 64 | 80 | 320;
|
|
1444
1542
|
customWidth?: string;
|
|
@@ -1446,11 +1544,53 @@ interface IBordLogoProps extends ComponentProps<"svg"> {
|
|
|
1446
1544
|
colorDot?: string;
|
|
1447
1545
|
}
|
|
1448
1546
|
|
|
1547
|
+
/**
|
|
1548
|
+
* BordLogo component
|
|
1549
|
+
*
|
|
1550
|
+
* @example
|
|
1551
|
+
* <BordLogo />
|
|
1552
|
+
*
|
|
1553
|
+
* @param {Object} props Component props
|
|
1554
|
+
* @param {number} [props.standardSize=48] Standard logo size in pixels
|
|
1555
|
+
* @param {string} [props.customWidth] Custom logo width
|
|
1556
|
+
* @param {string} [props.colorLetters=#fff] Color of the letters
|
|
1557
|
+
* @param {string} [props.colorDot=#FF6175] Color of the dot
|
|
1558
|
+
*/
|
|
1559
|
+
declare const BordLogo: ({ standardSize, customWidth, colorLetters, colorDot, }: IBordLogoProps) => react_jsx_runtime.JSX.Element;
|
|
1560
|
+
|
|
1449
1561
|
interface IBordMarketplaceButtonProps extends ComponentProps<"button"> {
|
|
1450
1562
|
buttonText: string;
|
|
1451
1563
|
buttonColor: 'light' | 'dark';
|
|
1452
1564
|
}
|
|
1453
1565
|
|
|
1566
|
+
/**
|
|
1567
|
+
* @param {Object} props - The properties object.
|
|
1568
|
+
* @param {string} props.buttonColor - The color of the button, applied as a CSS class.
|
|
1569
|
+
* @param {string} props.buttonText - The text to display inside the button.
|
|
1570
|
+
* @param {function} props.onClick - The function to call when the button is clicked.
|
|
1571
|
+
* @returns {JSX.Element} The rendered button component.
|
|
1572
|
+
*/
|
|
1573
|
+
declare const BordMarketplaceButton: ({ buttonColor, buttonText, onClick, ...rest }: IBordMarketplaceButtonProps) => JSX.Element;
|
|
1574
|
+
|
|
1575
|
+
interface ImentionableUser {
|
|
1576
|
+
userId: number;
|
|
1577
|
+
firstName: string;
|
|
1578
|
+
lastName: string;
|
|
1579
|
+
email: string;
|
|
1580
|
+
photoUrl?: string;
|
|
1581
|
+
}
|
|
1582
|
+
|
|
1583
|
+
declare const BordMentions: ({ placeholder, style, userList, userListProps, updateMessageCallback, updateMentionedUsersCallback, }: IBordMentionsProps) => react_jsx_runtime.JSX.Element;
|
|
1584
|
+
|
|
1585
|
+
interface IBordMentionsProps {
|
|
1586
|
+
placeholder: string;
|
|
1587
|
+
style?: React__default.CSSProperties;
|
|
1588
|
+
userList?: ImentionableUser[];
|
|
1589
|
+
userListProps?: React__default.HTMLAttributes<HTMLDivElement>;
|
|
1590
|
+
updateMessageCallback?: (message: string) => void;
|
|
1591
|
+
updateMentionedUsersCallback?: (mentionedUsers: ImentionableUser[]) => void;
|
|
1592
|
+
}
|
|
1593
|
+
|
|
1454
1594
|
declare enum BORD_NOTIFICATION_ICONS {
|
|
1455
1595
|
on = "on",
|
|
1456
1596
|
off = "off"
|
|
@@ -1461,6 +1601,8 @@ interface IBordNotificationIconProps extends ComponentProps<'svg'> {
|
|
|
1461
1601
|
customWidth?: string;
|
|
1462
1602
|
}
|
|
1463
1603
|
|
|
1604
|
+
declare const BordNotificationIcon: FC<IBordNotificationIconProps>;
|
|
1605
|
+
|
|
1464
1606
|
interface IBordPasswordInputProps {
|
|
1465
1607
|
label?: string;
|
|
1466
1608
|
placeholder?: string;
|
|
@@ -1470,6 +1612,29 @@ interface IBordPasswordInputProps {
|
|
|
1470
1612
|
setCurrentValue?: (inputValue: string) => void;
|
|
1471
1613
|
}
|
|
1472
1614
|
|
|
1615
|
+
declare const BordPasswordInput: ({ label, disabled, placeholder, errorText, hideErrorText, setCurrentValue, }: IBordPasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
1616
|
+
|
|
1617
|
+
declare const BordToolModelMarker: ({ isBordTool, customSize, }: IbordToolModelMarkerProps) => react_jsx_runtime.JSX.Element;
|
|
1618
|
+
|
|
1619
|
+
interface IbordToolModelMarkerProps {
|
|
1620
|
+
isBordTool: boolean;
|
|
1621
|
+
customSize?: number;
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
type TBordPhotoSize = 's20' | 's32' | 's48' | 's56' | 's64' | 's100';
|
|
1625
|
+
interface IBordPhotoProps extends ComponentProps<'div'> {
|
|
1626
|
+
url?: string;
|
|
1627
|
+
variant?: 'circle' | 'square';
|
|
1628
|
+
size?: TBordPhotoSize;
|
|
1629
|
+
imageProps?: ComponentProps<'img'>;
|
|
1630
|
+
avatarProps?: IBordAvatarProps;
|
|
1631
|
+
oneToneIconProps?: IbordOneToneIconProps;
|
|
1632
|
+
flagProps?: IbordFlagProps;
|
|
1633
|
+
toolModelMarkerProps?: IbordToolModelMarkerProps;
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1636
|
+
declare const BordPhoto: FC<IBordPhotoProps>;
|
|
1637
|
+
|
|
1473
1638
|
interface IBordProfileSummaryProps {
|
|
1474
1639
|
title?: string | JSX.Element;
|
|
1475
1640
|
subTitle?: string | JSX.Element;
|
|
@@ -1477,6 +1642,8 @@ interface IBordProfileSummaryProps {
|
|
|
1477
1642
|
imgUrl?: string;
|
|
1478
1643
|
}
|
|
1479
1644
|
|
|
1645
|
+
declare const BordProfileSummary: FC<IBordProfileSummaryProps>;
|
|
1646
|
+
|
|
1480
1647
|
interface IBordRadioButtonProps extends ComponentProps<"div"> {
|
|
1481
1648
|
isButtonActive?: boolean;
|
|
1482
1649
|
componentSize?: string;
|
|
@@ -1496,6 +1663,22 @@ interface IBordRadioButtonSvgProps extends ComponentProps<"svg"> {
|
|
|
1496
1663
|
isInactive?: string;
|
|
1497
1664
|
}
|
|
1498
1665
|
|
|
1666
|
+
/**
|
|
1667
|
+
* @description A component for rendering a radio button with a label.
|
|
1668
|
+
* @prop {string} [componentSize] - The size of the component, can be "extraSmall", "small", "medium", "large", or "extraLarge".
|
|
1669
|
+
* @prop {string} [customWidth] - The width of the component, can be any valid CSS unit.
|
|
1670
|
+
* @prop {boolean} [isButtonActive] - Is the button active or not?
|
|
1671
|
+
* @prop {string} [label] - The label of the button.
|
|
1672
|
+
* @prop {boolean} [disabled=false] - Is the button disabled or not?
|
|
1673
|
+
* @prop {() => void} [onClick] - A callback function to run when the button is clicked and not disabled.
|
|
1674
|
+
* @prop {ComponentProps<"svg">} [svgProps] - an object with svg props to pass to the primitive component
|
|
1675
|
+
* @prop {ComponentProps<"p">} [labelProps] - an object with p element props to pass to the primitive component
|
|
1676
|
+
* @returns {JSX.Element} A JSX element representing the radio button component.
|
|
1677
|
+
*/
|
|
1678
|
+
declare const BordRadioButton: ({ onClick, componentSize, isButtonActive, label, customWidth, labelProps, svgProps, disabled, ...rest }: IBordRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1679
|
+
|
|
1680
|
+
declare const BordScrollBar: () => react_jsx_runtime.JSX.Element;
|
|
1681
|
+
|
|
1499
1682
|
interface IbordSidebarButtonProps extends ComponentProps<"button"> {
|
|
1500
1683
|
isSelected?: boolean;
|
|
1501
1684
|
isOpen?: boolean;
|
|
@@ -1517,6 +1700,20 @@ interface IsidebarLogoProps extends ComponentProps<"div"> {
|
|
|
1517
1700
|
isOpen: boolean;
|
|
1518
1701
|
}
|
|
1519
1702
|
|
|
1703
|
+
declare const BordSidebar: ({ isOpen, sidebarBaseModules, sidebarAdditionalModules, logoProps, }: IbordSidebarProps) => react_jsx_runtime.JSX.Element;
|
|
1704
|
+
|
|
1705
|
+
declare const BordSidebarButton: ({ isSelected, isOpen, buttonText, buttonIcon, disabled, ...rest }: IbordSidebarButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1706
|
+
|
|
1707
|
+
/**
|
|
1708
|
+
* @property { string } text - The text to show in the link like button
|
|
1709
|
+
* @property { string } customClassname - A classname for custom styles
|
|
1710
|
+
* @property { IbordOneToneIconProps } leftIconProps - The props of the left icon.
|
|
1711
|
+
* @property { IbordOneToneIconProps } rightIconProps - The props of the right icon.
|
|
1712
|
+
* @property { boolean } isDisabled - A boolean indicating if the button is disabled
|
|
1713
|
+
* @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
|
|
1714
|
+
*/
|
|
1715
|
+
declare const BordTextButton: ({ text, isDisabled, explainingHover, onClick, className: customClassName, leftIconProps, rightIconProps, textProps, }: IbordTextButton) => react_jsx_runtime.JSX.Element;
|
|
1716
|
+
|
|
1520
1717
|
interface IbordTextButton extends ComponentProps<'div'> {
|
|
1521
1718
|
text: string;
|
|
1522
1719
|
isDisabled?: boolean;
|
|
@@ -1552,6 +1749,55 @@ interface IsidebarFilterValue {
|
|
|
1552
1749
|
description?: string;
|
|
1553
1750
|
}
|
|
1554
1751
|
|
|
1752
|
+
declare const BordSidebarWithFilters: ({ title, logoProps, dynamicFilters, suggestionFilters, updateFiltersCallback, sidebarSuggestionFiltersTitle, cleanFiltersButtonProps, loadingDynamicFilters, loadingSuggestionFilters, ...rest }: IbordSidebarWithFilersProps) => react_jsx_runtime.JSX.Element;
|
|
1753
|
+
|
|
1754
|
+
type statusVariants = "default" | "informative" | "success" | "danger";
|
|
1755
|
+
|
|
1756
|
+
interface IBordStatusProps {
|
|
1757
|
+
label: string;
|
|
1758
|
+
variant?: statusVariants;
|
|
1759
|
+
}
|
|
1760
|
+
declare const BordStatus: FC<IBordStatusProps>;
|
|
1761
|
+
|
|
1762
|
+
interface IprogressStepData {
|
|
1763
|
+
order: number;
|
|
1764
|
+
stepContent?: React$1.ReactElement;
|
|
1765
|
+
stepWidth?: number;
|
|
1766
|
+
customStepStyles?: {
|
|
1767
|
+
[key: string]: string;
|
|
1768
|
+
};
|
|
1769
|
+
title?: string;
|
|
1770
|
+
subTitle?: string;
|
|
1771
|
+
customConectorWidth?: string;
|
|
1772
|
+
isTooltipMessage?: boolean;
|
|
1773
|
+
tooltipMessage?: string;
|
|
1774
|
+
}
|
|
1775
|
+
|
|
1776
|
+
/**
|
|
1777
|
+
@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 })
|
|
1778
|
+
@property { number } currentStep -A number indicating the index of the step in the steps array that should be display as current
|
|
1779
|
+
@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)
|
|
1780
|
+
@property { number } intermediateStepsConectorWidth - The width in pixels (only the number) for the connector lines connecting the different steps of the progress bar
|
|
1781
|
+
@property { number } customHeight - The height of the boxes for the steps of the progress bar, ie the height of the component as a whole
|
|
1782
|
+
@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
|
|
1783
|
+
*/
|
|
1784
|
+
declare const BordStepper: ({ steps, currentStep, firstAndLastConectorWidth, intermediateStepsConectorWidth, customHeight, customStepperClassname, skeletonSteps, loading, isStepContent, }: {
|
|
1785
|
+
steps: IprogressStepData[];
|
|
1786
|
+
currentStep: number;
|
|
1787
|
+
firstAndLastConectorWidth?: number;
|
|
1788
|
+
intermediateStepsConectorWidth?: number;
|
|
1789
|
+
customHeight?: number;
|
|
1790
|
+
customWidth?: string;
|
|
1791
|
+
customStepperClassname?: string;
|
|
1792
|
+
skeletonSteps?: IprogressStepData[];
|
|
1793
|
+
loading?: boolean;
|
|
1794
|
+
isStepContent?: boolean;
|
|
1795
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
1796
|
+
|
|
1797
|
+
declare const BordTag: FC<IBordTagProps>;
|
|
1798
|
+
|
|
1799
|
+
declare const BordTags: FC<IBordTagsProps>;
|
|
1800
|
+
|
|
1555
1801
|
interface IBordTextAreaProps extends ComponentProps<"div"> {
|
|
1556
1802
|
label?: string;
|
|
1557
1803
|
placeholder: string;
|
|
@@ -1571,5 +1817,43 @@ interface IBordTextAreaProps extends ComponentProps<"div"> {
|
|
|
1571
1817
|
isLoading?: boolean;
|
|
1572
1818
|
}
|
|
1573
1819
|
|
|
1574
|
-
|
|
1820
|
+
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;
|
|
1821
|
+
|
|
1822
|
+
type TBordToolsPhotosSize = "h-100" | "h-80" | "h-64" | "h-56" | "h-32";
|
|
1823
|
+
interface IBordToolsPhotosProps {
|
|
1824
|
+
url?: string;
|
|
1825
|
+
size?: TBordToolsPhotosSize;
|
|
1826
|
+
customSize?: string;
|
|
1827
|
+
variant?: "rounded" | "square";
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
declare const BordToolsPhotos: FC<IBordToolsPhotosProps>;
|
|
1831
|
+
|
|
1832
|
+
interface IBordCellHeader extends ComponentProps<'div'> {
|
|
1833
|
+
icon?: ReactNode;
|
|
1834
|
+
title: string;
|
|
1835
|
+
subtitle?: string;
|
|
1836
|
+
description?: string;
|
|
1837
|
+
customClassName?: string;
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
interface IBordCellItem extends ComponentProps<'div'> {
|
|
1841
|
+
title?: string;
|
|
1842
|
+
icon?: ReactNode;
|
|
1843
|
+
label: ReactNode;
|
|
1844
|
+
customContentElement?: ReactNode;
|
|
1845
|
+
customClassName?: string;
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
interface IBordCellItemData {
|
|
1849
|
+
title?: string;
|
|
1850
|
+
icon?: ReactNode;
|
|
1851
|
+
label: string;
|
|
1852
|
+
}
|
|
1853
|
+
interface IBordGroupCellItem extends ComponentProps<'div'> {
|
|
1854
|
+
items: IBordCellItemData[];
|
|
1855
|
+
customClassName?: string;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
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 };
|
|
1575
1859
|
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 };
|