@velumweb/ui-kit 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/.storybook/main.ts +14 -0
  2. package/.storybook/manager.ts +32 -0
  3. package/.storybook/preview.ts +14 -0
  4. package/dist/Button/Button.d.ts +32 -0
  5. package/dist/Button/Button.stories.d.ts +15 -0
  6. package/dist/Button/index.d.ts +1 -0
  7. package/dist/Container/Box.d.ts +33 -0
  8. package/dist/Container/index.d.ts +1 -0
  9. package/dist/Input/Input.d.ts +38 -0
  10. package/dist/Input/Input.stories.d.ts +14 -0
  11. package/dist/Input/index.d.ts +1 -0
  12. package/dist/Modal/Modal.d.ts +29 -0
  13. package/dist/Modal/Modal.stories.d.ts +13 -0
  14. package/dist/Modal/index.d.ts +1 -0
  15. package/dist/Toggle/Toggle.d.ts +18 -0
  16. package/dist/Toggle/Toggle.stories.d.ts +13 -0
  17. package/dist/Toggle/index.d.ts +1 -0
  18. package/dist/assets/svg-lib/3-dots-horizontal-svgrepo-com.svg +5 -0
  19. package/dist/assets/svg-lib/about-empty-page-svgrepo-com.svg +5 -0
  20. package/dist/assets/svg-lib/alert-square.svg +26 -0
  21. package/dist/assets/svg-lib/arrow-bottom-svgrepo-com.svg +9 -0
  22. package/dist/assets/svg-lib/arrow-left-svgrepo-com.svg +5 -0
  23. package/dist/assets/svg-lib/arrow-right-svgrepo-com.svg +5 -0
  24. package/dist/assets/svg-lib/arrow-top-svgrepo-com.svg +9 -0
  25. package/dist/assets/svg-lib/checkmark-svgrepo-com.svg +5 -0
  26. package/dist/assets/svg-lib/clock-svgrepo-com.svg +5 -0
  27. package/dist/assets/svg-lib/cross-svgrepo-com.svg +12 -0
  28. package/dist/assets/svg-lib/download-svgrepo-com.svg +5 -0
  29. package/dist/assets/svg-lib/edit-pen-svgrepo-com.svg +5 -0
  30. package/dist/assets/svg-lib/favorite-svgrepo-com.svg +5 -0
  31. package/dist/assets/svg-lib/forbiden-svgrepo-com.svg +9 -0
  32. package/dist/assets/svg-lib/input-svgrepo-com.svg +5 -0
  33. package/dist/assets/svg-lib/link-svgrepo-com.svg +5 -0
  34. package/dist/assets/svg-lib/messages-alert-svgrepo-com.svg +6 -0
  35. package/dist/assets/svg-lib/messages-svgrepo-com.svg +5 -0
  36. package/dist/assets/svg-lib/mic-off-svgrepo-com.svg +6 -0
  37. package/dist/assets/svg-lib/mic-svgrepo-com.svg +5 -0
  38. package/dist/assets/svg-lib/music-svgrepo-com.svg +6 -0
  39. package/dist/assets/svg-lib/next-long-arrow-right-svgrepo-com.svg +5 -0
  40. package/dist/assets/svg-lib/notification-alert-svgrepo-com.svg +6 -0
  41. package/dist/assets/svg-lib/notification-svgrepo-com.svg +5 -0
  42. package/dist/assets/svg-lib/notifications-off-svgrepo-com.svg +6 -0
  43. package/dist/assets/svg-lib/party-simple-colored-svgrepo-com.svg +11 -0
  44. package/dist/assets/svg-lib/pattern-circles-svgrepo-com.svg +5 -0
  45. package/dist/assets/svg-lib/play-button-simple-svgrepo-com.svg +5 -0
  46. package/dist/assets/svg-lib/plus-outlined-svgrepo-com.svg +5 -0
  47. package/dist/assets/svg-lib/previous-long-arrow-left-svgrepo-com.svg +5 -0
  48. package/dist/assets/svg-lib/queue-listing-cards-svgrepo-com.svg +6 -0
  49. package/dist/assets/svg-lib/queue-remove-svgrepo-com.svg +5 -0
  50. package/dist/assets/svg-lib/recent-svgrepo-com.svg +5 -0
  51. package/dist/assets/svg-lib/remove-svgrepo-com.svg +5 -0
  52. package/dist/assets/svg-lib/repeat-svgrepo-com.svg +5 -0
  53. package/dist/assets/svg-lib/schedule-add-svgrepo-com.svg +5 -0
  54. package/dist/assets/svg-lib/schedule-alert-svgrepo-com.svg +6 -0
  55. package/dist/assets/svg-lib/schedule-remove-svgrepo-com.svg +6 -0
  56. package/dist/assets/svg-lib/schedule-svgrepo-com.svg +5 -0
  57. package/dist/assets/svg-lib/search-svgrepo-com.svg +5 -0
  58. package/dist/assets/svg-lib/session-abandon-svgrepo-com.svg +5 -0
  59. package/dist/assets/svg-lib/session-join-svgrepo-com.svg +5 -0
  60. package/dist/assets/svg-lib/session-leave-svgrepo-com.svg +5 -0
  61. package/dist/assets/svg-lib/settings-svgrepo-com.svg +5 -0
  62. package/dist/assets/svg-lib/share-svgrepo-com.svg +5 -0
  63. package/dist/assets/svg-lib/sound-off-svgrepo-com.svg +6 -0
  64. package/dist/assets/svg-lib/sound-svgrepo-com.svg +5 -0
  65. package/dist/assets/svg-lib/spectacles-svgrepo-com.svg +5 -0
  66. package/dist/assets/svg-lib/star-svgrepo-com.svg +5 -0
  67. package/dist/assets/svg-lib/user-avatar-with-alert-svgrepo-com.svg +6 -0
  68. package/dist/assets/svg-lib/user-banned-svgrepo-com.svg +6 -0
  69. package/dist/assets/svg-lib/user-svgrepo-com.svg +5 -0
  70. package/dist/assets/svglist.png +0 -0
  71. package/dist/index.d.ts +5 -0
  72. package/dist/index.es.d.ts +2 -0
  73. package/dist/index.es.js +569 -0
  74. package/dist/index.umd.js +6 -0
  75. package/dist/ui-kit.css +1 -0
  76. package/docs/Button/Button.d.ts +32 -0
  77. package/docs/Button/Button.stories.d.ts +15 -0
  78. package/docs/Button/index.d.ts +1 -0
  79. package/docs/CNAME +1 -0
  80. package/docs/Container/Box.d.ts +33 -0
  81. package/docs/Container/index.d.ts +1 -0
  82. package/docs/Input/Input.d.ts +38 -0
  83. package/docs/Input/Input.stories.d.ts +14 -0
  84. package/docs/Input/index.d.ts +1 -0
  85. package/docs/Modal/Modal.d.ts +29 -0
  86. package/docs/Modal/Modal.stories.d.ts +13 -0
  87. package/docs/Modal/index.d.ts +1 -0
  88. package/docs/Toggle/Toggle.d.ts +18 -0
  89. package/docs/Toggle/Toggle.stories.d.ts +13 -0
  90. package/docs/Toggle/index.d.ts +1 -0
  91. package/docs/assets/Button-CfaZpHIg.css +1 -0
  92. package/docs/assets/Button-DBH2W8EG.js +1 -0
  93. package/docs/assets/Button.stories-uPwy2cWr.js +34 -0
  94. package/docs/assets/Input-D117xj27.js +1 -0
  95. package/docs/assets/Input-RjFZkyU_.css +1 -0
  96. package/docs/assets/Input.stories-Ck4AyV-4.js +21 -0
  97. package/docs/assets/Modal-CWKTs3Ep.css +1 -0
  98. package/docs/assets/Modal.stories-3HMpRqSx.js +7 -0
  99. package/docs/assets/Toggle-BmcBtVup.css +1 -0
  100. package/docs/assets/Toggle-DiHagfS3.js +1 -0
  101. package/docs/assets/Toggle.stories-d01loxLD.js +9 -0
  102. package/docs/assets/iframe-D7bwIom8.js +1062 -0
  103. package/docs/assets/jsx-runtime-u17CrQMm.js +1 -0
  104. package/docs/assets/preload-helper-PPVm8Dsz.js +1 -0
  105. package/docs/assets/react-18-CW3OMC0n.js +9 -0
  106. package/docs/assets/svg-lib/3-dots-horizontal-svgrepo-com.svg +5 -0
  107. package/docs/assets/svg-lib/about-empty-page-svgrepo-com.svg +5 -0
  108. package/docs/assets/svg-lib/alert-square.svg +26 -0
  109. package/docs/assets/svg-lib/arrow-bottom-svgrepo-com.svg +9 -0
  110. package/docs/assets/svg-lib/arrow-left-svgrepo-com.svg +5 -0
  111. package/docs/assets/svg-lib/arrow-right-svgrepo-com.svg +5 -0
  112. package/docs/assets/svg-lib/arrow-top-svgrepo-com.svg +9 -0
  113. package/docs/assets/svg-lib/checkmark-svgrepo-com.svg +5 -0
  114. package/docs/assets/svg-lib/clock-svgrepo-com.svg +5 -0
  115. package/docs/assets/svg-lib/cross-svgrepo-com.svg +12 -0
  116. package/docs/assets/svg-lib/download-svgrepo-com.svg +5 -0
  117. package/docs/assets/svg-lib/edit-pen-svgrepo-com.svg +5 -0
  118. package/docs/assets/svg-lib/favorite-svgrepo-com.svg +5 -0
  119. package/docs/assets/svg-lib/forbiden-svgrepo-com.svg +9 -0
  120. package/docs/assets/svg-lib/input-svgrepo-com.svg +5 -0
  121. package/docs/assets/svg-lib/link-svgrepo-com.svg +5 -0
  122. package/docs/assets/svg-lib/messages-alert-svgrepo-com.svg +6 -0
  123. package/docs/assets/svg-lib/messages-svgrepo-com.svg +5 -0
  124. package/docs/assets/svg-lib/mic-off-svgrepo-com.svg +6 -0
  125. package/docs/assets/svg-lib/mic-svgrepo-com.svg +5 -0
  126. package/docs/assets/svg-lib/music-svgrepo-com.svg +6 -0
  127. package/docs/assets/svg-lib/next-long-arrow-right-svgrepo-com.svg +5 -0
  128. package/docs/assets/svg-lib/notification-alert-svgrepo-com.svg +6 -0
  129. package/docs/assets/svg-lib/notification-svgrepo-com.svg +5 -0
  130. package/docs/assets/svg-lib/notifications-off-svgrepo-com.svg +6 -0
  131. package/docs/assets/svg-lib/party-simple-colored-svgrepo-com.svg +11 -0
  132. package/docs/assets/svg-lib/pattern-circles-svgrepo-com.svg +5 -0
  133. package/docs/assets/svg-lib/play-button-simple-svgrepo-com.svg +5 -0
  134. package/docs/assets/svg-lib/plus-outlined-svgrepo-com.svg +5 -0
  135. package/docs/assets/svg-lib/previous-long-arrow-left-svgrepo-com.svg +5 -0
  136. package/docs/assets/svg-lib/queue-listing-cards-svgrepo-com.svg +6 -0
  137. package/docs/assets/svg-lib/queue-remove-svgrepo-com.svg +5 -0
  138. package/docs/assets/svg-lib/recent-svgrepo-com.svg +5 -0
  139. package/docs/assets/svg-lib/remove-svgrepo-com.svg +5 -0
  140. package/docs/assets/svg-lib/repeat-svgrepo-com.svg +5 -0
  141. package/docs/assets/svg-lib/schedule-add-svgrepo-com.svg +5 -0
  142. package/docs/assets/svg-lib/schedule-alert-svgrepo-com.svg +6 -0
  143. package/docs/assets/svg-lib/schedule-remove-svgrepo-com.svg +6 -0
  144. package/docs/assets/svg-lib/schedule-svgrepo-com.svg +5 -0
  145. package/docs/assets/svg-lib/search-svgrepo-com.svg +5 -0
  146. package/docs/assets/svg-lib/session-abandon-svgrepo-com.svg +5 -0
  147. package/docs/assets/svg-lib/session-join-svgrepo-com.svg +5 -0
  148. package/docs/assets/svg-lib/session-leave-svgrepo-com.svg +5 -0
  149. package/docs/assets/svg-lib/settings-svgrepo-com.svg +5 -0
  150. package/docs/assets/svg-lib/share-svgrepo-com.svg +5 -0
  151. package/docs/assets/svg-lib/sound-off-svgrepo-com.svg +6 -0
  152. package/docs/assets/svg-lib/sound-svgrepo-com.svg +5 -0
  153. package/docs/assets/svg-lib/spectacles-svgrepo-com.svg +5 -0
  154. package/docs/assets/svg-lib/star-svgrepo-com.svg +5 -0
  155. package/docs/assets/svg-lib/user-avatar-with-alert-svgrepo-com.svg +6 -0
  156. package/docs/assets/svg-lib/user-banned-svgrepo-com.svg +6 -0
  157. package/docs/assets/svg-lib/user-svgrepo-com.svg +5 -0
  158. package/docs/assets/svglist.png +0 -0
  159. package/docs/favicon-wrapper.svg +46 -0
  160. package/docs/favicon.svg +1 -0
  161. package/docs/iframe.html +686 -0
  162. package/docs/index.d.ts +5 -0
  163. package/docs/index.html +137 -0
  164. package/docs/index.json +1 -0
  165. package/docs/makeColors.ts +37 -0
  166. package/docs/notes.txt +11 -0
  167. package/docs/nunito-sans-bold-italic.woff2 +0 -0
  168. package/docs/nunito-sans-bold.woff2 +0 -0
  169. package/docs/nunito-sans-italic.woff2 +0 -0
  170. package/docs/nunito-sans-regular.woff2 +0 -0
  171. package/docs/project.json +1 -0
  172. package/docs/sb-addons/storybook-1/manager-bundle.js +3 -0
  173. package/docs/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +628 -0
  174. package/docs/sb-common-assets/favicon-wrapper.svg +46 -0
  175. package/docs/sb-common-assets/favicon.svg +1 -0
  176. package/docs/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  177. package/docs/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  178. package/docs/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  179. package/docs/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  180. package/docs/sb-manager/globals-runtime.js +75597 -0
  181. package/docs/sb-manager/globals.js +24 -0
  182. package/docs/sb-manager/manager-stores.js +23 -0
  183. package/docs/sb-manager/runtime.js +19698 -0
  184. package/docs/style_setter.js +19 -0
  185. package/docs/vite-inject-mocker-entry.js +2 -0
  186. package/index.html +7 -0
  187. package/package.json +37 -0
  188. package/public/assets/svg-lib/3-dots-horizontal-svgrepo-com.svg +5 -0
  189. package/public/assets/svg-lib/about-empty-page-svgrepo-com.svg +5 -0
  190. package/public/assets/svg-lib/alert-square.svg +26 -0
  191. package/public/assets/svg-lib/arrow-bottom-svgrepo-com.svg +9 -0
  192. package/public/assets/svg-lib/arrow-left-svgrepo-com.svg +5 -0
  193. package/public/assets/svg-lib/arrow-right-svgrepo-com.svg +5 -0
  194. package/public/assets/svg-lib/arrow-top-svgrepo-com.svg +9 -0
  195. package/public/assets/svg-lib/checkmark-svgrepo-com.svg +5 -0
  196. package/public/assets/svg-lib/clock-svgrepo-com.svg +5 -0
  197. package/public/assets/svg-lib/cross-svgrepo-com.svg +12 -0
  198. package/public/assets/svg-lib/download-svgrepo-com.svg +5 -0
  199. package/public/assets/svg-lib/edit-pen-svgrepo-com.svg +5 -0
  200. package/public/assets/svg-lib/favorite-svgrepo-com.svg +5 -0
  201. package/public/assets/svg-lib/forbiden-svgrepo-com.svg +9 -0
  202. package/public/assets/svg-lib/input-svgrepo-com.svg +5 -0
  203. package/public/assets/svg-lib/link-svgrepo-com.svg +5 -0
  204. package/public/assets/svg-lib/messages-alert-svgrepo-com.svg +6 -0
  205. package/public/assets/svg-lib/messages-svgrepo-com.svg +5 -0
  206. package/public/assets/svg-lib/mic-off-svgrepo-com.svg +6 -0
  207. package/public/assets/svg-lib/mic-svgrepo-com.svg +5 -0
  208. package/public/assets/svg-lib/music-svgrepo-com.svg +6 -0
  209. package/public/assets/svg-lib/next-long-arrow-right-svgrepo-com.svg +5 -0
  210. package/public/assets/svg-lib/notification-alert-svgrepo-com.svg +6 -0
  211. package/public/assets/svg-lib/notification-svgrepo-com.svg +5 -0
  212. package/public/assets/svg-lib/notifications-off-svgrepo-com.svg +6 -0
  213. package/public/assets/svg-lib/party-simple-colored-svgrepo-com.svg +11 -0
  214. package/public/assets/svg-lib/pattern-circles-svgrepo-com.svg +5 -0
  215. package/public/assets/svg-lib/play-button-simple-svgrepo-com.svg +5 -0
  216. package/public/assets/svg-lib/plus-outlined-svgrepo-com.svg +5 -0
  217. package/public/assets/svg-lib/previous-long-arrow-left-svgrepo-com.svg +5 -0
  218. package/public/assets/svg-lib/queue-listing-cards-svgrepo-com.svg +6 -0
  219. package/public/assets/svg-lib/queue-remove-svgrepo-com.svg +5 -0
  220. package/public/assets/svg-lib/recent-svgrepo-com.svg +5 -0
  221. package/public/assets/svg-lib/remove-svgrepo-com.svg +5 -0
  222. package/public/assets/svg-lib/repeat-svgrepo-com.svg +5 -0
  223. package/public/assets/svg-lib/schedule-add-svgrepo-com.svg +5 -0
  224. package/public/assets/svg-lib/schedule-alert-svgrepo-com.svg +6 -0
  225. package/public/assets/svg-lib/schedule-remove-svgrepo-com.svg +6 -0
  226. package/public/assets/svg-lib/schedule-svgrepo-com.svg +5 -0
  227. package/public/assets/svg-lib/search-svgrepo-com.svg +5 -0
  228. package/public/assets/svg-lib/session-abandon-svgrepo-com.svg +5 -0
  229. package/public/assets/svg-lib/session-join-svgrepo-com.svg +5 -0
  230. package/public/assets/svg-lib/session-leave-svgrepo-com.svg +5 -0
  231. package/public/assets/svg-lib/settings-svgrepo-com.svg +5 -0
  232. package/public/assets/svg-lib/share-svgrepo-com.svg +5 -0
  233. package/public/assets/svg-lib/sound-off-svgrepo-com.svg +6 -0
  234. package/public/assets/svg-lib/sound-svgrepo-com.svg +5 -0
  235. package/public/assets/svg-lib/spectacles-svgrepo-com.svg +5 -0
  236. package/public/assets/svg-lib/star-svgrepo-com.svg +5 -0
  237. package/public/assets/svg-lib/user-avatar-with-alert-svgrepo-com.svg +6 -0
  238. package/public/assets/svg-lib/user-banned-svgrepo-com.svg +6 -0
  239. package/public/assets/svg-lib/user-svgrepo-com.svg +5 -0
  240. package/public/assets/svglist.png +0 -0
  241. package/readme.md +9 -0
  242. package/src/components/Button/Button.stories.ts +64 -0
  243. package/src/components/Button/Button.tsx +99 -0
  244. package/src/components/Button/button.scss +147 -0
  245. package/src/components/Button/index.ts +1 -0
  246. package/src/components/Container/Box.tsx +83 -0
  247. package/src/components/Container/box.scss +41 -0
  248. package/src/components/Container/index.ts +1 -0
  249. package/src/components/Input/Input.stories.ts +49 -0
  250. package/src/components/Input/Input.tsx +172 -0
  251. package/src/components/Input/index.ts +1 -0
  252. package/src/components/Input/input.scss +69 -0
  253. package/src/components/Modal/Modal.stories.ts +33 -0
  254. package/src/components/Modal/Modal.tsx +125 -0
  255. package/src/components/Modal/index.ts +1 -0
  256. package/src/components/Modal/modal.scss +54 -0
  257. package/src/components/Toggle/Toggle.stories.ts +35 -0
  258. package/src/components/Toggle/Toggle.tsx +60 -0
  259. package/src/components/Toggle/index.ts +1 -0
  260. package/src/components/Toggle/toggle.scss +97 -0
  261. package/src/components/index.ts +5 -0
  262. package/src/main.scss +46 -0
  263. package/tsconfig.json +15 -0
  264. package/utils/makeColors.ts +37 -0
  265. package/utils/notes.txt +11 -0
  266. package/utils/style_setter.js +19 -0
  267. package/vite.config.ts +32 -0
