armtek-uikit-react 1.0.16 → 1.0.18

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 (316) hide show
  1. package/{cjs/index.d.ts → index.d.ts} +2 -2
  2. package/{esm/index.js → index.js} +1 -1
  3. package/package.json +1 -1
  4. package/ui/Adornment/Adornment.module.scss +1 -0
  5. package/ui/Adornment/index.d.ts +2 -0
  6. package/ui/Adornment/index.js +2 -0
  7. package/ui/Alert/index.d.ts +3 -0
  8. package/ui/Alert/index.js +2 -0
  9. package/ui/Avatar/index.d.ts +4 -0
  10. package/ui/Avatar/index.js +3 -0
  11. package/{cjs/ui/Button/index.d.ts → ui/Button/Button.d.ts} +2 -2
  12. package/{esm/ui/Button/index.js → ui/Button/Button.js} +2 -2
  13. package/ui/Button/index.d.ts +3 -0
  14. package/ui/Button/index.js +2 -0
  15. package/{esm/ui → ui}/ButtonIcon/index.d.ts +1 -1
  16. package/{esm/ui → ui}/ButtonIcon/index.js +1 -1
  17. package/{cjs/ui → ui}/Loader/Loader.d.ts +2 -1
  18. package/{esm/ui → ui}/Loader/Loader.js +7 -1
  19. package/{esm/ui → ui}/Stepper/StepItem.d.ts +1 -1
  20. package/{esm/ui → ui}/Stepper/StepItem.js +2 -2
  21. package/cjs/index.js +0 -35
  22. package/cjs/lib/const/styles.js +0 -6
  23. package/cjs/lib/helpers/helpers.js +0 -56
  24. package/cjs/lib/hooks/useClickOutside.js +0 -22
  25. package/cjs/lib/services/DateService.js +0 -48
  26. package/cjs/types/theme.js +0 -3
  27. package/cjs/ui/Adornment/Adornment.js +0 -51
  28. package/cjs/ui/Adornment/Adornment.module.scss +0 -2
  29. package/cjs/ui/Alert/Alert.js +0 -50
  30. package/cjs/ui/Avatar/Avatar.js +0 -54
  31. package/cjs/ui/Avatar/AvatarGroup.js +0 -38
  32. package/cjs/ui/Badge/Badge.js +0 -38
  33. package/cjs/ui/Button/index.js +0 -47
  34. package/cjs/ui/ButtonGroup/index.js +0 -30
  35. package/cjs/ui/ButtonIcon/index.d.ts +0 -3
  36. package/cjs/ui/ButtonIcon/index.js +0 -25
  37. package/cjs/ui/Card/Card.js +0 -23
  38. package/cjs/ui/Chip/Chip.js +0 -45
  39. package/cjs/ui/Form/Checkbox/Checkbox.js +0 -57
  40. package/cjs/ui/Form/Checkbox/Radio.js +0 -25
  41. package/cjs/ui/Form/DateField/DateField.js +0 -70
  42. package/cjs/ui/Form/DateField/TimeField.js +0 -19
  43. package/cjs/ui/Form/DatePicker/DatePicker.js +0 -51
  44. package/cjs/ui/Form/DatePicker/PeriodSelect.js +0 -29
  45. package/cjs/ui/Form/DatePicker/TimePicker.js +0 -28
  46. package/cjs/ui/Form/Interval/Interval.js +0 -102
  47. package/cjs/ui/Form/Interval/IntervalSlide.js +0 -52
  48. package/cjs/ui/Form/Password/Password.js +0 -46
  49. package/cjs/ui/Form/Period/Period.js +0 -73
  50. package/cjs/ui/Form/Rating/Rating.js +0 -58
  51. package/cjs/ui/Form/Select/Select.js +0 -143
  52. package/cjs/ui/Form/Switch/Switch.js +0 -34
  53. package/cjs/ui/Form/TextArea/TextArea.js +0 -50
  54. package/cjs/ui/Form/TextField/TextField.js +0 -156
  55. package/cjs/ui/HelperText/HelperText.js +0 -32
  56. package/cjs/ui/List/ListItem.js +0 -64
  57. package/cjs/ui/Loader/Loader.js +0 -124
  58. package/cjs/ui/Logo/Logo.js +0 -106
  59. package/cjs/ui/Slider/RcSlider.js +0 -1
  60. package/cjs/ui/Slider/Slider.js +0 -39
  61. package/cjs/ui/Status/Status.js +0 -35
  62. package/cjs/ui/Stepper/StepItem.d.ts +0 -14
  63. package/cjs/ui/Stepper/StepItem.js +0 -60
  64. package/cjs/ui/Stepper/StepItemIcon.js +0 -44
  65. package/cjs/ui/Stepper/Stepper.js +0 -49
  66. package/cjs/ui/Tooltip/Tooltip.js +0 -36
  67. package/dist/armtek-uikit-react-main.js +0 -1357
  68. package/dist/armtek-uikit-react-main.min.js +0 -2
  69. package/dist/armtek-uikit-react-main.min.js.LICENSE.txt +0 -15
  70. package/dist/css/main.css +0 -19
  71. package/esm/assets/Adornment.scss +0 -18
  72. package/esm/assets/Alert.scss +0 -38
  73. package/esm/assets/Avatar.scss +0 -82
  74. package/esm/assets/AvatarGroup.scss +0 -48
  75. package/esm/assets/Badge.scss +0 -83
  76. package/esm/assets/Button.scss +0 -266
  77. package/esm/assets/ButtonGroup.scss +0 -12
  78. package/esm/assets/ButtonIcon.scss +0 -24
  79. package/esm/assets/Card.scss +0 -7
  80. package/esm/assets/Checkbox.scss +0 -297
  81. package/esm/assets/Chip.scss +0 -96
  82. package/esm/assets/DatePicker.scss +0 -7
  83. package/esm/assets/HelperText.scss +0 -10
  84. package/esm/assets/Interval.scss +0 -35
  85. package/esm/assets/ListItem.scss +0 -34
  86. package/esm/assets/Loader.scss +0 -37
  87. package/esm/assets/Logo.scss +0 -29
  88. package/esm/assets/Period.scss +0 -10
  89. package/esm/assets/Rating.scss +0 -19
  90. package/esm/assets/Select.scss +0 -26
  91. package/esm/assets/Slider.scss +0 -6
  92. package/esm/assets/Status.scss +0 -45
  93. package/esm/assets/StepItem.scss +0 -67
  94. package/esm/assets/StepItemIcon.scss +0 -47
  95. package/esm/assets/Stepper.scss +0 -34
  96. package/esm/assets/Switch.scss +0 -69
  97. package/esm/assets/TextArea.scss +0 -15
  98. package/esm/assets/TextField.scss +0 -160
  99. package/esm/assets/Tooltip.scss +0 -18
  100. package/esm/assets/fonts.scss +0 -2
  101. package/esm/assets/global.css +0 -72
  102. package/esm/assets/styles.scss +0 -31
  103. package/esm/assets/variables.scss +0 -67
  104. package/esm/index.d.ts +0 -29
  105. package/esm/lib/const/styles.d.ts +0 -1
  106. package/esm/lib/helpers/helpers.d.ts +0 -6
  107. package/esm/lib/hooks/useClickOutside.d.ts +0 -3
  108. package/esm/lib/services/DateService.d.ts +0 -12
  109. package/esm/types/theme.d.ts +0 -10
  110. package/esm/ui/Adornment/Adornment.d.ts +0 -7
  111. package/esm/ui/Adornment/Adornment.module.scss +0 -2
  112. package/esm/ui/Alert/Alert.d.ts +0 -10
  113. package/esm/ui/Alert/Alert.module.scss +0 -2
  114. package/esm/ui/Avatar/Avatar.d.ts +0 -13
  115. package/esm/ui/Avatar/Avatar.module.scss +0 -1
  116. package/esm/ui/Avatar/AvatarGroup.d.ts +0 -8
  117. package/esm/ui/Avatar/AvatarGroup.module.scss +0 -1
  118. package/esm/ui/Badge/Badge.d.ts +0 -11
  119. package/esm/ui/Badge/Badge.module.scss +0 -1
  120. package/esm/ui/Button/Button.module.scss +0 -1
  121. package/esm/ui/Button/index.d.ts +0 -15
  122. package/esm/ui/ButtonGroup/ButtonGroup.module.scss +0 -2
  123. package/esm/ui/ButtonGroup/index.d.ts +0 -6
  124. package/esm/ui/ButtonIcon/ButtonIcon.module.scss +0 -1
  125. package/esm/ui/Card/Card.d.ts +0 -4
  126. package/esm/ui/Card/Card.module.scss +0 -1
  127. package/esm/ui/Chip/Chip.d.ts +0 -13
  128. package/esm/ui/Chip/Chip.module.scss +0 -1
  129. package/esm/ui/Form/Checkbox/Checkbox.d.ts +0 -12
  130. package/esm/ui/Form/Checkbox/Checkbox.module.scss +0 -1
  131. package/esm/ui/Form/Checkbox/Radio.d.ts +0 -3
  132. package/esm/ui/Form/DateField/DateField.d.ts +0 -26
  133. package/esm/ui/Form/DateField/DateField.module.scss +0 -1
  134. package/esm/ui/Form/DateField/TimeField.d.ts +0 -3
  135. package/esm/ui/Form/DatePicker/DatePicker.d.ts +0 -7
  136. package/esm/ui/Form/DatePicker/DatePicker.module.scss +0 -1
  137. package/esm/ui/Form/DatePicker/PeriodSelect.d.ts +0 -2
  138. package/esm/ui/Form/DatePicker/TimePicker.d.ts +0 -2
  139. package/esm/ui/Form/DatePicker/styles.css +0 -766
  140. package/esm/ui/Form/Interval/Interval.d.ts +0 -21
  141. package/esm/ui/Form/Interval/Interval.module.scss +0 -1
  142. package/esm/ui/Form/Interval/IntervalSlide.d.ts +0 -4
  143. package/esm/ui/Form/Password/Password.d.ts +0 -12
  144. package/esm/ui/Form/Period/Period.d.ts +0 -15
  145. package/esm/ui/Form/Period/Period.module.scss +0 -2
  146. package/esm/ui/Form/Rating/Rating.d.ts +0 -10
  147. package/esm/ui/Form/Rating/Rating.module.scss +0 -1
  148. package/esm/ui/Form/Select/Select.d.ts +0 -23
  149. package/esm/ui/Form/Select/Select.module.scss +0 -1
  150. package/esm/ui/Form/Switch/Switch.d.ts +0 -7
  151. package/esm/ui/Form/Switch/Switch.module.scss +0 -1
  152. package/esm/ui/Form/TextArea/TextArea.d.ts +0 -4
  153. package/esm/ui/Form/TextArea/TextArea.module.scss +0 -1
  154. package/esm/ui/Form/TextField/TextField.d.ts +0 -40
  155. package/esm/ui/Form/TextField/TextField.module.scss +0 -1
  156. package/esm/ui/HelperText/HelperText.d.ts +0 -6
  157. package/esm/ui/HelperText/HelperText.module.scss +0 -1
  158. package/esm/ui/List/ListItem.d.ts +0 -10
  159. package/esm/ui/List/ListItem.module.scss +0 -1
  160. package/esm/ui/Loader/Loader.d.ts +0 -6
  161. package/esm/ui/Loader/Loader.module.scss +0 -1
  162. package/esm/ui/Logo/Logo.d.ts +0 -12
  163. package/esm/ui/Logo/Logo.module.scss +0 -1
  164. package/esm/ui/Slider/RcSlider.d.ts +0 -0
  165. package/esm/ui/Slider/Slider.d.ts +0 -8
  166. package/esm/ui/Slider/Slider.module.scss +0 -1
  167. package/esm/ui/Slider/style.css +0 -281
  168. package/esm/ui/Status/Status.d.ts +0 -10
  169. package/esm/ui/Status/Status.module.scss +0 -1
  170. package/esm/ui/Stepper/StepItem.module.scss +0 -1
  171. package/esm/ui/Stepper/StepItemIcon.d.ts +0 -11
  172. package/esm/ui/Stepper/StepItemIcon.module.scss +0 -1
  173. package/esm/ui/Stepper/Stepper.d.ts +0 -11
  174. package/esm/ui/Stepper/Stepper.module.scss +0 -1
  175. package/esm/ui/Tooltip/Tooltip.d.ts +0 -7
  176. package/esm/ui/Tooltip/Tooltip.module.scss +0 -1
  177. /package/{cjs/assets → assets}/Adornment.scss +0 -0
  178. /package/{cjs/assets → assets}/Alert.scss +0 -0
  179. /package/{cjs/assets → assets}/Avatar.scss +0 -0
  180. /package/{cjs/assets → assets}/AvatarGroup.scss +0 -0
  181. /package/{cjs/assets → assets}/Badge.scss +0 -0
  182. /package/{cjs/assets → assets}/Button.scss +0 -0
  183. /package/{cjs/assets → assets}/ButtonGroup.scss +0 -0
  184. /package/{cjs/assets → assets}/ButtonIcon.scss +0 -0
  185. /package/{cjs/assets → assets}/Card.scss +0 -0
  186. /package/{cjs/assets → assets}/Checkbox.scss +0 -0
  187. /package/{cjs/assets → assets}/Chip.scss +0 -0
  188. /package/{cjs/assets → assets}/DatePicker.scss +0 -0
  189. /package/{cjs/assets → assets}/HelperText.scss +0 -0
  190. /package/{cjs/assets → assets}/Interval.scss +0 -0
  191. /package/{cjs/assets → assets}/ListItem.scss +0 -0
  192. /package/{cjs/assets → assets}/Loader.scss +0 -0
  193. /package/{cjs/assets → assets}/Logo.scss +0 -0
  194. /package/{cjs/assets → assets}/Period.scss +0 -0
  195. /package/{cjs/assets → assets}/Rating.scss +0 -0
  196. /package/{cjs/assets → assets}/Select.scss +0 -0
  197. /package/{cjs/assets → assets}/Slider.scss +0 -0
  198. /package/{cjs/assets → assets}/Status.scss +0 -0
  199. /package/{cjs/assets → assets}/StepItem.scss +0 -0
  200. /package/{cjs/assets → assets}/StepItemIcon.scss +0 -0
  201. /package/{cjs/assets → assets}/Stepper.scss +0 -0
  202. /package/{cjs/assets → assets}/Switch.scss +0 -0
  203. /package/{cjs/assets → assets}/TextArea.scss +0 -0
  204. /package/{cjs/assets → assets}/TextField.scss +0 -0
  205. /package/{cjs/assets → assets}/Tooltip.scss +0 -0
  206. /package/{cjs/assets → assets}/fonts.scss +0 -0
  207. /package/{cjs/assets → assets}/global.css +0 -0
  208. /package/{cjs/assets → assets}/styles.scss +0 -0
  209. /package/{cjs/assets → assets}/variables.scss +0 -0
  210. /package/{cjs/lib → lib}/const/styles.d.ts +0 -0
  211. /package/{esm/lib → lib}/const/styles.js +0 -0
  212. /package/{cjs/lib → lib}/helpers/helpers.d.ts +0 -0
  213. /package/{esm/lib → lib}/helpers/helpers.js +0 -0
  214. /package/{cjs/lib → lib}/hooks/useClickOutside.d.ts +0 -0
  215. /package/{esm/lib → lib}/hooks/useClickOutside.js +0 -0
  216. /package/{cjs/lib → lib}/services/DateService.d.ts +0 -0
  217. /package/{esm/lib → lib}/services/DateService.js +0 -0
  218. /package/{cjs/types → types}/theme.d.ts +0 -0
  219. /package/{esm/types → types}/theme.js +0 -0
  220. /package/{cjs/ui → ui}/Adornment/Adornment.d.ts +0 -0
  221. /package/{esm/ui → ui}/Adornment/Adornment.js +0 -0
  222. /package/{cjs/ui → ui}/Alert/Alert.d.ts +0 -0
  223. /package/{esm/ui → ui}/Alert/Alert.js +0 -0
  224. /package/{cjs/ui → ui}/Alert/Alert.module.scss +0 -0
  225. /package/{cjs/ui → ui}/Avatar/Avatar.d.ts +0 -0
  226. /package/{esm/ui → ui}/Avatar/Avatar.js +0 -0
  227. /package/{cjs/ui → ui}/Avatar/Avatar.module.scss +0 -0
  228. /package/{cjs/ui → ui}/Avatar/AvatarGroup.d.ts +0 -0
  229. /package/{esm/ui → ui}/Avatar/AvatarGroup.js +0 -0
  230. /package/{cjs/ui → ui}/Avatar/AvatarGroup.module.scss +0 -0
  231. /package/{cjs/ui → ui}/Badge/Badge.d.ts +0 -0
  232. /package/{esm/ui → ui}/Badge/Badge.js +0 -0
  233. /package/{cjs/ui → ui}/Badge/Badge.module.scss +0 -0
  234. /package/{cjs/ui → ui}/Button/Button.module.scss +0 -0
  235. /package/{cjs/ui/ButtonGroup/index.d.ts → ui/ButtonGroup/ButtonGroup.d.ts} +0 -0
  236. /package/{esm/ui/ButtonGroup/index.js → ui/ButtonGroup/ButtonGroup.js} +0 -0
  237. /package/{cjs/ui → ui}/ButtonGroup/ButtonGroup.module.scss +0 -0
  238. /package/{cjs/ui → ui}/ButtonIcon/ButtonIcon.module.scss +0 -0
  239. /package/{cjs/ui → ui}/Card/Card.d.ts +0 -0
  240. /package/{esm/ui → ui}/Card/Card.js +0 -0
  241. /package/{cjs/ui → ui}/Card/Card.module.scss +0 -0
  242. /package/{cjs/ui → ui}/Chip/Chip.d.ts +0 -0
  243. /package/{esm/ui → ui}/Chip/Chip.js +0 -0
  244. /package/{cjs/ui → ui}/Chip/Chip.module.scss +0 -0
  245. /package/{cjs/ui → ui}/Form/Checkbox/Checkbox.d.ts +0 -0
  246. /package/{esm/ui → ui}/Form/Checkbox/Checkbox.js +0 -0
  247. /package/{cjs/ui → ui}/Form/Checkbox/Checkbox.module.scss +0 -0
  248. /package/{cjs/ui → ui}/Form/Checkbox/Radio.d.ts +0 -0
  249. /package/{esm/ui → ui}/Form/Checkbox/Radio.js +0 -0
  250. /package/{cjs/ui → ui}/Form/DateField/DateField.d.ts +0 -0
  251. /package/{esm/ui → ui}/Form/DateField/DateField.js +0 -0
  252. /package/{cjs/ui → ui}/Form/DateField/DateField.module.scss +0 -0
  253. /package/{cjs/ui → ui}/Form/DateField/TimeField.d.ts +0 -0
  254. /package/{esm/ui → ui}/Form/DateField/TimeField.js +0 -0
  255. /package/{cjs/ui → ui}/Form/DatePicker/DatePicker.d.ts +0 -0
  256. /package/{esm/ui → ui}/Form/DatePicker/DatePicker.js +0 -0
  257. /package/{cjs/ui → ui}/Form/DatePicker/DatePicker.module.scss +0 -0
  258. /package/{cjs/ui → ui}/Form/DatePicker/PeriodSelect.d.ts +0 -0
  259. /package/{esm/ui → ui}/Form/DatePicker/PeriodSelect.js +0 -0
  260. /package/{cjs/ui → ui}/Form/DatePicker/TimePicker.d.ts +0 -0
  261. /package/{esm/ui → ui}/Form/DatePicker/TimePicker.js +0 -0
  262. /package/{cjs/ui → ui}/Form/DatePicker/styles.css +0 -0
  263. /package/{cjs/ui → ui}/Form/Interval/Interval.d.ts +0 -0
  264. /package/{esm/ui → ui}/Form/Interval/Interval.js +0 -0
  265. /package/{cjs/ui → ui}/Form/Interval/Interval.module.scss +0 -0
  266. /package/{cjs/ui → ui}/Form/Interval/IntervalSlide.d.ts +0 -0
  267. /package/{esm/ui → ui}/Form/Interval/IntervalSlide.js +0 -0
  268. /package/{cjs/ui → ui}/Form/Password/Password.d.ts +0 -0
  269. /package/{esm/ui → ui}/Form/Password/Password.js +0 -0
  270. /package/{cjs/ui → ui}/Form/Period/Period.d.ts +0 -0
  271. /package/{esm/ui → ui}/Form/Period/Period.js +0 -0
  272. /package/{cjs/ui → ui}/Form/Period/Period.module.scss +0 -0
  273. /package/{cjs/ui → ui}/Form/Rating/Rating.d.ts +0 -0
  274. /package/{esm/ui → ui}/Form/Rating/Rating.js +0 -0
  275. /package/{cjs/ui → ui}/Form/Rating/Rating.module.scss +0 -0
  276. /package/{cjs/ui → ui}/Form/Select/Select.d.ts +0 -0
  277. /package/{esm/ui → ui}/Form/Select/Select.js +0 -0
  278. /package/{cjs/ui → ui}/Form/Select/Select.module.scss +0 -0
  279. /package/{cjs/ui → ui}/Form/Switch/Switch.d.ts +0 -0
  280. /package/{esm/ui → ui}/Form/Switch/Switch.js +0 -0
  281. /package/{cjs/ui → ui}/Form/Switch/Switch.module.scss +0 -0
  282. /package/{cjs/ui → ui}/Form/TextArea/TextArea.d.ts +0 -0
  283. /package/{esm/ui → ui}/Form/TextArea/TextArea.js +0 -0
  284. /package/{cjs/ui → ui}/Form/TextArea/TextArea.module.scss +0 -0
  285. /package/{cjs/ui → ui}/Form/TextField/TextField.d.ts +0 -0
  286. /package/{esm/ui → ui}/Form/TextField/TextField.js +0 -0
  287. /package/{cjs/ui → ui}/Form/TextField/TextField.module.scss +0 -0
  288. /package/{cjs/ui → ui}/HelperText/HelperText.d.ts +0 -0
  289. /package/{esm/ui → ui}/HelperText/HelperText.js +0 -0
  290. /package/{cjs/ui → ui}/HelperText/HelperText.module.scss +0 -0
  291. /package/{cjs/ui → ui}/List/ListItem.d.ts +0 -0
  292. /package/{esm/ui → ui}/List/ListItem.js +0 -0
  293. /package/{cjs/ui → ui}/List/ListItem.module.scss +0 -0
  294. /package/{cjs/ui → ui}/Loader/Loader.module.scss +0 -0
  295. /package/{cjs/ui → ui}/Logo/Logo.d.ts +0 -0
  296. /package/{esm/ui → ui}/Logo/Logo.js +0 -0
  297. /package/{cjs/ui → ui}/Logo/Logo.module.scss +0 -0
  298. /package/{cjs/ui → ui}/Slider/RcSlider.d.ts +0 -0
  299. /package/{esm/ui → ui}/Slider/RcSlider.js +0 -0
  300. /package/{cjs/ui → ui}/Slider/Slider.d.ts +0 -0
  301. /package/{esm/ui → ui}/Slider/Slider.js +0 -0
  302. /package/{cjs/ui → ui}/Slider/Slider.module.scss +0 -0
  303. /package/{cjs/ui → ui}/Slider/style.css +0 -0
  304. /package/{cjs/ui → ui}/Status/Status.d.ts +0 -0
  305. /package/{esm/ui → ui}/Status/Status.js +0 -0
  306. /package/{cjs/ui → ui}/Status/Status.module.scss +0 -0
  307. /package/{cjs/ui → ui}/Stepper/StepItem.module.scss +0 -0
  308. /package/{cjs/ui → ui}/Stepper/StepItemIcon.d.ts +0 -0
  309. /package/{esm/ui → ui}/Stepper/StepItemIcon.js +0 -0
  310. /package/{cjs/ui → ui}/Stepper/StepItemIcon.module.scss +0 -0
  311. /package/{cjs/ui → ui}/Stepper/Stepper.d.ts +0 -0
  312. /package/{esm/ui → ui}/Stepper/Stepper.js +0 -0
  313. /package/{cjs/ui → ui}/Stepper/Stepper.module.scss +0 -0
  314. /package/{cjs/ui → ui}/Tooltip/Tooltip.d.ts +0 -0
  315. /package/{esm/ui → ui}/Tooltip/Tooltip.js +0 -0
  316. /package/{cjs/ui → ui}/Tooltip/Tooltip.module.scss +0 -0
