@itcase/ui 1.1.5 → 1.1.7

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 (448) hide show
  1. package/dist/Accordion-JS45IVx7.js +204 -0
  2. package/dist/Breadcrumbs-KOoMbWmP.js +619 -0
  3. package/dist/ContextMenuItem-CF5L8xev.js +204 -0
  4. package/dist/DropdownItem-C0gYXEq6.js +644 -0
  5. package/dist/FlexItem-DHynUt6v.js +118 -0
  6. package/dist/GridRow-Buc4dsHd.js +1691 -0
  7. package/dist/Group-DhYXDvAJ.js +119 -0
  8. package/dist/ListItem-DYbK4_8c.js +479 -0
  9. package/dist/ModalLoader-DJVKhIZR.js +374 -0
  10. package/dist/NotificationList-KbxjrO3o.js +245 -0
  11. package/dist/SearchResult-DNPmzvp8.js +530 -0
  12. package/dist/SelectField-uEsQcoxF.js +571 -0
  13. package/dist/SiteMenuButton-DE_hCJUV.js +181 -0
  14. package/dist/TabGroup-CCR5jORT.js +1071 -0
  15. package/dist/Text-DffpwlYq.js +81 -0
  16. package/dist/cjs/Accordion-BDTE-Lkj.js +213 -0
  17. package/dist/cjs/Breadcrumbs-BV5q8aPJ.js +629 -0
  18. package/dist/cjs/ContextMenuItem-C8eg828K.js +213 -0
  19. package/dist/cjs/DropdownItem-DT8iQfVh.js +653 -0
  20. package/dist/cjs/FlexItem-CYXxJtYX.js +125 -0
  21. package/dist/cjs/GridRow-6wilpUeo.js +1701 -0
  22. package/dist/cjs/Group-DbzIk8kt.js +126 -0
  23. package/dist/cjs/ListItem-CTDoiG0C.js +488 -0
  24. package/dist/cjs/ModalLoader-4mmV5G4E.js +384 -0
  25. package/dist/cjs/NotificationList-B6QbYA9H.js +255 -0
  26. package/dist/cjs/SearchResult-CdsV7oDb.js +540 -0
  27. package/dist/cjs/SelectField-DVCsVz6q.js +583 -0
  28. package/dist/cjs/SiteMenuButton-CVdX1ouh.js +190 -0
  29. package/dist/cjs/TabGroup-B1LUF9Hg.js +1081 -0
  30. package/dist/cjs/Text-CfBPhwqK.js +88 -0
  31. package/dist/cjs/components/Accordion/Accordion.d.ts +8 -0
  32. package/dist/cjs/components/Accordion/Accordion.interface.d.ts +68 -0
  33. package/dist/cjs/components/Accordion/AccordionItem.d.ts +8 -0
  34. package/dist/cjs/components/Accordion/index.d.ts +3 -0
  35. package/dist/cjs/components/Accordion.js +45 -0
  36. package/dist/cjs/components/Avatar.js +270 -0
  37. package/dist/cjs/components/Badge.js +206 -0
  38. package/dist/cjs/components/Breadcrumbs.js +48 -0
  39. package/dist/cjs/components/Button.js +563 -0
  40. package/dist/cjs/components/Caption.js +197 -0
  41. package/dist/cjs/components/Card.js +279 -0
  42. package/dist/cjs/components/Cell.js +426 -0
  43. package/dist/cjs/components/Checkbox.js +166 -0
  44. package/dist/cjs/components/Chips.js +393 -0
  45. package/dist/cjs/components/Choice.js +351 -0
  46. package/dist/cjs/components/Code.js +437 -0
  47. package/dist/cjs/components/ContextMenu.js +48 -0
  48. package/dist/cjs/components/CookiesWarning.js +186 -0
  49. package/dist/cjs/components/DadataHintField.js +1193 -0
  50. package/dist/cjs/components/DatePicker.js +14102 -0
  51. package/dist/{components/Background.js → cjs/components/Divider.js} +75 -83
  52. package/dist/cjs/components/Dot.js +226 -0
  53. package/dist/cjs/components/Drawer.js +274 -0
  54. package/dist/cjs/components/Dropdown.js +36 -0
  55. package/dist/cjs/components/Flex/Flex.d.ts +8 -0
  56. package/dist/cjs/components/Flex/Flex.interface.d.ts +116 -0
  57. package/dist/cjs/components/Flex/FlexItem.d.ts +8 -0
  58. package/dist/cjs/components/Flex/index.d.ts +3 -0
  59. package/dist/cjs/components/Flex.js +22 -0
  60. package/dist/cjs/components/FormField.js +59 -0
  61. package/dist/cjs/components/Grid.js +30 -0
  62. package/dist/cjs/components/Group/Group.d.ts +9 -0
  63. package/dist/cjs/components/Group/Group.interface.d.ts +49 -0
  64. package/dist/cjs/components/Group/index.d.ts +1 -0
  65. package/dist/cjs/components/Group.js +22 -0
  66. package/dist/cjs/components/Icon.js +641 -0
  67. package/dist/cjs/components/Image.js +480 -0
  68. package/dist/cjs/components/Input.js +233 -0
  69. package/dist/cjs/components/InputMask.js +233 -0
  70. package/dist/cjs/components/InputPassword.js +260 -0
  71. package/dist/cjs/components/Label.js +643 -0
  72. package/dist/cjs/components/LanguageSelector.js +130 -0
  73. package/dist/cjs/components/Link.js +505 -0
  74. package/dist/cjs/components/List.js +31 -0
  75. package/dist/cjs/components/Loader.js +156 -0
  76. package/dist/cjs/components/Logo.js +182 -0
  77. package/dist/cjs/components/Menu.js +192 -0
  78. package/dist/cjs/components/MenuItem.js +680 -0
  79. package/dist/cjs/components/Modal.js +28 -0
  80. package/dist/cjs/components/Notification.js +37 -0
  81. package/dist/cjs/components/Overlay.js +197 -0
  82. package/dist/cjs/components/Page.js +422 -0
  83. package/dist/cjs/components/Pagination.js +372 -0
  84. package/dist/cjs/components/Radio.js +267 -0
  85. package/dist/cjs/components/RangeSlider.js +296 -0
  86. package/dist/cjs/components/Response.js +248 -0
  87. package/dist/cjs/components/ScrollOnDrag.js +214 -0
  88. package/dist/cjs/components/Scrollbar.js +71 -0
  89. package/dist/cjs/components/Search.js +48 -0
  90. package/dist/cjs/components/Segmented.js +235 -0
  91. package/dist/cjs/components/Select.js +8538 -0
  92. package/dist/cjs/components/SiteMenu.js +45 -0
  93. package/dist/cjs/components/Swiper.js +5655 -0
  94. package/dist/cjs/components/Switch.js +105 -0
  95. package/dist/cjs/components/Tab.js +42 -0
  96. package/dist/cjs/components/Text/Text.d.ts +9 -0
  97. package/dist/cjs/components/Text/Text.interface.d.ts +51 -0
  98. package/dist/cjs/components/Text/index.d.ts +1 -0
  99. package/dist/cjs/components/Text.js +22 -0
  100. package/dist/cjs/components/Textarea.js +212 -0
  101. package/dist/cjs/components/Tile.js +571 -0
  102. package/dist/cjs/components/Title.js +400 -0
  103. package/dist/cjs/components/Tooltip.js +451 -0
  104. package/dist/cjs/components/Video.js +175 -0
  105. package/dist/cjs/components/Wrapper.js +438 -0
  106. package/dist/cjs/components/index.d.ts +58 -0
  107. package/dist/cjs/components.js +241 -0
  108. package/dist/cjs/constants/componentProps/align.js +7 -0
  109. package/dist/cjs/constants/componentProps/alignDirection.js +7 -0
  110. package/dist/cjs/constants/componentProps/alignment.js +7 -0
  111. package/dist/cjs/constants/componentProps/borderColor.js +7 -0
  112. package/dist/cjs/constants/componentProps/borderColorHover.js +7 -0
  113. package/dist/cjs/constants/componentProps/borderType.js +7 -0
  114. package/dist/cjs/constants/componentProps/borderWidth.js +9 -0
  115. package/dist/cjs/constants/componentProps/captionPosition.js +7 -0
  116. package/dist/cjs/constants/componentProps/direction.js +7 -0
  117. package/dist/cjs/constants/componentProps/emojiSize.js +9 -0
  118. package/dist/cjs/constants/componentProps/fill.js +7 -0
  119. package/dist/cjs/constants/componentProps/fillGradient.js +7 -0
  120. package/dist/cjs/constants/componentProps/fillHover.js +7 -0
  121. package/dist/cjs/constants/componentProps/fillType.js +7 -0
  122. package/dist/cjs/constants/componentProps/flexAlign.js +7 -0
  123. package/dist/cjs/constants/componentProps/flexJustifyContent.js +7 -0
  124. package/dist/cjs/constants/componentProps/flexWrap.js +7 -0
  125. package/dist/cjs/constants/componentProps/gridAlign.js +7 -0
  126. package/dist/cjs/constants/componentProps/gridAlignSelf.js +7 -0
  127. package/dist/cjs/constants/componentProps/gridJustifyItems.js +7 -0
  128. package/dist/cjs/constants/componentProps/gridJustifySelf.js +7 -0
  129. package/dist/cjs/constants/componentProps/height.js +7 -0
  130. package/dist/cjs/constants/componentProps/horizontalContentAlign.js +7 -0
  131. package/dist/cjs/constants/componentProps/horizontalResizeMode.js +7 -0
  132. package/dist/cjs/constants/componentProps/iconFillSize.js +9 -0
  133. package/dist/cjs/constants/componentProps/iconSize.js +9 -0
  134. package/dist/cjs/constants/componentProps/itemColor.js +7 -0
  135. package/dist/cjs/constants/componentProps/position.js +7 -0
  136. package/dist/cjs/constants/componentProps/resizeMode.js +7 -0
  137. package/dist/cjs/constants/componentProps/shape.js +7 -0
  138. package/dist/cjs/constants/componentProps/size.js +7 -0
  139. package/dist/cjs/constants/componentProps/sizeInterface.js +7 -0
  140. package/dist/cjs/constants/componentProps/sizePX.js +9 -0
  141. package/dist/cjs/constants/componentProps/stacking.js +7 -0
  142. package/dist/cjs/constants/componentProps/state.js +7 -0
  143. package/dist/cjs/constants/componentProps/strokeColor.js +7 -0
  144. package/dist/cjs/constants/componentProps/textAlign.js +7 -0
  145. package/dist/cjs/constants/componentProps/textColor.js +7 -0
  146. package/dist/cjs/constants/componentProps/textColorActive.js +7 -0
  147. package/dist/cjs/constants/componentProps/textColorHover.js +7 -0
  148. package/dist/cjs/constants/componentProps/textGradient.js +7 -0
  149. package/dist/cjs/constants/componentProps/textSize.js +7 -0
  150. package/dist/cjs/constants/componentProps/textStyle.js +7 -0
  151. package/dist/cjs/constants/componentProps/textTag.js +7 -0
  152. package/dist/cjs/constants/componentProps/textWeight.js +9 -0
  153. package/dist/cjs/constants/componentProps/textWrap.js +7 -0
  154. package/dist/cjs/constants/componentProps/titleSize.js +7 -0
  155. package/dist/cjs/constants/componentProps/type.js +7 -0
  156. package/dist/cjs/constants/componentProps/underline.js +7 -0
  157. package/dist/cjs/constants/componentProps/verticalContentAlign.js +7 -0
  158. package/dist/cjs/constants/componentProps/verticalResizeMode.js +7 -0
  159. package/dist/cjs/constants/componentProps/width.js +7 -0
  160. package/dist/cjs/constants/componentProps/wrap.js +7 -0
  161. package/dist/cjs/constants-ts/componentProps/align.d.ts +1 -0
  162. package/dist/cjs/constants-ts/componentProps/alignDirection.d.ts +1 -0
  163. package/dist/cjs/constants-ts/componentProps/alignment.d.ts +1 -0
  164. package/dist/cjs/constants-ts/componentProps/borderColor.d.ts +1 -0
  165. package/dist/cjs/constants-ts/componentProps/borderColorHover.d.ts +1 -0
  166. package/dist/cjs/constants-ts/componentProps/borderType.d.ts +1 -0
  167. package/dist/cjs/constants-ts/componentProps/borderWidth.d.ts +1 -0
  168. package/dist/cjs/constants-ts/componentProps/captionPosition.d.ts +1 -0
  169. package/dist/cjs/constants-ts/componentProps/direction.d.ts +1 -0
  170. package/dist/cjs/constants-ts/componentProps/elevation.d.ts +1 -0
  171. package/dist/cjs/constants-ts/componentProps/emojiSize.d.ts +1 -0
  172. package/dist/cjs/constants-ts/componentProps/fill.d.ts +1 -0
  173. package/dist/cjs/constants-ts/componentProps/fillGradient.d.ts +1 -0
  174. package/dist/cjs/constants-ts/componentProps/fillHover.d.ts +1 -0
  175. package/dist/cjs/constants-ts/componentProps/fillType.d.ts +1 -0
  176. package/dist/cjs/constants-ts/componentProps/flexAlign.d.ts +1 -0
  177. package/dist/cjs/constants-ts/componentProps/flexGrow.d.ts +1 -0
  178. package/dist/cjs/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
  179. package/dist/cjs/constants-ts/componentProps/flexWrap.d.ts +1 -0
  180. package/dist/cjs/constants-ts/componentProps/gridAlign.d.ts +1 -0
  181. package/dist/cjs/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
  182. package/dist/cjs/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
  183. package/dist/cjs/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
  184. package/dist/cjs/constants-ts/componentProps/height.d.ts +1 -0
  185. package/dist/cjs/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
  186. package/dist/cjs/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
  187. package/dist/cjs/constants-ts/componentProps/iconFillSize.d.ts +1 -0
  188. package/dist/cjs/constants-ts/componentProps/iconSize.d.ts +1 -0
  189. package/dist/cjs/constants-ts/componentProps/itemColor.d.ts +1 -0
  190. package/dist/cjs/constants-ts/componentProps/justifyContent.d.ts +1 -0
  191. package/dist/cjs/constants-ts/componentProps/position.d.ts +1 -0
  192. package/dist/cjs/constants-ts/componentProps/resizeMode.d.ts +1 -0
  193. package/dist/cjs/constants-ts/componentProps/shape.d.ts +1 -0
  194. package/dist/cjs/constants-ts/componentProps/size.d.ts +1 -0
  195. package/dist/cjs/constants-ts/componentProps/sizeInterface.d.ts +1 -0
  196. package/dist/cjs/constants-ts/componentProps/sizePX.d.ts +1 -0
  197. package/dist/cjs/constants-ts/componentProps/stacking.d.ts +1 -0
  198. package/dist/cjs/constants-ts/componentProps/state.d.ts +1 -0
  199. package/dist/cjs/constants-ts/componentProps/strokeColor.d.ts +1 -0
  200. package/dist/cjs/constants-ts/componentProps/textAlign.d.ts +1 -0
  201. package/dist/cjs/constants-ts/componentProps/textColor.d.ts +1 -0
  202. package/dist/cjs/constants-ts/componentProps/textColorActive.d.ts +1 -0
  203. package/dist/cjs/constants-ts/componentProps/textColorHover.d.ts +1 -0
  204. package/dist/cjs/constants-ts/componentProps/textGradient.d.ts +1 -0
  205. package/dist/cjs/constants-ts/componentProps/textSize.d.ts +1 -0
  206. package/dist/cjs/constants-ts/componentProps/textStyle.d.ts +1 -0
  207. package/dist/cjs/constants-ts/componentProps/textTag.d.ts +1 -0
  208. package/dist/cjs/constants-ts/componentProps/textWeight.d.ts +1 -0
  209. package/dist/cjs/constants-ts/componentProps/textWrap.d.ts +1 -0
  210. package/dist/cjs/constants-ts/componentProps/titleSize.d.ts +1 -0
  211. package/dist/cjs/constants-ts/componentProps/type.d.ts +1 -0
  212. package/dist/cjs/constants-ts/componentProps/underline.d.ts +1 -0
  213. package/dist/cjs/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
  214. package/dist/cjs/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
  215. package/dist/cjs/constants-ts/componentProps/width.d.ts +1 -0
  216. package/dist/cjs/constants-ts/componentProps/wrap.d.ts +1 -0
  217. package/dist/cjs/constants-ts/index.d.ts +56 -0
  218. package/dist/cjs/constants.js +111 -0
  219. package/dist/cjs/context/Notifications.js +122 -0
  220. package/dist/cjs/context/UIContext.js +56 -0
  221. package/dist/cjs/context/index.d.ts +2 -0
  222. package/dist/cjs/hooks/index.d.ts +3 -0
  223. package/dist/cjs/hooks/styleAttributes.interface.d.ts +145 -0
  224. package/dist/cjs/hooks/styleAttributes.js +39 -0
  225. package/dist/cjs/hooks/useDeviceTargetClass.js +61 -0
  226. package/dist/cjs/hooks/useMediaQueries.js +139 -0
  227. package/dist/cjs/hooks/useStyles.js +135 -0
  228. package/dist/cjs/index.d.ts +4 -0
  229. package/dist/cjs/jsx-runtime-BCmQOGxJ.js +1363 -0
  230. package/dist/components/Accordion/Accordion.d.ts +8 -0
  231. package/dist/components/Accordion/Accordion.interface.d.ts +68 -0
  232. package/dist/components/Accordion/AccordionItem.d.ts +8 -0
  233. package/dist/components/Accordion/index.d.ts +3 -0
  234. package/dist/components/Accordion.js +38 -697
  235. package/dist/components/Avatar.js +75 -70
  236. package/dist/components/Badge.js +41 -56
  237. package/dist/components/Breadcrumbs.js +41 -656
  238. package/dist/components/Button.js +115 -107
  239. package/dist/components/Caption.js +37 -45
  240. package/dist/components/Card.js +47 -60
  241. package/dist/components/Cell.js +87 -96
  242. package/dist/components/Checkbox.js +41 -56
  243. package/dist/components/Chips.js +64 -78
  244. package/dist/components/Choice.js +81 -91
  245. package/dist/components/Code.js +40 -48
  246. package/dist/components/ContextMenu.js +41 -246
  247. package/dist/components/CookiesWarning.js +61 -73
  248. package/dist/components/DadataHintField.js +59 -65
  249. package/dist/components/DatePicker.js +5255 -425
  250. package/dist/components/Divider.js +47 -55
  251. package/dist/components/Dot.js +37 -45
  252. package/dist/components/Drawer.js +26 -34
  253. package/dist/components/Dropdown.js +29 -657
  254. package/dist/components/Flex/Flex.d.ts +8 -0
  255. package/dist/components/Flex/Flex.interface.d.ts +116 -0
  256. package/dist/components/Flex/FlexItem.d.ts +8 -0
  257. package/dist/components/Flex/index.d.ts +3 -0
  258. package/dist/components/Flex.js +15 -1185
  259. package/dist/components/FormField.js +49 -617
  260. package/dist/components/Grid.js +22 -1705
  261. package/dist/components/Group/Group.d.ts +9 -0
  262. package/dist/components/Group/Group.interface.d.ts +49 -0
  263. package/dist/components/Group/index.d.ts +1 -0
  264. package/dist/components/Group.js +15 -315
  265. package/dist/components/Icon.js +113 -124
  266. package/dist/components/Image.js +78 -94
  267. package/dist/components/Input.js +40 -49
  268. package/dist/components/InputMask.js +39 -48
  269. package/dist/components/InputPassword.js +66 -76
  270. package/dist/components/Label.js +104 -114
  271. package/dist/components/LanguageSelector.js +53 -62
  272. package/dist/components/Link.js +74 -84
  273. package/dist/components/List.js +24 -498
  274. package/dist/components/Loader.js +41 -56
  275. package/dist/components/Logo.js +47 -55
  276. package/dist/components/Menu.js +51 -58
  277. package/dist/components/MenuItem.js +103 -111
  278. package/dist/components/Modal.js +21 -402
  279. package/dist/components/Notification.js +29 -281
  280. package/dist/components/Overlay.js +37 -45
  281. package/dist/components/Page.js +66 -74
  282. package/dist/components/Pagination.js +223 -54
  283. package/dist/components/Radio.js +55 -70
  284. package/dist/components/RangeSlider.js +53 -62
  285. package/dist/components/Response.js +109 -122
  286. package/dist/components/ScrollOnDrag.js +80 -164
  287. package/dist/components/Scrollbar.js +15 -18
  288. package/dist/components/Search.js +40 -571
  289. package/dist/components/Segmented.js +54 -69
  290. package/dist/components/Select.js +281 -324
  291. package/dist/components/SiteMenu.js +38 -221
  292. package/dist/components/Swiper.js +183 -186
  293. package/dist/components/Switch.js +17 -25
  294. package/dist/components/Tab.js +34 -1089
  295. package/dist/components/Text/Text.d.ts +9 -0
  296. package/dist/components/Text/Text.interface.d.ts +51 -0
  297. package/dist/components/Text/index.d.ts +1 -0
  298. package/dist/components/Text.js +15 -362
  299. package/dist/components/Textarea.js +37 -46
  300. package/dist/components/Tile.js +103 -112
  301. package/dist/components/Title.js +66 -75
  302. package/dist/components/Tooltip.js +83 -93
  303. package/dist/components/Video.js +32 -40
  304. package/dist/components/Wrapper.js +67 -75
  305. package/dist/components/index.d.ts +58 -0
  306. package/dist/components.js +124 -0
  307. package/dist/constants/componentProps/align.js +1 -3
  308. package/dist/constants/componentProps/alignDirection.js +1 -3
  309. package/dist/constants/componentProps/alignment.js +1 -3
  310. package/dist/constants/componentProps/borderColor.js +1 -3
  311. package/dist/constants/componentProps/borderColorHover.js +1 -3
  312. package/dist/constants/componentProps/borderType.js +1 -3
  313. package/dist/constants/componentProps/borderWidth.js +1 -3
  314. package/dist/constants/componentProps/captionPosition.js +1 -3
  315. package/dist/constants/componentProps/direction.js +1 -3
  316. package/dist/constants/componentProps/emojiSize.js +1 -3
  317. package/dist/constants/componentProps/fill.js +1 -3
  318. package/dist/constants/componentProps/fillGradient.js +1 -3
  319. package/dist/constants/componentProps/fillHover.js +1 -3
  320. package/dist/constants/componentProps/fillType.js +1 -3
  321. package/dist/constants/componentProps/flexAlign.js +1 -3
  322. package/dist/constants/componentProps/flexJustifyContent.js +1 -3
  323. package/dist/constants/componentProps/flexWrap.js +1 -3
  324. package/dist/constants/componentProps/gridAlign.js +1 -3
  325. package/dist/constants/componentProps/gridAlignSelf.js +1 -3
  326. package/dist/constants/componentProps/gridJustifyItems.js +1 -3
  327. package/dist/constants/componentProps/gridJustifySelf.js +1 -3
  328. package/dist/constants/componentProps/height.js +1 -3
  329. package/dist/constants/componentProps/horizontalContentAlign.js +1 -3
  330. package/dist/constants/componentProps/horizontalResizeMode.js +1 -3
  331. package/dist/constants/componentProps/iconFillSize.js +1 -3
  332. package/dist/constants/componentProps/iconSize.js +1 -3
  333. package/dist/constants/componentProps/itemColor.js +1 -3
  334. package/dist/constants/componentProps/position.js +1 -3
  335. package/dist/constants/componentProps/resizeMode.js +1 -3
  336. package/dist/constants/componentProps/shape.js +1 -3
  337. package/dist/constants/componentProps/size.js +1 -3
  338. package/dist/constants/componentProps/sizeInterface.js +1 -3
  339. package/dist/constants/componentProps/sizePX.js +1 -3
  340. package/dist/constants/componentProps/stacking.js +1 -3
  341. package/dist/constants/componentProps/state.js +1 -3
  342. package/dist/constants/componentProps/strokeColor.js +1 -3
  343. package/dist/constants/componentProps/textAlign.js +1 -3
  344. package/dist/constants/componentProps/textColor.js +1 -3
  345. package/dist/constants/componentProps/textColorActive.js +1 -3
  346. package/dist/constants/componentProps/textColorHover.js +1 -3
  347. package/dist/constants/componentProps/textGradient.js +1 -3
  348. package/dist/constants/componentProps/textSize.js +1 -3
  349. package/dist/constants/componentProps/textStyle.js +1 -3
  350. package/dist/constants/componentProps/textTag.js +1 -3
  351. package/dist/constants/componentProps/textWeight.js +1 -3
  352. package/dist/constants/componentProps/textWrap.js +1 -3
  353. package/dist/constants/componentProps/titleSize.js +1 -3
  354. package/dist/constants/componentProps/type.js +1 -3
  355. package/dist/constants/componentProps/underline.js +1 -3
  356. package/dist/constants/componentProps/verticalContentAlign.js +1 -3
  357. package/dist/constants/componentProps/verticalResizeMode.js +1 -3
  358. package/dist/constants/componentProps/width.js +1 -3
  359. package/dist/constants/componentProps/wrap.js +1 -3
  360. package/dist/constants-ts/componentProps/align.d.ts +1 -0
  361. package/dist/constants-ts/componentProps/alignDirection.d.ts +1 -0
  362. package/dist/constants-ts/componentProps/alignment.d.ts +1 -0
  363. package/dist/constants-ts/componentProps/borderColor.d.ts +1 -0
  364. package/dist/constants-ts/componentProps/borderColorHover.d.ts +1 -0
  365. package/dist/constants-ts/componentProps/borderType.d.ts +1 -0
  366. package/dist/constants-ts/componentProps/borderWidth.d.ts +1 -0
  367. package/dist/constants-ts/componentProps/captionPosition.d.ts +1 -0
  368. package/dist/constants-ts/componentProps/direction.d.ts +1 -0
  369. package/dist/constants-ts/componentProps/elevation.d.ts +1 -0
  370. package/dist/constants-ts/componentProps/emojiSize.d.ts +1 -0
  371. package/dist/constants-ts/componentProps/fill.d.ts +1 -0
  372. package/dist/constants-ts/componentProps/fillGradient.d.ts +1 -0
  373. package/dist/constants-ts/componentProps/fillHover.d.ts +1 -0
  374. package/dist/constants-ts/componentProps/fillType.d.ts +1 -0
  375. package/dist/constants-ts/componentProps/flexAlign.d.ts +1 -0
  376. package/dist/constants-ts/componentProps/flexGrow.d.ts +1 -0
  377. package/dist/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
  378. package/dist/constants-ts/componentProps/flexWrap.d.ts +1 -0
  379. package/dist/constants-ts/componentProps/gridAlign.d.ts +1 -0
  380. package/dist/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
  381. package/dist/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
  382. package/dist/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
  383. package/dist/constants-ts/componentProps/height.d.ts +1 -0
  384. package/dist/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
  385. package/dist/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
  386. package/dist/constants-ts/componentProps/iconFillSize.d.ts +1 -0
  387. package/dist/constants-ts/componentProps/iconSize.d.ts +1 -0
  388. package/dist/constants-ts/componentProps/itemColor.d.ts +1 -0
  389. package/dist/constants-ts/componentProps/justifyContent.d.ts +1 -0
  390. package/dist/constants-ts/componentProps/position.d.ts +1 -0
  391. package/dist/constants-ts/componentProps/resizeMode.d.ts +1 -0
  392. package/dist/constants-ts/componentProps/shape.d.ts +1 -0
  393. package/dist/constants-ts/componentProps/size.d.ts +1 -0
  394. package/dist/constants-ts/componentProps/sizeInterface.d.ts +1 -0
  395. package/dist/constants-ts/componentProps/sizePX.d.ts +1 -0
  396. package/dist/constants-ts/componentProps/stacking.d.ts +1 -0
  397. package/dist/constants-ts/componentProps/state.d.ts +1 -0
  398. package/dist/constants-ts/componentProps/strokeColor.d.ts +1 -0
  399. package/dist/constants-ts/componentProps/textAlign.d.ts +1 -0
  400. package/dist/constants-ts/componentProps/textColor.d.ts +1 -0
  401. package/dist/constants-ts/componentProps/textColorActive.d.ts +1 -0
  402. package/dist/constants-ts/componentProps/textColorHover.d.ts +1 -0
  403. package/dist/constants-ts/componentProps/textGradient.d.ts +1 -0
  404. package/dist/constants-ts/componentProps/textSize.d.ts +1 -0
  405. package/dist/constants-ts/componentProps/textStyle.d.ts +1 -0
  406. package/dist/constants-ts/componentProps/textTag.d.ts +1 -0
  407. package/dist/constants-ts/componentProps/textWeight.d.ts +1 -0
  408. package/dist/constants-ts/componentProps/textWrap.d.ts +1 -0
  409. package/dist/constants-ts/componentProps/titleSize.d.ts +1 -0
  410. package/dist/constants-ts/componentProps/type.d.ts +1 -0
  411. package/dist/constants-ts/componentProps/underline.d.ts +1 -0
  412. package/dist/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
  413. package/dist/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
  414. package/dist/constants-ts/componentProps/width.d.ts +1 -0
  415. package/dist/constants-ts/componentProps/wrap.d.ts +1 -0
  416. package/dist/constants-ts/index.d.ts +56 -0
  417. package/dist/constants.js +53 -111
  418. package/dist/context/Notifications.js +16 -25
  419. package/dist/context/UIContext.js +20 -29
  420. package/dist/context/index.d.ts +2 -0
  421. package/dist/css/components/Avatar/Avatar.css +10 -0
  422. package/dist/css/components/Button/Button.css +1 -1
  423. package/dist/css/components/DatePicker/DatePicker.css +11 -10
  424. package/dist/css/components/Dropdown/Dropdown.css +41 -15
  425. package/dist/css/components/Grid/Grid.css +9 -17
  426. package/dist/css/components/MenuItem/MenuItem.css +5 -5
  427. package/dist/css/components/Modal/Modal.css +1 -0
  428. package/dist/css/components/Pagination/Pagination.css +55 -32
  429. package/dist/css/components/Pagination/css/__item/pagination__item.css +27 -25
  430. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +30 -5
  431. package/dist/css/components/Scrollbar/Scrollbar.css +56 -0
  432. package/dist/css/components/Select/Select.css +9 -1
  433. package/dist/css/components/Select/css/__single-value/select__single-value.css +1 -1
  434. package/dist/css/components/Swiper/Swiper.css +2 -2
  435. package/dist/css/styles/text-color/text-color_active.css +4 -2
  436. package/dist/floating-ui.dom-BQ7wiYTi.js +1374 -0
  437. package/dist/hooks/index.d.ts +3 -0
  438. package/dist/hooks/styleAttributes.interface.d.ts +145 -0
  439. package/dist/hooks/styleAttributes.js +5 -7
  440. package/dist/hooks/useDeviceTargetClass.js +13 -20
  441. package/dist/hooks/useMediaQueries.js +16 -10
  442. package/dist/hooks/useStyles.js +22 -30
  443. package/dist/index.d.ts +4 -0
  444. package/dist/jsx-runtime-ClDdVO4Q.js +1357 -0
  445. package/package.json +91 -40
  446. package/dist/_commonjsHelpers-CFO10eej.js +0 -7
  447. package/dist/css/components/Background/Background.css +0 -11
  448. /package/dist/{floating-ui.dom-C34fOuI9.js → cjs/floating-ui.dom-C34fOuI9.js} +0 -0
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const textStyleProps = ['normal', 'italic'];
6
+
7
+ exports.default = textStyleProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const textTagProps = ['p', 'span'];
6
+
7
+ exports.default = textTagProps;
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const textWeightProps = ['normal', 'bold', 'light', 'lighter', 'bolder', /* eslint-disable */
6
+ '100', 100, '200', 200, '300', 300, '400', 400, '500', 500, '600', 600, '700', 700, '800', 800, '900', 900, '950', 950
7
+ /* eslint-enable */];
8
+
9
+ exports.default = textWeightProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const textWrapProps = [null, 'wrap', 'nowrap'];
6
+
7
+ exports.default = textWrapProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const titleSizeProps = [null, 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
6
+
7
+ exports.default = titleSizeProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const typeProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
6
+
7
+ exports.default = typeProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const underlineProps = [null, 'false', 'none', 'underline'];
6
+
7
+ exports.default = underlineProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const verticalContentAlignProps = [null, 'center'];
6
+
7
+ exports.default = verticalContentAlignProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const verticalResizeModeProps = [null, 'fixed', 'hug', 'fill'];
6
+
7
+ exports.default = verticalResizeModeProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const widthProps = [null, 'fixed', 'hug', 'fill'];
6
+
7
+ exports.default = widthProps;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const wrapProps = [null, 'wrap', 'no-wrap', 'nowrap', 'wrap-reverse'];
6
+
7
+ exports.default = wrapProps;
@@ -0,0 +1 @@
1
+ export type alignPropsType = 'topLeft' | 'topCenter' | 'topRight' | 'left' | 'center' | 'right' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
@@ -0,0 +1 @@
1
+ export type alignDirectionPropsType = 'column' | 'column-reverse' | 'horizontal' | 'horizontal-reverse' | 'row' | 'row-reverse' | 'vertical' | 'vertical-reverse';
@@ -0,0 +1 @@
1
+ export type alignmentProps = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';
@@ -0,0 +1 @@
1
+ export type borderColorPropsType = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
@@ -0,0 +1 @@
1
+ export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary';
@@ -0,0 +1 @@
1
+ export type borderTypePropsType = 'outline' | 'solid' | 'none';
@@ -0,0 +1 @@
1
+ export type borderWidthPropsType = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
@@ -0,0 +1 @@
1
+ export type captionPositionPropsType = 'onImageTop' | 'onImageBottom' | 'top' | 'right' | 'bottom' | 'left';
@@ -0,0 +1 @@
1
+ export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';
@@ -0,0 +1 @@
1
+ export type elevationPropsType = 1 | 2 | 4 | 6 | 8 | 12 | 16 | 24;
@@ -0,0 +1 @@
1
+ export type emojiSizePropsType = '16' | '24' | '32' | '40' | '56' | '64' | '144';
@@ -0,0 +1 @@
1
+ export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary' | 'gradientPrimary';
@@ -0,0 +1 @@
1
+ export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
@@ -0,0 +1 @@
1
+ export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';
@@ -0,0 +1 @@
1
+ export type fillTypePropsType = 'solid' | 'outline' | 'ghost';
@@ -0,0 +1 @@
1
+ export type flexAlignPropsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'auto';
@@ -0,0 +1 @@
1
+ export type flexGrowPropsType = 0 | 1;
@@ -0,0 +1 @@
1
+ export type flexJustifyContentPropsType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
@@ -0,0 +1 @@
1
+ export type flexWrapPropsType = 'wrap' | 'nowrap' | 'wrap-reverse';
@@ -0,0 +1 @@
1
+ export type gridAlignPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';
@@ -0,0 +1 @@
1
+ export type gridAlignSelfPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';
@@ -0,0 +1 @@
1
+ export type gridJustifyItemsPropsType = 'legacy' | 'normal' | 'stretch' | 'center' | 'safe' | 'center' | 'unsafe' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';
@@ -0,0 +1 @@
1
+ export type gridJustifySelfPropsType = 'auto' | 'legacy' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'left' | 'right' | 'space-around' | 'space-between' | 'space-evenly' | 'safe' | 'center' | 'unsafe center' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';
@@ -0,0 +1 @@
1
+ export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;
@@ -0,0 +1 @@
1
+ export type horizontalContentAlignPropsType = 'center';
@@ -0,0 +1 @@
1
+ export type horizontalResizeModePropsType = 'fixed' | 'hug' | 'fill';
@@ -0,0 +1 @@
1
+ export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
@@ -0,0 +1 @@
1
+ export type iconSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
@@ -0,0 +1 @@
1
+ export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';
@@ -0,0 +1 @@
1
+ export type justifyContentPropsType = 'flexStart' | 'flexEnd' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
@@ -0,0 +1 @@
1
+ export type positionPropsType = 'absolute' | 'relative' | 'fixed' | 'static' | 'inherit';
@@ -0,0 +1 @@
1
+ export type resizeModePropsType = 'cover' | 'contain' | 'stretch' | 'center' | 'caption-back';
@@ -0,0 +1 @@
1
+ export type shapePropsType = 'geometric' | 'rounded' | 'circular';
@@ -0,0 +1 @@
1
+ export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
@@ -0,0 +1 @@
1
+ export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';
@@ -0,0 +1 @@
1
+ export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';
@@ -0,0 +1 @@
1
+ export type stackingPropsType = 'firstOnTop' | 'lastOnTop';
@@ -0,0 +1 @@
1
+ export type statePropsType = 'active' | 'checked' | 'disabled' | 'focus' | 'hover' | 'normal';
@@ -0,0 +1 @@
1
+ export type strokeColorPropsType = 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemAccent' | 'surfaceItemDisabled' | 'accentItemPrimary' | 'accentItemSecondary' | 'primaryItemPrimary' | 'secondaryItemPrimary' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
@@ -0,0 +1 @@
1
+ export type textAlignPropsType = 'left' | 'center' | 'right';
@@ -0,0 +1 @@
1
+ export type textColorPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
@@ -0,0 +1 @@
1
+ export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
@@ -0,0 +1 @@
1
+ export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
@@ -0,0 +1 @@
1
+ export type textGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
@@ -0,0 +1 @@
1
+ export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
@@ -0,0 +1 @@
1
+ export type textStylePropsType = 'normal' | 'italic';
@@ -0,0 +1 @@
1
+ export type textTagPropsType = 'p' | 'span';
@@ -0,0 +1 @@
1
+ export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;
@@ -0,0 +1 @@
1
+ export type textWrapPropsType = 'wrap' | 'nowrap';
@@ -0,0 +1 @@
1
+ export type titleSizePropsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -0,0 +1 @@
1
+ export type typePropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
@@ -0,0 +1 @@
1
+ export type underlinePropsType = 'false' | 'none' | 'underline';
@@ -0,0 +1 @@
1
+ export type verticalContentAlignPropsType = 'center';
@@ -0,0 +1 @@
1
+ export type verticalResizeModePropsType = 'fixed' | 'hug' | 'fill';
@@ -0,0 +1 @@
1
+ export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;
@@ -0,0 +1 @@
1
+ export type wrapPropsType = 'wrap' | 'no-wrap' | 'nowrap' | 'wrap-reverse';
@@ -0,0 +1,56 @@
1
+ export type { alignDirectionPropsType } from './componentProps/alignDirection';
2
+ export type { alignPropsType } from './componentProps/align';
3
+ export type { alignmentProps } from './componentProps/alignment';
4
+ export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
5
+ export type { borderColorPropsType } from './componentProps/borderColor';
6
+ export type { borderTypePropsType } from './componentProps/borderType';
7
+ export type { borderWidthPropsType } from './componentProps/borderWidth';
8
+ export type { captionPositionPropsType } from './componentProps/captionPosition';
9
+ export type { directionPropsType } from './componentProps/direction';
10
+ export type { elevationPropsType } from './componentProps/elevation';
11
+ export type { emojiSizePropsType } from './componentProps/emojiSize';
12
+ export type { fillGradientPropsType } from './componentProps/fillGradient';
13
+ export type { fillHoverPropsType } from './componentProps/fillHover';
14
+ export type { fillPropsType } from './componentProps/fill';
15
+ export type { fillTypePropsType } from './componentProps/fillType';
16
+ export type { flexAlignPropsType } from './componentProps/flexAlign';
17
+ export type { flexGrowPropsType } from './componentProps/flexGrow';
18
+ export type { flexJustifyContentPropsType } from './componentProps/flexJustifyContent';
19
+ export type { flexWrapPropsType } from './componentProps/flexWrap';
20
+ export type { gridAlignPropsType } from './componentProps/gridAlign';
21
+ export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
22
+ export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
23
+ export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
24
+ export type { heightPropsType } from './componentProps/height';
25
+ export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
26
+ export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
27
+ export type { iconFillSizePropsType } from './componentProps/iconFillSize';
28
+ export type { iconSizePropsType } from './componentProps/iconSize';
29
+ export type { itemColorPropsType } from './componentProps/itemColor';
30
+ export type { justifyContentPropsType } from './componentProps/justifyContent';
31
+ export type { positionPropsType } from './componentProps/position';
32
+ export type { resizeModePropsType } from './componentProps/resizeMode';
33
+ export type { shapePropsType } from './componentProps/shape';
34
+ export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
35
+ export type { sizePXPropsType } from './componentProps/sizePX';
36
+ export type { sizePropsType } from './componentProps/size';
37
+ export type { stackingPropsType } from './componentProps/stacking';
38
+ export type { statePropsType } from './componentProps/state';
39
+ export type { strokeColorPropsType } from './componentProps/strokeColor';
40
+ export type { textAlignPropsType } from './componentProps/textAlign';
41
+ export type { textColorActivePropsType } from './componentProps/textColorActive';
42
+ export type { textColorHoverPropsType } from './componentProps/textColorHover';
43
+ export type { textColorPropsType } from './componentProps/textColor';
44
+ export type { textGradientPropsType } from './componentProps/textGradient';
45
+ export type { textSizePropsType } from './componentProps/textSize';
46
+ export type { textStylePropsType } from './componentProps/textStyle';
47
+ export type { textTagPropsType } from './componentProps/textTag';
48
+ export type { textWeightPropsType } from './componentProps/textWeight';
49
+ export type { textWrapPropsType } from './componentProps/textWrap';
50
+ export type { titleSizePropsType } from './componentProps/titleSize';
51
+ export type { typePropsType } from './componentProps/type';
52
+ export type { underlinePropsType } from './componentProps/underline';
53
+ export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
54
+ export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
55
+ export type { widthPropsType } from './componentProps/width';
56
+ export type { wrapPropsType } from './componentProps/wrap';
@@ -0,0 +1,111 @@
1
+ 'use strict';
2
+
3
+ var alignDirection = require('./constants/componentProps/alignDirection.js');
4
+ var align = require('./constants/componentProps/align.js');
5
+ var alignment = require('./constants/componentProps/alignment.js');
6
+ var borderColorHover = require('./constants/componentProps/borderColorHover.js');
7
+ var borderColor = require('./constants/componentProps/borderColor.js');
8
+ var borderType = require('./constants/componentProps/borderType.js');
9
+ var borderWidth = require('./constants/componentProps/borderWidth.js');
10
+ var captionPosition = require('./constants/componentProps/captionPosition.js');
11
+ var direction = require('./constants/componentProps/direction.js');
12
+ var emojiSize = require('./constants/componentProps/emojiSize.js');
13
+ var fillGradient = require('./constants/componentProps/fillGradient.js');
14
+ var fillHover = require('./constants/componentProps/fillHover.js');
15
+ var fill = require('./constants/componentProps/fill.js');
16
+ var fillType = require('./constants/componentProps/fillType.js');
17
+ var flexAlign = require('./constants/componentProps/flexAlign.js');
18
+ var flexJustifyContent = require('./constants/componentProps/flexJustifyContent.js');
19
+ var flexWrap = require('./constants/componentProps/flexWrap.js');
20
+ var gridAlign = require('./constants/componentProps/gridAlign.js');
21
+ var gridAlignSelf = require('./constants/componentProps/gridAlignSelf.js');
22
+ var gridJustifyItems = require('./constants/componentProps/gridJustifyItems.js');
23
+ var gridJustifySelf = require('./constants/componentProps/gridJustifySelf.js');
24
+ var height = require('./constants/componentProps/height.js');
25
+ var horizontalContentAlign = require('./constants/componentProps/horizontalContentAlign.js');
26
+ var horizontalResizeMode = require('./constants/componentProps/horizontalResizeMode.js');
27
+ var iconFillSize = require('./constants/componentProps/iconFillSize.js');
28
+ var iconSize = require('./constants/componentProps/iconSize.js');
29
+ var itemColor = require('./constants/componentProps/itemColor.js');
30
+ var position = require('./constants/componentProps/position.js');
31
+ var resizeMode = require('./constants/componentProps/resizeMode.js');
32
+ var shape = require('./constants/componentProps/shape.js');
33
+ var sizeInterface = require('./constants/componentProps/sizeInterface.js');
34
+ var sizePX = require('./constants/componentProps/sizePX.js');
35
+ var size = require('./constants/componentProps/size.js');
36
+ var stacking = require('./constants/componentProps/stacking.js');
37
+ var state = require('./constants/componentProps/state.js');
38
+ var strokeColor = require('./constants/componentProps/strokeColor.js');
39
+ var textAlign = require('./constants/componentProps/textAlign.js');
40
+ var textColorActive = require('./constants/componentProps/textColorActive.js');
41
+ var textColorHover = require('./constants/componentProps/textColorHover.js');
42
+ var textColor = require('./constants/componentProps/textColor.js');
43
+ var textGradient = require('./constants/componentProps/textGradient.js');
44
+ var textSize = require('./constants/componentProps/textSize.js');
45
+ var textStyle = require('./constants/componentProps/textStyle.js');
46
+ var textTag = require('./constants/componentProps/textTag.js');
47
+ var textWeight = require('./constants/componentProps/textWeight.js');
48
+ var textWrap = require('./constants/componentProps/textWrap.js');
49
+ var titleSize = require('./constants/componentProps/titleSize.js');
50
+ var type = require('./constants/componentProps/type.js');
51
+ var underline = require('./constants/componentProps/underline.js');
52
+ var verticalContentAlign = require('./constants/componentProps/verticalContentAlign.js');
53
+ var verticalResizeMode = require('./constants/componentProps/verticalResizeMode.js');
54
+ var width = require('./constants/componentProps/width.js');
55
+ var wrap = require('./constants/componentProps/wrap.js');
56
+
57
+
58
+
59
+ exports.alignDirectionProps = alignDirection.default;
60
+ exports.alignProps = align.default;
61
+ exports.alignmentProps = alignment.default;
62
+ exports.borderColorHoverProps = borderColorHover.default;
63
+ exports.borderColorProps = borderColor.default;
64
+ exports.borderTypeProps = borderType.default;
65
+ exports.borderWidthProps = borderWidth.default;
66
+ exports.captionPositionProps = captionPosition.default;
67
+ exports.directionProps = direction.default;
68
+ exports.emojiSizeProps = emojiSize.default;
69
+ exports.fillGradientProps = fillGradient.default;
70
+ exports.fillHoverProps = fillHover.default;
71
+ exports.fillProps = fill.default;
72
+ exports.fillTypeProps = fillType.default;
73
+ exports.flexAlignProps = flexAlign.default;
74
+ exports.flexJustifyContentProps = flexJustifyContent.default;
75
+ exports.flexWrapProps = flexWrap.default;
76
+ exports.gridAlignProps = gridAlign.default;
77
+ exports.gridAlignSelfProps = gridAlignSelf.default;
78
+ exports.gridJustifyItemsProps = gridJustifyItems.default;
79
+ exports.gridJustifySelfProps = gridJustifySelf.default;
80
+ exports.heightProps = height.default;
81
+ exports.horizontalContentAlignProps = horizontalContentAlign.default;
82
+ exports.horizontalResizeModeProps = horizontalResizeMode.default;
83
+ exports.iconFillSizeProps = iconFillSize.default;
84
+ exports.iconSizeProps = iconSize.default;
85
+ exports.itemColorProps = itemColor.default;
86
+ exports.positionProps = position.default;
87
+ exports.resizeModeProps = resizeMode.default;
88
+ exports.shapeProps = shape.default;
89
+ exports.sizeInterfaceProps = sizeInterface.default;
90
+ exports.sizePXProps = sizePX.default;
91
+ exports.sizeProps = size.default;
92
+ exports.stackingProps = stacking.default;
93
+ exports.stateProps = state.default;
94
+ exports.strokeColorProps = strokeColor.default;
95
+ exports.textAlignProps = textAlign.default;
96
+ exports.textColorActiveProps = textColorActive.default;
97
+ exports.textColorHoverProps = textColorHover.default;
98
+ exports.textColorProps = textColor.default;
99
+ exports.textGradientProps = textGradient.default;
100
+ exports.textSizeProps = textSize.default;
101
+ exports.textStyleProps = textStyle.default;
102
+ exports.textTagProps = textTag.default;
103
+ exports.textWeightProps = textWeight.default;
104
+ exports.textWrapProps = textWrap.default;
105
+ exports.titleSizeProps = titleSize.default;
106
+ exports.typeProps = type.default;
107
+ exports.underlineProps = underline.default;
108
+ exports.verticalContentAlignProps = verticalContentAlign.default;
109
+ exports.verticalResizeModeProps = verticalResizeMode.default;
110
+ exports.widthProps = width.default;
111
+ exports.wrapProps = wrap.default;
@@ -0,0 +1,122 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+ var uuid = require('uuid');
6
+
7
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefault(React);
10
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
11
+
12
+ const STATUSES = {
13
+ success: 'success',
14
+ info: 'info',
15
+ error: 'error',
16
+ warning: 'warning'
17
+ };
18
+ const NotificationsContext = /*#__PURE__*/React.createContext([]);
19
+ const NotificationsAPIContext = /*#__PURE__*/React.createContext({
20
+ showNotification: () => {},
21
+ hideNotifications: () => {},
22
+ notificationStatuses: STATUSES
23
+ });
24
+ function NotificationsProvider(props) {
25
+ const [notifications, setNotifications] = React.useState([]);
26
+ const hideNotifications = React.useCallback(id => {
27
+ setNotifications(prevState => {
28
+ const currentNotification = prevState.find(notification => notification.id === id);
29
+ if (currentNotification) {
30
+ if (typeof currentNotification.onClose === 'function') {
31
+ currentNotification.onClose();
32
+ }
33
+ return prevState.filter(notification => notification.id !== id);
34
+ }
35
+ return prevState;
36
+ });
37
+ }, []);
38
+ const showNotification = React.useCallback((notification, onClose) => {
39
+ let id = uuid.v4().split('-')[0];
40
+ let title = '';
41
+ let text = '';
42
+ let status = STATUSES.warning;
43
+ let closeByTime = 4500;
44
+ let textColor = '';
45
+ if (typeof notification === 'string') {
46
+ text = notification;
47
+ } else if (typeof notification === 'object') {
48
+ id = notification.id ?? id;
49
+ title = notification.title ?? title;
50
+ text = notification.text ?? text;
51
+ status = notification.status ?? status;
52
+ closeByTime = notification.closeByTime ?? closeByTime;
53
+ }
54
+ switch (status) {
55
+ case 'success':
56
+ textColor = 'successTextPrimary';
57
+ break;
58
+ case 'info':
59
+ textColor = 'infoTextPrimary';
60
+ break;
61
+ case 'error':
62
+ textColor = 'errorTextPrimary';
63
+ break;
64
+ case 'warning':
65
+ textColor = 'warningTextPrimary';
66
+ break;
67
+ }
68
+ setNotifications(prevState => [...prevState, {
69
+ id: id,
70
+ title: title,
71
+ text: text,
72
+ status: status,
73
+ textColor: textColor,
74
+ onClose: onClose
75
+ }]);
76
+ if (closeByTime) {
77
+ setTimeout(() => hideNotifications(id), closeByTime);
78
+ }
79
+ return id;
80
+ // eslint-disable-next-line
81
+ }, []);
82
+ const notificationsAPI = React.useMemo(() => ({
83
+ showNotification: showNotification,
84
+ hideNotifications: hideNotifications,
85
+ notificationStatuses: STATUSES
86
+ }),
87
+ // Functions is never changes, no sense to set as dependencies
88
+ // eslint-disable-next-line
89
+ []);
90
+ return /*#__PURE__*/React__default.default.createElement(NotificationsAPIContext.Provider, {
91
+ value: notificationsAPI
92
+ }, /*#__PURE__*/React__default.default.createElement(NotificationsContext.Provider, {
93
+ value: notifications
94
+ }, props.children));
95
+ }
96
+ NotificationsProvider.propTypes = {
97
+ children: PropTypes__default.default.any
98
+ };
99
+ function useNotifications() {
100
+ return React.useContext(NotificationsContext);
101
+ }
102
+ function useNotificationsAPI() {
103
+ return React.useContext(NotificationsAPIContext);
104
+ }
105
+ NotificationsProvider.__docgenInfo = {
106
+ "description": "",
107
+ "methods": [],
108
+ "displayName": "NotificationsProvider",
109
+ "props": {
110
+ "children": {
111
+ "description": "",
112
+ "type": {
113
+ "name": "any"
114
+ },
115
+ "required": false
116
+ }
117
+ }
118
+ };
119
+
120
+ exports.NotificationsProvider = NotificationsProvider;
121
+ exports.useNotifications = useNotifications;
122
+ exports.useNotificationsAPI = useNotificationsAPI;