react-miui 0.27.11 → 0.28.0

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 (434) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/form/ColorPicker.d.ts +14 -0
  3. package/dist/components/form/ColorPicker.d.ts.map +1 -0
  4. package/dist/components/form/ColorPicker.js +71 -0
  5. package/dist/components/form/ColorPicker.js.map +1 -0
  6. package/dist/components/form/ColorPicker.styled.d.ts +170 -0
  7. package/dist/components/form/ColorPicker.styled.d.ts.map +1 -0
  8. package/dist/components/form/ColorPicker.styled.js +62 -0
  9. package/dist/components/form/ColorPicker.styled.js.map +1 -0
  10. package/dist/components/form/Label.d.ts +4 -2
  11. package/dist/components/form/Label.d.ts.map +1 -1
  12. package/dist/components/form/Label.js +19 -12
  13. package/dist/components/form/Label.js.map +1 -1
  14. package/dist/components/form/Label.styled.d.ts +170 -0
  15. package/dist/components/form/Label.styled.d.ts.map +1 -0
  16. package/dist/components/form/Label.styled.js +25 -0
  17. package/dist/components/form/Label.styled.js.map +1 -0
  18. package/dist/components/form/Toggle.d.ts +4 -2
  19. package/dist/components/form/Toggle.d.ts.map +1 -1
  20. package/dist/components/form/Toggle.js +20 -15
  21. package/dist/components/form/Toggle.js.map +1 -1
  22. package/dist/components/form/Toggle.styled.d.ts +170 -0
  23. package/dist/components/form/Toggle.styled.d.ts.map +1 -0
  24. package/dist/components/form/Toggle.styled.js +58 -0
  25. package/dist/components/form/Toggle.styled.js.map +1 -0
  26. package/dist/components/form/choice/Choice.d.ts +5 -4
  27. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  28. package/dist/components/form/choice/Choice.js +17 -8
  29. package/dist/components/form/choice/Choice.js.map +1 -1
  30. package/dist/components/form/choice/Choice.styled.d.ts +88 -0
  31. package/dist/components/form/choice/Choice.styled.d.ts.map +1 -0
  32. package/dist/components/form/choice/Choice.styled.js +66 -0
  33. package/dist/components/form/choice/Choice.styled.js.map +1 -0
  34. package/dist/components/layout/header/Header.styled.d.ts +1 -1
  35. package/dist/components/layout/header/StickyHeader.d.ts +1 -1
  36. package/dist/components/layout/header/StickyHeader.styled.d.ts +2 -2
  37. package/dist/components/utils/colors.d.ts +4 -0
  38. package/dist/components/utils/colors.d.ts.map +1 -0
  39. package/dist/components/utils/colors.js +19 -0
  40. package/dist/components/utils/colors.js.map +1 -0
  41. package/dist/index.d.ts +1 -0
  42. package/dist/index.d.ts.map +1 -1
  43. package/dist/index.js +1 -0
  44. package/dist/index.js.map +1 -1
  45. package/docs/assets/search.js +1 -1
  46. package/docs/classes/Drawer.html +14 -14
  47. package/docs/classes/Pop.html +14 -14
  48. package/docs/classes/ToasterProvider.html +10 -10
  49. package/docs/enums/ICON.html +14 -14
  50. package/docs/functions/Action.html +9 -6
  51. package/docs/functions/Button.html +9 -6
  52. package/docs/functions/Card.html +9 -6
  53. package/docs/functions/Checkbox.html +9 -6
  54. package/docs/functions/Choice.html +12 -9
  55. package/docs/functions/ColorPicker.html +134 -0
  56. package/docs/functions/CoveringLoader.html +9 -6
  57. package/docs/functions/DirectionPad.html +9 -6
  58. package/docs/functions/EqualActions.html +9 -6
  59. package/docs/functions/FullLoader.html +9 -6
  60. package/docs/functions/HandleEsc.html +9 -6
  61. package/docs/functions/Header.html +9 -6
  62. package/docs/functions/HeaderIconAction.html +9 -6
  63. package/docs/functions/Icon-1.html +9 -6
  64. package/docs/functions/If.html +9 -6
  65. package/docs/functions/Input.html +10 -7
  66. package/docs/functions/KeyValue.html +9 -6
  67. package/docs/functions/Label.html +11 -8
  68. package/docs/functions/Line.html +9 -6
  69. package/docs/functions/List-1.html +9 -6
  70. package/docs/functions/Loader.html +9 -6
  71. package/docs/functions/Loading.html +9 -6
  72. package/docs/functions/Message.html +9 -6
  73. package/docs/functions/Modal-1.html +9 -6
  74. package/docs/functions/ModalButtons.html +9 -6
  75. package/docs/functions/PopLoader.html +9 -6
  76. package/docs/functions/PopOption.html +9 -6
  77. package/docs/functions/Progress.html +9 -6
  78. package/docs/functions/SearchContainer.html +9 -6
  79. package/docs/functions/Section.html +9 -6
  80. package/docs/functions/Select.html +13 -10
  81. package/docs/functions/Selector.html +10 -7
  82. package/docs/functions/Spacer.html +9 -6
  83. package/docs/functions/Stats.html +9 -6
  84. package/docs/functions/StickyHeader.html +9 -6
  85. package/docs/functions/Table.html +9 -6
  86. package/docs/functions/TextArea.html +9 -6
  87. package/docs/functions/Toggle.html +11 -8
  88. package/docs/functions/ToolButton.html +9 -6
  89. package/docs/functions/borderPxToRem.html +10 -7
  90. package/docs/functions/createTheme.html +9 -6
  91. package/docs/functions/css.html +9 -6
  92. package/docs/functions/dimensionsPxToRem.html +10 -7
  93. package/docs/functions/fontPxToRem.html +10 -7
  94. package/docs/functions/getCssText.html +9 -6
  95. package/docs/functions/globalCss.html +9 -6
  96. package/docs/functions/keyframes.html +9 -6
  97. package/docs/functions/pxToRem.html +10 -7
  98. package/docs/functions/styled.html +9 -6
  99. package/docs/functions/useToaster.html +10 -7
  100. package/docs/index.html +9 -6
  101. package/docs/interfaces/IconProps.html +7 -7
  102. package/docs/interfaces/InputCustomProps.html +11 -11
  103. package/docs/interfaces/LabelProps.html +103 -0
  104. package/docs/interfaces/StickyHeaderProps.html +9 -9
  105. package/docs/interfaces/{ChoiceProps.html → ToggleProps.html} +59 -48
  106. package/docs/modules/List.html +7 -7
  107. package/docs/modules/Modal.html +6 -6
  108. package/docs/modules.html +13 -7
  109. package/docs/pages/tutorials/Test.html +9 -6
  110. package/docs/types/ActionProps.html +10 -7
  111. package/docs/types/ChoiceProps.html +122 -0
  112. package/docs/types/InputProps.html +10 -7
  113. package/docs/types/OverwriteProps.html +10 -7
  114. package/docs/types/ThemeCSS.html +10 -7
  115. package/docs/variables/List.Header.html +5 -5
  116. package/docs/variables/List.Item.html +5 -5
  117. package/docs/variables/Modal.RemovePadding.html +5 -5
  118. package/docs/variables/config.html +10 -7
  119. package/docs/variables/cssReset.html +10 -7
  120. package/docs/variables/miuiScrollbars.html +10 -7
  121. package/docs/variables/theme.html +10 -7
  122. package/esm/components/form/ColorPicker.d.ts +14 -0
  123. package/esm/components/form/ColorPicker.d.ts.map +1 -0
  124. package/esm/components/form/ColorPicker.js +26 -0
  125. package/esm/components/form/ColorPicker.js.map +1 -0
  126. package/esm/components/form/ColorPicker.styled.d.ts +170 -0
  127. package/esm/components/form/ColorPicker.styled.d.ts.map +1 -0
  128. package/esm/components/form/ColorPicker.styled.js +58 -0
  129. package/esm/components/form/ColorPicker.styled.js.map +1 -0
  130. package/esm/components/form/Label.d.ts +4 -2
  131. package/esm/components/form/Label.d.ts.map +1 -1
  132. package/esm/components/form/Label.js +8 -12
  133. package/esm/components/form/Label.js.map +1 -1
  134. package/esm/components/form/Label.styled.d.ts +170 -0
  135. package/esm/components/form/Label.styled.d.ts.map +1 -0
  136. package/esm/components/form/Label.styled.js +21 -0
  137. package/esm/components/form/Label.styled.js.map +1 -0
  138. package/esm/components/form/Toggle.d.ts +4 -2
  139. package/esm/components/form/Toggle.d.ts.map +1 -1
  140. package/esm/components/form/Toggle.js +10 -13
  141. package/esm/components/form/Toggle.js.map +1 -1
  142. package/esm/components/form/Toggle.styled.d.ts +170 -0
  143. package/esm/components/form/Toggle.styled.d.ts.map +1 -0
  144. package/esm/components/form/Toggle.styled.js +54 -0
  145. package/esm/components/form/Toggle.styled.js.map +1 -0
  146. package/esm/components/form/choice/Choice.d.ts +5 -4
  147. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  148. package/esm/components/form/choice/Choice.js +6 -9
  149. package/esm/components/form/choice/Choice.js.map +1 -1
  150. package/esm/components/form/choice/Choice.styled.d.ts +88 -0
  151. package/esm/components/form/choice/Choice.styled.d.ts.map +1 -0
  152. package/esm/components/form/choice/Choice.styled.js +63 -0
  153. package/esm/components/form/choice/Choice.styled.js.map +1 -0
  154. package/esm/components/layout/header/Header.styled.d.ts +1 -1
  155. package/esm/components/layout/header/StickyHeader.d.ts +1 -1
  156. package/esm/components/layout/header/StickyHeader.styled.d.ts +2 -2
  157. package/esm/components/utils/colors.d.ts +4 -0
  158. package/esm/components/utils/colors.d.ts.map +1 -0
  159. package/esm/components/utils/colors.js +15 -0
  160. package/esm/components/utils/colors.js.map +1 -0
  161. package/esm/index.d.ts +1 -0
  162. package/esm/index.d.ts.map +1 -1
  163. package/esm/index.js +1 -0
  164. package/esm/index.js.map +1 -1
  165. package/package.json +28 -31
  166. package/src/components/form/ColorPicker.stories.tsx +169 -0
  167. package/src/components/form/ColorPicker.styled.ts +69 -0
  168. package/src/components/form/ColorPicker.tsx +71 -0
  169. package/src/components/form/Label.stories.tsx +66 -0
  170. package/src/components/form/Label.styled.ts +27 -0
  171. package/src/components/form/Label.tsx +19 -18
  172. package/src/components/form/Toggle.stories.tsx +119 -0
  173. package/src/components/form/Toggle.styled.ts +64 -0
  174. package/src/components/form/Toggle.tsx +32 -20
  175. package/src/components/form/choice/Choice.js +32 -0
  176. package/src/components/form/choice/Choice.stories.tsx +146 -0
  177. package/src/components/form/choice/Choice.styled.js +65 -0
  178. package/src/components/form/choice/Choice.styled.ts +73 -0
  179. package/src/components/form/choice/Choice.tsx +17 -21
  180. package/src/components/utils/colors.ts +22 -0
  181. package/src/demo/componentsMap.ts +0 -21
  182. package/src/index.ts +1 -0
  183. package/src/theme.js +98 -0
  184. package/src/types/form.js +2 -0
  185. package/src/utils/index.js +19 -0
  186. package/src/utils/makeVariants.js +13 -0
  187. package/src/utils/toObjectValue.js +7 -0
  188. package/src/utils/useKeyPress.js +29 -0
  189. package/dist/components/form/Checkbox.stories.d.ts +0 -9
  190. package/dist/components/form/Checkbox.stories.d.ts.map +0 -1
  191. package/dist/components/form/Checkbox.stories.js +0 -117
  192. package/dist/components/form/Checkbox.stories.js.map +0 -1
  193. package/dist/components/form/Label.module.scss +0 -15
  194. package/dist/components/form/Select.stories.d.ts +0 -8
  195. package/dist/components/form/Select.stories.d.ts.map +0 -1
  196. package/dist/components/form/Select.stories.js +0 -30
  197. package/dist/components/form/Select.stories.js.map +0 -1
  198. package/dist/components/form/Toggle.module.scss +0 -55
  199. package/dist/components/form/choice/Choice.module.scss +0 -56
  200. package/dist/components/form/input/Input.stories.d.ts +0 -9
  201. package/dist/components/form/input/Input.stories.d.ts.map +0 -1
  202. package/dist/components/form/input/Input.stories.js +0 -46
  203. package/dist/components/form/input/Input.stories.js.map +0 -1
  204. package/dist/components/form/textarea/TextArea.stories.d.ts +0 -8
  205. package/dist/components/form/textarea/TextArea.stories.d.ts.map +0 -1
  206. package/dist/components/form/textarea/TextArea.stories.js +0 -22
  207. package/dist/components/form/textarea/TextArea.stories.js.map +0 -1
  208. package/dist/components/layout/header/Header.stories.d.ts +0 -11
  209. package/dist/components/layout/header/Header.stories.d.ts.map +0 -1
  210. package/dist/components/layout/header/Header.stories.js +0 -65
  211. package/dist/components/layout/header/Header.stories.js.map +0 -1
  212. package/dist/components/layout/header/HeaderIconAction.stories.d.ts +0 -9
  213. package/dist/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
  214. package/dist/components/layout/header/HeaderIconAction.stories.js +0 -43
  215. package/dist/components/layout/header/HeaderIconAction.stories.js.map +0 -1
  216. package/dist/components/layout/header/StickyHeader.stories.d.ts +0 -9
  217. package/dist/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
  218. package/dist/components/layout/header/StickyHeader.stories.js +0 -97
  219. package/dist/components/layout/header/StickyHeader.stories.js.map +0 -1
  220. package/dist/components/layout/list/Header.stories.d.ts +0 -8
  221. package/dist/components/layout/list/Header.stories.d.ts.map +0 -1
  222. package/dist/components/layout/list/Header.stories.js +0 -33
  223. package/dist/components/layout/list/Header.stories.js.map +0 -1
  224. package/dist/components/layout/list/Item.stories.d.ts +0 -11
  225. package/dist/components/layout/list/Item.stories.d.ts.map +0 -1
  226. package/dist/components/layout/list/Item.stories.js +0 -105
  227. package/dist/components/layout/list/Item.stories.js.map +0 -1
  228. package/dist/components/layout/list/Label.stories.d.ts +0 -8
  229. package/dist/components/layout/list/Label.stories.d.ts.map +0 -1
  230. package/dist/components/layout/list/Label.stories.js +0 -35
  231. package/dist/components/layout/list/Label.stories.js.map +0 -1
  232. package/dist/components/layout/list/List.stories.d.ts +0 -9
  233. package/dist/components/layout/list/List.stories.d.ts.map +0 -1
  234. package/dist/components/layout/list/List.stories.js +0 -53
  235. package/dist/components/layout/list/List.stories.js.map +0 -1
  236. package/dist/components/layout/list/Value.stories.d.ts +0 -8
  237. package/dist/components/layout/list/Value.stories.d.ts.map +0 -1
  238. package/dist/components/layout/list/Value.stories.js +0 -29
  239. package/dist/components/layout/list/Value.stories.js.map +0 -1
  240. package/dist/components/layout/section/Section.stories.d.ts +0 -8
  241. package/dist/components/layout/section/Section.stories.d.ts.map +0 -1
  242. package/dist/components/layout/section/Section.stories.js +0 -37
  243. package/dist/components/layout/section/Section.stories.js.map +0 -1
  244. package/dist/components/layout/table/Table.stories.d.ts +0 -8
  245. package/dist/components/layout/table/Table.stories.d.ts.map +0 -1
  246. package/dist/components/layout/table/Table.stories.js +0 -55
  247. package/dist/components/layout/table/Table.stories.js.map +0 -1
  248. package/dist/components/ui/action/Action.stories.d.ts +0 -11
  249. package/dist/components/ui/action/Action.stories.d.ts.map +0 -1
  250. package/dist/components/ui/action/Action.stories.js +0 -67
  251. package/dist/components/ui/action/Action.stories.js.map +0 -1
  252. package/dist/components/ui/button/Button.stories.d.ts +0 -9
  253. package/dist/components/ui/button/Button.stories.d.ts.map +0 -1
  254. package/dist/components/ui/button/Button.stories.js +0 -72
  255. package/dist/components/ui/button/Button.stories.js.map +0 -1
  256. package/dist/components/ui/line/Line.stories.d.ts +0 -8
  257. package/dist/components/ui/line/Line.stories.d.ts.map +0 -1
  258. package/dist/components/ui/line/Line.stories.js +0 -33
  259. package/dist/components/ui/line/Line.stories.js.map +0 -1
  260. package/dist/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
  261. package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
  262. package/dist/components/ui/loader/CoveringLoader.stories.js +0 -31
  263. package/dist/components/ui/loader/CoveringLoader.stories.js.map +0 -1
  264. package/dist/components/ui/loader/FullLoader.stories.d.ts +0 -8
  265. package/dist/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
  266. package/dist/components/ui/loader/FullLoader.stories.js +0 -25
  267. package/dist/components/ui/loader/FullLoader.stories.js.map +0 -1
  268. package/dist/components/ui/loader/Loader.stories.d.ts +0 -8
  269. package/dist/components/ui/loader/Loader.stories.d.ts.map +0 -1
  270. package/dist/components/ui/loader/Loader.stories.js +0 -26
  271. package/dist/components/ui/loader/Loader.stories.js.map +0 -1
  272. package/dist/components/ui/loader/Loading.stories.d.ts +0 -8
  273. package/dist/components/ui/loader/Loading.stories.d.ts.map +0 -1
  274. package/dist/components/ui/loader/Loading.stories.js +0 -38
  275. package/dist/components/ui/loader/Loading.stories.js.map +0 -1
  276. package/dist/components/ui/loader/PopLoader.stories.d.ts +0 -8
  277. package/dist/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
  278. package/dist/components/ui/loader/PopLoader.stories.js +0 -30
  279. package/dist/components/ui/loader/PopLoader.stories.js.map +0 -1
  280. package/dist/components/ui/message/Message.stories.d.ts +0 -9
  281. package/dist/components/ui/message/Message.stories.d.ts.map +0 -1
  282. package/dist/components/ui/message/Message.stories.js +0 -50
  283. package/dist/components/ui/message/Message.stories.js.map +0 -1
  284. package/dist/components/ui/modal/Modal.stories.d.ts +0 -10
  285. package/dist/components/ui/modal/Modal.stories.d.ts.map +0 -1
  286. package/dist/components/ui/modal/Modal.stories.js +0 -122
  287. package/dist/components/ui/modal/Modal.stories.js.map +0 -1
  288. package/dist/components/ui/modal/ModalButtons.stories.d.ts +0 -8
  289. package/dist/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
  290. package/dist/components/ui/modal/ModalButtons.stories.js +0 -25
  291. package/dist/components/ui/modal/ModalButtons.stories.js.map +0 -1
  292. package/dist/components/ui/pop/Pop.stories.d.ts +0 -8
  293. package/dist/components/ui/pop/Pop.stories.d.ts.map +0 -1
  294. package/dist/components/ui/pop/Pop.stories.js +0 -101
  295. package/dist/components/ui/pop/Pop.stories.js.map +0 -1
  296. package/dist/components/ui/progress/Progress.stories.d.ts +0 -9
  297. package/dist/components/ui/progress/Progress.stories.d.ts.map +0 -1
  298. package/dist/components/ui/progress/Progress.stories.js +0 -36
  299. package/dist/components/ui/progress/Progress.stories.js.map +0 -1
  300. package/dist/components/ui/toaster/Toaster.stories.d.ts +0 -7
  301. package/dist/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
  302. package/dist/components/ui/toaster/Toaster.stories.js +0 -45
  303. package/dist/components/ui/toaster/Toaster.stories.js.map +0 -1
  304. package/dist/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
  305. package/dist/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
  306. package/dist/components/ui/toolButton/ToolButton.stories.js +0 -35
  307. package/dist/components/ui/toolButton/ToolButton.stories.js.map +0 -1
  308. package/esm/components/form/Checkbox.stories.d.ts +0 -9
  309. package/esm/components/form/Checkbox.stories.d.ts.map +0 -1
  310. package/esm/components/form/Checkbox.stories.js +0 -80
  311. package/esm/components/form/Checkbox.stories.js.map +0 -1
  312. package/esm/components/form/Label.module.scss +0 -15
  313. package/esm/components/form/Select.stories.d.ts +0 -8
  314. package/esm/components/form/Select.stories.d.ts.map +0 -1
  315. package/esm/components/form/Select.stories.js +0 -24
  316. package/esm/components/form/Select.stories.js.map +0 -1
  317. package/esm/components/form/Toggle.module.scss +0 -55
  318. package/esm/components/form/choice/Choice.module.scss +0 -56
  319. package/esm/components/form/input/Input.stories.d.ts +0 -9
  320. package/esm/components/form/input/Input.stories.d.ts.map +0 -1
  321. package/esm/components/form/input/Input.stories.js +0 -39
  322. package/esm/components/form/input/Input.stories.js.map +0 -1
  323. package/esm/components/form/textarea/TextArea.stories.d.ts +0 -8
  324. package/esm/components/form/textarea/TextArea.stories.d.ts.map +0 -1
  325. package/esm/components/form/textarea/TextArea.stories.js +0 -19
  326. package/esm/components/form/textarea/TextArea.stories.js.map +0 -1
  327. package/esm/components/layout/header/Header.stories.d.ts +0 -11
  328. package/esm/components/layout/header/Header.stories.d.ts.map +0 -1
  329. package/esm/components/layout/header/Header.stories.js +0 -56
  330. package/esm/components/layout/header/Header.stories.js.map +0 -1
  331. package/esm/components/layout/header/HeaderIconAction.stories.d.ts +0 -9
  332. package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
  333. package/esm/components/layout/header/HeaderIconAction.stories.js +0 -24
  334. package/esm/components/layout/header/HeaderIconAction.stories.js.map +0 -1
  335. package/esm/components/layout/header/StickyHeader.stories.d.ts +0 -9
  336. package/esm/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
  337. package/esm/components/layout/header/StickyHeader.stories.js +0 -60
  338. package/esm/components/layout/header/StickyHeader.stories.js.map +0 -1
  339. package/esm/components/layout/list/Header.stories.d.ts +0 -8
  340. package/esm/components/layout/list/Header.stories.d.ts.map +0 -1
  341. package/esm/components/layout/list/Header.stories.js +0 -27
  342. package/esm/components/layout/list/Header.stories.js.map +0 -1
  343. package/esm/components/layout/list/Item.stories.d.ts +0 -11
  344. package/esm/components/layout/list/Item.stories.d.ts.map +0 -1
  345. package/esm/components/layout/list/Item.stories.js +0 -100
  346. package/esm/components/layout/list/Item.stories.js.map +0 -1
  347. package/esm/components/layout/list/Label.stories.d.ts +0 -8
  348. package/esm/components/layout/list/Label.stories.d.ts.map +0 -1
  349. package/esm/components/layout/list/Label.stories.js +0 -29
  350. package/esm/components/layout/list/Label.stories.js.map +0 -1
  351. package/esm/components/layout/list/List.stories.d.ts +0 -9
  352. package/esm/components/layout/list/List.stories.d.ts.map +0 -1
  353. package/esm/components/layout/list/List.stories.js +0 -46
  354. package/esm/components/layout/list/List.stories.js.map +0 -1
  355. package/esm/components/layout/list/Value.stories.d.ts +0 -8
  356. package/esm/components/layout/list/Value.stories.d.ts.map +0 -1
  357. package/esm/components/layout/list/Value.stories.js +0 -23
  358. package/esm/components/layout/list/Value.stories.js.map +0 -1
  359. package/esm/components/layout/section/Section.stories.d.ts +0 -8
  360. package/esm/components/layout/section/Section.stories.d.ts.map +0 -1
  361. package/esm/components/layout/section/Section.stories.js +0 -31
  362. package/esm/components/layout/section/Section.stories.js.map +0 -1
  363. package/esm/components/layout/table/Table.stories.d.ts +0 -8
  364. package/esm/components/layout/table/Table.stories.d.ts.map +0 -1
  365. package/esm/components/layout/table/Table.stories.js +0 -49
  366. package/esm/components/layout/table/Table.stories.js.map +0 -1
  367. package/esm/components/ui/action/Action.stories.d.ts +0 -11
  368. package/esm/components/ui/action/Action.stories.d.ts.map +0 -1
  369. package/esm/components/ui/action/Action.stories.js +0 -58
  370. package/esm/components/ui/action/Action.stories.js.map +0 -1
  371. package/esm/components/ui/button/Button.stories.d.ts +0 -9
  372. package/esm/components/ui/button/Button.stories.d.ts.map +0 -1
  373. package/esm/components/ui/button/Button.stories.js +0 -35
  374. package/esm/components/ui/button/Button.stories.js.map +0 -1
  375. package/esm/components/ui/line/Line.stories.d.ts +0 -8
  376. package/esm/components/ui/line/Line.stories.d.ts.map +0 -1
  377. package/esm/components/ui/line/Line.stories.js +0 -27
  378. package/esm/components/ui/line/Line.stories.js.map +0 -1
  379. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
  380. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
  381. package/esm/components/ui/loader/CoveringLoader.stories.js +0 -25
  382. package/esm/components/ui/loader/CoveringLoader.stories.js.map +0 -1
  383. package/esm/components/ui/loader/FullLoader.stories.d.ts +0 -8
  384. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
  385. package/esm/components/ui/loader/FullLoader.stories.js +0 -19
  386. package/esm/components/ui/loader/FullLoader.stories.js.map +0 -1
  387. package/esm/components/ui/loader/Loader.stories.d.ts +0 -8
  388. package/esm/components/ui/loader/Loader.stories.d.ts.map +0 -1
  389. package/esm/components/ui/loader/Loader.stories.js +0 -23
  390. package/esm/components/ui/loader/Loader.stories.js.map +0 -1
  391. package/esm/components/ui/loader/Loading.stories.d.ts +0 -8
  392. package/esm/components/ui/loader/Loading.stories.d.ts.map +0 -1
  393. package/esm/components/ui/loader/Loading.stories.js +0 -32
  394. package/esm/components/ui/loader/Loading.stories.js.map +0 -1
  395. package/esm/components/ui/loader/PopLoader.stories.d.ts +0 -8
  396. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
  397. package/esm/components/ui/loader/PopLoader.stories.js +0 -24
  398. package/esm/components/ui/loader/PopLoader.stories.js.map +0 -1
  399. package/esm/components/ui/message/Message.stories.d.ts +0 -9
  400. package/esm/components/ui/message/Message.stories.d.ts.map +0 -1
  401. package/esm/components/ui/message/Message.stories.js +0 -43
  402. package/esm/components/ui/message/Message.stories.js.map +0 -1
  403. package/esm/components/ui/modal/Modal.stories.d.ts +0 -10
  404. package/esm/components/ui/modal/Modal.stories.d.ts.map +0 -1
  405. package/esm/components/ui/modal/Modal.stories.js +0 -84
  406. package/esm/components/ui/modal/Modal.stories.js.map +0 -1
  407. package/esm/components/ui/modal/ModalButtons.stories.d.ts +0 -8
  408. package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
  409. package/esm/components/ui/modal/ModalButtons.stories.js +0 -19
  410. package/esm/components/ui/modal/ModalButtons.stories.js.map +0 -1
  411. package/esm/components/ui/pop/Pop.stories.d.ts +0 -8
  412. package/esm/components/ui/pop/Pop.stories.d.ts.map +0 -1
  413. package/esm/components/ui/pop/Pop.stories.js +0 -65
  414. package/esm/components/ui/pop/Pop.stories.js.map +0 -1
  415. package/esm/components/ui/progress/Progress.stories.d.ts +0 -9
  416. package/esm/components/ui/progress/Progress.stories.d.ts.map +0 -1
  417. package/esm/components/ui/progress/Progress.stories.js +0 -29
  418. package/esm/components/ui/progress/Progress.stories.js.map +0 -1
  419. package/esm/components/ui/toaster/Toaster.stories.d.ts +0 -7
  420. package/esm/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
  421. package/esm/components/ui/toaster/Toaster.stories.js +0 -39
  422. package/esm/components/ui/toaster/Toaster.stories.js.map +0 -1
  423. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
  424. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
  425. package/esm/components/ui/toolButton/ToolButton.stories.js +0 -29
  426. package/esm/components/ui/toolButton/ToolButton.stories.js.map +0 -1
  427. package/pnpm-lock.yaml +0 -11119
  428. package/src/components/form/Label.module.scss +0 -15
  429. package/src/components/form/Toggle.module.scss +0 -55
  430. package/src/components/form/choice/Choice.module.scss +0 -56
  431. package/src/demo/components/form/Choice.module.scss +0 -7
  432. package/src/demo/components/form/Choice.tsx +0 -63
  433. package/src/demo/components/form/Label.tsx +0 -13
  434. package/src/demo/components/form/Toggle.tsx +0 -60
@@ -1,35 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Primary = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const native_1 = require("../../native");
9
- const ToolButton_1 = require("./ToolButton");
10
- const meta = {
11
- title: "Components/UI/ToolButton",
12
- component: ToolButton_1.ToolButton,
13
- tags: ["autodocs", "ui"],
14
- argTypes: {
15
- variant: {
16
- control: {
17
- type: "select",
18
- },
19
- options: ["default", "secondary", "secondaryOnLight"],
20
- },
21
- },
22
- };
23
- const Primary = {
24
- args: {
25
- children: "Click me",
26
- onClick: () => { alert("Clicked"); },
27
- },
28
- render: args => {
29
- return (react_1.default.createElement(native_1.Div, { css: { background: args.variant === "secondaryOnLight" ? "white" : "$blue5", padding: 50 } },
30
- react_1.default.createElement(ToolButton_1.ToolButton, Object.assign({}, args))));
31
- },
32
- };
33
- exports.Primary = Primary;
34
- exports.default = meta;
35
- //# sourceMappingURL=ToolButton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolButton.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/toolButton/ToolButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,yCAAmC;AAEnC,6CAA0C;AAE1C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;aACjB;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC;SACxD;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;IACD,MAAM,EAAE,IAAI,CAAC,EAAE;QACX,OAAO,CACH,8BAAC,YAAG,IAAC,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;YAC3F,8BAAC,uBAAU,oBAAK,IAAI,EAAI,CACtB,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAFX,kBAAe,IAAI,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Checkbox } from "./Checkbox";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Checkbox>;
5
- declare const Primary: Story;
6
- declare const AllAtOnce: Story;
7
- export { Primary, AllAtOnce, };
8
- export default meta;
9
- //# sourceMappingURL=Checkbox.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IA0CX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,80 +0,0 @@
1
- import React, { useCallback, useState } from "react";
2
- import { omit } from "@ezez/utils";
3
- import { Div } from "../native/index.js";
4
- import { styled } from "../../theme.js";
5
- import { Checkbox } from "./Checkbox.js";
6
- const meta = {
7
- title: "Components/Form/Checkbox",
8
- component: Checkbox,
9
- tags: ["autodocs", "form"],
10
- argTypes: {
11
- color: {
12
- control: {
13
- type: "color",
14
- },
15
- },
16
- defaultChecked: {
17
- control: {
18
- type: "boolean",
19
- },
20
- },
21
- checked: {
22
- control: {
23
- type: "boolean",
24
- },
25
- },
26
- disabled: {
27
- control: {
28
- type: "boolean",
29
- },
30
- },
31
- readOnly: {
32
- control: {
33
- type: "boolean",
34
- },
35
- },
36
- error: {
37
- control: {
38
- type: "boolean",
39
- },
40
- },
41
- onChange: {
42
- action: "onChange",
43
- },
44
- },
45
- args: {
46
- children: "Check me",
47
- },
48
- };
49
- const Primary = {};
50
- const Green = styled(Checkbox, {
51
- "--color": "$colors$green1",
52
- });
53
- const AllAtOnce = {
54
- render: (args) => {
55
- const [v, setV] = useState(false);
56
- const handleToggle = useCallback(() => { setV((prevV) => !prevV); }, []);
57
- return (React.createElement(React.Fragment, null,
58
- React.createElement(Div, null, "Red (deprecated prop):"),
59
- React.createElement(Checkbox, { ...args, color: "red" }),
60
- React.createElement(Div, null, "Blue (css):"),
61
- React.createElement(Checkbox, { ...args, css: { "--color": "$blue5" } }),
62
- React.createElement(Div, null, "Green (composed):"),
63
- React.createElement(Green, { ...omit(args, ["ref"]) }),
64
- React.createElement(Div, null,
65
- "Always controlled: (checked: ",
66
- String(v),
67
- ")"),
68
- React.createElement(Checkbox, { ...args, checked: v, onChange: handleToggle }),
69
- React.createElement(Div, null, "Always disabled:"),
70
- React.createElement(Checkbox, { ...args, disabled: true }),
71
- React.createElement(Div, null, "Always read-only:"),
72
- React.createElement(Checkbox, { ...args, readOnly: true })));
73
- },
74
- args: {
75
- defaultChecked: true,
76
- },
77
- };
78
- export { Primary, AllAtOnce, };
79
- export default meta;
80
- //# sourceMappingURL=Checkbox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAInC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAE1B,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,oBAAC,GAAG,iCAA6B;YACjC,oBAAC,QAAQ,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI;YACpC,oBAAC,GAAG,sBAAkB;YACtB,oBAAC,QAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAI;YACpD,oBAAC,GAAG,4BAAwB;YAC5B,oBAAC,KAAK,OAAK,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAI;YAClC,oBAAC,GAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,oBAAC,QAAQ,OAAK,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAI;YAC1D,oBAAC,GAAG,2BAAuB;YAC3B,oBAAC,QAAQ,OAAK,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI;YACtC,oBAAC,GAAG,4BAAwB;YAC5B,oBAAC,QAAQ,OAAK,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,15 +0,0 @@
1
- .label + .label {
2
- margin-top: 23px;
3
- display: block;
4
- }
5
-
6
- .text {
7
- font-size: calc(28px / var(--ratio-font));
8
- margin-bottom: calc(24px / var(--ratio-dimensions));
9
- color: var(--sub);
10
- }
11
-
12
- .textBig {
13
- font-size: calc(34px / var(--ratio-font));
14
-
15
- }
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Select } from "./Select";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Select>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=Select.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { Select } from "./Select.js";
3
- const meta = {
4
- title: "Components/Form/Select",
5
- component: Select,
6
- tags: ["autodocs", "form"],
7
- argTypes: {
8
- error: { type: "boolean" },
9
- disabled: { type: "boolean" },
10
- },
11
- };
12
- const Primary = {
13
- args: {
14
- children: [
15
- React.createElement("option", { key: "1", value: "1" }, "First"),
16
- React.createElement("option", { key: "2", value: "2" }, "Second"),
17
- React.createElement("option", { key: "3", value: "3" }, "Third"),
18
- ],
19
- disabled: false,
20
- },
21
- };
22
- export { Primary, };
23
- export default meta;
24
- //# sourceMappingURL=Select.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,55 +0,0 @@
1
- .container {
2
- --ratio-dimensions: 2.5;
3
-
4
- display: inline-flex;
5
- align-items: center;
6
- border: 1px solid #ccc;
7
- border-radius: 100px;
8
- position: relative;
9
- line-height: 0;
10
- width: calc(110px / var(--ratio-dimensions));
11
- height: calc(62px / var(--ratio-dimensions));
12
- padding-left: calc(8px / var(--ratio-dimensions));
13
- box-sizing: border-box;
14
-
15
- input {
16
- position: absolute;
17
- width: 0;
18
- height: 0;
19
- overflow: hidden;
20
- visibility: hidden;
21
-
22
- &:not(:checked) + .toggle {
23
- transform: translateX(0);
24
- background: var(--toggle-handle-bg);
25
- border-color: var(--toggle-handle-border);
26
- }
27
-
28
- &[data-undetermined=true] + .toggle {
29
- transform: translateX(calc(24px / var(--ratio-dimensions)));
30
- background: var(--toggle-handle-border);
31
- border-color: var(--toggle-handle-border);
32
- }
33
-
34
- &:disabled:checked + .toggle {
35
- border-color: var(--toggle-handle-border-disabled);
36
- background: var(--toggle-handle-bg-disabled);
37
- }
38
- }
39
- }
40
-
41
- .disabled {
42
- background: var(--toggle-bg-disabled);
43
- }
44
-
45
- .toggle {
46
- box-sizing: border-box;
47
- border-radius: 100px;
48
- display: inline-block;
49
- width: calc(44px / var(--ratio-dimensions));
50
- height: calc(44px / var(--ratio-dimensions));
51
- border: calc(1px / var(--ratio-border)) solid var(--orange1-darker);
52
- background: var(--orange1);
53
- transition: transform 200ms, background-color 200ms, border-color 200ms;
54
- transform: translateX(calc(48px / var(--ratio-dimensions)));
55
- }
@@ -1,56 +0,0 @@
1
- .choice {
2
- input {
3
- width: 0;
4
- height: 0;
5
- overflow: hidden;
6
- opacity: 0;
7
- margin: 0;
8
- position: absolute;
9
-
10
- &:checked + span {
11
- color: var(--choice-active-text);
12
- background: var(--choice-active-bg);
13
- }
14
- }
15
-
16
- span {
17
- display: flex;
18
- padding: 0 1em;
19
- flex: 1;
20
- height: 100%;
21
- align-items: center;
22
- justify-content: center;
23
- font-size: calc(24px / var(--ratio-font));
24
- color: var(--choice-text);
25
- background: var(--choice-bg);
26
- white-space: nowrap;
27
- }
28
-
29
- display: flex;
30
- border: 1px solid var(--choice-border); // @TODO width
31
- position: relative;
32
- border-radius: 8px;
33
- overflow: hidden;
34
- width: max-content;
35
- margin-left: auto;
36
- margin-right: auto;
37
-
38
- label {
39
- flex: 1;
40
- height: calc(89px / var(--ratio-dimensions));
41
- display: flex;
42
-
43
- + label {
44
- border-left: 1px solid var(--choice-border);
45
- }
46
- }
47
- }
48
-
49
- .wide {
50
- width: 100%;
51
- }
52
-
53
- .left {
54
- margin-left: unset;
55
- margin-right: unset;
56
- }
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Input } from "./Input";
3
- declare const meta: Meta<typeof Input>;
4
- type Story = StoryObj<typeof Input>;
5
- declare const Primary: Story;
6
- declare const Mixed: Story;
7
- export { Primary, Mixed, };
8
- export default meta;
9
- //# sourceMappingURL=Input.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,39 +0,0 @@
1
- import React from "react";
2
- import { Icon, ICON } from "../../icons/Icon.js";
3
- import { countries } from "../../../demo/components/form/countries.const.js";
4
- import { Input } from "./Input.js";
5
- const meta = {
6
- title: "Components/Form/Input",
7
- component: Input,
8
- tags: ["autodocs", "form"],
9
- argTypes: {
10
- error: { type: "boolean" },
11
- disabled: { type: "boolean" },
12
- readOnly: { type: "boolean" },
13
- prefix: { type: "string" },
14
- suffix: { type: "string" },
15
- children: { table: { disable: true } },
16
- },
17
- };
18
- const Primary = {
19
- args: {
20
- placeholder: "Capacity",
21
- prefix: React.createElement(Icon, { name: ICON.battery }),
22
- suffix: "kWh",
23
- },
24
- };
25
- const handleSuggestionMatch = (s, picked) => {
26
- alert("Suggestion " + (picked ? "picked" : "matched") + " : " + s);
27
- };
28
- const Mixed = {
29
- render: () => (React.createElement(React.Fragment, null,
30
- React.createElement(Input, { placeholder: "Capacity", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" }),
31
- React.createElement(Input, { value: "William J. Welter" }),
32
- React.createElement(Input, { prefix: "Text prefix", value: "Polly W. Wilson" }),
33
- React.createElement(Input, { prefix: "Disabled", value: "Clayton J. Foster", disabled: true }),
34
- React.createElement(Input, { prefix: "Read only", value: "Norma J. Gomez", readOnly: true }),
35
- React.createElement(Input, { placeholder: "With suggestions, try country name", suggestions: countries, onSuggestionMatch: handleSuggestionMatch }))),
36
- };
37
- export { Primary, Mixed, };
38
- export default meta;
39
- //# sourceMappingURL=Input.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;KACzC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,UAAU;QACvB,MAAM,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI;QACpC,MAAM,EAAE,KAAK;KAChB;CACJ,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE;IACzD,KAAK,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,oBAAC,KAAK,IAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI;QACvF,oBAAC,KAAK,IAAC,KAAK,EAAE,mBAAmB,GAAI;QACrC,oBAAC,KAAK,IAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,GAAI;QAC1D,oBAAC,KAAK,IAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACzE,oBAAC,KAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACvE,oBAAC,KAAK,IACF,WAAW,EAAE,oCAAoC,EACjD,WAAW,EAAE,SAAS,EACtB,iBAAiB,EAAE,qBAAqB,GAC1C,CACH,CACN;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { TextArea } from "./TextArea";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof TextArea>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=TextArea.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,19 +0,0 @@
1
- import { TextArea } from "./TextArea.js";
2
- const meta = {
3
- title: "Components/Form/TextArea",
4
- component: TextArea,
5
- tags: ["autodocs", "form"],
6
- argTypes: {
7
- error: { type: "boolean" },
8
- disabled: { type: "boolean" },
9
- readOnly: { type: "boolean" },
10
- },
11
- };
12
- const Primary = {
13
- args: {
14
- placeholder: "Type something here",
15
- },
16
- };
17
- export { Primary, };
18
- export default meta;
19
- //# sourceMappingURL=TextArea.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,qBAAqB;KACrC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Header } from "./Header";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Header>;
5
- declare const Primary: Story;
6
- declare const LongContent: Story;
7
- declare const WithButtons: Story;
8
- declare const Vertical: Story;
9
- export { Primary, LongContent, WithButtons, Vertical, };
10
- export default meta;
11
- //# sourceMappingURL=Header.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAC1B,QAAA,MAAM,WAAW,EAAE,KAalB,CAAC;AAIF,QAAA,MAAM,WAAW,EAAE,KASlB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAYf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,56 +0,0 @@
1
- import React from "react";
2
- import { ICON } from "../../icons/Icon.js";
3
- import { Header } from "./Header.js";
4
- import { HeaderIconAction } from "./HeaderIconAction.js";
5
- const meta = {
6
- title: "Components/Layout/Header/Header",
7
- component: Header,
8
- tags: ["autodocs", "layout"],
9
- argTypes: {
10
- before: {
11
- control: {
12
- type: "text",
13
- },
14
- },
15
- after: {
16
- control: {
17
- type: "text",
18
- },
19
- },
20
- },
21
- args: {
22
- before: "Left side",
23
- children: "Title",
24
- after: "[Icons]",
25
- },
26
- };
27
- const Primary = {};
28
- const LongContent = {
29
- render: (args) => {
30
- const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
31
- return (React.createElement(React.Fragment, null,
32
- React.createElement(Header, { ...args }),
33
- longContent));
34
- },
35
- };
36
- const handleClick = () => { alert(1); };
37
- const WithButtons = {
38
- args: {
39
- before: (React.createElement(React.Fragment, null,
40
- React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
41
- React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
42
- },
43
- };
44
- const Vertical = {
45
- args: {
46
- before: (React.createElement(React.Fragment, null,
47
- React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
48
- React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
49
- after: null,
50
- position: "left",
51
- children: "M",
52
- },
53
- };
54
- export { Primary, LongContent, WithButtons, Vertical, };
55
- export default meta;
56
- //# sourceMappingURL=Header.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;KACJ;IACD,IAAI,EAAE;QACF,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAC1B,MAAM,WAAW,GAAU;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,oBAAC,MAAM,OAAK,IAAI,GAAI;YACnB,WAAW,CAEb,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,GAAU;IACvB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;KACJ;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;QACD,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Header } from "./Header";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Header>;
5
- declare const Primary: Story;
6
- declare const MultipleIcons: Story;
7
- export { Primary, MultipleIcons, };
8
- export default meta;
9
- //# sourceMappingURL=HeaderIconAction.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderIconAction.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAE1B,QAAA,MAAM,aAAa,EAAE,KAepB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,aAAa,GAChB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { Header } from "./Header.js";
3
- import { HeaderIconAction } from "./HeaderIconAction.js";
4
- const meta = {
5
- title: "Components/Layout/Header/HeaderIconAction",
6
- component: HeaderIconAction,
7
- tags: ["autodocs", "layout"],
8
- render: (args) => {
9
- return (React.createElement(Header, { before: React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") }) }, "On the left you can see the icon"));
10
- },
11
- };
12
- const Primary = {};
13
- const MultipleIcons = {
14
- render: ({ onClick: _onClick, ...args }) => {
15
- const after = (React.createElement(React.Fragment, null,
16
- React.createElement("div", null, "some text"),
17
- React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") }),
18
- React.createElement(HeaderIconAction, { ...args, icon: React.createElement(React.Fragment, null, "i") })));
19
- return (React.createElement(Header, { after: after }, "On the left you can see the icon"));
20
- },
21
- };
22
- export { Primary, MultipleIcons, };
23
- export default meta;
24
- //# sourceMappingURL=HeaderIconAction.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderIconAction.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,MAAM,IAAC,MAAM,EAAE,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI,uCAEnD,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAE1B,MAAM,aAAa,GAAU;IACzB,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;QACvC,MAAM,KAAK,GAAG,CACV;YACI,6CAAoB;YACpB,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI;YAC5C,oBAAC,gBAAgB,OAAK,IAAI,EAAE,IAAI,EAAE,8CAAM,GAAI,CAC7C,CACN,CAAC;QACF,OAAO,CACH,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,uCAEX,CACZ,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,aAAa,GAChB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { StickyHeader } from "./StickyHeader";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof StickyHeader>;
5
- declare const Primary: Story;
6
- declare const RefsDemo: Story;
7
- export { Primary, RefsDemo, };
8
- export default meta;
9
- //# sourceMappingURL=StickyHeader.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StickyHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAmBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,QAAA,MAAM,OAAO,EAAE,KAmBd,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KA0Bf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,60 +0,0 @@
1
- import React, { useEffect } from "react";
2
- import { useForceUpdate } from "@ezez/hooks";
3
- import { StickyHeader } from "./StickyHeader.js";
4
- import { Header } from "./Header.js";
5
- const meta = {
6
- title: "Components/Layout/Header/StickyHeader",
7
- component: StickyHeader,
8
- tags: ["autodocs", "layout"],
9
- argTypes: {
10
- children: {
11
- control: {
12
- disable: true,
13
- },
14
- description: "Usual children",
15
- },
16
- position: {
17
- control: {
18
- type: "select",
19
- },
20
- description: "Position of the header",
21
- options: ["top", "left", "right", "bottom"],
22
- },
23
- },
24
- };
25
- const Primary = {
26
- render: (args) => {
27
- const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
28
- return (React.createElement(React.Fragment, null,
29
- React.createElement("style", null, `#story--components-layout-header-stickyheader--primary--primary-inner {
30
- height: 400px;
31
- }`),
32
- React.createElement(StickyHeader, { ...args },
33
- React.createElement(Header, null, "x"),
34
- React.createElement(StickyHeader.Content, null, longContent))));
35
- },
36
- };
37
- const RefsDemo = {
38
- render: (args) => {
39
- const ref = React.useRef(null);
40
- const refContent = React.useRef(null);
41
- const handleForceUpdate = useForceUpdate();
42
- useEffect(() => {
43
- handleForceUpdate();
44
- }, []);
45
- console.info("RefsDemo", {
46
- ref: ref.current, refContent: refContent.current,
47
- });
48
- return (React.createElement(React.Fragment, null,
49
- React.createElement(StickyHeader, { ...args, ref: ref },
50
- React.createElement(Header, null, "x"),
51
- React.createElement(StickyHeader.Content, { ref: refContent },
52
- `Ref: ${ref.current ? `set ${ref.current.nodeName}` : "not set"}`,
53
- React.createElement("br", null),
54
- `RefContent: ${refContent.current ? `set ${refContent.current.nodeName}` : "not set"}`,
55
- React.createElement("br", null)))));
56
- },
57
- };
58
- export { Primary, RefsDemo, };
59
- export default meta;
60
- //# sourceMappingURL=StickyHeader.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StickyHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/StickyHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,OAAO,EAAE,IAAI;aAChB;YACD,WAAW,EAAE,gBAAgB;SAChC;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;aACjB;YACD,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;SAC9C;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,mCACK;;sBAEC,CACE;YACR,oBAAC,YAAY,OAAK,IAAI;gBAClB,oBAAC,MAAM,YAAW;gBAClB,oBAAC,YAAY,CAAC,OAAO,QAAE,WAAW,CAAwB,CAC/C,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QACtD,MAAM,iBAAiB,GAAG,cAAc,EAAE,CAAC;QAE3C,SAAS,CAAC,GAAG,EAAE;YACX,iBAAiB,EAAE,CAAC;QACxB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE;YACrB,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,OAAO;SACnD,CAAC,CAAC;QAEH,OAAO,CACH;YACI,oBAAC,YAAY,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG;gBAC5B,oBAAC,MAAM,YAAW;gBAClB,oBAAC,YAAY,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU;oBAChC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,+BAAM;oBACxE,eAAe,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;oBAAC,+BAAM,CAC3E,CACZ,CAChB,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Header } from "./Header";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Header>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=Header.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAkBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}