react-miui 0.27.11 → 0.28.1

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 (330) hide show
  1. package/CHANGELOG.md +16 -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 +69 -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 +7 -6
  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 +18 -14
  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 +117 -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 +24 -0
  125. package/esm/components/form/ColorPicker.js.map +1 -0
  126. package/esm/components/form/ColorPicker.stories.d.ts +10 -0
  127. package/esm/components/form/ColorPicker.stories.d.ts.map +1 -0
  128. package/esm/components/form/ColorPicker.stories.js +75 -0
  129. package/esm/components/form/ColorPicker.stories.js.map +1 -0
  130. package/esm/components/form/ColorPicker.styled.d.ts +170 -0
  131. package/esm/components/form/ColorPicker.styled.d.ts.map +1 -0
  132. package/esm/components/form/ColorPicker.styled.js +58 -0
  133. package/esm/components/form/ColorPicker.styled.js.map +1 -0
  134. package/esm/components/form/Label.d.ts +4 -2
  135. package/esm/components/form/Label.d.ts.map +1 -1
  136. package/esm/components/form/Label.js +8 -12
  137. package/esm/components/form/Label.js.map +1 -1
  138. package/esm/components/form/Label.stories.d.ts +11 -0
  139. package/esm/components/form/Label.stories.d.ts.map +1 -0
  140. package/esm/components/form/Label.stories.js +43 -0
  141. package/esm/components/form/Label.stories.js.map +1 -0
  142. package/esm/components/form/Label.styled.d.ts +170 -0
  143. package/esm/components/form/Label.styled.d.ts.map +1 -0
  144. package/esm/components/form/Label.styled.js +21 -0
  145. package/esm/components/form/Label.styled.js.map +1 -0
  146. package/esm/components/form/Toggle.d.ts +4 -2
  147. package/esm/components/form/Toggle.d.ts.map +1 -1
  148. package/esm/components/form/Toggle.js +10 -13
  149. package/esm/components/form/Toggle.js.map +1 -1
  150. package/esm/components/form/Toggle.stories.d.ts +14 -0
  151. package/esm/components/form/Toggle.stories.d.ts.map +1 -0
  152. package/esm/components/form/Toggle.stories.js +76 -0
  153. package/esm/components/form/Toggle.stories.js.map +1 -0
  154. package/esm/components/form/Toggle.styled.d.ts +170 -0
  155. package/esm/components/form/Toggle.styled.d.ts.map +1 -0
  156. package/esm/components/form/Toggle.styled.js +54 -0
  157. package/esm/components/form/Toggle.styled.js.map +1 -0
  158. package/esm/components/form/choice/Choice.d.ts +7 -6
  159. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  160. package/esm/components/form/choice/Choice.js +6 -9
  161. package/esm/components/form/choice/Choice.js.map +1 -1
  162. package/esm/components/form/choice/Choice.stories.d.ts +10 -0
  163. package/esm/components/form/choice/Choice.stories.d.ts.map +1 -0
  164. package/esm/components/form/choice/Choice.stories.js +80 -0
  165. package/esm/components/form/choice/Choice.stories.js.map +1 -0
  166. package/esm/components/form/choice/Choice.styled.d.ts +88 -0
  167. package/esm/components/form/choice/Choice.styled.d.ts.map +1 -0
  168. package/esm/components/form/choice/Choice.styled.js +63 -0
  169. package/esm/components/form/choice/Choice.styled.js.map +1 -0
  170. package/esm/components/layout/header/Header.styled.d.ts +1 -1
  171. package/esm/components/layout/header/StickyHeader.d.ts +1 -1
  172. package/esm/components/layout/header/StickyHeader.styled.d.ts +2 -2
  173. package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -1
  174. package/esm/components/ui/pop/Pop.stories.js.map +1 -1
  175. package/esm/components/utils/colors.d.ts +4 -0
  176. package/esm/components/utils/colors.d.ts.map +1 -0
  177. package/esm/components/utils/colors.js +15 -0
  178. package/esm/components/utils/colors.js.map +1 -0
  179. package/esm/index.d.ts +1 -0
  180. package/esm/index.d.ts.map +1 -1
  181. package/esm/index.js +1 -0
  182. package/esm/index.js.map +1 -1
  183. package/package.json +28 -31
  184. package/src/components/form/ColorPicker.stories.tsx +169 -0
  185. package/src/components/form/ColorPicker.styled.ts +69 -0
  186. package/src/components/form/ColorPicker.tsx +71 -0
  187. package/src/components/form/Label.stories.tsx +66 -0
  188. package/src/components/form/Label.styled.ts +27 -0
  189. package/src/components/form/Label.tsx +19 -18
  190. package/src/components/form/Toggle.stories.tsx +119 -0
  191. package/src/components/form/Toggle.styled.ts +64 -0
  192. package/src/components/form/Toggle.tsx +32 -20
  193. package/src/components/form/choice/Choice.stories.tsx +146 -0
  194. package/src/components/form/choice/Choice.styled.ts +73 -0
  195. package/src/components/form/choice/Choice.tsx +20 -24
  196. package/src/components/ui/pop/Pop.stories.tsx +0 -1
  197. package/src/components/utils/colors.ts +24 -0
  198. package/src/demo/Main.tsx +1 -1
  199. package/src/demo/componentsMap.ts +0 -21
  200. package/src/index.ts +1 -0
  201. package/dist/components/form/Checkbox.stories.d.ts +0 -9
  202. package/dist/components/form/Checkbox.stories.d.ts.map +0 -1
  203. package/dist/components/form/Checkbox.stories.js +0 -117
  204. package/dist/components/form/Checkbox.stories.js.map +0 -1
  205. package/dist/components/form/Label.module.scss +0 -15
  206. package/dist/components/form/Select.stories.d.ts +0 -8
  207. package/dist/components/form/Select.stories.d.ts.map +0 -1
  208. package/dist/components/form/Select.stories.js +0 -30
  209. package/dist/components/form/Select.stories.js.map +0 -1
  210. package/dist/components/form/Toggle.module.scss +0 -55
  211. package/dist/components/form/choice/Choice.module.scss +0 -56
  212. package/dist/components/form/input/Input.stories.d.ts +0 -9
  213. package/dist/components/form/input/Input.stories.d.ts.map +0 -1
  214. package/dist/components/form/input/Input.stories.js +0 -46
  215. package/dist/components/form/input/Input.stories.js.map +0 -1
  216. package/dist/components/form/textarea/TextArea.stories.d.ts +0 -8
  217. package/dist/components/form/textarea/TextArea.stories.d.ts.map +0 -1
  218. package/dist/components/form/textarea/TextArea.stories.js +0 -22
  219. package/dist/components/form/textarea/TextArea.stories.js.map +0 -1
  220. package/dist/components/layout/header/Header.stories.d.ts +0 -11
  221. package/dist/components/layout/header/Header.stories.d.ts.map +0 -1
  222. package/dist/components/layout/header/Header.stories.js +0 -65
  223. package/dist/components/layout/header/Header.stories.js.map +0 -1
  224. package/dist/components/layout/header/HeaderIconAction.stories.d.ts +0 -9
  225. package/dist/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
  226. package/dist/components/layout/header/HeaderIconAction.stories.js +0 -43
  227. package/dist/components/layout/header/HeaderIconAction.stories.js.map +0 -1
  228. package/dist/components/layout/header/StickyHeader.stories.d.ts +0 -9
  229. package/dist/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
  230. package/dist/components/layout/header/StickyHeader.stories.js +0 -97
  231. package/dist/components/layout/header/StickyHeader.stories.js.map +0 -1
  232. package/dist/components/layout/list/Header.stories.d.ts +0 -8
  233. package/dist/components/layout/list/Header.stories.d.ts.map +0 -1
  234. package/dist/components/layout/list/Header.stories.js +0 -33
  235. package/dist/components/layout/list/Header.stories.js.map +0 -1
  236. package/dist/components/layout/list/Item.stories.d.ts +0 -11
  237. package/dist/components/layout/list/Item.stories.d.ts.map +0 -1
  238. package/dist/components/layout/list/Item.stories.js +0 -105
  239. package/dist/components/layout/list/Item.stories.js.map +0 -1
  240. package/dist/components/layout/list/Label.stories.d.ts +0 -8
  241. package/dist/components/layout/list/Label.stories.d.ts.map +0 -1
  242. package/dist/components/layout/list/Label.stories.js +0 -35
  243. package/dist/components/layout/list/Label.stories.js.map +0 -1
  244. package/dist/components/layout/list/List.stories.d.ts +0 -9
  245. package/dist/components/layout/list/List.stories.d.ts.map +0 -1
  246. package/dist/components/layout/list/List.stories.js +0 -53
  247. package/dist/components/layout/list/List.stories.js.map +0 -1
  248. package/dist/components/layout/list/Value.stories.d.ts +0 -8
  249. package/dist/components/layout/list/Value.stories.d.ts.map +0 -1
  250. package/dist/components/layout/list/Value.stories.js +0 -29
  251. package/dist/components/layout/list/Value.stories.js.map +0 -1
  252. package/dist/components/layout/section/Section.stories.d.ts +0 -8
  253. package/dist/components/layout/section/Section.stories.d.ts.map +0 -1
  254. package/dist/components/layout/section/Section.stories.js +0 -37
  255. package/dist/components/layout/section/Section.stories.js.map +0 -1
  256. package/dist/components/layout/table/Table.stories.d.ts +0 -8
  257. package/dist/components/layout/table/Table.stories.d.ts.map +0 -1
  258. package/dist/components/layout/table/Table.stories.js +0 -55
  259. package/dist/components/layout/table/Table.stories.js.map +0 -1
  260. package/dist/components/ui/action/Action.stories.d.ts +0 -11
  261. package/dist/components/ui/action/Action.stories.d.ts.map +0 -1
  262. package/dist/components/ui/action/Action.stories.js +0 -67
  263. package/dist/components/ui/action/Action.stories.js.map +0 -1
  264. package/dist/components/ui/button/Button.stories.d.ts +0 -9
  265. package/dist/components/ui/button/Button.stories.d.ts.map +0 -1
  266. package/dist/components/ui/button/Button.stories.js +0 -72
  267. package/dist/components/ui/button/Button.stories.js.map +0 -1
  268. package/dist/components/ui/line/Line.stories.d.ts +0 -8
  269. package/dist/components/ui/line/Line.stories.d.ts.map +0 -1
  270. package/dist/components/ui/line/Line.stories.js +0 -33
  271. package/dist/components/ui/line/Line.stories.js.map +0 -1
  272. package/dist/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
  273. package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
  274. package/dist/components/ui/loader/CoveringLoader.stories.js +0 -31
  275. package/dist/components/ui/loader/CoveringLoader.stories.js.map +0 -1
  276. package/dist/components/ui/loader/FullLoader.stories.d.ts +0 -8
  277. package/dist/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
  278. package/dist/components/ui/loader/FullLoader.stories.js +0 -25
  279. package/dist/components/ui/loader/FullLoader.stories.js.map +0 -1
  280. package/dist/components/ui/loader/Loader.stories.d.ts +0 -8
  281. package/dist/components/ui/loader/Loader.stories.d.ts.map +0 -1
  282. package/dist/components/ui/loader/Loader.stories.js +0 -26
  283. package/dist/components/ui/loader/Loader.stories.js.map +0 -1
  284. package/dist/components/ui/loader/Loading.stories.d.ts +0 -8
  285. package/dist/components/ui/loader/Loading.stories.d.ts.map +0 -1
  286. package/dist/components/ui/loader/Loading.stories.js +0 -38
  287. package/dist/components/ui/loader/Loading.stories.js.map +0 -1
  288. package/dist/components/ui/loader/PopLoader.stories.d.ts +0 -8
  289. package/dist/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
  290. package/dist/components/ui/loader/PopLoader.stories.js +0 -30
  291. package/dist/components/ui/loader/PopLoader.stories.js.map +0 -1
  292. package/dist/components/ui/message/Message.stories.d.ts +0 -9
  293. package/dist/components/ui/message/Message.stories.d.ts.map +0 -1
  294. package/dist/components/ui/message/Message.stories.js +0 -50
  295. package/dist/components/ui/message/Message.stories.js.map +0 -1
  296. package/dist/components/ui/modal/Modal.stories.d.ts +0 -10
  297. package/dist/components/ui/modal/Modal.stories.d.ts.map +0 -1
  298. package/dist/components/ui/modal/Modal.stories.js +0 -122
  299. package/dist/components/ui/modal/Modal.stories.js.map +0 -1
  300. package/dist/components/ui/modal/ModalButtons.stories.d.ts +0 -8
  301. package/dist/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
  302. package/dist/components/ui/modal/ModalButtons.stories.js +0 -25
  303. package/dist/components/ui/modal/ModalButtons.stories.js.map +0 -1
  304. package/dist/components/ui/pop/Pop.stories.d.ts +0 -8
  305. package/dist/components/ui/pop/Pop.stories.d.ts.map +0 -1
  306. package/dist/components/ui/pop/Pop.stories.js +0 -101
  307. package/dist/components/ui/pop/Pop.stories.js.map +0 -1
  308. package/dist/components/ui/progress/Progress.stories.d.ts +0 -9
  309. package/dist/components/ui/progress/Progress.stories.d.ts.map +0 -1
  310. package/dist/components/ui/progress/Progress.stories.js +0 -36
  311. package/dist/components/ui/progress/Progress.stories.js.map +0 -1
  312. package/dist/components/ui/toaster/Toaster.stories.d.ts +0 -7
  313. package/dist/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
  314. package/dist/components/ui/toaster/Toaster.stories.js +0 -45
  315. package/dist/components/ui/toaster/Toaster.stories.js.map +0 -1
  316. package/dist/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
  317. package/dist/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
  318. package/dist/components/ui/toolButton/ToolButton.stories.js +0 -35
  319. package/dist/components/ui/toolButton/ToolButton.stories.js.map +0 -1
  320. package/esm/components/form/Label.module.scss +0 -15
  321. package/esm/components/form/Toggle.module.scss +0 -55
  322. package/esm/components/form/choice/Choice.module.scss +0 -56
  323. package/pnpm-lock.yaml +0 -11119
  324. package/src/components/form/Label.module.scss +0 -15
  325. package/src/components/form/Toggle.module.scss +0 -55
  326. package/src/components/form/choice/Choice.module.scss +0 -56
  327. package/src/demo/components/form/Choice.module.scss +0 -7
  328. package/src/demo/components/form/Choice.tsx +0 -63
  329. package/src/demo/components/form/Label.tsx +0 -13
  330. package/src/demo/components/form/Toggle.tsx +0 -60