@@ -1,6 +1,6 @@
1
- export { default as Button } from './ui/Button';
1
+ export { default as Button } from './ui/Button/Button';
2
2
  export { default as ButtonIcon } from './ui/ButtonIcon';
3
- export type { ButtonProps } from './ui/Button';
3
+ export type { ButtonProps } from './ui/Button/Button';
4
4
  export { default as Alert } from './ui/Alert/Alert';
5
5
  export type { AlertProps } from './ui/Alert/Alert';
6
6
  export { default as Avatar } from './ui/Avatar/Avatar';
@@ -1,4 +1,4 @@
1
- export { default as Button } from "./ui/Button";
1
+ export { default as Button } from "./ui/Button/Button";
2
2
  export { default as ButtonIcon } from "./ui/ButtonIcon";
3
3
  export { default as Alert } from "./ui/Alert/Alert";
4
4
  export { default as Avatar } from "./ui/Avatar/Avatar";
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"armtek-uikit-react","version":"1.0.16","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
1
+ {"name":"armtek-uikit-react","version":"1.0.18","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
@@ -0,0 +1 @@
1
+ @import "./../../assets/Adornment";
@@ -0,0 +1,2 @@
1
+ import Adornment from './Adornment';
2
+ export { Adornment };
@@ -0,0 +1,2 @@
1
+ import Adornment from "./Adornment";
2
+ export { Adornment };
@@ -0,0 +1,3 @@
1
+ import Alert, { AlertProps } from './Alert';
2
+ export { Alert };
3
+ export type { AlertProps };
@@ -0,0 +1,2 @@
1
+ import Alert from "./Alert";
2
+ export { Alert };
@@ -0,0 +1,4 @@
1
+ import Avatar, { AvatarProps } from './Avatar';
2
+ import AvatarGroup, { AvatarGroupProps } from './AvatarGroup';
3
+ export { Avatar, AvatarGroup };
4
+ export type { AvatarProps, AvatarGroupProps };
@@ -0,0 +1,3 @@
1
+ import Avatar from "./Avatar";
2
+ import AvatarGroup from "./AvatarGroup";
3
+ export { Avatar, AvatarGroup };
@@ -11,5 +11,5 @@ type OwnProps<T extends ElementType = ElementType> = {
11
11
  as?: T;
12
12
  };
13
13
  export type ButtonProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
14
- declare const Index: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
15
- export default Index;
14
+ declare const Button: <T extends ElementType>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
15
+ export default Button;
@@ -7,7 +7,7 @@ const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'butt
7
7
 
8
8
  // const css = getCssPrefix(ButtonClasses)
9
9
 
10
- const Index = props => {
10
+ const Button = props => {
11
11
  let {
12
12
  size = 'extraLarge',
13
13
  color = 'primary',
@@ -39,4 +39,4 @@ const Index = props => {
39
39
  })
40
40
  });
41
41
  };
