@itcase/ui 1.2.29 → 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 +10 -1053
  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 +11 -1054
  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 +29 -32
  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
@@ -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 {};
@@ -34,7 +34,7 @@ export interface IMenuItemThemeColor {
34
34
  underline?: tUnderlineProps;
35
35
  width?: tWidthProps;
36
36
  }
37
- type appearanceKeysType = tAppearanceKeysDefault & {};
37
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
38
38
  export type menuItemAppearanceType = {
39
39
  [key in appearanceKeysType]?: IMenuItemThemeColor;
40
40
  };
@@ -53,7 +53,6 @@ export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
53
53
  label?: string;
54
54
  link?: string;
55
55
  rel?: string;
56
- set?: string;
57
56
  style?: CSSProperties;
58
57
  target?: string;
59
58
  type?: string;
@@ -61,5 +60,6 @@ export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
61
60
  isHover?: boolean;
62
61
  onClick?: () => void;
63
62
  onMouseEnter?: () => void;
63
+ set?: string;
64
64
  }
65
65
  export {};
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
- import { iModalProps, iModalRef } from './Modal.interface';
2
+ import { iModalConfig, iModalProps, iModalRef } from './Modal.interface';
3
+ declare const modalConfig: iModalConfig;
3
4
  declare const Modal: React.ForwardRefExoticComponent<iModalProps & React.RefAttributes<iModalRef>>;
4
- export { Modal };
5
+ export { Modal, modalConfig };
@@ -1,6 +1,25 @@
1
1
  import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
2
2
  import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import type { tFillGradientProps, tFillProps } from '../../types';
3
+ import type { elevationPropsType, tBorderColorProps, tFillGradientProps, tFillProps, tShapeProps } from '../../types';
4
+ import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
+ export interface IModalThemeColor {
6
+ borderColor?: tBorderColorProps;
7
+ elevation?: elevationPropsType;
8
+ fill?: tFillProps;
9
+ overlayFill?: tFillProps;
10
+ overlayFillGradient?: tFillGradientProps;
11
+ overlayOpacity?: string;
12
+ shape?: tShapeProps;
13
+ isOverlay?: boolean;
14
+ }
15
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
16
+ export type modalAppearanceType = {
17
+ [key in appearanceKeysType]?: IModalThemeColor;
18
+ };
19
+ export interface iModalConfig {
20
+ appearance: modalAppearanceType | undefined;
21
+ setAppearance: (newComponent: modalAppearanceType) => void;
22
+ }
4
23
  interface iModalLoaderProps {
5
24
  }