@@ -1,105 +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.Complex = exports.OnClick = exports.Alignment = exports.Primary = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const utils_1 = require("@ezez/utils");
9
- const NextLink_1 = require("../../../demo/NextLink");
10
- const Item_1 = require("./Item");
11
- const List_1 = require("./List");
12
- const Label_1 = require("./Label");
13
- const Value_1 = require("./Value");
14
- const demoControl = {
15
- table: {
16
- category: "Demo controls",
17
- },
18
- };
19
- const meta = {
20
- title: "Components/Layout/List/Item",
21
- component: Item_1.Item,
22
- tags: ["autodocs", "layout"],
23
- argTypes: {
24
- inset: {
25
- type: "boolean",
26
- },
27
- selected: {
28
- type: "boolean",
29
- },
30
- Link: {
31
- controls: "none",
32
- },
33
- renderList: Object.assign(Object.assign({}, demoControl), { type: "boolean", name: "Render <List> around" }),
34
- },
35
- };
36
- const Primary = {
37
- args: {
38
- children: "I am a list item",
39
- Link: NextLink_1.NextLink,
40
- },
41
- render: (rawProps) => {
42
- const renderList = rawProps.renderList;
43
- const args = (0, utils_1.omit)(rawProps, ["renderList"]);
44
- const items = [
45
- react_1.default.createElement(Item_1.Item, Object.assign({ key: 1 }, args)),
46
- react_1.default.createElement(Item_1.Item, { key: 2 }, "Other item"),
47
- react_1.default.createElement(Item_1.Item, { key: 3 }, "Other item"),
48
- ];
49
- if (renderList) {
50
- return (react_1.default.createElement(List_1.List, null, items));
51
- }
52
- return (react_1.default.createElement("div", null, items));
53
- },
54
- };
55
- exports.Primary = Primary;
56
- const Alignment = {
57
- args: {
58
- children: [
59
- react_1.default.createElement("div", { key: "1st" }, "first"),
60
- react_1.default.createElement("div", { key: "2nd" }, "2nd"),
61
- react_1.default.createElement("div", { key: "3rd" }, "last"),
62
- ],
63
- ratio: "1/2/1",
64
- },
65
- render: (args) => {
66
- return (react_1.default.createElement(List_1.List, null,
67
- react_1.default.createElement(Item_1.Item, Object.assign({}, args)),
68
- react_1.default.createElement(Item_1.Item, null, "Other item"),
69
- react_1.default.createElement(Item_1.Item, null, "Other item")));
70
- },
71
- };
72
- exports.Alignment = Alignment;
73
- const OnClick = {
74
- args: {
75
- children: "I am a list item, but I will render a button, click me",
76
- onClick: () => {
77
- alert("Clicked!");
78
- },
79
- },
80
- render: (args) => {
81
- return (react_1.default.createElement(List_1.List, null,
82
- react_1.default.createElement(Item_1.Item, Object.assign({}, args)),
83
- react_1.default.createElement(Item_1.Item, null, "Other item"),
84
- react_1.default.createElement(Item_1.Item, null, "Other item")));
85
- },
86
- };
87
- exports.OnClick = OnClick;
88
- const Complex = {
89
- args: {
90
- children: [
91
- react_1.default.createElement(Label_1.Label, { key: "l" }, "Hi"),
92
- react_1.default.createElement(Value_1.Value, { key: "v" }, "Value"),
93
- ],
94
- selected: true,
95
- },
96
- render: (args) => {
97
- return (react_1.default.createElement(List_1.List, null,
98
- react_1.default.createElement(Item_1.Item, Object.assign({}, args)),
99
- react_1.default.createElement(Item_1.Item, null, "Other item"),
100
- react_1.default.createElement(Item_1.Item, null, "Other item")));
101
- },
102
- };
103
- exports.Complex = Complex;
104
- exports.default = meta;
105
- //# sourceMappingURL=Item.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAmC;AAInC,qDAAkD;AAElD,iCAA8B;AAC9B,iCAA8B;AAC9B,mCAAgC;AAChC,mCAAgC;AAEhC,MAAM,WAAW,GAAG;IAChB,KAAK,EAAE;QACH,QAAQ,EAAE,eAAe;KAC5B;CACJ,CAAC;AAEF,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,WAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,MAAM;SACnB;QACD,UAAU,kCACH,WAAW,KACd,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,sBAAsB,GAC/B;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,kBAAkB;QAC5B,IAAI,EAAE,mBAAQ;KACjB;IACD,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE;QACjB,MAAM,UAAU,GAAI,QAAgD,CAAC,UAAU,CAAC;QAEhF,MAAM,IAAI,GAAG,IAAA,YAAI,EAAC,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;QAE5C,MAAM,KAAK,GAAG;YACV,8BAAC,WAAI,kBAAC,GAAG,EAAE,CAAC,IAAM,IAAI,EAAI;YAC1B,8BAAC,WAAI,IAAC,GAAG,EAAE,CAAC,iBAAmB;YAC/B,8BAAC,WAAI,IAAC,GAAG,EAAE,CAAC,iBAAmB;SAClC,CAAC;QAEF,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,CACH,8BAAC,WAAI,QAAE,KAAK,CAAQ,CACvB,CAAC;QACN,CAAC;QAED,OAAO,CACH,2CAAM,KAAK,CAAO,CACrB,CAAC;IACN,CAAC;CACJ,CAAC;AA4DE,0BAAO;AA1DX,MAAM,SAAS,GAAU;IACrB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,uCAAK,GAAG,EAAE,KAAK,YAAa;YAC5B,uCAAK,GAAG,EAAE,KAAK,UAAW;YAC1B,uCAAK,GAAG,EAAE,KAAK,WAAY;SAC9B;QACD,KAAK,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI,oBAAK,IAAI,EAAI;YAClB,8BAAC,WAAI,qBAAkB;YACvB,8BAAC,WAAI,qBAAkB,CACpB,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAyCE,8BAAS;AAvCb,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,wDAAwD;QAClE,OAAO,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,UAAU,CAAC,CAAC;QACtB,CAAC;KACJ;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI,oBAAK,IAAI,EAAI;YAClB,8BAAC,WAAI,qBAAkB;YACvB,8BAAC,WAAI,qBAAkB,CACpB,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAwBE,0BAAO;AAtBX,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,8BAAC,aAAK,IAAC,GAAG,EAAE,GAAG,SAAY;YAC3B,8BAAC,aAAK,IAAC,GAAG,EAAE,GAAG,YAAe;SACjC;QACD,QAAQ,EAAE,IAAI;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI,oBAAK,IAAI,EAAI;YAClB,8BAAC,WAAI,qBAAkB;YACvB,8BAAC,WAAI,qBAAkB,CACpB,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAME,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Label } from "./Label";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Label>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=Label.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAiBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -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 Label_1 = require("./Label");
9
- const List_1 = require("./List");
10
- const Item_1 = require("./Item");
11
- const meta = {
12
- title: "Components/Layout/List/Label",
13
- component: Label_1.Label,
14
- tags: ["autodocs", "layout"],
15
- argTypes: {
16
- sub: {
17
- type: "string",
18
- },
19
- },
20
- };
21
- const Primary = {
22
- args: {
23
- children: "I am a label",
24
- sub: "Sub text",
25
- },
26
- render: (args) => {
27
- return (react_1.default.createElement(List_1.List, null,
28
- react_1.default.createElement(Item_1.Item, null,
29
- react_1.default.createElement(Label_1.Label, Object.assign({}, args))),
30
- react_1.default.createElement(Item_1.Item, null, "I am classic list item")));
31
- },
32
- };
33
- exports.Primary = Primary;
34
- exports.default = meta;
35
- //# sourceMappingURL=Label.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,mCAAgC;AAChC,iCAA8B;AAC9B,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,GAAG,EAAE,UAAU;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI;gBACD,8BAAC,aAAK,oBAAK,IAAI,EAAI,CAChB;YACP,8BAAC,WAAI,iCAEE,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { List } from "./List";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof List>;
5
- declare const Primary: Story;
6
- declare const FullFeaturedExample: Story;
7
- export { Primary, FullFeaturedExample, };
8
- export default meta;
9
- //# sourceMappingURL=List.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KAYd,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,KAyC1B,CAAC;AAEF,OAAO,EACH,OAAO,EACP,mBAAmB,GACtB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,53 +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.FullFeaturedExample = exports.Primary = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const Icon_1 = require("../../icons/Icon");
9
- const List_1 = require("./List");
10
- const meta = {
11
- title: "Components/Layout/List/List",
12
- component: List_1.List,
13
- tags: ["autodocs", "layout"],
14
- argTypes: {
15
- inset: {
16
- type: "boolean",
17
- },
18
- },
19
- };
20
- const Primary = {
21
- args: {
22
- inset: false,
23
- },
24
- render: (args) => {
25
- return (react_1.default.createElement(List_1.List, Object.assign({}, args),
26
- react_1.default.createElement(List_1.List.Item, null, "I am a list item"),
27
- react_1.default.createElement(List_1.List.Item, null, "I am a list item")));
28
- },
29
- };
30
- exports.Primary = Primary;
31
- const FullFeaturedExample = {
32
- render: (args) => {
33
- return (react_1.default.createElement(List_1.List, null,
34
- react_1.default.createElement(List_1.List.Header, null, "GPS settings"),
35
- react_1.default.createElement(List_1.List.Item, null,
36
- react_1.default.createElement(List_1.List.Item.Label, { sub: "Higher precision means higher battery usage" }, "GPS precision"),
37
- react_1.default.createElement(List_1.List.Item.Value, null, "Low"),
38
- react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.forward })),
39
- react_1.default.createElement(List_1.List.Item, null,
40
- react_1.default.createElement(List_1.List.Item, null, "Something")),
41
- react_1.default.createElement(List_1.List.Header, null, "Last trips"),
42
- react_1.default.createElement(List_1.List.Item, null, "Portugal"),
43
- react_1.default.createElement(List_1.List.Item, null,
44
- react_1.default.createElement(List_1.List.Item.Label, { sub: "Visited 2 times in last year" }, "Poland")),
45
- react_1.default.createElement(List_1.List.Item, null, "Sweden"),
46
- react_1.default.createElement(List_1.List.Header, null, "Choose one option"),
47
- react_1.default.createElement(List_1.List.Item, { selected: true }, "yes"),
48
- react_1.default.createElement(List_1.List.Item, { selected: false }, "no")));
49
- },
50
- };
51
- exports.FullFeaturedExample = FullFeaturedExample;
52
- exports.default = meta;
53
- //# sourceMappingURL=List.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAA8C;AAE9C,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,WAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI,oBAAK,IAAI;YACV,8BAAC,WAAI,CAAC,IAAI,2BAA6B;YACvC,8BAAC,WAAI,CAAC,IAAI,2BAA6B,CACpC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AA8CE,0BAAO;AA5CX,MAAM,mBAAmB,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI,CAAC,MAAM,uBAA2B;YACvC,8BAAC,WAAI,CAAC,IAAI;gBACN,8BAAC,WAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,6CAA6C,oBAEjD;gBAClB,8BAAC,WAAI,CAAC,IAAI,CAAC,KAAK,cAEE;gBAClB,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,CACpB;YACZ,8BAAC,WAAI,CAAC,IAAI;gBACN,8BAAC,WAAI,CAAC,IAAI,oBAEE,CACJ;YACZ,8BAAC,WAAI,CAAC,MAAM,qBAEE;YACd,8BAAC,WAAI,CAAC,IAAI,mBAEE;YACZ,8BAAC,WAAI,CAAC,IAAI;gBACN,8BAAC,WAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,8BAA8B,aAElC,CACV;YACZ,8BAAC,WAAI,CAAC,IAAI,iBAEE;YACZ,8BAAC,WAAI,CAAC,MAAM,4BAEE;YACd,8BAAC,WAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,UAAiB;YAC1C,8BAAC,WAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,SAAgB,CACvC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,kDAAmB;AAGvB,kBAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Value } from "./Value";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Value>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=Value.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,29 +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 Value_1 = require("./Value");
9
- const List_1 = require("./List");
10
- const Item_1 = require("./Item");
11
- const meta = {
12
- title: "Components/Layout/List/Value",
13
- component: Value_1.Value,
14
- tags: ["autodocs", "layout"],
15
- };
16
- const Primary = {
17
- args: {
18
- children: "23,4*C",
19
- },
20
- render: (args) => {
21
- return (react_1.default.createElement(List_1.List, null,
22
- react_1.default.createElement(Item_1.Item, null,
23
- react_1.default.createElement("div", null, "Some label"),
24
- react_1.default.createElement(Value_1.Value, Object.assign({}, args)))));
25
- },
26
- };
27
- exports.Primary = Primary;
28
- exports.default = meta;
29
- //# sourceMappingURL=Value.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,mCAAgC;AAChC,iCAA8B;AAC9B,iCAA8B;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,WAAI;YACD,8BAAC,WAAI;gBACD,wDAAqB;gBACrB,8BAAC,aAAK,oBAAK,IAAI,EAAI,CAChB,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Section } from "./Section";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Section>;
5
- declare const Primary: Story;
6
- export { Primary, };
7
- export default meta;
8
- //# sourceMappingURL=Section.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAsBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,37 +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 List_1 = require("../list/List");
9
- const Item_1 = require("../list/Item");
10
- const Section_1 = require("./Section");
11
- const meta = {
12
- title: "Components/Layout/Section",
13
- component: Section_1.Section,
14
- tags: ["autodocs", "layout"],
15
- argTypes: {
16
- vertical: {
17
- type: "boolean",
18
- },
19
- horizontal: {
20
- type: "boolean",
21
- },
22
- },
23
- };
24
- const Primary = {
25
- args: {},
26
- render: (args) => (react_1.default.createElement("div", { style: { border: "1px solid #ddd" } },
27
- react_1.default.createElement(Section_1.Section.Container, null,
28
- react_1.default.createElement(Section_1.Section, Object.assign({}, args), "This is an example section, arguments in the arguments table are applied only to this section. By default sections do not have any padding, so you can place elements that should touch the edges. Use `vertical` and `horizontal` arguments to add padding."),
29
- react_1.default.createElement(Section_1.Section, { vertical: true, horizontal: true }, "Some section"),
30
- react_1.default.createElement(Section_1.Section, null,
31
- react_1.default.createElement(List_1.List, null,
32
- react_1.default.createElement(Item_1.Item, null, "Some item"),
33
- react_1.default.createElement(Item_1.Item, null, "Some item")))))),
34
- };
35
- exports.Primary = Primary;
36
- exports.default = meta;
37
- //# sourceMappingURL=Section.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,uCAAoC;AACpC,uCAAoC;AAEpC,uCAAoC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,iBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACpC,8BAAC,iBAAO,CAAC,SAAS;YACd,8BAAC,iBAAO,oBAAK,IAAI,kQAIP;YACV,8BAAC,iBAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,mBAE/B;YACV,8BAAC,iBAAO;gBACJ,8BAAC,WAAI;oBACD,8BAAC,WAAI,oBAAiB;oBACtB,8BAAC,WAAI,oBAAiB,CACnB,CACD,CACM,CAClB,CACT;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Table } from "./Table";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Table>;
5
- declare const Primary: Story;
6
- export default meta;
7
- export { Primary, };
8
- //# sourceMappingURL=Table.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KA4Cd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
@@ -1,55 +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 Table_1 = require("./Table");
9
- const meta = {
10
- title: "Components/Layout/Table/Table",
11
- component: Table_1.Table,
12
- tags: ["autodocs", "layout"],
13
- argTypes: {},
14
- args: {
15
- striped: true,
16
- wide: true,
17
- centered: true,
18
- },
19
- };
20
- const Primary = {
21
- render: args => (react_1.default.createElement(Table_1.Table, Object.assign({}, args),
22
- react_1.default.createElement("thead", null,
23
- react_1.default.createElement("tr", null,
24
- react_1.default.createElement("th", null, "Name"),
25
- react_1.default.createElement("th", null, "Age"),
26
- react_1.default.createElement("th", null, "Actions"))),
27
- react_1.default.createElement("tbody", null,
28
- react_1.default.createElement("tr", null,
29
- react_1.default.createElement("td", null, "Stefan"),
30
- react_1.default.createElement("td", null, "41"),
31
- react_1.default.createElement("td", null, "edit")),
32
- react_1.default.createElement("tr", null,
33
- react_1.default.createElement("td", null, "Juliette"),
34
- react_1.default.createElement("td", null, "23"),
35
- react_1.default.createElement("td", null, "edit")),
36
- react_1.default.createElement("tr", null,
37
- react_1.default.createElement("td", null, "Amy"),
38
- react_1.default.createElement("td", null, "55"),
39
- react_1.default.createElement("td", null, "edit")),
40
- react_1.default.createElement("tr", null,
41
- react_1.default.createElement("td", null, "Stefan"),
42
- react_1.default.createElement("td", null, "41"),
43
- react_1.default.createElement("td", null, "edit")),
44
- react_1.default.createElement("tr", null,
45
- react_1.default.createElement("td", null, "Juliette"),
46
- react_1.default.createElement("td", null, "23"),
47
- react_1.default.createElement("td", null, "edit")),
48
- react_1.default.createElement("tr", null,
49
- react_1.default.createElement("td", null, "Amy"),
50
- react_1.default.createElement("td", null, "55"),
51
- react_1.default.createElement("td", null, "edit"))))),
52
- };
53
- exports.Primary = Primary;
54
- exports.default = meta;
55
- //# sourceMappingURL=Table.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,mCAAgC;AAEhC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACZ,8BAAC,aAAK,oBAAK,IAAI;QACX;YACI;gBACI,iDAAa;gBACb,gDAAY;gBACZ,oDAAgB,CACf,CACD;QACR;YACI;gBACI,mDAAe;gBACf,+CAAW;gBACX,iDAAa,CACZ;YACL;gBACI,qDAAiB;gBACjB,+CAAW;gBACX,iDAAa,CACZ;YACL;gBACI,gDAAY;gBACZ,+CAAW;gBACX,iDAAa,CACZ;YACL;gBACI,mDAAe;gBACf,+CAAW;gBACX,iDAAa,CACZ;YACL;gBACI,qDAAiB;gBACjB,+CAAW;gBACX,iDAAa,CACZ;YACL;gBACI,gDAAY;gBACZ,+CAAW;gBACX,iDAAa,CACZ,CACD,CACJ,CACX;CACJ,CAAC;AAIE,0BAAO;AAFX,kBAAe,IAAI,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Action } from "./Action";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Action>;
5
- declare const Primary: Story;
6
- declare const Button: Story;
7
- declare const Link: Story;
8
- declare const WithCustomLink: Story;
9
- export { Primary, Button, Link, WithCustomLink, };
10
- export default meta;
11
- //# sourceMappingURL=Action.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.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,IAeX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAMb,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,KAMX,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAgBrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,MAAM,EACN,IAAI,EACJ,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,67 +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.WithCustomLink = exports.Link = exports.Button = exports.Primary = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const Action_1 = require("./Action");
9
- const meta = {
10
- title: "Components/UI/Action",
11
- component: Action_1.Action,
12
- tags: ["autodocs", "ui"],
13
- args: {
14
- badge: "",
15
- },
16
- argTypes: {
17
- badge: {
18
- control: {
19
- type: "text",
20
- },
21
- },
22
- href: { type: "string" },
23
- },
24
- };
25
- const Primary = {
26
- args: {
27
- label: "Section name",
28
- icon: "checkmark",
29
- },
30
- render: (args) => {
31
- const props = Object.assign({}, args);
32
- if (!args.label) {
33
- delete props.label;
34
- }
35
- return (react_1.default.createElement(Action_1.Action, Object.assign({}, props)));
36
- },
37
- };
38
- exports.Primary = Primary;
39
- const Button = {
40
- args: {
41
- label: "I am a button",
42
- icon: "checkmark",
43
- onClick: () => { alert("Clicked"); },
44
- },
45
- };
46
- exports.Button = Button;
47
- const Link = {
48
- args: {
49
- label: "I am a link",
50
- icon: "checkmark",
51
- href: "https://example.com",
52
- },
53
- };
54
- exports.Link = Link;
55
- const WithCustomLink = {
56
- args: {
57
- label: "I am a custom link",
58
- icon: "checkmark",
59
- to: "/subpage",
60
- Link: (props) => {
61
- return (react_1.default.createElement("a", { href: props.href, onClick: (e) => { e.preventDefault(); alert("I'd take you to " + props.href); } }, props.children));
62
- },
63
- },
64
- };
65
- exports.WithCustomLink = WithCustomLink;
66
- exports.default = meta;
67
- //# sourceMappingURL=Action.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC3B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,WAAW;KACpB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,KAAK,qBAAQ,IAAI,CAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,KAAK,CAAC,KAAK,CAAC;QACvB,CAAC;QACD,OAAO,CACH,8BAAC,eAAM,oBAAK,KAAK,EAAI,CACxB,CAAC;IACN,CAAC;CACJ,CAAC;AAqCE,0BAAO;AAnCX,MAAM,MAAM,GAAU;IAClB,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;CACJ,CAAC;AA8BE,wBAAM;AA5BV,MAAM,IAAI,GAAU;IAChB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,qBAAqB;KAC9B;CACJ,CAAC;AAuBE,oBAAI;AArBR,MAAM,cAAc,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,oBAAoB;QAC3B,IAAI,EAAE,WAAW;QACjB,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,OAAO,CACH,qCACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAE9E,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;QACN,CAAC;KACJ;CACJ,CAAC;AAME,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
2
- import { Button } from "./Button";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Button>;
5
- declare const Primary: Story;
6
- declare const MultipleAtOnce: Story;
7
- export { Primary, MultipleAtOnce, };
8
- export default meta;
9
- //# sourceMappingURL=Button.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AASF,QAAA,MAAM,cAAc,EAAE,KAerB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,72 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.MultipleAtOnce = exports.Primary = void 0;
37
- const react_1 = __importStar(require("react"));
38
- const theme_1 = require("../../../theme");
39
- const Button_1 = require("./Button");
40
- const meta = {
41
- title: "Components/UI/Button",
42
- component: Button_1.Button,
43
- tags: ["autodocs", "ui"],
44
- };
45
- const Primary = {
46
- args: {
47
- children: "Click me",
48
- onClick: () => { alert("Clicked"); },
49
- },
50
- };
51
- exports.Primary = Primary;
52
- const Container = (0, theme_1.styled)("div", {
53
- display: "flex",
54
- flexDirection: "column",
55
- alignItems: "flex-start",
56
- gap: "1rem",
57
- });
58
- const MultipleAtOnce = {
59
- render: () => {
60
- const handleClick = (0, react_1.useCallback)(() => {
61
- alert("Clicked");
62
- }, []);
63
- return (react_1.default.createElement(Container, null,
64
- react_1.default.createElement(Button_1.Button, { onClick: handleClick }, "Basic button"),
65
- react_1.default.createElement(Button_1.Button, { disabled: true, onClick: handleClick }, "Disabled button"),
66
- react_1.default.createElement(Button_1.Button, { inline: true, onClick: handleClick }, "Inline button"),
67
- react_1.default.createElement(Button_1.Button, { outline: true, onClick: handleClick }, "Outline button")));
68
- },
69
- };
70
- exports.MultipleAtOnce = MultipleAtOnce;
71
- exports.default = meta;
72
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,0CAAwC;AAExC,qCAAkC;AAIlC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,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;CACJ,CAAC;AA2BE,0BAAO;AAzBX,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;YACjC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,eAAM,IAAC,OAAO,EAAE,WAAW,mBAAuB;YACnD,8BAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,sBAA0B;YACtE,8BAAC,eAAM,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,oBAAwB;YAClE,8BAAC,eAAM,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,qBAAyB,CAC5D,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAIE,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Line } from "./Line";
3
- declare const meta: Meta;
4
- type Story = StoryObj<typeof Line>;
5
- declare const Primary: Story;
6
- export default meta;
7
- export { Primary, };
8
- //# sourceMappingURL=Line.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Line.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line/Line.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}