@itcase/ui 1.2.30 → 1.2.31

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.
Files changed (264) hide show
  1. package/dist/{Badge-TyPbVqR_.js → Badge-BMKD9teI.js} +6 -2
  2. package/dist/{Badge-BZYBmgBK.js → Badge-DQnTpE4I.js} +6 -2
  3. package/dist/{Button-avhviao1.js → Button-DS2l65oq.js} +4 -4
  4. package/dist/{Button-BcOsYgoT.js → Button-x4mnZJoS.js} +3 -3
  5. package/dist/Divider-3upWnf8a.js +71 -0
  6. package/dist/Divider-DE2Q5J36.js +68 -0
  7. package/dist/{DropdownItem-toApJyeB.js → DropdownItem-CT9Dmiub.js} +38 -14
  8. package/dist/DropdownItem-DzDP45iO.js +179 -0
  9. package/dist/{Icon-ClsRaxDk.js → Icon-B7BJo5kW.js} +14 -19
  10. package/dist/{Icon-B2BwTQnP.js → Icon-PoesVPJn.js} +13 -18
  11. package/dist/{Input-BaicBuyd.js → Input-DXbt_RWB.js} +1 -2
  12. package/dist/{Input-DbzsXvEf.js → Input-HGM-rzzr.js} +1 -2
  13. package/dist/{Label-fp2Bus_T.js → Label-BBm19sQ-.js} +3 -6
  14. package/dist/{Label-BfotYOmD.js → Label-Chm6tl6E.js} +3 -6
  15. package/dist/{Link-CzC1kU5C.js → Link-CeQuavin.js} +1 -1
  16. package/dist/Loader-CqEocvjh.js +56 -0
  17. package/dist/Loader-DRTOGvF1.js +59 -0
  18. package/dist/{MenuItem-BJ3uGKCH.js → MenuItem-DPJ_9FxW.js} +14 -3
  19. package/dist/{MenuItem-BEYVY0Vf.js → MenuItem-zHzWXIvQ.js} +15 -4
  20. package/dist/{Scrollbar-CrGXCZ_F.js → Scrollbar-Bo7z7ELm.js} +10 -13
  21. package/dist/{Scrollbar-DVlIZzvz.js → Scrollbar-CKbA0jQU.js} +10 -13
  22. package/dist/{Text-CC0xnhmx.js → Text-1b-Bk7yG.js} +3 -4
  23. package/dist/{Text-kxGZButz.js → Text-DlSG_p4u.js} +3 -4
  24. package/dist/{Title-CQ_Fr1hO.js → Title-mkus84Rh.js} +3 -6
  25. package/dist/{Title-Ze_OL1Co.js → Title-o5ofk8ge.js} +3 -6
  26. package/dist/{Tooltip-PrwacZFC.js → Tooltip-CNJN2lf5.js} +19 -3
  27. package/dist/{Tooltip-ccRCMYQM.js → Tooltip-f5EWhsGj.js} +19 -3
  28. package/dist/appearance/Avatar.js +5 -0
  29. package/dist/appearance/Code.js +5 -0
  30. package/dist/appearance/Divider.js +5 -0
  31. package/dist/appearance/DropdownItem.js +5 -0
  32. package/dist/appearance/Modal.js +5 -0
  33. package/dist/appearance/Response.js +95 -21
  34. package/dist/appearance/SiteMenu.js +5 -0
  35. package/dist/appearance/Switch.js +5 -0
  36. package/dist/appearance/Tile.js +5 -0
  37. package/dist/cjs/appearance/Avatar.js +7 -0
  38. package/dist/cjs/appearance/Code.js +7 -0
  39. package/dist/cjs/appearance/Divider.js +7 -0
  40. package/dist/cjs/appearance/DropdownItem.js +7 -0
  41. package/dist/cjs/appearance/Modal.js +7 -0
  42. package/dist/cjs/appearance/Response.js +95 -21
  43. package/dist/cjs/appearance/SiteMenu.js +7 -0
  44. package/dist/cjs/appearance/Switch.js +7 -0
  45. package/dist/cjs/appearance/Tile.js +7 -0
  46. package/dist/cjs/components/Accordion.js +6 -6
  47. package/dist/cjs/components/Avatar.js +22 -8
  48. package/dist/cjs/components/Badge.js +2 -3
  49. package/dist/cjs/components/Breadcrumbs.js +4 -8
  50. package/dist/cjs/components/Button.js +7 -8
  51. package/dist/cjs/components/Caption.js +0 -1
  52. package/dist/cjs/components/Card.js +3 -12
  53. package/dist/cjs/components/Cell.js +7 -12
  54. package/dist/cjs/components/Checkbox.js +1 -5
  55. package/dist/cjs/components/Chips.js +1 -2
  56. package/dist/cjs/components/Choice.js +6 -7
  57. package/dist/cjs/components/Code.js +31 -10
  58. package/dist/cjs/components/ContextMenu.js +9 -21
  59. package/dist/cjs/components/CookiesWarning.js +9 -15
  60. package/dist/cjs/components/DadataHintField.js +1 -2
  61. package/dist/cjs/components/DatePicker.js +8 -9
  62. package/dist/cjs/components/Divider.js +3 -2
  63. package/dist/cjs/components/Dot.js +1 -3
  64. package/dist/cjs/components/Dropdown.js +6 -4
  65. package/dist/cjs/components/Flex.js +0 -1
  66. package/dist/cjs/components/Grid.js +1 -8
  67. package/dist/cjs/components/Group.js +0 -1
  68. package/dist/cjs/components/HTMLContent.js +0 -1
  69. package/dist/cjs/components/Icon.js +5 -6
  70. package/dist/cjs/components/Image.js +0 -1
  71. package/dist/cjs/components/Input.js +1 -2
  72. package/dist/cjs/components/InputMask.js +7 -9
  73. package/dist/cjs/components/InputPassword.js +5 -6
  74. package/dist/cjs/components/Label.js +4 -5
  75. package/dist/cjs/components/LanguageSelector.js +5 -6
  76. package/dist/cjs/components/Link.js +0 -1
  77. package/dist/cjs/components/List.js +0 -1
  78. package/dist/cjs/components/Loader.js +2 -3
  79. package/dist/cjs/components/Logo.js +0 -1
  80. package/dist/cjs/components/Menu.js +2 -3
  81. package/dist/cjs/components/MenuItem.js +2 -3
  82. package/dist/cjs/components/Modal.js +27 -7
  83. package/dist/cjs/components/ModalSheetBottom.js +34 -0
  84. package/dist/cjs/components/Notification.js +7 -6
  85. package/dist/cjs/components/Overlay.js +0 -1
  86. package/dist/cjs/components/Page.js +3 -46
  87. package/dist/cjs/components/Pagination.js +8 -7
  88. package/dist/cjs/components/Panel.js +1 -2
  89. package/dist/cjs/components/Radio.js +1 -3
  90. package/dist/cjs/components/RangeSlider.js +0 -1
  91. package/dist/cjs/components/Response.js +20 -15
  92. package/dist/cjs/components/SVGContent.js +0 -1
  93. package/dist/cjs/components/ScrollOnDrag.js +0 -1
  94. package/dist/cjs/components/ScrollToView.js +0 -1
  95. package/dist/cjs/components/Scrollbar.js +1 -1
  96. package/dist/cjs/components/Search.js +9 -12
  97. package/dist/cjs/components/Segmented.js +1 -2
  98. package/dist/cjs/components/Select.js +7 -7
  99. package/dist/cjs/components/SiteMenu.js +18 -8
  100. package/dist/cjs/components/Swiper.js +6 -8
  101. package/dist/cjs/components/Switch.js +12 -3
  102. package/dist/cjs/components/Tab.js +4 -4
  103. package/dist/cjs/components/Text.js +1 -2
  104. package/dist/cjs/components/Textarea.js +0 -1
  105. package/dist/cjs/components/Tile.js +22 -6
  106. package/dist/cjs/components/Title.js +1 -2
  107. package/dist/cjs/components/Tooltip.js +3 -4
  108. package/dist/cjs/components/Video.js +0 -1
  109. package/dist/cjs/components/Wrapper.js +3 -8
  110. package/dist/cjs/context/Notifications.js +0 -5
  111. package/dist/cjs/context/UIContext.js +0 -9
  112. package/dist/cjs/hooks/useDeviceTargetClass.js +0 -1
  113. package/dist/cjs/hooks/useStyles.js +0 -1
  114. package/dist/components/Accordion.js +8 -8
  115. package/dist/components/Avatar.js +23 -10
  116. package/dist/components/Badge.js +2 -3
  117. package/dist/components/Breadcrumbs.js +6 -10
  118. package/dist/components/Button.js +8 -9
  119. package/dist/components/Caption.js +0 -1
  120. package/dist/components/Card.js +3 -12
  121. package/dist/components/Cell.js +8 -13
  122. package/dist/components/Checkbox.js +1 -5
  123. package/dist/components/Chips.js +1 -2
  124. package/dist/components/Choice.js +7 -8
  125. package/dist/components/Code.js +32 -12
  126. package/dist/components/ContextMenu.js +10 -22
  127. package/dist/components/CookiesWarning.js +10 -16
  128. package/dist/components/DadataHintField.js +2 -3
  129. package/dist/components/DatePicker.js +10 -11
  130. package/dist/components/Divider.js +2 -2
  131. package/dist/components/Dot.js +1 -3
  132. package/dist/components/Dropdown.js +7 -6
  133. package/dist/components/Flex.js +0 -1
  134. package/dist/components/Grid.js +1 -8
  135. package/dist/components/Group.js +0 -1
  136. package/dist/components/HTMLContent.js +0 -1
  137. package/dist/components/Icon.js +6 -7
  138. package/dist/components/Image.js +0 -1
  139. package/dist/components/Input.js +1 -2
  140. package/dist/components/InputMask.js +7 -9
  141. package/dist/components/InputPassword.js +6 -7
  142. package/dist/components/Label.js +4 -5
  143. package/dist/components/LanguageSelector.js +6 -7
  144. package/dist/components/Link.js +2 -3
  145. package/dist/components/List.js +2 -3
  146. package/dist/components/Loader.js +2 -3
  147. package/dist/components/Logo.js +2 -3
  148. package/dist/components/Menu.js +4 -5
  149. package/dist/components/MenuItem.js +4 -5
  150. package/dist/components/Modal.js +27 -8
  151. package/dist/components/ModalSheetBottom.js +32 -0
  152. package/dist/components/Notification.js +8 -7
  153. package/dist/components/Overlay.js +0 -1
  154. package/dist/components/Page.js +3 -46
  155. package/dist/components/Pagination.js +10 -9
  156. package/dist/components/Panel.js +1 -2
  157. package/dist/components/Radio.js +1 -3
  158. package/dist/components/RangeSlider.js +0 -1
  159. package/dist/components/Response.js +21 -16
  160. package/dist/components/SVGContent.js +0 -1
  161. package/dist/components/ScrollOnDrag.js +1 -2
  162. package/dist/components/ScrollToView.js +0 -1
  163. package/dist/components/Scrollbar.js +1 -1
  164. package/dist/components/Search.js +10 -13
  165. package/dist/components/Segmented.js +1 -2
  166. package/dist/components/Select.js +9 -9
  167. package/dist/components/SiteMenu.js +19 -10
  168. package/dist/components/Swiper.js +6 -8
  169. package/dist/components/Switch.js +12 -4
  170. package/dist/components/Tab.js +6 -6
  171. package/dist/components/Text.js +1 -2
  172. package/dist/components/Textarea.js +0 -1
  173. package/dist/components/Tile.js +22 -7
  174. package/dist/components/Title.js +1 -2
  175. package/dist/components/Tooltip.js +3 -4
  176. package/dist/components/Video.js +0 -1
  177. package/dist/components/Wrapper.js +3 -8
  178. package/dist/context/Notifications.js +1 -6
  179. package/dist/context/UIContext.js +0 -9
  180. package/dist/css/components/ModalSheetBottom/ModalSheetBottom.css +29 -0
  181. package/dist/hooks/useDeviceTargetClass.js +0 -1
  182. package/dist/hooks/useStyles.js +0 -1
  183. package/dist/stories/Response.stories.js +38 -12
  184. package/dist/{tslib.es6-w7hdJ3oZ.js → tslib.es6-5FtW-kfi.js} +1 -1
  185. package/dist/types/appearance/Avatar/index.d.ts +2 -0
  186. package/dist/types/appearance/Code/index.d.ts +2 -0
  187. package/dist/types/appearance/Divider/index.d.ts +2 -0
  188. package/dist/types/appearance/DropdownItem/index.d.ts +2 -0
  189. package/dist/types/appearance/Modal/index.d.ts +2 -0
  190. package/dist/types/appearance/SiteMenu/index.d.ts +2 -0
  191. package/dist/types/appearance/Switch/index.d.ts +2 -0
  192. package/dist/types/appearance/Tile/index.d.ts +2 -0
  193. package/dist/types/components/Avatar/Avatar.d.ts +3 -2
  194. package/dist/types/components/Avatar/Avatar.interface.d.ts +25 -11
  195. package/dist/types/components/Avatar/index.d.ts +1 -1
  196. package/dist/types/components/Badge/Badge.d.ts +6 -0
  197. package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts +0 -5
  198. package/dist/types/components/Button/Button.interface.d.ts +6 -6
  199. package/dist/types/components/Card/Card.d.ts +0 -10
  200. package/dist/types/components/Cell/Cell.d.ts +0 -6
  201. package/dist/types/components/Checkbox/Checkbox.d.ts +0 -5
  202. package/dist/types/components/Code/Code.d.ts +6 -8
  203. package/dist/types/components/Code/Code.interface.d.ts +21 -2
  204. package/dist/types/components/Code/index.d.ts +1 -1
  205. package/dist/types/components/ContextMenu/ContextMenu.d.ts +0 -5
  206. package/dist/types/components/CookiesWarning/CookiesWarning.d.ts +0 -7
  207. package/dist/types/components/Divider/Divider.d.ts +3 -2
  208. package/dist/types/components/Divider/Divider.interface.d.ts +11 -0
  209. package/dist/types/components/Divider/index.d.ts +1 -1
  210. package/dist/types/components/Dot/Dot.d.ts +0 -3
  211. package/dist/types/components/Dropdown/Dropdown.d.ts +0 -7
  212. package/dist/types/components/Dropdown/Dropdown.interface.d.ts +28 -15
  213. package/dist/types/components/Dropdown/DropdownItem.d.ts +5 -4
  214. package/dist/types/components/Dropdown/index.d.ts +2 -2
  215. package/dist/types/components/Grid/Grid.d.ts +0 -5
  216. package/dist/types/components/Grid/GridRow.d.ts +0 -5
  217. package/dist/types/components/Label/Label.d.ts +0 -5
  218. package/dist/types/components/Loader/Loader.interface.d.ts +3 -3
  219. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +2 -2
  220. package/dist/types/components/Modal/Modal.d.ts +3 -2
  221. package/dist/types/components/Modal/Modal.interface.d.ts +22 -6
  222. package/dist/types/components/Modal/index.d.ts +2 -2
  223. package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +3 -0
  224. package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts +11 -0
  225. package/dist/types/components/ModalSheetBottom/index.d.ts +1 -0
  226. package/dist/types/components/Notification/Notification.interface.d.ts +8 -7
  227. package/dist/types/components/Page/Page.d.ts +3 -0
  228. package/dist/types/components/Page/Page.interface.d.ts +18 -0
  229. package/dist/types/components/Page/index.d.ts +1 -42
  230. package/dist/types/components/Radio/Radio.d.ts +0 -1
  231. package/dist/types/components/Response/Response.interface.d.ts +4 -4
  232. package/dist/types/components/Scrollbar/Scrollbar.d.ts +0 -5
  233. package/dist/types/components/Search/Search.interface.d.ts +9 -9
  234. package/dist/types/components/SiteMenu/SiteMenu.d.ts +3 -2
  235. package/dist/types/components/SiteMenu/SiteMenu.interface.d.ts +18 -5
  236. package/dist/types/components/SiteMenu/index.d.ts +2 -2
  237. package/dist/types/components/Swiper/Swiper.d.ts +0 -1
  238. package/dist/types/components/Switch/Switch.d.ts +3 -2
  239. package/dist/types/components/Switch/Switch.interface.d.ts +17 -4
  240. package/dist/types/components/Switch/index.d.ts +1 -1
  241. package/dist/types/components/Text/Text.d.ts +0 -5
  242. package/dist/types/components/Text/Text.interface.d.ts +1 -1
  243. package/dist/types/components/Tile/Tile.d.ts +3 -2
  244. package/dist/types/components/Tile/Tile.interface.d.ts +21 -9
  245. package/dist/types/components/Tile/index.d.ts +1 -1
  246. package/dist/types/components/Title/Title.d.ts +0 -5
  247. package/dist/types/components/Wrapper/Wrapper.d.ts +0 -6
  248. package/dist/types/context/Notifications.d.ts +0 -7
  249. package/dist/types/context/UIContext.d.ts +10 -2
  250. package/dist/types/icons/index.d.ts +2 -2
  251. package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
  252. package/package.json +12 -15
  253. package/dist/Divider-BjB5MD6u.js +0 -50
  254. package/dist/Divider-U5UdY-ef.js +0 -48
  255. package/dist/DropdownItem-CFkRx8LX.js +0 -156
  256. package/dist/Loader-CU_5Ydmy.js +0 -53
  257. package/dist/Loader-Ck59IXGG.js +0 -56
  258. package/dist/types/constants/componentProps/align.d.ts +0 -2
  259. package/dist/types/constants/componentProps/alignDirection.d.ts +0 -2
  260. package/dist/types/constants/componentProps/fill.d.ts +0 -2
  261. package/dist/types/constants/componentProps/horizontalResizeMode.d.ts +0 -2
  262. package/dist/types/constants/componentProps/position.d.ts +0 -2
  263. package/dist/types/constants/componentProps/verticalResizeMode.d.ts +0 -2
  264. /package/dist/css/{styles → mediaqueries}/mediaqueries.css +0 -0
@@ -18,49 +18,75 @@ const Default = {
18
18
  },
19
19
  }
20
20
 
21
- export const WithoutProps = {
21
+ export const Dev = {
22
22
  args: {
23
23
  ...Default.args,
24
+ padding: 24,
25
+ appearance: 'dev',
26
+ imageSrc: 'assets/response/Search.svg',
24
27
  },
25
28
  }
26
29
 
27
- export const Dev = {
30
+ export const Custom = {
28
31
  args: {
29
32
  ...Default.args,
30
33
  padding: 24,
31
- appearance: 'dev',
32
- imageSrc: 'assets/search.svg',
34
+ appearance: 'custom',
33
35
  },
34
36
  }
35
37
 
36
38
  export const Success = {
37
39
  args: {
38
40
  ...Default.args,
39
- imageSrc: 'assets/response/success.svg',
40
- state: 'success',
41
+ appearance: 'success',
42
+ imageSrc: 'assets/response/Success.svg',
41
43
  },
42
44
  }
43
45
 
44
46
  export const Warning = {
45
47
  args: {
46
48
  ...Default.args,
47
- imageSrc: 'assets/response/warning.svg',
48
- state: 'warning',
49
+ appearance: 'warning',
50
+ imageSrc: 'assets/response/Warning.svg',
49
51
  },
50
52
  }
51
53
 
52
54
  export const Error = {
53
55
  args: {
54
56
  ...Default.args,
55
- imageSrc: 'assets/response/error.svg',
56
- state: 'error',
57
+ appearance: 'error',
58
+ imageSrc: 'assets/response/Error.svg',
57
59
  },
58
60
  }
59
61
 
60
62
  export const Fail = {
61
63
  args: {
62
64
  ...Default.args,
63
- imageSrc: 'assets/response/fail.svg',
64
- state: 'fail',
65
+ appearance: 'fail',
66
+ imageSrc: 'assets/response/Fail.svg',
67
+ },
68
+ }
69
+
70
+ export const CantLoadData = {
71
+ args: {
72
+ ...Default.args,
73
+ appearance: 'cantLoadData',
74
+ imageSrc: 'assets/response/CantLoadData.svg',
75
+ },
76
+ }
77
+
78
+ export const Refresh = {
79
+ args: {
80
+ ...Default.args,
81
+ appearance: 'refresh',
82
+ imageSrc: 'assets/response/Refresh.svg',
83
+ },
84
+ }
85
+
86
+ export const Search = {
87
+ args: {
88
+ ...Default.args,
89
+ appearance: 'search',
90
+ imageSrc: 'assets/response/Search.svg',
65
91
  },
66
92
  }
@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
53
53
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
54
54
  };
55
55
 
56
- export { __rest as _, __assign as a, __spreadArray as b };
56
+ export { __assign as _, __rest as a, __spreadArray as b };
@@ -0,0 +1,2 @@
1
+ import { avatarAppearanceType } from '../../components/Avatar/Avatar.interface';
2
+ export declare const avatarAppearance: avatarAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { codeAppearanceType } from '../../components/Code/Code.interface';
2
+ export declare const codeAppearance: codeAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { dividerAppearanceType } from '../../components/Divider/Divider.interface';
2
+ export declare const dividerAppearance: dividerAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { dropdownItemAppearanceType } from '../../components/Dropdown/Dropdown.interface';
2
+ export declare const dropdownItemAppearance: dropdownItemAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { modalAppearanceType } from '../../components/Modal/Modal.interface';
2
+ export declare const modalAppearance: modalAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { siteMenuAppearanceType } from '../../components/SiteMenu/SiteMenu.interface';
2
+ export declare const siteMenuAppearance: siteMenuAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { switchAppearanceType } from '../../components/Switch/Switch.interface';
2
+ export declare const switchAppearance: switchAppearanceType;
@@ -0,0 +1,2 @@
1
+ import { tileAppearanceType } from '../../components/Tile/Tile.interface';
2
+ export declare const tileAppearance: tileAppearanceType;
@@ -1,3 +1,4 @@
1
- import { IAvatarProps } from './Avatar.interface';
1
+ import { iAvatarConfig, IAvatarProps } from './Avatar.interface';
2
+ declare const avatarConfig: iAvatarConfig;
2
3
  declare function Avatar(props: IAvatarProps): import("react/jsx-runtime").JSX.Element;
3
- export { Avatar };
4
+ export { Avatar, avatarConfig };
@@ -1,13 +1,10 @@
1
1
  import { ElementType, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, sizePXPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
4
- export interface IAvatarProps extends iStyleAttributes {
5
- Dot?: ReactNode;
6
- after?: ReactNode;
7
- before?: ReactNode;
8
- className?: string;
3
+ import { iconFillSizePropsType, iconSizePropsType, sizePXPropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
4
+ import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
+ export interface IAvatarThemeColor {
9
6
  fill?: tFillProps;
10
- firstName?: string;
7
+ fillHover?: tFillHoverProps;
11
8
  icon?: ElementType;
12
9
  iconFill?: tFillProps;
13
10
  iconFillHover?: tFillHoverProps;
@@ -16,14 +13,31 @@ export interface IAvatarProps extends iStyleAttributes {
16
13
  iconShape?: tShapeProps;
17
14
  iconSize?: iconSizePropsType;
18
15
  iconSrc?: string;
19
- mode?: string;
20
- secondName?: string;
21
16
  shape?: tShapeProps;
22
- size?: sizePXPropsType;
23
- src?: string;
24
17
  textColor?: tTextColorProps;
25
18
  textSize?: tTextSizeProps;
26
19
  textWeight?: tTextWeightProps;
20
+ }
21
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
22
+ export type avatarAppearanceType = {
23
+ [key in appearanceKeysType]?: IAvatarThemeColor;
24
+ };
25
+ export interface iAvatarConfig {
26
+ appearance: avatarAppearanceType | undefined;
27
+ setAppearance: (newComponent: avatarAppearanceType) => void;
28
+ }
29
+ export interface IAvatarProps extends IAvatarThemeColor, iStyleAttributes {
30
+ after?: ReactNode;
31
+ appearance?: appearanceKeysType;
32
+ before?: ReactNode;
33
+ className?: string;
34
+ Dot?: ReactNode;
35
+ firstName?: string;
36
+ mode?: string;
37
+ secondName?: string;
38
+ size?: sizePXPropsType;
39
+ src?: string;
27
40
  type?: 'image' | 'text';
28
41
  onClick?: () => void;
29
42
  }
43
+ export {};
@@ -1 +1 @@
1
- export { Avatar } from './Avatar';
1
+ export { Avatar, avatarConfig } from './Avatar';
@@ -1,4 +1,10 @@
1
1
  import { IBadgeConfig, IBadgeProps } from './Badge.interface';
2
2
  declare const badgeConfig: IBadgeConfig;
3
3
  declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
4
+ declare namespace Badge {
5
+ var defaultProps: {
6
+ shape: string;
7
+ size: string;
8
+ };
9
+ }
4
10
  export { Badge, badgeConfig };
@@ -1,8 +1,3 @@
1
1
  import { IBreadcrumbsItemProps } from './Breadcrumbs.interface';
2
2
  declare function BreadcrumbsItem(props: IBreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace BreadcrumbsItem {
4
- var defaultProps: {
5
- set: string;
6
- };
7
- }
8
3
  export { BreadcrumbsItem };
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, ElementType, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
3
+ import { borderTypePropsType, elevationPropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
4
4
  import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  export interface IButtonThemeColor {
6
6
  borderColor?: tBorderColorProps;
@@ -40,7 +40,7 @@ export interface IButtonThemeColor {
40
40
  size?: tSizeProps;
41
41
  width?: tWidthProps;
42
42
  }
43
- type appearanceKeysType = tAppearanceKeysDefault & {};
43
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
44
44
  export type buttonAppearanceType = {
45
45
  [key in appearanceKeysType]?: IButtonThemeColor;
46
46
  };
@@ -49,13 +49,13 @@ export interface IButtonConfig {
49
49
  setAppearance: (newComponent: buttonAppearanceType) => void;
50
50
  }
51
51
  export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
52
- Badge?: ReactNode;
52
+ dataTestId?: string;
53
53
  after?: ReactNode;
54
54
  appearance?: appearanceKeysType;
55
+ Badge?: ReactNode;
55
56
  before?: ReactNode;
56
57
  children?: ReactNode;
57
58
  className?: string;
58
- dataTestId?: string;
59
59
  dataTour?: string;
60
60
  href?: string;
61
61
  htmlType?: ElementType;
@@ -63,15 +63,15 @@ export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
63
63
  iconAfter?: ElementType;
64
64
  iconBefore?: ElementType;
65
65
  iconSrc?: string;
66
- isDisabled?: boolean;
67
66
  label?: string;
68
67
  link?: string;
69
68
  loading?: boolean;
70
69
  rel?: string;
71
70
  style?: CSSProperties;
72
71
  target?: string;
73
- set?: string;
72
+ isDisabled?: boolean;
74
73
  onClick?: () => void;
75
74
  onMouseDown?: () => void;
75
+ set?: string;
76
76
  }
77
77
  export {};
@@ -1,13 +1,3 @@
1
1
  import { ICardProps } from './Card.interface';
2
2
  declare function Card(props: ICardProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Card {
4
- var defaultProps: {
5
- textSize: string;
6
- titleColor: string;
7
- titleTag: string;
8
- titleSize: string;
9
- imageShape: string;
10
- textColor: string;
11
- };
12
- }
13
3
  export { Card };
@@ -1,9 +1,3 @@
1
1
  import { ICellProps } from './Cell.interface';
2
2
  declare function Cell(props: ICellProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Cell {
4
- var defaultProps: {
5
- isDisabled: boolean;
6
- textSize: string;
7
- };
8
- }
9
3
  export { Cell };
@@ -1,9 +1,4 @@
1
1
  import type { iCheckboxConfig, iCheckboxProps } from './Checkbox.interface';
2
2
  declare const checkboxConfig: iCheckboxConfig;
3
3
  declare function Checkbox(props: iCheckboxProps): import("react/jsx-runtime").JSX.Element;
4
- declare namespace Checkbox {
5
- var defaultProps: {
6
- tag: string;
7
- };
8
- }
9
4
  export { Checkbox, checkboxConfig };
@@ -1,21 +1,19 @@
1
- import { ICodeProps } from './Code.interface';
1
+ import { iCodeConfig, ICodeProps } from './Code.interface';
2
+ declare const codeConfig: iCodeConfig;
2
3
  declare function Code(props: ICodeProps): import("react/jsx-runtime").JSX.Element;
3
4
  declare namespace Code {
4
5
  var defaultProps: {
5
- inputCount: number;
6
- inputType: string;
7
- inputSize: string;
8
- inputBorderWidth: number;
9
- inputPlaceholder: number;
10
6
  inputBorderColor: string;
11
7
  inputBorderColorHover: string;
12
8
  inputBorderFocusColor: string;
9
+ inputBorderWidth: number;
10
+ inputCaretColor: string;
13
11
  inputFill: string;
14
12
  inputFillHover: string;
15
13
  inputShape: string;
14
+ inputSize: string;
16
15
  inputTextColor: string;
17
16
  inputTextSize: string;
18
- inputCaretColor: string;
19
17
  };
20
18
  }
21
- export { Code };
19
+ export { Code, codeConfig };
@@ -2,8 +2,26 @@ import { FocusEvent, ReactNode } from 'react';
2
2
  import { AllowedInputTypes } from 'react-otp-input';
3
3
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
4
4
  import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
5
- export interface ICodeProps extends iStyleAttributes {
5
+ import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
6
+ export interface ICodeThemeColor {
7
+ borderColor?: tBorderColorProps;
8
+ fill?: tFillProps;
9
+ fillHover?: tFillHoverProps;
10
+ labelTextColor?: tTextColorProps;
11
+ labelTextSize?: tTextSizeProps;
12
+ shape?: tShapeProps;
13
+ }
14
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
15
+ export type codeAppearanceType = {
16
+ [key in appearanceKeysType]?: ICodeThemeColor;
17
+ };
18
+ export interface iCodeConfig {
19
+ appearance: codeAppearanceType | undefined;
20
+ setAppearance: (newComponent: codeAppearanceType) => void;
21
+ }
22
+ export interface ICodeProps extends ICodeThemeColor, iStyleAttributes {
6
23
  after?: ReactNode;
24
+ appearance?: appearanceKeysType;
7
25
  before?: ReactNode;
8
26
  className?: string;
9
27
  gap?: string;
@@ -24,10 +42,11 @@ export interface ICodeProps extends iStyleAttributes {
24
42
  inputTextSize?: tTextSizeProps;
25
43
  inputTextWeight?: tTextWeightProps;
26
44
  inputType?: AllowedInputTypes | undefined;
27
- otp?: string | number;
45
+ otp?: number | string;
28
46
  separatorComponent?: ReactNode;
29
47
  width?: tWidthProps;
30
48
  onBlur?: (arg0: FocusEvent) => void;
31
49
  onChange?: (otp: string) => void;
32
50
  onFocus?: (arg0: FocusEvent) => void;
33
51
  }
52
+ export {};
@@ -1 +1 @@
1
- export { Code } from './Code';
1
+ export { Code, codeConfig } from './Code';
@@ -1,8 +1,3 @@
1
1
  import { IContextMenuProps } from './ContextMenu.interface';
2
2
  declare function ContextMenu(props: IContextMenuProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace ContextMenu {
4
- var defaultProps: {
5
- tag: string;
6
- };
7
- }
8
3
  export { ContextMenu };
@@ -1,10 +1,3 @@
1
1
  import { ICookiesWarningProps } from './CookiesWarning.interface';
2
2
  declare function CookiesWarning(props: ICookiesWarningProps): import("react/jsx-runtime").JSX.Element | null;
3
- declare namespace CookiesWarning {
4
- var defaultProps: {
5
- message: string;
6
- buttonText: string;
7
- isHideOnScroll: boolean;
8
- };
9
- }
10
3
  export { CookiesWarning };
@@ -1,8 +1,9 @@
1
- import { IDividerProps } from './Divider.interface';
1
+ import { iDividerConfig, IDividerProps } from './Divider.interface';
2
+ declare const dividerConfig: iDividerConfig;
2
3
  declare function Divider(props: IDividerProps): import("react/jsx-runtime").JSX.Element;
3
4
  declare namespace Divider {
4
5
  var defaultProps: {
5
6
  size: string;
6
7
  };
7
8
  }
8
- export { Divider };
9
+ export { Divider, dividerConfig };
@@ -1,6 +1,7 @@
1
1
  import { CSSProperties } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
3
  import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from '../../types';
4
+ import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
4
5
  export interface IDividerThemeColor {
5
6
  className?: string;
6
7
  direction?: tDirectionProps;
@@ -25,7 +26,17 @@ export interface IDividerThemeColor {
25
26
  widthMobile?: tWidthProps;
26
27
  widthTablet?: tWidthProps;
27
28
  }
29
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
30
+ export type dividerAppearanceType = {
31
+ [key in appearanceKeysType]?: IDividerThemeColor;
32
+ };
33
+ export interface iDividerConfig {
34
+ appearance: dividerAppearanceType | undefined;
35
+ setAppearance: (newComponent: dividerAppearanceType) => void;
36
+ }
28
37
  export interface IDividerProps extends IDividerThemeColor, iStyleAttributes {
38
+ appearance?: appearanceKeysType;
29
39
  className?: string;
30
40
  style?: CSSProperties;
31
41
  }
42
+ export {};
@@ -1 +1 @@
1
- export { Divider } from './Divider';
1
+ export { Divider, dividerConfig } from './Divider';
@@ -1,6 +1,3 @@
1
1
  import { IDotProps } from './Dot.interface';
2
2
  declare function Dot(props: IDotProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Dot {
4
- var defaultProps: {};
5
- }
6
3
  export { Dot };
@@ -1,10 +1,3 @@
1
1
  import { IDropdownProps } from './Dropdown.interface';
2
2
  declare function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Dropdown {
4
- var defaultProps: {
5
- animationOpen: string;
6
- animationClose: string;
7
- set: string;
8
- };
9
- }
10
3
  export { Dropdown };
@@ -1,6 +1,7 @@
1
1
  import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, typePropsType, tUnderlineProps, tWidthProps } from '../../types';
3
+ import { alignmentPropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps, typePropsType } from '../../types';
4
+ import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
4
5
  export interface IDropdownProps extends iStyleAttributes {
5
6
  after?: ReactNode;
6
7
  alignment?: alignmentPropsType;
@@ -12,62 +13,74 @@ export interface IDropdownProps extends iStyleAttributes {
12
13
  elevation?: elevationPropsType;
13
14
  fill?: tFillProps;
14
15
  fillHover?: tFillHoverProps;
15
- isOpen: boolean;
16
- set?: string;
17
16
  shape?: tShapeProps;
18
17
  style?: CSSProperties;
18
+ isOpen: boolean;
19
+ set?: string;
19
20
  setIsOpen: (newState: boolean) => void;
20
21
  }
21
- export interface IDropdownItemProps extends iStyleAttributes {
22
+ export interface iDropdownItemThemeColor {
23
+ descTextColor?: tTextColorProps;
24
+ descTextSize?: tTextSizeProps;
25
+ direction?: tDirectionProps;
26
+ fill?: tFillProps;
27
+ fillHover?: tFillHoverProps;
28
+ labelTextColor?: tTextColorProps;
29
+ labelTextSize?: tTextSizeProps;
30
+ shape?: tShapeProps;
31
+ size?: tSizeProps;
32
+ width?: tWidthProps;
33
+ }
34
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
35
+ export type dropdownItemAppearanceType = {
36
+ [key in appearanceKeysType]?: iDropdownItemThemeColor;
37
+ };
38
+ export interface iDropdownItemConfig {
39
+ appearance: dropdownItemAppearanceType | undefined;
40
+ setAppearance: (newComponent: dropdownItemAppearanceType) => void;
41
+ }
42
+ export interface IDropdownItemProps extends iDropdownItemThemeColor, iStyleAttributes {
22
43
  after?: ReactNode;
23
44
  align?: tAlignProps;
24
45
  alignDirection?: tAlignDirectionProps;
46
+ appearance?: appearanceKeysType;
25
47
  before?: ReactNode;
26
48
  children?: ReactNode;
27
49
  className?: string;
28
50
  desc?: string;
29
- descTextColor?: tTextColorProps;
30
51
  descTextColorHover?: tTextColorHoverProps;
31
52
  descTextGradient?: tTextGradientProps;
32
- descTextSize?: tTextSizeProps;
33
53
  descTextStyle?: tTextStyleProps;
34
54
  descTextWeight?: tTextWeightProps;
35
55
  descTextWrap?: tTextWrapProps;
36
- direction?: tDirectionProps;
37
56
  dividerDirection?: tDirectionProps;
38
57
  dividerFill?: tFillProps;
39
58
  dividerSize?: tSizeProps;
40
- fill?: tFillProps;
41
59
  fillActive?: tFillProps;
42
60
  fillActiveHover?: tFillHoverProps;
43
61
  fillDisabled?: tFillProps;
44
- fillHover?: tFillHoverProps;
45
62
  href?: string;
46
63
  justifyContent?: tJustifyContentProps;
47
64
  label?: string;
48
65
  labelTextAlign?: tTextAlignProps;
49
- labelTextColor?: tTextColorProps;
50
66
  labelTextColorActive?: tTextColorActiveProps;
51
67
  labelTextColorHover?: tTextColorHoverProps;
52
68
  labelTextGradient?: tTextGradientProps;
53
- labelTextSize?: tTextSizeProps;
54
69
  labelTextStyle?: tTextStyleProps;
55
70
  labelTextWeight?: tTextWeightProps;
56
71
  labelTextWrap?: tTextWrapProps;
57
72
  link?: string;
58
73
  linkFill?: tFillProps;
59
74
  rel?: string;
60
- set?: string;
61
- shape?: tShapeProps;
62
75
  showDivider?: boolean;
63
- size?: tSizeProps;
64
76
  style?: CSSProperties;
65
77
  target?: string;
66
78
  type?: typePropsType;
67
79
  underline?: tUnderlineProps;
68
- width?: tWidthProps;
69
80
  isActive?: boolean;
70
81
  isHover?: boolean;
71
82
  onClick?: MouseEventHandler<HTMLDivElement>;
72
83
  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
84
+ set?: string;
73
85
  }
86
+ export {};
@@ -1,10 +1,11 @@
1
- import { IDropdownItemProps } from './Dropdown.interface';
1
+ import { iDropdownItemConfig, IDropdownItemProps } from './Dropdown.interface';
2
+ declare const dropdownItemConfig: iDropdownItemConfig;
2
3
  declare function DropdownItem(props: IDropdownItemProps): import("react/jsx-runtime").JSX.Element;
3
4
  declare namespace DropdownItem {
4
5
  var defaultProps: {
5
- size: string;
6
- LinkComponent: string;
7
6
  width: string;
7
+ LinkComponent: string;
8
+ size: string;
8
9
  };
9
10
  }
10
- export { DropdownItem };
11
+ export { DropdownItem, dropdownItemConfig };
@@ -1,3 +1,3 @@
1
1
  import { Dropdown } from './Dropdown';
2
- import { DropdownItem } from './DropdownItem';
3
- export { Dropdown, DropdownItem };
2
+ import { DropdownItem, dropdownItemConfig } from './DropdownItem';
3
+ export { Dropdown, DropdownItem, dropdownItemConfig };
@@ -1,8 +1,3 @@
1
1
  import { IGridProps } from './Grid.interface';
2
2
  declare function Grid(props: IGridProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Grid {
4
- var defaultProps: {
5
- tag: string;
6
- };
7
- }
8
3
  export { Grid };
@@ -1,8 +1,3 @@
1
1
  import { IGridRowProps } from './Grid.interface';
2
2
  declare function GridRow(props: IGridRowProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace GridRow {
4
- var defaultProps: {
5
- tag: string;
6
- };
7
- }
8
3
  export { GridRow };
@@ -1,9 +1,4 @@
1
1
  import { ILabelConfig, ILabelProps } from './Label.interface';
2
2
  declare const labelConfig: ILabelConfig;
3
3
  declare function Label(props: ILabelProps): import("react/jsx-runtime").JSX.Element;
4
- declare namespace Label {
5
- var defaultProps: {
6
- label: string;
7
- };
8
- }
9
4
  export { Label, labelConfig };
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { tFillProps, tHeightProps, tItemColorProps, positionPropsType, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
3
+ import { positionPropsType, tFillProps, tHeightProps, tItemColorProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
4
4
  import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  export interface ILoaderThemeColor {
6
6
  fill?: tFillProps;
@@ -10,7 +10,7 @@ export interface ILoaderThemeColor {
10
10
  textSize?: tTextSizeProps;
11
11
  width?: tWidthProps;
12
12
  }
13
- type appearanceKeysType = tAppearanceKeysDefault & {};
13
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
14
14
  export type loaderAppearanceType = {
15
15
  [key in appearanceKeysType]?: ILoaderThemeColor;
16
16
  };
@@ -23,8 +23,8 @@ export interface ILoaderProps extends ILoaderThemeColor, iStyleAttributes {
23
23
  children?: ReactNode;
24
24
  className?: string;
25
25
  position?: positionPropsType;
26
- set?: string;
27
26
  style?: CSSProperties;
28
27
  text?: string;
28
+ set?: string;
29
29
  }
30
30
  export {};