42
- export default Index;
42
+ export default Button;
@@ -0,0 +1,3 @@
1
+ import Button, { ButtonProps } from './Button';
2
+ export { Button };
3
+ export type { ButtonProps };
@@ -0,0 +1,2 @@
1
+ import Button from "./Button";
2
+ export { Button };
@@ -1,3 +1,3 @@
1
- import { ButtonProps } from '../Button';
1
+ import { ButtonProps } from '../Button/Button';
2
2
  declare const ButtonIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default ButtonIcon;
@@ -1,4 +1,4 @@
1
- import Button from "../Button";
1
+ import Button from "../Button/Button";
2
2
  import clsx from 'clsx';
3
3
  import css from "../Button/Button.module.scss";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -1,6 +1,7 @@
1
1
  import { SizeType } from '../../types/theme';
2
+ import { HTMLAttributes } from 'react';
2
3
  export type LoaderProps = {
3
4
  size?: SizeType;
4
- };
5
+ } & HTMLAttributes<HTMLDivElement>;
5
6
  declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
6
7
  export default Loader;
@@ -8,11 +8,17 @@ const CssClasses = ['loader'];
8
8
  // const css = getCssPrefix(CssClasses)
9
9
 
10
10
  const Loader = props => {
11
+ let {
12
+ size,
13
+ className,
14
+ ...divProps
15
+ } = props;
11
16
  let width = props.size === 'large' ? 25 : props.size === 'medium' ? 23 : props.size === 'small' ? 21 : 27;
12
17
  let height = props.size === 'large' ? 24 : props.size === 'medium' ? 22 : props.size === 'small' ? 20 : 26;
13
18
  return /*#__PURE__*/_jsx(_Fragment, {
14
19
  children: /*#__PURE__*/_jsx("div", {
15
- className: clsx(css.loader, 'material_icon'),
20
+ ...divProps,
21
+ className: clsx(css.loader, 'material_icon', className),
16
22
  children: /*#__PURE__*/_jsxs("svg", {
17
23
  xmlns: "http://www.w3.org/2000/svg",
18
24
  width: width,
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { StepItemIconProps } from './StepItemIcon';
3
- import { ButtonProps } from '../Button';
3
+ import { ButtonProps } from '../Button/Button';
4
4
  export type StepItemProps = {
5
5
  title: string;
6
6
  children?: ReactNode | string;
@@ -1,6 +1,6 @@
1
1
  import StepItemIcon from "./StepItemIcon";
2
2
  import clsx from 'clsx';
3
- import Index from "../Button";
3
+ import Button from "../Button/Button";
4
4
  import css from "./StepItem.module.scss";
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -43,7 +43,7 @@ const StepItem = props => {
43
43
  className: css.stepItem__content,
44
44
  children: [content || children, !!button && /*#__PURE__*/_jsx("div", {
45
45
  className: css.stepItem__button,
46
- children: /*#__PURE__*/_jsx(Index, {
46
+ children: /*#__PURE__*/_jsx(Button, {
47
47
  ...buttonProps,
48
48
  children: button
49
49
  })
package/cjs/index.js DELETED
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.Tooltip = exports.Stepper = exports.Status = exports.Slider = exports.Logo = exports.Loader = exports.ListItem = exports.Chip = exports.Card = exports.ButtonIcon = exports.Button = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.Alert = void 0;
6
- var _Button = _interopRequireDefault(require("./ui/Button"));
7
- exports.Button = _Button.default;
8
- var _ButtonIcon = _interopRequireDefault(require("./ui/ButtonIcon"));
9
- exports.ButtonIcon = _ButtonIcon.default;
10
- var _Alert = _interopRequireDefault(require("./ui/Alert/Alert"));
11
- exports.Alert = _Alert.default;
12
- var _Avatar = _interopRequireDefault(require("./ui/Avatar/Avatar"));
13
- exports.Avatar = _Avatar.default;
14
- var _AvatarGroup = _interopRequireDefault(require("./ui/Avatar/AvatarGroup"));
15
- exports.AvatarGroup = _AvatarGroup.default;
16
- var _Badge = _interopRequireDefault(require("./ui/Badge/Badge"));
17
- exports.Badge = _Badge.default;
18
- var _Card = _interopRequireDefault(require("./ui/Card/Card"));
19
- exports.Card = _Card.default;
20
- var _Chip = _interopRequireDefault(require("./ui/Chip/Chip"));
21
- exports.Chip = _Chip.default;
22
- var _ListItem = _interopRequireDefault(require("./ui/List/ListItem"));
23
- exports.ListItem = _ListItem.default;
24
- var _Loader = _interopRequireDefault(require("./ui/Loader/Loader"));
25
- exports.Loader = _Loader.default;
26
- var _Logo = _interopRequireDefault(require("./ui/Logo/Logo"));
27
- exports.Logo = _Logo.default;
28
- var _Slider = _interopRequireDefault(require("./ui/Slider/Slider"));
29
- exports.Slider = _Slider.default;
30
- var _Status = _interopRequireDefault(require("./ui/Status/Status"));
31
- exports.Status = _Status.default;
32
- var _Stepper = _interopRequireDefault(require("./ui/Stepper/Stepper"));
33
- exports.Stepper = _Stepper.default;
34
- var _Tooltip = _interopRequireDefault(require("./ui/Tooltip/Tooltip"));
35
- exports.Tooltip = _Tooltip.default;
@@ -1,6 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.CSS_PREFIX = void 0;
5
- const CSS_PREFIX = 'Armtek-';
6
- exports.CSS_PREFIX = CSS_PREFIX;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getVariants = exports.getStatusColors = exports.getSizes = exports.getCssPrefix = exports.getColors = void 0;
5
- var _styles = require("../const/styles");
6
- const getVariants = except => {
7
- let variants = {
8
- contained: 'Заливка',
9
- outlined: 'С границами',
10
- transparent: 'Прозрачный'
11
- };
12
- if (except) variants = filter(variants, except);
13
- return variants;
14
- };
15
- exports.getVariants = getVariants;
16
- const getColors = () => {
17
- return {
18
- primary: 'Основной',
19
- secondary: 'Второстепенный',
20
- neutral: 'Нейтральный'
21
- };
22
- };
23
- exports.getColors = getColors;
24
- const getStatusColors = () => {
25
- return {
26
- info: 'Инфо',
27
- error: 'Ошибка',
28
- success: 'Успех',
29
- warning: 'Уведомление'
30
- };
31
- };
32
- exports.getStatusColors = getStatusColors;
33
- const getSizes = except => {
34
- let sizes = {
35
- small: 'Маленький',
36
- medium: 'Средний',
37
- large: 'Большой',
38
- extraLarge: 'Огромный'
39
- };
40
- if (except) sizes = filter(sizes, except);
41
- return sizes;
42
- };
43
- exports.getSizes = getSizes;
44
- const filter = (obj, arr) => {
45
- return Object.entries(obj).filter(item => !arr.includes(item[0])).reduce((prev, current) => {
46
- prev[current[0]] = current[1];
47
- return prev;
48
- }, {});
49
- };
50
- const getCssPrefix = classes => {
51
- return classes.reduce((prev, current) => {
52
- prev[current] = _styles.CSS_PREFIX + current;
53
- return prev;
54
- }, {});
55
- };
56
- exports.getCssPrefix = getCssPrefix;
@@ -1,22 +0,0 @@
1
- "use strict";
2
- "use client";
3
-
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _react = require("react");
7
- const useClickOutside = callback => {
8
- const ref = (0, _react.useRef)(null);
9
- (0, _react.useEffect)(() => {
10
- function handleClickOutside(event) {
11
- if (ref.current && !ref.current.contains(event.target)) callback();
12
- }
13
- document.addEventListener("mousedown", handleClickOutside);
14
- return () => {
15
- document.removeEventListener("mousedown", handleClickOutside);
16
- };
17
- }, [ref]);
18
- return ref;
19
- };
20
- var _default = useClickOutside;
21
- exports.default = _default;
22
- module.exports = exports.default;
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.DateService = void 0;
5
- class DateClass {
6
- constructor(date) {
7
- this.date = date;
8
- }
9
- format(form) {
10
- let strDate = form;
11
- if (strDate.includes('DD')) strDate = strDate.replace('dd', DateClass.getDisplayValue(this.date.getDate()));
12
- if (strDate.includes('MM')) strDate = strDate.replace('MM', this.getStrMonth());
13
- if (strDate.includes('YYYY')) strDate = strDate.replace('yyyy', String(this.date.getFullYear()));
14
- if (strDate.includes('HH')) strDate = strDate.replace('HH', DateClass.getDisplayValue(this.date.getHours()));
15
- if (strDate.includes('mm')) strDate = strDate.replace('mm', DateClass.getDisplayValue(this.date.getMinutes()));
16
- return strDate;
17
- }
18
- static isValid(dateStr, format) {
19
- return !!this.parseDate(dateStr, format);
20
- }
21
- static parseDate(dateStr, format) {
22
- let match = dateStr.match(/(\d{2})[.-/](\d{2})[.-/](\d{4})/);
23
- if (match && match[1] && match[2] && match[3]) {
24
- if (new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime() === new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime()) {
25
- let result = new Date(`${match[3]}-${match[2]}-${match[1]}`);
26
- result.setHours(1, 0, 0, 0);
27
- return result;
28
- }
29
- }
30
- return null;
31
- }
32
- static toDate(dateStr) {
33
- return this.parseDate(dateStr);
34
- }
35
- static getDisplayValue(value) {
36
- return value < 10 ? '0' + String(value) : String(value);
37
- }
38
- getStrMonth() {
39
- let m = this.date.getMonth() + 1;
40
- return DateClass.getDisplayValue(m);
41
- }
42
- }
43
- const DateService = date => {
44
- return new DateClass(date);
45
- };
46
- exports.DateService = DateService;
47
- var _default = DateClass;
48
- exports.default = _default;
@@ -1,3 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = exports.AdornmentContainer = void 0;
6
- var _clsx = _interopRequireDefault(require("clsx"));
7
- var _AdornmentModule = _interopRequireDefault(require("./Adornment.module.scss"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- // import { getCssPrefix } from 'lib/helpers/helpers'
10
- const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
11
-
12
- // const css = getCssPrefix(AdornmentClasses)
13
-
14
- const Adornment = props => {
15
- let {
16
- children,
17
- position = 'end',
18
- className,
19
- ...spanProps
20
- } = props;
21
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
22
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
23
- ...spanProps,
24
- className: (0, _clsx.default)(className, {
25
- [_AdornmentModule.default['adornment_start']]: position === 'start',
26
- [_AdornmentModule.default['adornment_end']]: position !== 'start'
27
- }),
28
- children: children
29
- })
30
- });
31
- };
32
- const AdornmentContainer = props => {
33
- let {
34
- position = 'start',
35
- className,
36
- children,
37
- ...inputProps
38
- } = props;
39
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
40
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
41
- ...inputProps,
42
- className: (0, _clsx.default)(_AdornmentModule.default.adornmentContainer, {
43
- [_AdornmentModule.default['adornmentContainer_end']]: position !== 'start'
44
- }, className),
45
- children: children
46
- })
47
- });
48
- };
49
- exports.AdornmentContainer = AdornmentContainer;
50
- var _default = Adornment;
51
- exports.default = _default;
@@ -1,2 +0,0 @@
1
- @import "./../../assets/variables";
2
- @import "./../../assets/Adornment";
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _clsx = _interopRequireDefault(require("clsx"));
7
- var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
8
- var _AlertModule = _interopRequireDefault(require("./Alert.module.scss"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- const AlertClasses = ['alert', 'alert__title', 'alert__close', 'alert__icon', 'alert_success', 'alert_warning', 'alert_info', 'alert_error'];
11
-
12
- // const css = getCssPrefix(AlertClasses)
13
-
14
- const Alert = props => {
15
- let {
16
- title,
17
- children,
18
- status = 'info',
19
- onClose,
20
- className,
21
- ...restProps
22
- } = props;
23
- let icon = 'info';
24
- if (status === 'error') icon = 'bolt';else if (status === 'warning') icon = 'warning';else if (status === 'success') icon = 'task_alt';
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
26
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
27
- ...restProps,
28
- className: (0, _clsx.default)(_AlertModule.default.alert, _AlertModule.default['alert_' + status], className),
29
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
30
- className: (0, _clsx.default)(_AlertModule.default.alert__icon, 'material_icon'),
31
- children: icon
32
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
33
- className: _AlertModule.default.alert__title,
34
- children: props.title
35
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
36
- children: props.children
37
- }), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
38
- onClick: onClose,
39
- size: 'small',
40
- color: 'neutral',
41
- variant: 'transparent',
42
- className: (0, _clsx.default)(_AlertModule.default.alert__close, 'material_icon'),
43
- children: "close"
44
- })]
45
- })
46
- });
47
- };
48
- var _default = Alert;
49
- exports.default = _default;
50
- module.exports = exports.default;
@@ -1,54 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _clsx = _interopRequireDefault(require("clsx"));
7
- var _AvatarModule = _interopRequireDefault(require("./Avatar.module.scss"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- const AvatarClasses = ['avatar', 'avatar__inner', 'avatar_small', 'avatar_medium', 'avatar__name', 'avatar__icon', 'avatar__status', 'avatar__img', 'avatar__status_success', 'avatar__status_error', 'avatar__status_warning'];
10
-
11
- // const css = getCssPrefix(AvatarClasses)
12
-
13
- const getLetters = name => {
14
- let nameParts = name.split(' ');
15
- return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
16
- };
17
- const Avatar = props => {
18
- let icon = props.icon;
19
- if (!props.icon && !props.name && !props.photo) icon = 'person';
20
- let content = props.photo ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
21
- src: props.photo,
22
- className: _AvatarModule.default.avatar__img,
23
- alt: props.name,
24
- title: props.name
25
- }) : props.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
26
- className: _AvatarModule.default.avatar__name,
27
- children: getLetters(props.name)
28
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
29
- className: (0, _clsx.default)(_AvatarModule.default.avatar__icon, 'material_icon_solid'),
30
- children: icon
31
- });
32
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
34
- className: (0, _clsx.default)(_AvatarModule.default.avatar, _AvatarModule.default['avatar_' + props.size]),
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
36
- className: _AvatarModule.default.avatar__inner,
37
- children: props.href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
38
- href: props.href,
39
- ...props.linkProps,
40
- className: _AvatarModule.default.avatar__inner,
41
- children: content
42
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
43
- className: _AvatarModule.default.avatar__inner,
44
- children: content
45
- })
46
- }), props.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
47
- className: (0, _clsx.default)(_AvatarModule.default.avatar__status, _AvatarModule.default['avatar__status_' + props.status])
48
- })]
49
- })
50
- });
51
- };
52
- var _default = Avatar;
53
- exports.default = _default;
54
- module.exports = exports.default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _react = require("react");
7
- var _clsx = _interopRequireDefault(require("clsx"));
8
- var _AvatarGroupModule = _interopRequireDefault(require("./AvatarGroup.module.scss"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- const AvatarGroupClasses = ['avatarGroup', 'avatarGroup_medium', 'avatarGroup__item', 'avatarGroup__remains', 'avatarGroup__remains_medium', 'avatarGroup__remains_small'];
11
-
12
- // const css = getCssPrefix(AvatarGroupClasses)
13
-
14
- const AvatarGroup = props => {
15
- let arrChildren = _react.Children.toArray(props.children);
16
- let visiblePart = arrChildren.slice(0, props.limit || 3);
17
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
18
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
19
- className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup, _AvatarGroupModule.default['avatarGroup_' + props.size]),
20
- children: [visiblePart.length < arrChildren.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
21
- className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup__item, _AvatarGroupModule.default.avatarGroup__remains, _AvatarGroupModule.default['avatarGroup__remains_' + props.size]),
22
- children: ["+", arrChildren.length - visiblePart.length]
23
- }), visiblePart.map((item, index) => {
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
25
- className: _AvatarGroupModule.default.avatarGroup__item,
26
- children: /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
27
- ...item.props,
28
- size: props.size,
29
- key: index
30
- })
31
- }, index);
32
- })]
33
- })
34
- });
35
- };
36
- var _default = AvatarGroup;
37
- exports.default = _default;
38
- module.exports = exports.default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _clsx = _interopRequireDefault(require("clsx"));
7
- var _BadgeModule = _interopRequireDefault(require("./Badge.module.scss"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- const BadgeClasses = ['badge', 'badge__item_primary', 'badge__item_secondary', 'badge__item_neutral', 'badge__item_error', 'badge__item_info', 'badge__item_warning', 'badge__item_success', 'badge__item_content', 'badge__item_content_circle', 'badge__item_content_square', 'badge__item_content_circle', 'badge__item_top-right', 'badge__item_top-left', 'badge__item_bottom-right', 'badge__item_bottom-left'];
10
-
11
- // const css = getCssPrefix(BadgeClasses)
12
-
13
- function Badge(props) {
14
- let {
15
- color,
16
- shape,
17
- position
18
- } = props;
19
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
20
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
21
- className: _BadgeModule.default.badge,
22
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
23
- className: _BadgeModule.default.badge__content,
24
- children: props.children
25
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
26
- className: (0, _clsx.default)(_BadgeModule.default.badge__item, _BadgeModule.default['badge__item_' + color], _BadgeModule.default['badge__item_' + shape], _BadgeModule.default['badge__item_' + position], {
27
- [_BadgeModule.default.badge__item_content]: !!props.badgeText && !shape,
28
- [_BadgeModule.default.badge__item_content_circle]: !!props.badgeText && shape === 'circle',
29
- [_BadgeModule.default.badge__item_content_square]: !!props.badgeText && shape === 'square'
30
- }),
31
- children: props.badgeText
32
- })]
33
- })
34
- });
35
- }
36
- var _default = Badge;
37
- exports.default = _default;
38
- module.exports = exports.default;
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.default = void 0;
6
- var _clsx = _interopRequireDefault(require("clsx"));
7
- var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
10
-
11
- // const css = getCssPrefix(ButtonClasses)
12
-
13
- const Index = props => {
14
- let {
15
- size = 'extraLarge',
16
- color = 'primary',
17
- variant = 'contained',
18
- endAdornment,
19
- startAdornment,
20
- children,
21
- className,
22
- group,
23
- as,
24
- ...restProps
25
- } = props;
26
- let Component = as || 'button';
27
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
28
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
29
- ...restProps,
30
- className: (0, _clsx.default)(_ButtonModule.default.button, _ButtonModule.default['button_' + size], _ButtonModule.default['button_' + variant], _ButtonModule.default['button_' + color], className, {
31
- [_ButtonModule.default['button_grouped_' + group]]: group
32
- }),
33
- children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
- className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_start),
35
- children: startAdornment
36
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
37
- children: children
38
- }), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
39
- className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_end),
40
- children: endAdornment
41
- })]
42
- })
43
- });
44
- };
45
- var _default = Index;
46
- exports.default = _default;
47
- module.exports = exports.default;