react-miui 0.19.0 → 0.20.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 (294) hide show
  1. package/.storybook/main.ts +17 -0
  2. package/.storybook/preview.tsx +28 -0
  3. package/CHANGELOG.md +21 -0
  4. package/README.md +2 -0
  5. package/dist/components/form/input/Input.css.d.ts +47 -0
  6. package/dist/components/form/input/Input.css.d.ts.map +1 -0
  7. package/dist/components/form/input/Input.css.js +52 -0
  8. package/dist/components/form/input/Input.css.js.map +1 -0
  9. package/dist/components/form/input/Input.d.ts.map +1 -1
  10. package/dist/components/form/input/Input.js +4 -10
  11. package/dist/components/form/input/Input.js.map +1 -1
  12. package/dist/components/form/input/Input.module.scss +0 -62
  13. package/dist/components/form/input/Input.stories.d.ts +9 -0
  14. package/dist/components/form/input/Input.stories.d.ts.map +1 -0
  15. package/dist/components/form/input/Input.stories.js +46 -0
  16. package/dist/components/form/input/Input.stories.js.map +1 -0
  17. package/dist/components/form/input/Input.styled.d.ts +279 -3
  18. package/dist/components/form/input/Input.styled.d.ts.map +1 -1
  19. package/dist/components/form/input/Input.styled.js +15 -16
  20. package/dist/components/form/input/Input.styled.js.map +1 -1
  21. package/dist/components/form/textarea/TextArea.d.ts.map +1 -0
  22. package/dist/components/form/{TextArea.js → textarea/TextArea.js} +3 -10
  23. package/dist/components/form/textarea/TextArea.js.map +1 -0
  24. package/dist/components/form/textarea/TextArea.stories.d.ts +8 -0
  25. package/dist/components/form/textarea/TextArea.stories.d.ts.map +1 -0
  26. package/dist/components/form/textarea/TextArea.stories.js +15 -0
  27. package/dist/components/form/textarea/TextArea.stories.js.map +1 -0
  28. package/dist/components/form/textarea/TextArea.styled.d.ts +78 -0
  29. package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -0
  30. package/dist/components/form/textarea/TextArea.styled.js +9 -0
  31. package/dist/components/form/textarea/TextArea.styled.js.map +1 -0
  32. package/dist/components/layout/list/Value.styled.d.ts +57 -1
  33. package/dist/components/layout/list/Value.styled.d.ts.map +1 -1
  34. package/dist/components/ui/loader/CoveringLoader.d.ts +8 -0
  35. package/dist/components/ui/loader/CoveringLoader.d.ts.map +1 -0
  36. package/dist/components/ui/loader/CoveringLoader.js +45 -0
  37. package/dist/components/ui/loader/CoveringLoader.js.map +1 -0
  38. package/dist/components/ui/loader/CoveringLoader.stories.d.ts +8 -0
  39. package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -0
  40. package/dist/components/ui/loader/CoveringLoader.stories.js +31 -0
  41. package/dist/components/ui/loader/CoveringLoader.stories.js.map +1 -0
  42. package/dist/components/ui/loader/FullLoader.d.ts +6 -0
  43. package/dist/components/ui/loader/FullLoader.d.ts.map +1 -0
  44. package/dist/components/ui/loader/FullLoader.js +22 -0
  45. package/dist/components/ui/loader/FullLoader.js.map +1 -0
  46. package/dist/components/ui/loader/FullLoader.stories.d.ts +8 -0
  47. package/dist/components/ui/loader/FullLoader.stories.d.ts.map +1 -0
  48. package/dist/components/ui/loader/FullLoader.stories.js +25 -0
  49. package/dist/components/ui/loader/FullLoader.stories.js.map +1 -0
  50. package/dist/components/ui/loader/Loader.d.ts +11 -0
  51. package/dist/components/ui/loader/Loader.d.ts.map +1 -0
  52. package/dist/components/ui/loader/Loader.js +61 -0
  53. package/dist/components/ui/loader/Loader.js.map +1 -0
  54. package/dist/components/ui/loader/Loader.stories.d.ts +8 -0
  55. package/dist/components/ui/loader/Loader.stories.d.ts.map +1 -0
  56. package/dist/components/ui/loader/Loader.stories.js +26 -0
  57. package/dist/components/ui/loader/Loader.stories.js.map +1 -0
  58. package/dist/components/ui/loader/Loading.d.ts +9 -0
  59. package/dist/components/ui/loader/Loading.d.ts.map +1 -0
  60. package/dist/components/ui/loader/Loading.js +20 -0
  61. package/dist/components/ui/loader/Loading.js.map +1 -0
  62. package/dist/components/ui/loader/Loading.stories.d.ts +8 -0
  63. package/dist/components/ui/loader/Loading.stories.d.ts.map +1 -0
  64. package/dist/components/ui/loader/Loading.stories.js +38 -0
  65. package/dist/components/ui/loader/Loading.stories.js.map +1 -0
  66. package/dist/components/ui/loader/PopLoader.d.ts +6 -0
  67. package/dist/components/ui/loader/PopLoader.d.ts.map +1 -0
  68. package/dist/components/ui/loader/PopLoader.js +39 -0
  69. package/dist/components/ui/loader/PopLoader.js.map +1 -0
  70. package/dist/components/ui/loader/PopLoader.stories.d.ts +8 -0
  71. package/dist/components/ui/loader/PopLoader.stories.d.ts.map +1 -0
  72. package/dist/components/ui/loader/PopLoader.stories.js +30 -0
  73. package/dist/components/ui/loader/PopLoader.stories.js.map +1 -0
  74. package/dist/components/ui/message/Message.d.ts +83 -5
  75. package/dist/components/ui/message/Message.d.ts.map +1 -1
  76. package/dist/components/ui/message/Message.js +2 -15
  77. package/dist/components/ui/message/Message.js.map +1 -1
  78. package/dist/components/ui/message/Message.stories.d.ts +9 -0
  79. package/dist/components/ui/message/Message.stories.d.ts.map +1 -0
  80. package/dist/components/ui/message/Message.stories.js +50 -0
  81. package/dist/components/ui/message/Message.stories.js.map +1 -0
  82. package/dist/components/ui/message/Message.styled.d.ts +77 -0
  83. package/dist/components/ui/message/Message.styled.d.ts.map +1 -0
  84. package/dist/components/ui/message/Message.styled.js +44 -0
  85. package/dist/components/ui/message/Message.styled.js.map +1 -0
  86. package/dist/index.d.ts +9 -1
  87. package/dist/index.d.ts.map +1 -1
  88. package/dist/index.js +10 -2
  89. package/dist/index.js.map +1 -1
  90. package/dist/scrollbars.css.d.ts +4 -0
  91. package/dist/scrollbars.css.d.ts.map +1 -0
  92. package/dist/scrollbars.css.js +34 -0
  93. package/dist/scrollbars.css.js.map +1 -0
  94. package/dist/theme.css-reset.d.ts +3 -0
  95. package/dist/theme.css-reset.d.ts.map +1 -0
  96. package/dist/theme.css-reset.js +121 -0
  97. package/dist/theme.css-reset.js.map +1 -0
  98. package/dist/theme.d.ts +583 -13
  99. package/dist/theme.d.ts.map +1 -1
  100. package/dist/theme.js +81 -5
  101. package/dist/theme.js.map +1 -1
  102. package/docs/assets/search.js +1 -1
  103. package/docs/classes/Drawer.html +14 -14
  104. package/docs/classes/Pop.html +14 -14
  105. package/docs/classes/ToasterProvider.html +10 -10
  106. package/docs/enums/ICON.html +14 -14
  107. package/docs/functions/Action.html +12 -4
  108. package/docs/functions/Button.html +12 -4
  109. package/docs/functions/Card.html +12 -4
  110. package/docs/functions/Checkbox.html +12 -4
  111. package/docs/functions/Choice.html +13 -5
  112. package/docs/functions/CoveringLoader.html +113 -0
  113. package/docs/functions/DirectionPad.html +12 -4
  114. package/docs/functions/EqualActions.html +12 -4
  115. package/docs/functions/FullLoader.html +112 -0
  116. package/docs/functions/HandleEsc.html +12 -4
  117. package/docs/functions/Header.html +12 -4
  118. package/docs/functions/HeaderIconAction.html +12 -4
  119. package/docs/functions/Icon-1.html +12 -4
  120. package/docs/functions/If.html +12 -4
  121. package/docs/functions/Input.html +15 -5
  122. package/docs/functions/Item-1.html +12 -4
  123. package/docs/functions/KeyValue.html +12 -4
  124. package/docs/functions/Label.html +12 -4
  125. package/docs/functions/List-1.html +12 -4
  126. package/docs/functions/Loader.html +114 -0
  127. package/docs/functions/Loading.html +116 -0
  128. package/docs/functions/Message.html +50 -9
  129. package/docs/functions/Modal-1.html +12 -4
  130. package/docs/functions/ModalButtons-1.html +12 -4
  131. package/docs/functions/PopLoader.html +114 -0
  132. package/docs/functions/PopOption.html +12 -4
  133. package/docs/functions/SearchContainer.html +12 -4
  134. package/docs/functions/Section-1.html +12 -4
  135. package/docs/functions/Select.html +12 -4
  136. package/docs/functions/Selector.html +13 -5
  137. package/docs/functions/Spacer.html +12 -4
  138. package/docs/functions/Stats.html +12 -4
  139. package/docs/functions/StickyHeader-1.html +12 -4
  140. package/docs/functions/StickyHeader.Content.html +5 -5
  141. package/docs/functions/Table.html +12 -4
  142. package/docs/functions/TextArea.html +12 -4
  143. package/docs/functions/Toggle.html +12 -4
  144. package/docs/functions/getCssText.html +12 -4
  145. package/docs/functions/styled.html +12 -4
  146. package/docs/functions/useToaster.html +13 -5
  147. package/docs/index.html +14 -4
  148. package/docs/modules/Item.html +7 -7
  149. package/docs/modules/List.html +6 -6
  150. package/docs/modules/Modal.html +6 -6
  151. package/docs/modules/ModalButtons.html +6 -6
  152. package/docs/modules/Section.html +6 -6
  153. package/docs/modules/StickyHeader.html +6 -6
  154. package/docs/modules.html +26 -4
  155. package/docs/pages/tutorials/Test.html +12 -4
  156. package/docs/types/ThemeCSS.html +99 -0
  157. package/docs/variables/Item.Label.html +5 -5
  158. package/docs/variables/Item.Value.html +5 -5
  159. package/docs/variables/List.Header.html +5 -5
  160. package/docs/variables/Modal.NegateMargin.html +5 -5
  161. package/docs/variables/ModalButtons.Button.html +5 -5
  162. package/docs/variables/Section.Container.html +5 -5
  163. package/docs/variables/cssReset.html +101 -0
  164. package/docs/variables/miuiScrollbars.html +99 -0
  165. package/esm/components/form/input/Input.css.d.ts +47 -0
  166. package/esm/components/form/input/Input.css.d.ts.map +1 -0
  167. package/esm/components/form/input/Input.css.js +48 -0
  168. package/esm/components/form/input/Input.css.js.map +1 -0
  169. package/esm/components/form/input/Input.d.ts.map +1 -1
  170. package/esm/components/form/input/Input.js +5 -11
  171. package/esm/components/form/input/Input.js.map +1 -1
  172. package/esm/components/form/input/Input.module.scss +0 -62
  173. package/esm/components/form/input/Input.stories.d.ts +9 -0
  174. package/esm/components/form/input/Input.stories.d.ts.map +1 -0
  175. package/esm/components/form/input/Input.stories.js +39 -0
  176. package/esm/components/form/input/Input.stories.js.map +1 -0
  177. package/esm/components/form/input/Input.styled.d.ts +279 -3
  178. package/esm/components/form/input/Input.styled.d.ts.map +1 -1
  179. package/esm/components/form/input/Input.styled.js +12 -16
  180. package/esm/components/form/input/Input.styled.js.map +1 -1
  181. package/esm/components/form/textarea/TextArea.d.ts.map +1 -0
  182. package/esm/components/form/textarea/TextArea.js +16 -0
  183. package/esm/components/form/textarea/TextArea.js.map +1 -0
  184. package/esm/components/form/textarea/TextArea.stories.d.ts +8 -0
  185. package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -0
  186. package/esm/components/form/textarea/TextArea.stories.js +12 -0
  187. package/esm/components/form/textarea/TextArea.stories.js.map +1 -0
  188. package/esm/components/form/textarea/TextArea.styled.d.ts +78 -0
  189. package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -0
  190. package/esm/components/form/textarea/TextArea.styled.js +14 -0
  191. package/esm/components/form/textarea/TextArea.styled.js.map +1 -0
  192. package/esm/components/layout/list/Value.styled.d.ts +57 -1
  193. package/esm/components/layout/list/Value.styled.d.ts.map +1 -1
  194. package/esm/components/ui/loader/CoveringLoader.d.ts +8 -0
  195. package/esm/components/ui/loader/CoveringLoader.d.ts.map +1 -0
  196. package/esm/components/ui/loader/CoveringLoader.js +27 -0
  197. package/esm/components/ui/loader/CoveringLoader.js.map +1 -0
  198. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +8 -0
  199. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -0
  200. package/esm/components/ui/loader/CoveringLoader.stories.js +25 -0
  201. package/esm/components/ui/loader/CoveringLoader.stories.js.map +1 -0
  202. package/esm/components/ui/loader/FullLoader.d.ts +6 -0
  203. package/esm/components/ui/loader/FullLoader.d.ts.map +1 -0
  204. package/esm/components/ui/loader/FullLoader.js +16 -0
  205. package/esm/components/ui/loader/FullLoader.js.map +1 -0
  206. package/esm/components/ui/loader/FullLoader.stories.d.ts +8 -0
  207. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -0
  208. package/esm/components/ui/loader/FullLoader.stories.js +19 -0
  209. package/esm/components/ui/loader/FullLoader.stories.js.map +1 -0
  210. package/esm/components/ui/loader/Loader.d.ts +11 -0
  211. package/esm/components/ui/loader/Loader.d.ts.map +1 -0
  212. package/esm/components/ui/loader/Loader.js +23 -0
  213. package/esm/components/ui/loader/Loader.js.map +1 -0
  214. package/esm/components/ui/loader/Loader.stories.d.ts +8 -0
  215. package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -0
  216. package/esm/components/ui/loader/Loader.stories.js +23 -0
  217. package/esm/components/ui/loader/Loader.stories.js.map +1 -0
  218. package/esm/components/ui/loader/Loading.d.ts +9 -0
  219. package/esm/components/ui/loader/Loading.d.ts.map +1 -0
  220. package/esm/components/ui/loader/Loading.js +14 -0
  221. package/esm/components/ui/loader/Loading.js.map +1 -0
  222. package/esm/components/ui/loader/Loading.stories.d.ts +8 -0
  223. package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -0
  224. package/esm/components/ui/loader/Loading.stories.js +32 -0
  225. package/esm/components/ui/loader/Loading.stories.js.map +1 -0
  226. package/esm/components/ui/loader/PopLoader.d.ts +6 -0
  227. package/esm/components/ui/loader/PopLoader.d.ts.map +1 -0
  228. package/esm/components/ui/loader/PopLoader.js +21 -0
  229. package/esm/components/ui/loader/PopLoader.js.map +1 -0
  230. package/esm/components/ui/loader/PopLoader.stories.d.ts +8 -0
  231. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -0
  232. package/esm/components/ui/loader/PopLoader.stories.js +24 -0
  233. package/esm/components/ui/loader/PopLoader.stories.js.map +1 -0
  234. package/esm/components/ui/message/Message.d.ts +83 -5
  235. package/esm/components/ui/message/Message.d.ts.map +1 -1
  236. package/esm/components/ui/message/Message.js +2 -12
  237. package/esm/components/ui/message/Message.js.map +1 -1
  238. package/esm/components/ui/message/Message.stories.d.ts +9 -0
  239. package/esm/components/ui/message/Message.stories.d.ts.map +1 -0
  240. package/esm/components/ui/message/Message.stories.js +43 -0
  241. package/esm/components/ui/message/Message.stories.js.map +1 -0
  242. package/esm/components/ui/message/Message.styled.d.ts +77 -0
  243. package/esm/components/ui/message/Message.styled.d.ts.map +1 -0
  244. package/esm/components/ui/message/Message.styled.js +41 -0
  245. package/esm/components/ui/message/Message.styled.js.map +1 -0
  246. package/esm/index.d.ts +9 -1
  247. package/esm/index.d.ts.map +1 -1
  248. package/esm/index.js +8 -1
  249. package/esm/index.js.map +1 -1
  250. package/esm/scrollbars.css.d.ts +4 -0
  251. package/esm/scrollbars.css.d.ts.map +1 -0
  252. package/esm/scrollbars.css.js +49 -0
  253. package/esm/scrollbars.css.js.map +1 -0
  254. package/esm/theme.css-reset.d.ts +3 -0
  255. package/esm/theme.css-reset.d.ts.map +1 -0
  256. package/esm/theme.css-reset.js +118 -0
  257. package/esm/theme.css-reset.js.map +1 -0
  258. package/esm/theme.d.ts +583 -13
  259. package/esm/theme.d.ts.map +1 -1
  260. package/esm/theme.js +68 -2
  261. package/esm/theme.js.map +1 -1
  262. package/package.json +15 -4
  263. package/src/components/form/input/Input.css.ts +58 -0
  264. package/src/components/form/input/Input.module.scss +0 -62
  265. package/src/components/form/input/Input.stories.tsx +59 -0
  266. package/src/components/form/input/Input.styled.ts +18 -16
  267. package/src/components/form/input/Input.tsx +15 -16
  268. package/src/components/form/textarea/TextArea.stories.tsx +21 -0
  269. package/src/components/form/textarea/TextArea.styled.ts +19 -0
  270. package/src/components/form/{TextArea.tsx → textarea/TextArea.tsx} +10 -9
  271. package/src/components/ui/loader/CoveringLoader.stories.tsx +37 -0
  272. package/src/components/ui/loader/CoveringLoader.tsx +53 -0
  273. package/src/components/ui/loader/FullLoader.stories.tsx +34 -0
  274. package/src/components/ui/loader/FullLoader.tsx +24 -0
  275. package/src/components/ui/loader/Loader.stories.tsx +32 -0
  276. package/src/components/ui/loader/Loader.tsx +92 -0
  277. package/src/components/ui/loader/Loading.stories.tsx +49 -0
  278. package/src/components/ui/loader/Loading.tsx +29 -0
  279. package/src/components/ui/loader/PopLoader.stories.tsx +38 -0
  280. package/src/components/ui/loader/PopLoader.tsx +33 -0
  281. package/src/components/ui/message/Message.stories.tsx +61 -0
  282. package/src/components/ui/message/Message.styled.ts +45 -0
  283. package/src/components/ui/message/Message.tsx +26 -15
  284. package/src/index.ts +11 -1
  285. package/src/scrollbars.css.ts +56 -0
  286. package/src/theme.css-reset.ts +132 -0
  287. package/src/theme.ts +109 -2
  288. package/dist/components/form/TextArea.d.ts.map +0 -1
  289. package/dist/components/form/TextArea.js.map +0 -1
  290. package/esm/components/form/TextArea.d.ts.map +0 -1
  291. package/esm/components/form/TextArea.js +0 -20
  292. package/esm/components/form/TextArea.js.map +0 -1
  293. /package/dist/components/form/{TextArea.d.ts → textarea/TextArea.d.ts} +0 -0
  294. /package/esm/components/form/{TextArea.d.ts → textarea/TextArea.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1,20 @@
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.Loading = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const PopLoader_js_1 = require("./PopLoader.js");
9
+ const FullLoader_js_1 = require("./FullLoader.js");
10
+ const Loading = (props) => {
11
+ if (!props.data && props.isLoading) {
12
+ return react_1.default.createElement(FullLoader_js_1.FullLoader, null);
13
+ }
14
+ const l = props.isLoading ? react_1.default.createElement(PopLoader_js_1.PopLoader, null) : null;
15
+ return (react_1.default.createElement(react_1.default.Fragment, null,
16
+ l,
17
+ props.children));
18
+ };
19
+ exports.Loading = Loading;
20
+ //# sourceMappingURL=Loading.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA2C;AAC3C,mDAA6C;AAgB7C,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE;QAChC,OAAO,8BAAC,0BAAU,OAAG,CAAC;KACzB;IAED,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,wBAAS,OAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CAAC;QAAG,CAAC;QAAE,KAAK,CAAC,QAAQ,CAAI,CAAC,CAAC;AACtC,CAAC,CAAC;AAEO,0BAAO"}
@@ -0,0 +1,8 @@
1
+ import type { StoryObj, Meta } from "@storybook/react";
2
+ import { Loading } from "./Loading.js";
3
+ declare const meta: Meta;
4
+ type Story = StoryObj<typeof Loading>;
5
+ declare const Primary: Story;
6
+ export { Primary, };
7
+ export default meta;
8
+ //# sourceMappingURL=Loading.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,38 @@
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 theme_js_1 = require("../../../theme.js");
9
+ const Loading_js_1 = require("./Loading.js");
10
+ const meta = {
11
+ title: "Components/UI/Loader/Loading",
12
+ component: Loading_js_1.Loading,
13
+ tags: ["autodocs", "ui"],
14
+ argTypes: {
15
+ data: {
16
+ type: "boolean",
17
+ },
18
+ isLoading: {
19
+ type: "boolean",
20
+ },
21
+ },
22
+ };
23
+ const Container = (0, theme_js_1.styled)("div", {
24
+ border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
25
+ });
26
+ const Primary = {
27
+ args: {
28
+ isLoading: false,
29
+ data: true,
30
+ },
31
+ render: (args) => {
32
+ return (react_1.default.createElement(Container, null,
33
+ react_1.default.createElement(Loading_js_1.Loading, { isLoading: Boolean(args.isLoading), data: args.data }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam.")));
34
+ },
35
+ };
36
+ exports.Primary = Primary;
37
+ exports.default = meta;
38
+ //# sourceMappingURL=Loading.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,6CAAuC;AAEvC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,oBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,oBAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,oFAElD,CACF,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { Loader } from "./Loader.js";
3
+ type Props = React.ComponentProps<typeof Loader>;
4
+ declare const PopLoader: React.FC<Props>;
5
+ export { PopLoader };
6
+ //# sourceMappingURL=PopLoader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAsBjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.PopLoader = void 0;
18
+ const react_1 = __importDefault(require("react"));
19
+ const theme_js_1 = require("../../../theme.js");
20
+ const Loader_js_1 = require("./Loader.js");
21
+ const Container = (0, theme_js_1.styled)("div", {
22
+ position: "absolute",
23
+ right: 20,
24
+ top: 20,
25
+ background: "white",
26
+ border: "1px solid var(--toolbar-border)",
27
+ borderRadius: 666,
28
+ padding: 10,
29
+ });
30
+ const BlockLoader = (0, theme_js_1.styled)(Loader_js_1.Loader, {
31
+ display: "block",
32
+ });
33
+ const PopLoader = (_a) => {
34
+ var { className } = _a, props = __rest(_a, ["className"]);
35
+ return react_1.default.createElement(Container, null,
36
+ react_1.default.createElement(BlockLoader, Object.assign({ size: "1rem" }, props)));
37
+ };
38
+ exports.PopLoader = PopLoader;
39
+ //# sourceMappingURL=PopLoader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,gDAA2C;AAE3C,2CAAqC;AAIrC,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,iCAAiC;IACzC,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,kBAAM,EAAE;IAC/B,OAAO,EAAE,OAAO;CACnB,CAAC,CAAC;AAQH,MAAM,SAAS,GAAoB,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACrD,OAAO,8BAAC,SAAS;QAAC,8BAAC,WAAW,kBAAC,IAAI,EAAE,MAAM,IAAM,KAAK,EAAI,CAAY,CAAC;AAC3E,CAAC,CAAC;AAEO,8BAAS"}
@@ -0,0 +1,8 @@
1
+ import type { StoryObj, Meta } from "@storybook/react";
2
+ import { PopLoader } from "./PopLoader.js";
3
+ declare const meta: Meta;
4
+ type Story = StoryObj<typeof PopLoader>;
5
+ declare const Primary: Story;
6
+ export { Primary, };
7
+ export default meta;
8
+ //# sourceMappingURL=PopLoader.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,OAAO,EAAE,KAWd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,30 @@
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 theme_js_1 = require("../../../theme.js");
9
+ const PopLoader_js_1 = require("./PopLoader.js");
10
+ const meta = {
11
+ title: "Components/UI/Loader/PopLoader",
12
+ component: PopLoader_js_1.PopLoader,
13
+ tags: ["autodocs", "ui"],
14
+ };
15
+ const Container = (0, theme_js_1.styled)("div", {
16
+ border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
17
+ });
18
+ const Primary = {
19
+ args: {},
20
+ render: () => {
21
+ return (react_1.default.createElement(Container, null,
22
+ react_1.default.createElement(PopLoader_js_1.PopLoader, null),
23
+ "content, content,",
24
+ react_1.default.createElement("br", null),
25
+ "content, content"));
26
+ },
27
+ };
28
+ exports.Primary = Primary;
29
+ exports.default = meta;
30
+ //# sourceMappingURL=PopLoader.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PopLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,iDAA2C;AAE3C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,wBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,wBAAS,OAAG;;YACI,yCAAM;+BAEf,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
@@ -1,10 +1,88 @@
1
- import React from "react";
2
- interface Props {
3
- type: "warning" | "error" | "info" | "tip";
4
- variant?: "box";
1
+ import type React from "react";
2
+ import type { ComponentProps } from "@stitches/react";
3
+ import type { OverwriteProps } from "../../../theme";
4
+ import { StyledMessage } from "./Message.styled.js";
5
+ type StitchesProps = ComponentProps<typeof StyledMessage>;
6
+ interface Props extends StitchesProps {
7
+ type: NonNullable<StitchesProps["type"]>;
8
+ variant?: NonNullable<StitchesProps["variant"]>;
5
9
  className?: string;
6
10
  children: React.ReactNode;
7
11
  }
8
- declare const Message: React.FC<Props>;
12
+ declare const Message: OverwriteProps<import("@stitches/react/types/styled-component").StyledComponent<"div", {
13
+ variant?: "stretch" | "box";
14
+ type?: "error" | "info" | "warning" | "tip";
15
+ }, {}, import("@stitches/react/types/css-util").CSS<{}, {
16
+ colors: {
17
+ background: string;
18
+ mainColor: string;
19
+ mainColorAlt: string;
20
+ activeBg: string;
21
+ inactiveBg: string;
22
+ inactiveDarkBg: string;
23
+ toggleHandleBg: string;
24
+ toggleHandleBorder: string;
25
+ toggleBgDisabled: string;
26
+ toggleHandleBorderDisabled: string;
27
+ toggleHandleBgDisabled: string;
28
+ icon: string;
29
+ border: string;
30
+ buttonBorder: string;
31
+ headerBorder: string;
32
+ headerBg: string;
33
+ headerText: string;
34
+ text: string;
35
+ sub: string;
36
+ popText: string;
37
+ toolbarBorder: string;
38
+ toolbarBg: string;
39
+ modalBg: string;
40
+ modalButtonBg: string;
41
+ modalButtonBorder: string;
42
+ inputDisabledBg: string;
43
+ inputDisabledText: string;
44
+ choiceBg: string;
45
+ choiceText: string;
46
+ choiceActiveBg: string;
47
+ choiceActiveText: string;
48
+ choiceBorder: string;
49
+ selectorText: string;
50
+ selectorActive: string;
51
+ blue1: string;
52
+ blue2: string;
53
+ blue3: string;
54
+ orange1: string;
55
+ orange1Darker: string;
56
+ purple1: string;
57
+ green1: string;
58
+ green1Darker: string;
59
+ pink1: string;
60
+ red1: string;
61
+ yellow1: string;
62
+ yellow2: string;
63
+ yellow3: string;
64
+ pinky1: string;
65
+ pinky2: string;
66
+ pinky3: string;
67
+ grey1: string;
68
+ focusColor: string;
69
+ scrollbarsThumb: string;
70
+ scrollbarsBg: string;
71
+ tableStripedBg: string;
72
+ };
73
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
74
+ mx: (value: string) => {
75
+ marginLeft: string;
76
+ marginRight: string;
77
+ };
78
+ my: (value: string) => {
79
+ marginTop: string;
80
+ marginBottom: string;
81
+ };
82
+ size: (value: string) => {
83
+ width: string;
84
+ height: string;
85
+ };
86
+ }>>, Props>;
9
87
  export { Message };
10
88
  //# sourceMappingURL=Message.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQ5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1,20 +1,7 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.Message = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
9
- const Message_module_scss_1 = __importDefault(require("./Message.module.scss"));
10
- const Message = (props) => {
11
- const cls = (0, classnames_1.default)(Message_module_scss_1.default.container, {
12
- [Message_module_scss_1.default.box]: props.variant === "box",
13
- [Message_module_scss_1.default.warning]: props.type === "warning",
14
- [Message_module_scss_1.default.error]: props.type === "error",
15
- [Message_module_scss_1.default.info]: props.type === "info",
16
- }, props.className);
17
- return react_1.default.createElement("div", { className: cls }, props.children);
18
- };
4
+ const Message_styled_js_1 = require("./Message.styled.js");
5
+ const Message = Message_styled_js_1.StyledMessage;
19
6
  exports.Message = Message;
20
7
  //# sourceMappingURL=Message.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,gFAA2C;AAS3C,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,6BAAM,CAAC,SAAS,EAAE;QACrC,CAAC,6BAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,KAAK,KAAK;QACrC,CAAC,6BAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS;QAC1C,CAAC,6BAAM,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;QACtC,CAAC,6BAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM;KACvC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACpB,OAAO,uCAAK,SAAS,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEO,0BAAO"}
1
+ {"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":";;;AAKA,2DAAoD;AA2BpD,MAAM,OAAO,GAAG,iCAAuE,CAAC;AAE/E,0BAAO"}
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Message } from "./Message.js";
3
+ declare const meta: Meta<typeof Message>;
4
+ type Story = StoryObj<typeof Message>;
5
+ declare const Primary: Story;
6
+ declare const MultipleAtOnce: Story;
7
+ export { Primary, MultipleAtOnce, };
8
+ export default meta;
9
+ //# sourceMappingURL=Message.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAYrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,50 @@
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.MultipleAtOnce = exports.Primary = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const theme_js_1 = require("../../../theme.js");
9
+ const Message_js_1 = require("./Message.js");
10
+ const meta = {
11
+ title: "Components/UI/Message",
12
+ component: Message_js_1.Message,
13
+ tags: ["autodocs", "ui"],
14
+ argTypes: {
15
+ children: {
16
+ control: { type: "text" },
17
+ type: "string",
18
+ defaultValue: "This is an example message.",
19
+ },
20
+ type: {
21
+ options: ["tip", "warning", "error", "info"],
22
+ },
23
+ variant: {
24
+ options: ["stretch", "box"],
25
+ },
26
+ },
27
+ };
28
+ const Primary = {
29
+ args: {
30
+ children: "This is an example message.",
31
+ },
32
+ };
33
+ exports.Primary = Primary;
34
+ const Container = (0, theme_js_1.styled)("div", {
35
+ display: "flex",
36
+ flexDirection: "column",
37
+ gap: 10,
38
+ });
39
+ const MultipleAtOnce = {
40
+ render: () => (react_1.default.createElement(Container, null,
41
+ react_1.default.createElement(Message_js_1.Message, { type: "warning" }, "Files will be deleted after 30 days."),
42
+ react_1.default.createElement(Message_js_1.Message, { type: "error" }, "Files cannot be deleted."),
43
+ react_1.default.createElement(Message_js_1.Message, { type: "info" }, "These files got deleted."),
44
+ react_1.default.createElement(Message_js_1.Message, { type: "warning", variant: "box" }, "Files will be deleted after 30 days."),
45
+ react_1.default.createElement(Message_js_1.Message, { type: "error", variant: "box" }, "Files cannot be deleted."),
46
+ react_1.default.createElement(Message_js_1.Message, { type: "info", variant: "box" }, "These files got deleted."))),
47
+ };
48
+ exports.MultipleAtOnce = MultipleAtOnce;
49
+ exports.default = meta;
50
+ //# sourceMappingURL=Message.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,6CAAuC;AAEvC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,oBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,6BAA6B;SAC9C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;SAC9B;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAuBE,0BAAO;AArBX,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,8BAAC,SAAS;QACN,8BAAC,oBAAO,IAAC,IAAI,EAAE,SAAS,2CAAgD;QACxE,8BAAC,oBAAO,IAAC,IAAI,EAAE,OAAO,+BAAoC;QAC1D,8BAAC,oBAAO,IAAC,IAAI,EAAE,MAAM,+BAAoC;QAEzD,8BAAC,oBAAO,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,2CAAgD;QACxF,8BAAC,oBAAO,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,+BAAoC;QAC1E,8BAAC,oBAAO,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,+BAAoC,CACjE,CACf;CACJ,CAAC;AAIE,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,77 @@
1
+ declare const StyledMessage: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
2
+ variant?: "stretch" | "box";
3
+ type?: "error" | "info" | "warning" | "tip";
4
+ }, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
5
+ colors: {
6
+ background: string;
7
+ mainColor: string;
8
+ mainColorAlt: string;
9
+ activeBg: string;
10
+ inactiveBg: string;
11
+ inactiveDarkBg: string;
12
+ toggleHandleBg: string;
13
+ toggleHandleBorder: string;
14
+ toggleBgDisabled: string;
15
+ toggleHandleBorderDisabled: string;
16
+ toggleHandleBgDisabled: string;
17
+ icon: string;
18
+ border: string;
19
+ buttonBorder: string;
20
+ headerBorder: string;
21
+ headerBg: string;
22
+ headerText: string;
23
+ text: string;
24
+ sub: string;
25
+ popText: string;
26
+ toolbarBorder: string;
27
+ toolbarBg: string;
28
+ modalBg: string;
29
+ modalButtonBg: string;
30
+ modalButtonBorder: string;
31
+ inputDisabledBg: string;
32
+ inputDisabledText: string;
33
+ choiceBg: string;
34
+ choiceText: string;
35
+ choiceActiveBg: string;
36
+ choiceActiveText: string;
37
+ choiceBorder: string;
38
+ selectorText: string;
39
+ selectorActive: string;
40
+ blue1: string;
41
+ blue2: string;
42
+ blue3: string;
43
+ orange1: string;
44
+ orange1Darker: string;
45
+ purple1: string;
46
+ green1: string;
47
+ green1Darker: string;
48
+ pink1: string;
49
+ red1: string;
50
+ yellow1: string;
51
+ yellow2: string;
52
+ yellow3: string;
53
+ pinky1: string;
54
+ pinky2: string;
55
+ pinky3: string;
56
+ grey1: string;
57
+ focusColor: string;
58
+ scrollbarsThumb: string;
59
+ scrollbarsBg: string;
60
+ tableStripedBg: string;
61
+ };
62
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {
63
+ mx: (value: string) => {
64
+ marginLeft: string;
65
+ marginRight: string;
66
+ };
67
+ my: (value: string) => {
68
+ marginTop: string;
69
+ marginBottom: string;
70
+ };
71
+ size: (value: string) => {
72
+ width: string;
73
+ height: string;
74
+ };
75
+ }>>;
76
+ export { StyledMessage, };
77
+ //# sourceMappingURL=Message.styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCjB,CAAC;AAEH,OAAO,EACH,aAAa,GAChB,CAAC"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StyledMessage = void 0;
4
+ const theme_js_1 = require("../../../theme.js");
5
+ const StyledMessage = (0, theme_js_1.styled)("div", {
6
+ borderStyle: "solid",
7
+ borderColor: "$border",
8
+ borderWidth: 0,
9
+ borderTopWidth: (0, theme_js_1.pxToRem)(1),
10
+ borderBottomWidth: (0, theme_js_1.pxToRem)(1),
11
+ padding: `${(0, theme_js_1.dimensionsPxToRem)(47)} ${(0, theme_js_1.dimensionsPxToRem)(83)}`,
12
+ fontWeight: 500,
13
+ lineHeight: 1.25,
14
+ variants: {
15
+ variant: {
16
+ box: {
17
+ borderLeftWidth: (0, theme_js_1.pxToRem)(1),
18
+ borderRightWidth: (0, theme_js_1.pxToRem)(1),
19
+ margin: (0, theme_js_1.pxToRem)(12),
20
+ },
21
+ stretch: {},
22
+ },
23
+ type: {
24
+ warning: {
25
+ backgroundColor: "$yellow3",
26
+ borderColor: "$yellow1",
27
+ color: "$yellow2",
28
+ },
29
+ error: {
30
+ backgroundColor: "$pinky3",
31
+ borderColor: "$pinky1",
32
+ color: "$pinky2",
33
+ },
34
+ info: {
35
+ backgroundColor: "$blue3",
36
+ borderColor: "$blue2",
37
+ color: "$blue1",
38
+ },
39
+ tip: {},
40
+ },
41
+ },
42
+ });
43
+ exports.StyledMessage = StyledMessage;
44
+ //# sourceMappingURL=Message.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":";;;AAAA,gDAAuE;AAEvE,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAChC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;IAC1B,iBAAiB,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;IAC7B,OAAO,EAAE,GAAG,IAAA,4BAAiB,EAAC,EAAE,CAAC,IAAI,IAAA,4BAAiB,EAAC,EAAE,CAAC,EAAE;IAC5D,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,IAAI;IAEhB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,GAAG,EAAE;gBACD,eAAe,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;gBAC3B,gBAAgB,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;gBAC5B,MAAM,EAAE,IAAA,kBAAO,EAAC,EAAE,CAAC;aACtB;YACD,OAAO,EAAE,EAAE;SACd;QACD,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,eAAe,EAAE,UAAU;gBAC3B,WAAW,EAAE,UAAU;gBACvB,KAAK,EAAE,UAAU;aACpB;YACD,KAAK,EAAE;gBACH,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,KAAK,EAAE,SAAS;aACnB;YACD,IAAI,EAAE;gBACF,eAAe,EAAE,QAAQ;gBACzB,WAAW,EAAE,QAAQ;gBACrB,KAAK,EAAE,QAAQ;aAClB;YACD,GAAG,EAAE,EAAE;SACV;KACJ;CACJ,CAAC,CAAC;AAGC,sCAAa"}
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ export * from "./components/form/choice/Choice.js";
2
2
  export * from "./components/form/Checkbox.js";
3
3
  export * from "./components/form/Label.js";
4
4
  export * from "./components/form/Select.js";
5
- export * from "./components/form/TextArea.js";
5
+ export * from "./components/form/textarea/TextArea.js";
6
6
  export * from "./components/form/Toggle.js";
7
7
  export * from "./components/form/index.js";
8
8
  export * from "./components/icons/Icon.js";
@@ -21,6 +21,11 @@ export * from "./components/ui/button/Button.js";
21
21
  export * from "./components/ui/directionPad/Pad.js";
22
22
  export * from "./components/ui/drawer/Drawer.js";
23
23
  export * from "./components/ui/keyValue/KeyValue.js";
24
+ export * from "./components/ui/loader/CoveringLoader.js";
25
+ export * from "./components/ui/loader/FullLoader.js";
26
+ export * from "./components/ui/loader/Loader.js";
27
+ export * from "./components/ui/loader/Loading.js";
28
+ export * from "./components/ui/loader/PopLoader.js";
24
29
  export * from "./components/ui/message/Message.js";
25
30
  export * from "./components/ui/modal/Modal.js";
26
31
  export * from "./components/ui/modal/ModalButtons.js";
@@ -32,5 +37,8 @@ export * from "./components/ui/toaster/Toaster.js";
32
37
  export * from "./components/utils/HandleEsc.js";
33
38
  export * from "./components/utils/If.js";
34
39
  export * from "./components/utils/Spacer.js";
40
+ export * from "./scrollbars.css.js";
41
+ export type { ThemeCSS } from "./theme.js";
35
42
  export { getCssText, styled } from "./theme.js";
43
+ export { cssReset } from "./theme.css-reset.js";
36
44
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,qBAAqB,CAAC;AAEpC,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
package/dist/index.js CHANGED
@@ -14,12 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.styled = exports.getCssText = void 0;
17
+ exports.cssReset = exports.styled = exports.getCssText = void 0;
18
18
  __exportStar(require("./components/form/choice/Choice.js"), exports);
19
19
  __exportStar(require("./components/form/Checkbox.js"), exports);
20
20
  __exportStar(require("./components/form/Label.js"), exports);
21
21
  __exportStar(require("./components/form/Select.js"), exports);
22
- __exportStar(require("./components/form/TextArea.js"), exports);
22
+ __exportStar(require("./components/form/textarea/TextArea.js"), exports);
23
23
  __exportStar(require("./components/form/Toggle.js"), exports);
24
24
  __exportStar(require("./components/form/index.js"), exports);
25
25
  __exportStar(require("./components/icons/Icon.js"), exports);
@@ -38,6 +38,11 @@ __exportStar(require("./components/ui/button/Button.js"), exports);
38
38
  __exportStar(require("./components/ui/directionPad/Pad.js"), exports);
39
39
  __exportStar(require("./components/ui/drawer/Drawer.js"), exports);
40
40
  __exportStar(require("./components/ui/keyValue/KeyValue.js"), exports);
41
+ __exportStar(require("./components/ui/loader/CoveringLoader.js"), exports);
42
+ __exportStar(require("./components/ui/loader/FullLoader.js"), exports);
43
+ __exportStar(require("./components/ui/loader/Loader.js"), exports);
44
+ __exportStar(require("./components/ui/loader/Loading.js"), exports);
45
+ __exportStar(require("./components/ui/loader/PopLoader.js"), exports);
41
46
  __exportStar(require("./components/ui/message/Message.js"), exports);
42
47
  __exportStar(require("./components/ui/modal/Modal.js"), exports);
43
48
  __exportStar(require("./components/ui/modal/ModalButtons.js"), exports);
@@ -49,7 +54,10 @@ __exportStar(require("./components/ui/toaster/Toaster.js"), exports);
49
54
  __exportStar(require("./components/utils/HandleEsc.js"), exports);
50
55
  __exportStar(require("./components/utils/If.js"), exports);
51
56
  __exportStar(require("./components/utils/Spacer.js"), exports);
57
+ __exportStar(require("./scrollbars.css.js"), exports);
52
58
  var theme_js_1 = require("./theme.js");
53
59
  Object.defineProperty(exports, "getCssText", { enumerable: true, get: function () { return theme_js_1.getCssText; } });
54
60
  Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return theme_js_1.styled; } });