6
25
  interface iModalRef {
@@ -9,8 +28,9 @@ interface iModalRef {
9
28
  openModal: () => void;
10
29
  isOpen: boolean;
11
30
  }
12
- interface iModalProps extends iStyleAttributes {
31
+ interface iModalProps extends IModalThemeColor, iStyleAttributes {
13
32
  id?: string;
33
+ appearance?: appearanceKeysType;
14
34
  children?: ReactNode;
15
35
  className?: string;
16
36
  closeButton?: ReactNode;
@@ -18,12 +38,8 @@ interface iModalProps extends iStyleAttributes {
18
38
  debug?: boolean;
19
39
  modalQuerySelector?: string;
20
40
  overlayClassName?: string;
21
- overlayFill?: tFillProps;
22
- overlayFillGradient?: tFillGradientProps;
23
- overlayOpacity?: string;
24
41
  isCloseOnBlur?: boolean;
25
42
  isOpen: boolean;
26
- isOverlay?: boolean;
27
43
  isScrollOnOpen?: boolean;
28
44
  isSetFocusOnOpen?: boolean;
29
45
  onClickOverlay?: () => void;
@@ -1,3 +1,3 @@
1
- import { Modal } from './Modal';
1
+ import { Modal, modalConfig } from './Modal';
2
2
  import { ModalLoader } from './ModalLoader';
3
- export { Modal, ModalLoader };
3
+ export { Modal, modalConfig, ModalLoader };
@@ -0,0 +1,3 @@
1
+ import { iModalSheetBottomProps } from './ModalSheetBottom.interface';
2
+ declare function ModalSheetBottom(props: iModalSheetBottomProps): import("react/jsx-runtime").JSX.Element;
3
+ export { ModalSheetBottom };
@@ -0,0 +1,11 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { Sheet } from 'react-modal-sheet';
3
+ import { tFillProps } from '../../types';
4
+ export type a = typeof Sheet;
5
+ export interface iModalSheetBottomProps extends a {
6
+ children?: ReactNode;
7
+ className?: string;
8
+ closeButton?: ReactNode;
9
+ fill?: tFillProps;
10
+ style?: CSSProperties;
11
+ }
@@ -0,0 +1 @@
1
+ export { ModalSheetBottom } from './ModalSheetBottom';
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
3
+ import { tFillProps, titleSizePropsType, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
4
4
  import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  export interface INotificationItemThemeColor {
6
6
  fill?: tFillProps;
@@ -9,8 +9,9 @@ export interface INotificationItemThemeColor {
9
9
  textSize?: tTextSizeProps;
10
10
  titleTextColor?: tTextColorProps;
11
11
  titleTextSize?: titleSizePropsType;
12
+ width?: tWidthProps;
12
13
  }
13
- type appearanceKeysType = tAppearanceKeysDefault & {};
14
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
14
15
  export type notificationItemAppearanceType = {
15
16
  [key in appearanceKeysType]?: INotificationItemThemeColor;
16
17
  };
@@ -19,16 +20,17 @@ export interface INotificationItemConfig {
19
20
  setAppearance: (newComponent: notificationItemAppearanceType) => void;
20
21
  }
21
22
  export interface INotificationItemProps extends iStyleAttributes {
23
+ id?: number | string;
22
24
  after?: ReactNode;
23
25
  appearance?: appearanceKeysType;
24
26
  before?: ReactNode;
25
27
  className?: string;
26
28
  closeButton?: ReactNode;
27
29
  dataTour?: string;
28
- id?: number | string;
29
- set?: string;
30
+ fill?: tFillProps;
30
31
  size?: tSizeProps;
31
32
  status?: string;
33
+ style?: CSSProperties;
32
34
  text?: string;
33
35
  textColor?: tTextColorProps;
34
36
  textSize?: tTextSizeProps;
@@ -36,15 +38,14 @@ export interface INotificationItemProps extends iStyleAttributes {
36
38
  titleTextColor?: tTextColorProps;
37
39
  titleTextSize?: titleSizePropsType;
38
40
  type?: string;
39
- style?: CSSProperties;
40
41
  onClickClose?: (id?: number | string) => void;
41
- fill?: tFillProps;
42
+ set?: string;
42
43
  }
43
44
  export interface INotificationListProps {
44
45
  className?: string;
45
46
  closeButton?: ReactNode;
46
- set?: string;
47
47
  size?: tSizeProps;
48
48
  type?: string;
49
+ set?: string;
49
50
  }
50
51
  export {};
@@ -0,0 +1,3 @@
1
+ import { iPageProps } from './Page.interface';
2
+ declare function Page(props: iPageProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Page };
@@ -0,0 +1,18 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tAlignProps, tFillProps, verticalResizeModePropsType } from 'types';
3
+ export interface iPageProps {
4
+ id?: number | string;
5
+ after?: ReactNode;
6
+ align: tAlignProps;
7
+ alignDirection: tAlignDirectionProps;
8
+ before?: ReactNode;
9
+ children?: ReactNode;
10
+ className?: string;
11
+ fill?: tFillProps;
12
+ horizontalResizing?: horizontalResizeModePropsType;
13
+ position: positionPropsType;
14
+ style?: CSSProperties;
15
+ type?: string;
16
+ verticalResizing: verticalResizeModePropsType;
17
+ wrapperPosition: positionPropsType;
18
+ }
@@ -1,42 +1 @@
1
- import PropTypes from 'prop-types';
2
- declare function Page(props: any): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Page {
4
- var propTypes: {
5
- children: PropTypes.Requireable<any>;
6
- className: PropTypes.Requireable<string>;
7
- before: PropTypes.Requireable<string>;
8
- after: PropTypes.Requireable<string>;
9
- id: PropTypes.Requireable<string>;
10
- fill: PropTypes.Requireable<string | null>;
11
- fillMobile: PropTypes.Requireable<string | null>;
12
- fillTablet: PropTypes.Requireable<string | null>;
13
- fillDesktop: PropTypes.Requireable<string | null>;
14
- type: PropTypes.Requireable<string>;
15
- tag: PropTypes.Requireable<string>;
16
- position: PropTypes.Requireable<string | null>;
17
- positionMobile: PropTypes.Requireable<string | null>;
18
- positionTablet: PropTypes.Requireable<string | null>;
19
- positionDesktop: PropTypes.Requireable<string | null>;
20
- wrapperPosition: PropTypes.Requireable<string | null>;
21
- wrapperPositionMobile: PropTypes.Requireable<string | null>;
22
- wrapperPositionTablet: PropTypes.Requireable<string | null>;
23
- wrapperPositionDesktop: PropTypes.Requireable<string | null>;
24
- horizontalResizing: PropTypes.Requireable<string | null>;
25
- horizontalResizingMobile: PropTypes.Requireable<string | null>;
26
- horizontalResizingTablet: PropTypes.Requireable<string | null>;
27
- horizontalResizingDesktop: PropTypes.Requireable<string | null>;
28
- verticalResizing: PropTypes.Requireable<string | null>;
29
- verticalResizingMobile: PropTypes.Requireable<string | null>;
30
- verticalResizingTablet: PropTypes.Requireable<string | null>;
31
- verticalResizingDesktop: PropTypes.Requireable<string | null>;
32
- align: PropTypes.Requireable<string | null>;
33
- alignMobile: PropTypes.Requireable<string | null>;
34
- alignTablet: PropTypes.Requireable<string | null>;
35
- alignDesktop: PropTypes.Requireable<string | null>;
36
- alignDirection: PropTypes.Requireable<string | null>;
37
- alignDirectionMobile: PropTypes.Requireable<string | null>;
38
- alignDirectionTablet: PropTypes.Requireable<string | null>;
39
- alignDirectionDesktop: PropTypes.Requireable<string | null>;
40
- };
41
- }
42
- export { Page };
1
+ export { Page } from './Page';
@@ -4,7 +4,6 @@ declare function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Elem
4
4
  declare namespace Radio {
5
5
  var defaultProps: {
6
6
  shape: string;
7
- tag: string;
8
7
  };
9
8
  }
10
9
  export { Radio, radioConfig };
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, titleSizePropsType, tWidthProps } from '../../types';
3
+ import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
4
4
  import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  export interface IResponseThemeColor {
6
6
  borderColor?: tBorderColorProps;
@@ -36,7 +36,7 @@ export interface IResponseThemeColor {
36
36
  titleTextSize?: titleSizePropsType;
37
37
  titleTextWeight?: tTextWeightProps;
38
38
  }
39
- type appearanceKeysType = tAppearanceKeysDefault & {};
39
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
40
40
  export type responseAppearanceType = {
41
41
  [key in appearanceKeysType]?: IResponseThemeColor;
42
42
  };
@@ -50,17 +50,17 @@ export interface IResponseProps extends IResponseThemeColor, iStyleAttributes {
50
50
  before?: ReactNode;
51
51
  className?: string;
52
52
  message?: string;
53
+ messageTextWeight?: tTextWeightProps;
53
54
  primaryButton?: boolean;
54
55
  primaryButtonAfter?: ReactNode;
55
56
  primaryButtonBefore?: ReactNode;
56
57
  secondaryButton?: boolean;
57
58
  secondaryButtonAfter?: ReactNode;
58
59
  secondaryButtonBefore?: ReactNode;
59
- messageTextWeight?: tTextWeightProps;
60
- set?: string;
61
60
  style?: CSSProperties;
62
61
  title?: string;
63
62
  onClickPrimaryButton?: () => void;
64
63
  onClickSecondaryButton?: () => void;
64
+ set?: string;
65
65
  }
66
66
  export {};
@@ -1,8 +1,3 @@
1
1
  import { IScrollbarProps } from './Scrollbar.interface';
2
2
  declare function Scrollbar(props: IScrollbarProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Scrollbar {
4
- var defaultProps: {
5
- scrollHeight: string;
6
- };
7
- }
8
3
  export { Scrollbar };
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, ReactNode } from 'react';
2
2
  import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, iconSizePropsType, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
3
+ import { borderColorHoverPropsType, borderTypePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
4
4
  import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  export interface ISearchThemeColor {
6
6
  borderColor?: tBorderColorProps;
@@ -8,12 +8,18 @@ export interface ISearchThemeColor {
8
8
  borderType?: borderTypePropsType;
9
9
  borderWidth?: tBorderWidthProps;
10
10
  fill?: tFillProps;
11
+ iconAfter?: string;
11
12
  iconAfterFill?: tItemColorProps;
12
13
  iconAfterSize?: iconSizePropsType;
14
+ iconAfterSrc?: string;
15
+ iconBefore?: string;
13
16
  iconBeforeFill?: tItemColorProps;
14
17
  iconBeforeSize?: iconSizePropsType;
18
+ iconBeforeSrc?: string;
19
+ iconClear?: string;
15
20
  iconClearFill?: tItemColorProps;
16
21
  iconClearSize?: iconSizePropsType;
22
+ iconClearSrc?: string;
17
23
  inputFill?: tFillProps;
18
24
  inputShape?: tShapeProps;
19
25
  inputTextColor?: tTextColorProps;
@@ -25,10 +31,10 @@ export interface ISearchThemeColor {
25
31
  placeholderTextStyle?: tTextStyleProps;
26
32
  placeholderTextWeight?: tTextWeightProps;
27
33
  shape?: tShapeProps;
28
- size?: 'compact' | 'normal' | 's' | 'l';
34
+ size?: 'compact' | 'l' | 'normal' | 's';
29
35
  width?: tWidthProps;
30
36
  }
31
- type appearanceKeysType = tAppearanceKeysDefault & {};
37
+ type appearanceKeysType = {} & tAppearanceKeysDefault;
32
38
  export type searchAppearanceType = {
33
39
  [key in appearanceKeysType]?: ISearchThemeColor;
34
40
  };
@@ -42,12 +48,6 @@ export interface ISearchProps extends ISearchThemeColor, iStyleAttributes {
42
48
  before?: ReactNode;
43
49
  className?: string;
44
50
  dataTour?: string;
45
- iconAfter?: string;
46
- iconAfterSrc?: string;
47
- iconBefore?: string;
48
- iconBeforeSrc?: string;
49
- iconClear?: string;
50
- iconClearSrc?: string;
51
51
  placeholder?: string;
52
52
  style?: CSSProperties;
53
53
  type?: string;
@@ -1,3 +1,4 @@
1
- import { ISiteMenuProps } from './SiteMenu.interface';
1
+ import { iSiteMenuConfig, ISiteMenuProps } from './SiteMenu.interface';
2
+ declare const siteMenuConfig: iSiteMenuConfig;
2
3
  declare function SiteMenu(props: ISiteMenuProps): import("react/jsx-runtime").JSX.Element;
3
- export { SiteMenu };
4
+ export { SiteMenu, siteMenuConfig };