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.
@@ -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;AAEf,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;CACxB;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"}
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,3 @@
1
+ declare const Bord3dSpecialBell: () => import("react/jsx-runtime").JSX.Element;
2
+ export default Bord3dSpecialBell;
3
+ //# sourceMappingURL=Bord3dSpecialBell.d.ts.map
@@ -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;AASlE,eAAO,MAAM,yBAAyB,EAAE;KACrC,GAAG,IAAI,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CA0B1E,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;IAC/B,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"}
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;AAEzE,OAAO,sBAAsB,CAAC;AAE9B,cAAc,2BAA2B,CAAC;AAE1C,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,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,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
- interface IBordCellHeader extends ComponentProps<'div'> {
1374
- icon?: ReactNode;
1375
- title: string;
1376
- subtitle?: string;
1377
- description?: string;
1378
- customClassName?: string;
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
- export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_ONE_TONE_ICONS, BORD_TWO_TONE_ICONS, BordAttentionButton, BordAvatar, BordBackButton, BordBadge, BordButton, BordEmptyState, BordFilters, BordFlag, BordFloatDropdown, BordGenericSelect, BordIlustrationIcon, BordInfoBanner, BordInfoCard, BordMetricCard, BordMetricCards, BordModal, BordOneToneIcon, BordSearchBar, BordSelect, BordSortSelect, BordSwitch, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTextInput, BordToast, BordTooltip, BordTwoToneIcon, BordUploaderButton, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, ModalContent, ThemeProvider };
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 };