61
+ var theme_css_reset_js_1 = require("./theme.css-reset.js");
62
+ Object.defineProperty(exports, "cssReset", { enumerable: true, get: function () { return theme_css_reset_js_1.cssReset; } });
55
63
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qEAAmD;AACnD,gEAA8C;AAC9C,6DAA2C;AAC3C,8DAA4C;AAC5C,gEAA8C;AAC9C,8DAA4C;AAE5C,6DAA2C;AAE3C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AACvD,qEAAmD;AAEnD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD;AACpD,mEAAiD;AACjD,uEAAqD;AACrD,qEAAmD;AACnD,iEAA+C;AAC/C,wEAAsD;AACtD,6DAA2C;AAC3C,mEAAiD;AACjD,iEAA+C;AAE/C,mEAAiD;AACjD,qEAAmD;AAEnD,kEAAgD;AAChD,2DAAyC;AACzC,+DAA6C;AAE7C,uCAAgD;AAAvC,sGAAA,UAAU,OAAA;AAAE,kGAAA,MAAM,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qEAAmD;AACnD,gEAA8C;AAC9C,6DAA2C;AAC3C,8DAA4C;AAC5C,yEAAuD;AACvD,8DAA4C;AAE5C,6DAA2C;AAE3C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AACvD,qEAAmD;AAEnD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD;AACpD,mEAAiD;AACjD,uEAAqD;AACrD,2EAAyD;AACzD,uEAAqD;AACrD,mEAAiD;AACjD,oEAAkD;AAClD,sEAAoD;AACpD,qEAAmD;AACnD,iEAA+C;AAC/C,wEAAsD;AACtD,6DAA2C;AAC3C,mEAAiD;AACjD,iEAA+C;AAE/C,mEAAiD;AACjD,qEAAmD;AAEnD,kEAAgD;AAChD,2DAAyC;AACzC,+DAA6C;AAE7C,sDAAoC;AAIpC,uCAAgD;AAAvC,sGAAA,UAAU,OAAA;AAAE,kGAAA,MAAM,OAAA;AAC3B,2DAAgD;AAAvC,8GAAA,QAAQ,OAAA"}
@@ -0,0 +1,4 @@
1
+ import type { ThemeCSS } from "./theme";
2
+ declare const miuiScrollbars: ThemeCSS;
3
+ export { miuiScrollbars };
4
+ //# sourceMappingURL=scrollbars.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scrollbars.css.d.ts","sourceRoot":"","sources":["../src/scrollbars.css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBxC,QAAA,MAAM,cAAc,EAAE,QAoCrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}