package/docs/index.html ADDED
@@ -0,0 +1,137 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+
6
+ <title>storybook - Storybook</title>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+
9
+
10
+ <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
11
+
12
+ <style>
13
+ @font-face {
14
+ font-family: 'Nunito Sans';
15
+ font-style: normal;
16
+ font-weight: 400;
17
+ font-display: swap;
18
+ src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
19
+ }
20
+
21
+ @font-face {
22
+ font-family: 'Nunito Sans';
23
+ font-style: italic;
24
+ font-weight: 400;
25
+ font-display: swap;
26
+ src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
27
+ }
28
+
29
+ @font-face {
30
+ font-family: 'Nunito Sans';
31
+ font-style: normal;
32
+ font-weight: 700;
33
+ font-display: swap;
34
+ src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
35
+ }
36
+
37
+ @font-face {
38
+ font-family: 'Nunito Sans';
39
+ font-style: italic;
40
+ font-weight: 700;
41
+ font-display: swap;
42
+ src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
43
+ }
44
+ </style>
45
+
46
+ <link href="./sb-manager/runtime.js" rel="modulepreload" />
47
+
48
+
49
+ <link href="./sb-addons/storybook-core-server-presets-0/common-manager-bundle.js" rel="modulepreload" />
50
+
51
+ <link href="./sb-addons/storybook-1/manager-bundle.js" rel="modulepreload" />
52
+
53
+
54
+ <style>
55
+ #storybook-root[hidden] {
56
+ display: none !important;
57
+ }
58
+ </style>
59
+
60
+
61
+ </head>
62
+ <body>
63
+ <div id="root"></div>
64
+
65
+
66
+ <script>
67
+
68
+
69
+ window['FEATURES'] = {
70
+ "argTypeTargetsV7": true,
71
+ "legacyDecoratorFileOrder": false,
72
+ "disallowImplicitActionsInRenderV8": true,
73
+ "viewport": true,
74
+ "highlight": true,
75
+ "controls": true,
76
+ "interactions": true,
77
+ "actions": true,
78
+ "backgrounds": true,
79
+ "outline": true,
80
+ "measure": true
81
+ };
82
+
83
+
84
+
85
+ window['REFS'] = {};
86
+
87
+
88
+
89
+ window['LOGLEVEL'] = "info";
90
+
91
+
92
+
93
+ window['DOCS_OPTIONS'] = {};
94
+
95
+
96
+
97
+ window['CONFIG_TYPE'] = "PRODUCTION";
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+ window['TAGS_OPTIONS'] = {};
106
+
107
+
108
+
109
+ window['STORYBOOK_BUILDER'] = "vite";
110
+
111
+
112
+
113
+ window['STORYBOOK_FRAMEWORK'] = "react-vite";
114
+
115
+
116
+
117
+ window['STORYBOOK_RENDERER'] = "react";
118
+
119
+
120
+
121
+
122
+ </script>
123
+
124
+
125
+ <script type="module">
126
+ import './sb-manager/globals-runtime.js';
127
+
128
+
129
+ import './sb-addons/storybook-core-server-presets-0/common-manager-bundle.js';
130
+
131
+ import './sb-addons/storybook-1/manager-bundle.js';
132
+
133
+
134
+ import './sb-manager/runtime.js';
135
+ </script>
136
+ </body>
137
+ </html>
package/docs/index.json ADDED
@@ -0,0 +1 @@
1
+ {"v":5,"entries":{"example-button--custom-button":{"type":"story","subtype":"story","id":"example-button--custom-button","name":"Custom Button","title":"Example Button","importPath":"./src/components/Button/Button.stories.ts","componentPath":"./src/components/Button/Button.tsx","tags":["dev","test","autodocs"],"exportName":"CustomButton"},"example-button--icon-button":{"type":"story","subtype":"story","id":"example-button--icon-button","name":"Icon Button","title":"Example Button","importPath":"./src/components/Button/Button.stories.ts","componentPath":"./src/components/Button/Button.tsx","tags":["dev","test","autodocs"],"exportName":"IconButton"},"example-button--icon":{"type":"story","subtype":"story","id":"example-button--icon","name":"Icon","title":"Example Button","importPath":"./src/components/Button/Button.stories.ts","componentPath":"./src/components/Button/Button.tsx","tags":["dev","test","autodocs"],"exportName":"Icon"},"example-input--text-field":{"type":"story","subtype":"story","id":"example-input--text-field","name":"Text Field","title":"Example Input","importPath":"./src/components/Input/Input.stories.ts","componentPath":"./src/components/Input/Input.tsx","tags":["dev","test","autodocs"],"exportName":"TextField"},"example-input--search":{"type":"story","subtype":"story","id":"example-input--search","name":"Search","title":"Example Input","importPath":"./src/components/Input/Input.stories.ts","componentPath":"./src/components/Input/Input.tsx","tags":["dev","test","autodocs"],"exportName":"Search"},"modal--modal-window":{"type":"story","subtype":"story","id":"modal--modal-window","name":"Modal Window","title":"Modal","importPath":"./src/components/Modal/Modal.stories.ts","componentPath":"./src/components/Modal/Modal.tsx","tags":["dev","test","autodocs"],"exportName":"ModalWindow"},"example-toggle--custom-toggle":{"type":"story","subtype":"story","id":"example-toggle--custom-toggle","name":"Custom Toggle","title":"Example Toggle","importPath":"./src/components/Toggle/Toggle.stories.ts","componentPath":"./src/components/Toggle/Toggle.tsx","tags":["dev","test","autodocs"],"exportName":"CustomToggle"}}}
package/docs/makeColors.ts ADDED
@@ -0,0 +1,37 @@
1
+ /**
2
+ * Утилиты для автоматического подбора цветов
3
+ */
4
+
5
+
6
+ /** Возвращает hover-цвет
7
+ * baseHex - цвет в формате #ffffff
8
+ * k - процент затемнения, по умолчанию 15%
9
+ * mode: 'dark' - более темный, чем основной
10
+ * mode: 'light' - более светлый, чем основной
11
+ * */
12
+ export function makeHoverColor(baseHex: string, k: number = 0.15, mode: 'dark' | 'light' = 'dark') {
13
+ const { r, g, b } = hexToRgb(baseHex);
14
+ const factor = mode === 'dark' ? 1 - k : 1 + k;
15
+
16
+ return rgbToHex(
17
+ r * factor,
18
+ g * factor,
19
+ b * factor
20
+ );
21
+ }
22
+ function hexToRgb(hex) {
23
+ hex = hex.replace('#', '');
24
+ if (hex.length === 3) {
25
+ hex = hex.split('').map(x => x + x).join('');
26
+ }
27
+ return {
28
+ r: parseInt(hex.slice(1, 3), 16),
29
+ g: parseInt(hex.slice(3, 5), 16),
30
+ b: parseInt(hex.slice(5, 7), 16)
31
+ };
32
+ }
33
+ function rgbToHex(r, g, b) {
34
+ return (
35
+ '#' + [r, g, b].map(x => Math.max(0, Math.min(255, Math.round(x))).toString(16).padStart(2, '0')).join('')
36
+ );
37
+ }
package/docs/notes.txt ADDED
@@ -0,0 +1,11 @@
1
+ TODO
2
+
3
+ 1) Контейнер для мобильных форм и главной кнопки:
4
+ - ширина 100%
5
+ - margin 0 16px
6
+ - дочерние элементы занимают всю ширину
7
+
8
+
9
+ 2) Button - добавить tooltip
10
+
11
+ 3) Button, Toggle добавить loading маску
package/docs/nunito-sans-bold.woff2 ADDED
Binary file
package/docs/nunito-sans-italic.woff2 ADDED
Binary file
package/docs/nunito-sans-regular.woff2 ADDED
Binary file
package/docs/project.json ADDED
@@ -0,0 +1 @@
1
+ {"generatedAt":1764730437476,"userSince":1763124038147,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"hasRouterPackage":false,"packageManager":{"type":"pnpm","agent":"pnpm","nodeLinker":"undefined"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.0.8","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.0.8"},"storybook":{}},"addons":{}}
package/docs/sb-addons/storybook-1/manager-bundle.js ADDED
@@ -0,0 +1,3 @@
1
+ try{
2
+ (()=>{var b=Object.create;var u=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var l=(e,t)=>()=>(e&&(t=e(e=0)),t);var d=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var y=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!f.call(e,n)&&n!==s&&u(e,n,{get:()=>t[n],enumerable:!(i=P(t,n))||i.enumerable});return e};var g=(e,t,s)=>(s=e!=null?b(v(e)):{},y(t||!e||!e.__esModule?u(s,"default",{value:e,enumerable:!0}):s,e));var o=l(()=>{});var r=l(()=>{});var a=l(()=>{});var w,K,U,B,I,j,c,H,L,N,Y,q,z,D,F,G,V,W,J,Q,X,Z,$,ee,te,oe,re,ae,se,ne,le,ie,ue,de,Se,he,pe,ce,me,_e,be,Pe,Te,ve,fe,ye,ge,m=l(()=>{o();r();a();w=__STORYBOOK_API__,{ActiveTabs:K,Consumer:U,ManagerContext:B,Provider:I,RequestResponseError:j,addons:c,combineParameters:H,controlOrMetaKey:L,controlOrMetaSymbol:N,eventMatchesShortcut:Y,eventToShortcut:q,experimental_MockUniversalStore:z,experimental_UniversalStore:D,experimental_getStatusStore:F,experimental_getTestProviderStore:G,experimental_requestResponse:V,experimental_useStatusStore:W,experimental_useTestProviderStore:J,experimental_useUniversalStore:Q,internal_checklistStore:X,internal_fullStatusStore:Z,internal_fullTestProviderStore:$,internal_universalChecklistStore:ee,internal_universalStatusStore:te,internal_universalTestProviderStore:oe,isMacLike:re,isShortcutTaken:ae,keyToSymbol:se,merge:ne,mockChannel:le,optionOrAltSymbol:ie,shortcutMatchesShortcut:ue,shortcutToAriaKeyshortcuts:de,shortcutToHumanString:Se,types:he,useAddonState:pe,useArgTypes:ce,useArgs:me,useChannel:_e,useGlobalTypes:be,useGlobals:Pe,useParameter:Te,useSharedState:ve,useStoryPrepared:fe,useStorybookApi:ye,useStorybookState:ge}=__STORYBOOK_API__});var _=d(()=>{o();r();a();m();c.setConfig({navSize:300,bottomPanelHeight:300,rightPanelWidth:300,panelPosition:"right",enableShortcuts:!0,showToolbar:!0,theme:void 0,selectedPanel:void 0,initialActive:"sidebar",layoutCustomisations:{showSidebar(e,t){return e.storyId==="landing"?!1:t},showToolbar(e,t){return e.viewMode==="docs"?!1:t}},sidebar:{showRoots:!1,collapsedRoots:["other"]},toolbar:{title:{hidden:!1},zoom:{hidden:!1},eject:{hidden:!1},copy:{hidden:!1},fullscreen:{hidden:!1}}})});var O=d(()=>{o();r();a();var Ue=g(_())});O();})();
3
+ }catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }