@quadrats/react 0.7.8 → 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 (417) hide show
  1. package/accordion/accordion.css +1 -0
  2. package/accordion/accordion.scss +81 -0
  3. package/accordion/components/Accordion.d.ts +9 -0
  4. package/accordion/components/Accordion.js +22 -0
  5. package/accordion/components/AccordionContent.d.ts +8 -0
  6. package/accordion/components/AccordionContent.js +24 -0
  7. package/accordion/components/AccordionTitle.d.ts +8 -0
  8. package/accordion/components/AccordionTitle.js +20 -0
  9. package/accordion/contexts/AccordionContext.d.ts +2 -0
  10. package/accordion/contexts/AccordionContext.js +5 -0
  11. package/accordion/createReactAccordion.d.ts +4 -0
  12. package/accordion/createReactAccordion.js +144 -0
  13. package/accordion/defaultRenderAccordionElements.d.ts +2 -0
  14. package/accordion/defaultRenderAccordionElements.js +12 -0
  15. package/accordion/hooks/useAccordion.d.ts +1 -0
  16. package/accordion/hooks/useAccordion.js +8 -0
  17. package/accordion/index.cjs.js +212 -0
  18. package/accordion/index.d.ts +8 -0
  19. package/accordion/index.js +10 -0
  20. package/accordion/jsx-serializer/createJsxSerializeAccordion.d.ts +5 -0
  21. package/accordion/jsx-serializer/createJsxSerializeAccordion.js +48 -0
  22. package/accordion/jsx-serializer/defaultRenderAccordionElements.d.ts +2 -0
  23. package/accordion/jsx-serializer/defaultRenderAccordionElements.js +16 -0
  24. package/accordion/jsx-serializer/index.cjs.js +64 -0
  25. package/accordion/jsx-serializer/index.d.ts +3 -0
  26. package/accordion/jsx-serializer/index.js +2 -0
  27. package/accordion/jsx-serializer/package.json +7 -0
  28. package/accordion/jsx-serializer/typings.d.ts +4 -0
  29. package/accordion/package.json +10 -0
  30. package/accordion/toolbar/AccordionToolbarIcon.d.ts +8 -0
  31. package/accordion/toolbar/AccordionToolbarIcon.js +12 -0
  32. package/accordion/toolbar/index.cjs.js +22 -0
  33. package/accordion/toolbar/index.d.ts +2 -0
  34. package/accordion/toolbar/index.js +2 -0
  35. package/accordion/toolbar/package.json +7 -0
  36. package/accordion/toolbar/useAccordionTool.d.ts +4 -0
  37. package/accordion/toolbar/useAccordionTool.js +10 -0
  38. package/accordion/typings.d.ts +25 -0
  39. package/align/constants.d.ts +8 -0
  40. package/align/constants.js +10 -0
  41. package/align/createReactAlign.d.ts +2 -0
  42. package/align/createReactAlign.js +26 -0
  43. package/align/index.cjs.js +39 -0
  44. package/align/index.d.ts +3 -0
  45. package/align/index.js +2 -0
  46. package/align/package.json +7 -0
  47. package/align/toolbar/AlignToolbarIcon.d.ts +10 -0
  48. package/align/toolbar/AlignToolbarIcon.js +12 -0
  49. package/align/toolbar/index.cjs.js +30 -0
  50. package/align/toolbar/index.d.ts +2 -0
  51. package/align/toolbar/index.js +2 -0
  52. package/align/toolbar/package.json +7 -0
  53. package/align/toolbar/useAlignTool.d.ts +6 -0
  54. package/align/toolbar/useAlignTool.js +18 -0
  55. package/align/typings.d.ts +17 -0
  56. package/blockquote/blockquote.css +1 -0
  57. package/blockquote/blockquote.scss +23 -0
  58. package/blockquote/defaultRenderBlockquoteElement.js +3 -1
  59. package/blockquote/index.cjs.js +3 -1
  60. package/blockquote/package.json +4 -1
  61. package/card/card.css +1 -0
  62. package/card/card.scss +243 -0
  63. package/card/components/Card.d.ts +15 -0
  64. package/card/components/Card.js +101 -0
  65. package/card/components/CardContents.d.ts +9 -0
  66. package/card/components/CardContents.js +18 -0
  67. package/card/components/CardImage.d.ts +9 -0
  68. package/card/components/CardImage.js +13 -0
  69. package/card/components/CardPlaceholder.d.ts +4 -0
  70. package/card/components/CardPlaceholder.js +21 -0
  71. package/card/createReactCard.d.ts +4 -0
  72. package/card/createReactCard.js +82 -0
  73. package/card/defaultRenderCardElements.d.ts +3 -0
  74. package/card/defaultRenderCardElements.js +14 -0
  75. package/card/index.cjs.js +234 -0
  76. package/card/index.d.ts +7 -0
  77. package/card/index.js +6 -0
  78. package/card/jsx-serializer/createJsxSerializeCard.d.ts +5 -0
  79. package/card/jsx-serializer/createJsxSerializeCard.js +48 -0
  80. package/card/jsx-serializer/defaultRenderCardElements.d.ts +2 -0
  81. package/card/jsx-serializer/defaultRenderCardElements.js +10 -0
  82. package/card/jsx-serializer/index.cjs.js +58 -0
  83. package/card/jsx-serializer/index.d.ts +3 -0
  84. package/card/jsx-serializer/index.js +2 -0
  85. package/card/jsx-serializer/package.json +7 -0
  86. package/card/jsx-serializer/typings.d.ts +9 -0
  87. package/card/package.json +10 -0
  88. package/card/toolbar/CardToolbarIcon.d.ts +8 -0
  89. package/card/toolbar/CardToolbarIcon.js +12 -0
  90. package/card/toolbar/index.cjs.js +66 -0
  91. package/card/toolbar/index.d.ts +2 -0
  92. package/card/toolbar/index.js +2 -0
  93. package/card/toolbar/package.json +7 -0
  94. package/card/toolbar/useCardTool.d.ts +4 -0
  95. package/card/toolbar/useCardTool.js +55 -0
  96. package/card/typings.d.ts +24 -0
  97. package/carousel/carousel.css +1 -0
  98. package/carousel/carousel.scss +356 -0
  99. package/carousel/components/Carousel.d.ts +15 -0
  100. package/carousel/components/Carousel.js +62 -0
  101. package/carousel/components/CarouselCaption.d.ts +9 -0
  102. package/carousel/components/CarouselCaption.js +12 -0
  103. package/carousel/components/CarouselImages.d.ts +9 -0
  104. package/carousel/components/CarouselImages.js +52 -0
  105. package/carousel/components/CarouselPlaceholder.d.ts +4 -0
  106. package/carousel/components/CarouselPlaceholder.js +17 -0
  107. package/carousel/contexts/CarouselContext.d.ts +2 -0
  108. package/carousel/contexts/CarouselContext.js +5 -0
  109. package/carousel/createReactCarousel.d.ts +4 -0
  110. package/carousel/createReactCarousel.js +82 -0
  111. package/carousel/defaultRenderCarouselElements.d.ts +3 -0
  112. package/carousel/defaultRenderCarouselElements.js +14 -0
  113. package/carousel/hooks/useCarousel.d.ts +1 -0
  114. package/carousel/hooks/useCarousel.js +8 -0
  115. package/carousel/index.cjs.js +232 -0
  116. package/carousel/index.d.ts +9 -0
  117. package/carousel/index.js +8 -0
  118. package/carousel/jsx-serializer/createJsxSerializeCarousel.d.ts +5 -0
  119. package/carousel/jsx-serializer/createJsxSerializeCarousel.js +48 -0
  120. package/carousel/jsx-serializer/defaultRenderCarouselElements.d.ts +2 -0
  121. package/carousel/jsx-serializer/defaultRenderCarouselElements.js +10 -0
  122. package/carousel/jsx-serializer/index.cjs.js +58 -0
  123. package/carousel/jsx-serializer/index.d.ts +3 -0
  124. package/carousel/jsx-serializer/index.js +2 -0
  125. package/carousel/jsx-serializer/package.json +7 -0
  126. package/carousel/jsx-serializer/typings.d.ts +9 -0
  127. package/carousel/package.json +10 -0
  128. package/carousel/toolbar/CarouselToolbarIcon.d.ts +8 -0
  129. package/carousel/toolbar/CarouselToolbarIcon.js +12 -0
  130. package/carousel/toolbar/index.cjs.js +57 -0
  131. package/carousel/toolbar/index.d.ts +2 -0
  132. package/carousel/toolbar/index.js +2 -0
  133. package/carousel/toolbar/package.json +7 -0
  134. package/carousel/toolbar/useCarouselTool.d.ts +4 -0
  135. package/carousel/toolbar/useCarouselTool.js +46 -0
  136. package/carousel/typings.d.ts +27 -0
  137. package/components/BaseField/index.d.ts +11 -0
  138. package/components/BaseField/index.js +17 -0
  139. package/components/Button/index.d.ts +14 -0
  140. package/components/Button/index.js +12 -0
  141. package/components/Hint/index.d.ts +15 -0
  142. package/components/Hint/index.js +30 -0
  143. package/components/ImageUploader/index.d.ts +25 -0
  144. package/components/ImageUploader/index.js +174 -0
  145. package/components/Input/index.d.ts +14 -0
  146. package/components/Input/index.js +24 -0
  147. package/components/Message/index.d.ts +18 -0
  148. package/components/Message/index.js +72 -0
  149. package/components/Modal/index.d.ts +28 -0
  150. package/components/Modal/index.js +61 -0
  151. package/components/Notifier/NotifierManager.d.ts +17 -0
  152. package/components/Notifier/NotifierManager.js +24 -0
  153. package/components/Notifier/createNotifier.d.ts +21 -0
  154. package/components/Notifier/createNotifier.js +60 -0
  155. package/components/Notifier/typings.d.ts +28 -0
  156. package/components/Progress/index.d.ts +1 -1
  157. package/components/Progress/index.js +12 -8
  158. package/components/SegmentedControl/index.d.ts +13 -0
  159. package/components/SegmentedControl/index.js +14 -0
  160. package/components/Textarea/index.d.ts +15 -0
  161. package/components/Textarea/index.js +24 -0
  162. package/components/Toggle/index.d.ts +8 -0
  163. package/components/Toggle/index.js +15 -0
  164. package/components/Transition/SlideFade.d.ts +20 -0
  165. package/components/Transition/SlideFade.js +91 -0
  166. package/components/Transition/Transition.d.ts +98 -0
  167. package/components/Transition/Transition.js +27 -0
  168. package/components/Transition/getTransitionStyleProps.d.ts +16 -0
  169. package/components/Transition/getTransitionStyleProps.js +25 -0
  170. package/components/Transition/useSetNodeTransition.d.ts +7 -0
  171. package/components/Transition/useSetNodeTransition.js +35 -0
  172. package/components/baseField.css +1 -0
  173. package/components/baseField.scss +34 -0
  174. package/components/button.css +1 -0
  175. package/components/button.scss +254 -0
  176. package/components/components.css +1 -0
  177. package/components/components.scss +12 -0
  178. package/components/hint.css +1 -0
  179. package/components/hint.scss +59 -0
  180. package/components/index.cjs.js +647 -11
  181. package/components/index.d.ts +12 -0
  182. package/components/index.js +11 -0
  183. package/components/input.css +1 -0
  184. package/components/input.scss +102 -0
  185. package/components/message.css +1 -0
  186. package/components/message.scss +57 -0
  187. package/components/modal.css +1 -0
  188. package/components/modal.scss +200 -0
  189. package/components/progress.css +1 -1
  190. package/components/progress.scss +32 -20
  191. package/components/segmentedControl.css +1 -0
  192. package/components/segmentedControl.scss +63 -0
  193. package/components/textarea.css +1 -0
  194. package/components/textarea.scss +104 -0
  195. package/components/toggle.css +1 -0
  196. package/components/toggle.scss +55 -0
  197. package/components/tooltip.css +1 -1
  198. package/components/tooltip.scss +1 -1
  199. package/core/components/Editable.js +22 -3
  200. package/core/components/Quadrats.d.ts +4 -1
  201. package/core/components/Quadrats.js +6 -2
  202. package/core/constants.d.ts +1 -0
  203. package/core/constants.js +3 -0
  204. package/core/contexts/composition/CompositionProvider.d.ts +8 -0
  205. package/core/contexts/composition/CompositionProvider.js +8 -0
  206. package/core/contexts/composition/composition.d.ts +7 -0
  207. package/core/contexts/composition/composition.js +11 -0
  208. package/core/contexts/message/MessageProvider.d.ts +5 -0
  209. package/core/contexts/message/MessageProvider.js +35 -0
  210. package/core/contexts/message/message.d.ts +10 -0
  211. package/core/contexts/message/message.js +10 -0
  212. package/core/contexts/modal/CardModal/CardModal.d.ts +28 -0
  213. package/core/contexts/modal/CardModal/CardModal.js +103 -0
  214. package/core/contexts/modal/CarouselModal/CarouselItem.d.ts +15 -0
  215. package/core/contexts/modal/CarouselModal/CarouselItem.js +56 -0
  216. package/core/contexts/modal/CarouselModal/CarouselModal.d.ts +11 -0
  217. package/core/contexts/modal/CarouselModal/CarouselModal.js +174 -0
  218. package/core/contexts/modal/CarouselModal/FilesDropZone.d.ts +13 -0
  219. package/core/contexts/modal/CarouselModal/FilesDropZone.js +64 -0
  220. package/core/contexts/modal/ConfirmModal/ConfirmModal.d.ts +14 -0
  221. package/core/contexts/modal/ConfirmModal/ConfirmModal.js +21 -0
  222. package/core/contexts/modal/EmbedModal/EmbedModal.d.ts +11 -0
  223. package/core/contexts/modal/EmbedModal/EmbedModal.js +25 -0
  224. package/core/contexts/modal/ModalProvider.d.ts +8 -0
  225. package/core/contexts/modal/ModalProvider.js +66 -0
  226. package/core/contexts/modal/modal.d.ts +24 -0
  227. package/core/contexts/modal/modal.js +15 -0
  228. package/core/index.d.ts +8 -1
  229. package/divider/defaultRenderDividerElement.d.ts +1 -1
  230. package/divider/defaultRenderDividerElement.js +2 -3
  231. package/divider/divider.css +1 -0
  232. package/divider/divider.scss +9 -0
  233. package/divider/index.cjs.js +2 -3
  234. package/divider/jsx-serializer/defaultRenderDividerElement.js +2 -1
  235. package/divider/jsx-serializer/index.cjs.js +2 -1
  236. package/divider/package.json +4 -1
  237. package/editable.css +1 -1
  238. package/editable.scss +5 -6
  239. package/embed/components/VideoIframe.d.ts +3 -2
  240. package/embed/components/VideoIframe.js +2 -1
  241. package/embed/createReactEmbed.js +4 -1
  242. package/embed/createRenderEmbedElementBase.js +3 -1
  243. package/embed/embed.css +1 -0
  244. package/embed/embed.scss +234 -0
  245. package/embed/index.cjs.js +8 -2
  246. package/embed/jsx-serializer/youtube/index.cjs.js +1 -10
  247. package/embed/jsx-serializer/youtube/index.d.ts +1 -1
  248. package/embed/jsx-serializer/youtube/index.js +1 -1
  249. package/embed/package.json +4 -1
  250. package/embed/renderers/base/components/BaseEmbedElement.d.ts +21 -0
  251. package/embed/renderers/base/components/BaseEmbedElement.js +62 -0
  252. package/embed/renderers/base/index.cjs.js +65 -0
  253. package/embed/renderers/base/index.d.ts +1 -0
  254. package/embed/renderers/base/index.js +1 -0
  255. package/embed/renderers/base/package.json +7 -0
  256. package/embed/renderers/facebook/components/Facebook.d.ts +3 -2
  257. package/embed/renderers/facebook/components/Facebook.js +18 -11
  258. package/embed/renderers/facebook/defaultRenderFacebookEmbedElement.d.ts +2 -0
  259. package/embed/renderers/facebook/defaultRenderFacebookEmbedElement.js +42 -2
  260. package/embed/renderers/facebook/index.cjs.js +61 -12
  261. package/embed/renderers/facebook/index.d.ts +1 -1
  262. package/embed/renderers/facebook/index.js +1 -1
  263. package/embed/renderers/instagram/components/Instagram.d.ts +3 -2
  264. package/embed/renderers/instagram/components/Instagram.js +22 -11
  265. package/embed/renderers/instagram/defaultRenderInstagramEmbedElement.d.ts +2 -0
  266. package/embed/renderers/instagram/defaultRenderInstagramEmbedElement.js +42 -2
  267. package/embed/renderers/instagram/index.cjs.js +65 -12
  268. package/embed/renderers/instagram/index.d.ts +1 -1
  269. package/embed/renderers/instagram/index.js +1 -1
  270. package/embed/renderers/podcast-apple/components/PodcastApple.d.ts +3 -2
  271. package/embed/renderers/podcast-apple/components/PodcastApple.js +2 -1
  272. package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts +2 -0
  273. package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.js +35 -2
  274. package/embed/renderers/podcast-apple/index.cjs.js +38 -2
  275. package/embed/renderers/podcast-apple/index.d.ts +1 -1
  276. package/embed/renderers/podcast-apple/index.js +1 -1
  277. package/embed/renderers/spotify/components/Spotify.d.ts +3 -2
  278. package/embed/renderers/spotify/components/Spotify.js +3 -1
  279. package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.d.ts +2 -0
  280. package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.js +32 -2
  281. package/embed/renderers/spotify/index.cjs.js +36 -2
  282. package/embed/renderers/spotify/index.d.ts +1 -1
  283. package/embed/renderers/spotify/index.js +1 -1
  284. package/embed/renderers/twitter/components/Twitter.d.ts +3 -2
  285. package/embed/renderers/twitter/components/Twitter.js +14 -2
  286. package/embed/renderers/twitter/defaultRenderTwitterEmbedElement.d.ts +2 -0
  287. package/embed/renderers/twitter/defaultRenderTwitterEmbedElement.js +42 -2
  288. package/embed/renderers/twitter/index.cjs.js +57 -3
  289. package/embed/renderers/twitter/index.d.ts +1 -1
  290. package/embed/renderers/twitter/index.js +1 -1
  291. package/embed/renderers/vimeo/defaultRenderVimeoEmbedElement.d.ts +2 -0
  292. package/embed/renderers/vimeo/defaultRenderVimeoEmbedElement.js +26 -2
  293. package/embed/renderers/vimeo/index.cjs.js +27 -1
  294. package/embed/renderers/vimeo/index.d.ts +1 -1
  295. package/embed/renderers/vimeo/index.js +1 -1
  296. package/embed/renderers/youtube/defaultRenderYoutubeEmbedElement.d.ts +2 -0
  297. package/embed/renderers/youtube/defaultRenderYoutubeEmbedElement.js +26 -2
  298. package/embed/renderers/youtube/index.cjs.js +27 -1
  299. package/embed/renderers/youtube/index.d.ts +1 -1
  300. package/embed/renderers/youtube/index.js +1 -1
  301. package/embed/toolbar/EmbedToolbarIcon.d.ts +3 -6
  302. package/embed/toolbar/EmbedToolbarIcon.js +2 -2
  303. package/embed/toolbar/index.cjs.js +98 -13
  304. package/embed/toolbar/useEmbedTool.d.ts +1 -3
  305. package/embed/toolbar/useEmbedTool.js +96 -11
  306. package/embed/typings.d.ts +1 -0
  307. package/file-uploader/components/FileUploader.js +1 -2
  308. package/file-uploader/createReactFileUploader.js +4 -1
  309. package/file-uploader/defaultRenderFileUploaderElement.js +1 -1
  310. package/file-uploader/file-uploader.css +1 -1
  311. package/file-uploader/file-uploader.scss +0 -20
  312. package/file-uploader/index.cjs.js +5 -3
  313. package/file-uploader/toolbar/index.cjs.js +4 -1
  314. package/file-uploader/toolbar/useFileUploaderTool.d.ts +1 -1
  315. package/file-uploader/toolbar/useFileUploaderTool.js +4 -1
  316. package/file-uploader/typings.d.ts +6 -1
  317. package/footnote/defaultRenderFootnoteElement.js +1 -1
  318. package/footnote/index.cjs.js +1 -1
  319. package/footnote/jsx-serializer/defaultRenderFootnoteElement.js +1 -1
  320. package/footnote/jsx-serializer/index.cjs.js +1 -1
  321. package/footnote/toolbar/index.cjs.js +1 -1
  322. package/footnote/toolbar/useFootnoteTool.js +1 -1
  323. package/heading/defaultRenderHeadingElement.js +2 -1
  324. package/heading/heading.css +1 -0
  325. package/heading/heading.scss +53 -0
  326. package/heading/index.cjs.js +2 -1
  327. package/heading/package.json +4 -1
  328. package/image/components/Image.js +51 -10
  329. package/image/components/ImageCaption.js +6 -4
  330. package/image/components/ImagePlaceholder.d.ts +4 -0
  331. package/image/components/ImagePlaceholder.js +11 -0
  332. package/image/image.css +1 -1
  333. package/image/image.scss +61 -6
  334. package/image/index.cjs.js +84 -32
  335. package/image/index.d.ts +1 -0
  336. package/image/index.js +1 -0
  337. package/image/jsx-serializer/defaultRenderImageElements.js +2 -1
  338. package/image/jsx-serializer/index.cjs.js +2 -1
  339. package/image/jsx-serializer/typings.d.ts +2 -0
  340. package/image/typings.d.ts +2 -0
  341. package/index.cjs.js +555 -6
  342. package/index.js +9 -3
  343. package/input-block/components/InputBlock.js +19 -9
  344. package/input-block/defaultRenderInputBlockElement.js +1 -1
  345. package/input-block/hooks/useInputBlock.d.ts +2 -0
  346. package/input-block/hooks/useInputBlock.js +16 -8
  347. package/input-block/index.cjs.js +35 -17
  348. package/input-block/input-block.css +1 -0
  349. package/input-block/input-block.scss +38 -0
  350. package/input-block/package.json +4 -1
  351. package/line-break/line-break.scss +0 -2
  352. package/list/createReactList.js +11 -1
  353. package/list/index.cjs.js +15 -5
  354. package/list/list.css +1 -0
  355. package/list/list.scss +43 -0
  356. package/list/package.json +4 -1
  357. package/package.json +11 -8
  358. package/paragraph/createReactParagraph.d.ts +2 -0
  359. package/paragraph/createReactParagraph.js +8 -0
  360. package/paragraph/createRenderParagraphElement.d.ts +1 -1
  361. package/paragraph/defaultRenderParagraphElement.d.ts +3 -1
  362. package/paragraph/defaultRenderParagraphElement.js +4 -1
  363. package/paragraph/index.cjs.js +15 -2
  364. package/paragraph/index.d.ts +1 -0
  365. package/paragraph/index.js +1 -0
  366. package/paragraph/paragraph.css +1 -1
  367. package/paragraph/paragraph.scss +7 -2
  368. package/paragraph/renderParagraphElementWithSymbol.d.ts +3 -1
  369. package/paragraph/renderParagraphElementWithSymbol.js +4 -1
  370. package/paragraph/toolbar/ParagraphToolbarIcon.d.ts +8 -0
  371. package/paragraph/toolbar/ParagraphToolbarIcon.js +12 -0
  372. package/paragraph/toolbar/index.cjs.js +23 -0
  373. package/paragraph/toolbar/index.d.ts +2 -0
  374. package/paragraph/toolbar/index.js +2 -0
  375. package/paragraph/toolbar/package.json +7 -0
  376. package/paragraph/toolbar/useToggleParagraphTool.d.ts +5 -0
  377. package/paragraph/toolbar/useToggleParagraphTool.js +11 -0
  378. package/read-more/components/ReadMore.js +5 -3
  379. package/read-more/index.cjs.js +5 -3
  380. package/read-more/read-more.css +1 -1
  381. package/read-more/read-more.scss +27 -20
  382. package/toolbar/components/InlineToolbar.d.ts +18 -0
  383. package/toolbar/components/InlineToolbar.js +27 -0
  384. package/toolbar/components/Toolbar.js +23 -6
  385. package/toolbar/components/ToolbarGroupIcon.d.ts +7 -0
  386. package/toolbar/components/ToolbarGroupIcon.js +80 -0
  387. package/toolbar/components/ToolbarIcon.d.ts +3 -1
  388. package/toolbar/components/ToolbarIcon.js +24 -6
  389. package/toolbar/components/toolbarIconName.d.ts +2 -0
  390. package/toolbar/components/toolbarIconName.js +86 -0
  391. package/toolbar/contexts/toolbar.d.ts +7 -0
  392. package/toolbar/contexts/toolbar.js +10 -0
  393. package/toolbar/contexts/toolbarMenu.d.ts +6 -0
  394. package/toolbar/contexts/toolbarMenu.js +11 -0
  395. package/toolbar/hooks/useAutoGroupIcons.d.ts +12 -0
  396. package/toolbar/hooks/useAutoGroupIcons.js +68 -0
  397. package/toolbar/index.cjs.js +300 -12
  398. package/toolbar/index.d.ts +2 -0
  399. package/toolbar/index.js +2 -0
  400. package/toolbar/toolbar.css +1 -1
  401. package/toolbar/toolbar.scss +191 -43
  402. package/utils/index.cjs.js +153 -0
  403. package/utils/index.d.ts +6 -0
  404. package/utils/index.js +6 -0
  405. package/utils/removePreviousElement.d.ts +9 -0
  406. package/utils/removePreviousElement.js +38 -0
  407. package/utils/upload.d.ts +11 -0
  408. package/utils/upload.js +57 -0
  409. package/utils/useClickAway.d.ts +5 -0
  410. package/utils/useClickAway.js +23 -0
  411. package/utils/useDocumentEvents.d.ts +5 -0
  412. package/utils/useDocumentEvents.js +21 -0
  413. package/utils/useIsomorphicLayoutEffect.d.ts +2 -0
  414. package/utils/useIsomorphicLayoutEffect.js +9 -0
  415. package/utils/usePreviousValue.d.ts +1 -0
  416. package/utils/usePreviousValue.js +11 -0
  417. package/core/index.js +0 -11
package/components/button.scss ADDED
@@ -0,0 +1,254 @@
1
+ .qdr-button {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ gap: var(--qdr-spacing-2);
6
+ border: none;
7
+ background-color: transparent;
8
+ cursor: pointer;
9
+ transition: all var(--qdr-duration-short) var(--qdr-easing-standard);
10
+
11
+ &--small {
12
+ padding: 0 var(--qdr-spacing-7);
13
+ font-size: var(--qdr-typography-basic-button2-font-size);
14
+ line-height: var(--qdr-typography-basic-button2-line-height);
15
+ letter-spacing: var(--qdr-typography-basic-button2-letter-spacing);
16
+ font-weight: var(--qdr-typography-basic-button2-font-weight);
17
+ }
18
+
19
+ &--medium {
20
+ padding: var(--qdr-spacing-1) var(--qdr-spacing-7);
21
+ font-size: var(--qdr-typography-basic-button2-font-size);
22
+ line-height: var(--qdr-typography-basic-button2-line-height);
23
+ letter-spacing: var(--qdr-typography-basic-button2-letter-spacing);
24
+ font-weight: var(--qdr-typography-basic-button2-font-weight);
25
+ }
26
+
27
+ &--large {
28
+ padding: 0 var(--qdr-spacing-7);
29
+ font-size: var(--qdr-typography-basic-button1-font-size);
30
+ line-height: var(--qdr-typography-basic-button1-line-height);
31
+ letter-spacing: var(--qdr-typography-basic-button1-letter-spacing);
32
+ font-weight: var(--qdr-typography-basic-button1-font-weight);
33
+ }
34
+
35
+ &--primary {
36
+ background-color: var(--qdr-primary);
37
+ color: var(--qdr-on-primary);
38
+ border: 1px solid var(--qdr-primary);
39
+
40
+ &:hover {
41
+ background-color: var(--qdr-primary-light);
42
+ border-color: var(--qdr-primary-light);
43
+ }
44
+
45
+ &:active {
46
+ background-color: var(--qdr-primary-dark);
47
+ border-color: var(--qdr-primary-dark);
48
+ }
49
+
50
+ &:disabled {
51
+ color: var(--qdr-action-disabled);
52
+ background-color: var(--qdr-action-disabled-bg);
53
+ border-color: var(--qdr-action-disabled-bg);
54
+ cursor: not-allowed;
55
+ }
56
+
57
+ &.qdr-button--danger {
58
+ background-color: var(--qdr-error);
59
+ color: var(--qdr-on-error);
60
+ border: 1px solid var(--qdr-error);
61
+
62
+ &:hover {
63
+ background-color: var(--qdr-error-light);
64
+ border-color: var(--qdr-error-light);
65
+ }
66
+
67
+ &:active {
68
+ background-color: var(--qdr-error-dark);
69
+ border-color: var(--qdr-error-dark);
70
+ }
71
+
72
+ &:disabled {
73
+ color: var(--qdr-action-disabled);
74
+ background-color: var(--qdr-action-disabled-bg);
75
+ border-color: var(--qdr-action-disabled-bg);
76
+ cursor: not-allowed;
77
+ }
78
+ }
79
+ }
80
+
81
+ &--secondary {
82
+ background-color: transparent;
83
+ color: var(--qdr-action-active);
84
+ border: 1px solid var(--qdr-border);
85
+
86
+ &:hover {
87
+ color: var(--qdr-primary);
88
+ border-color: var(--qdr-primary-light);
89
+ }
90
+
91
+ &:active {
92
+ color: var(--qdr-primary-dark);
93
+ border-color: var(--qdr-primary-dark);
94
+ }
95
+
96
+ &:disabled {
97
+ color: var(--qdr-action-disabled);
98
+ border-color: var(--qdr-action-disabled);
99
+ background-color: var(--qdr-action-disabled-bg);
100
+ cursor: not-allowed;
101
+ }
102
+
103
+ &.qdr-button--danger {
104
+ background-color: transparent;
105
+ color: var(--qdr-error);
106
+ border: 1px solid var(--qdr-border);
107
+
108
+ &:hover {
109
+ color: var(--qdr-error-light);
110
+ border-color: var(--qdr-error-light);
111
+ }
112
+
113
+ &:active {
114
+ color: var(--qdr-error-dark);
115
+ border-color: var(--qdr-error-dark);
116
+ }
117
+
118
+ &:disabled {
119
+ color: var(--qdr-action-disabled);
120
+ border-color: var(--qdr-action-disabled);
121
+ background-color: var(--qdr-action-disabled-bg);
122
+ cursor: not-allowed;
123
+ }
124
+ }
125
+ }
126
+
127
+ &--outlined {
128
+ background-color: transparent;
129
+ color: var(--qdr-primary);
130
+ border: 1px solid var(--qdr-primary);
131
+
132
+ &:hover {
133
+ background-color: var(--qdr-primary-hover-bg);
134
+ border-color: var(--qdr-primary-light);
135
+ }
136
+
137
+ &:active {
138
+ background-color: var(--qdr-primary-active-bg);
139
+ border-color: var(--qdr-primary);
140
+ }
141
+
142
+ &:disabled {
143
+ color: var(--qdr-action-disabled);
144
+ border-color: var(--qdr-action-disabled);
145
+ background-color: transparent;
146
+ cursor: not-allowed;
147
+ }
148
+
149
+ &.qdr-button--danger {
150
+ background-color: transparent;
151
+ color: var(--qdr-error);
152
+ border: 1px solid var(--qdr-error);
153
+
154
+ &:hover {
155
+ background-color: var(--qdr-error-hover-bg);
156
+ border-color: var(--qdr-error-light);
157
+ }
158
+
159
+ &:active {
160
+ background-color: var(--qdr-error-active-bg);
161
+ border-color: var(--qdr-error);
162
+ }
163
+
164
+ &:disabled {
165
+ color: var(--qdr-action-disabled);
166
+ border-color: var(--qdr-action-disabled);
167
+ background-color: transparent;
168
+ cursor: not-allowed;
169
+ }
170
+ }
171
+ }
172
+
173
+ &--dashed {
174
+ background-color: transparent;
175
+ color: var(--qdr-primary);
176
+ border: 1px dashed var(--qdr-border);
177
+
178
+ &:hover {
179
+ background-color: var(--qdr-primary-hover-bg);
180
+ border-color: var(--qdr-primary-light);
181
+ }
182
+
183
+ &:active {
184
+ background-color: var(--qdr-primary-active-bg);
185
+ border-color: var(--qdr-primary-dark);
186
+ }
187
+
188
+ &:disabled {
189
+ color: var(--qdr-action-disabled);
190
+ border-color: var(--qdr-action-disabled);
191
+ background-color: transparent;
192
+ cursor: not-allowed;
193
+ }
194
+
195
+ &.qdr-button--danger {
196
+ background-color: transparent;
197
+ color: var(--qdr-error);
198
+ border: 1px dashed var(--qdr-error);
199
+
200
+ &:hover {
201
+ background-color: var(--qdr-error-hover-bg);
202
+ border-color: var(--qdr-error-light);
203
+ }
204
+
205
+ &:active {
206
+ background-color: var(--qdr-error-active-bg);
207
+ border-color: var(--qdr-error-dark);
208
+ }
209
+
210
+ &:disabled {
211
+ color: var(--qdr-action-disabled);
212
+ border-color: var(--qdr-action-disabled);
213
+ background-color: transparent;
214
+ cursor: not-allowed;
215
+ }
216
+ }
217
+ }
218
+
219
+ &--tertiary {
220
+ color: var(--qdr-primary);
221
+
222
+ &:hover {
223
+ background-color: var(--qdr-primary-hover-bg);
224
+ }
225
+
226
+ &:active {
227
+ background-color: var(--qdr-primary-active-bg);
228
+ }
229
+
230
+ &:disabled {
231
+ color: var(--qdr-action-disabled);
232
+ background-color: transparent;
233
+ cursor: not-allowed;
234
+ }
235
+
236
+ &.qdr-button--danger {
237
+ color: var(--qdr-error);
238
+
239
+ &:hover {
240
+ background-color: var(--qdr-error-hover-bg);
241
+ }
242
+
243
+ &:active {
244
+ background-color: var(--qdr-error-active-bg);
245
+ }
246
+
247
+ &:disabled {
248
+ color: var(--qdr-action-disabled);
249
+ background-color: transparent;
250
+ cursor: not-allowed;
251
+ }
252
+ }
253
+ }
254
+ }
package/components/components.css ADDED
@@ -0,0 +1 @@
1
+ @import"./BaseField/baseField.scss";@import"./Button/button.scss";@import"./Hint/hint.scss";@import"./ImageUploader/imageUploader.scss";@import"./Input/input.scss";@import"./Message/message.scss";@import"./Modal/modal.scss";@import"./Progress/progress.scss";@import"./SegmentedControl/segmentedControl.scss";@import"./Textarea/textarea.scss";@import"./Toggle/toggle.scss";@import"./Tooltip/tooltip.scss"
package/components/components.scss ADDED
@@ -0,0 +1,12 @@
1
+ @import url('./BaseField/baseField.scss');
2
+ @import url('./Button/button.scss');
3
+ @import url('./Hint/hint.scss');
4
+ @import url('./ImageUploader/imageUploader.scss');
5
+ @import url('./Input/input.scss');
6
+ @import url('./Message/message.scss');
7
+ @import url('./Modal/modal.scss');
8
+ @import url('./Progress/progress.scss');
9
+ @import url('./SegmentedControl/segmentedControl.scss');
10
+ @import url('./Textarea/textarea.scss');
11
+ @import url('./Toggle/toggle.scss');
12
+ @import url('./Tooltip/tooltip.scss');
package/components/hint.css ADDED
@@ -0,0 +1 @@
1
+ .qdr-hint{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--qdr-spacing-2)}.qdr-hint__icon{display:flex;align-items:center;justify-content:center}.qdr-hint__icon--info{color:var(--qdr-primary)}.qdr-hint__icon--success{color:var(--qdr-success)}.qdr-hint__icon--warning{color:var(--qdr-warning)}.qdr-hint__icon--error{color:var(--qdr-error)}.qdr-hint__children{font-size:var(--qdr-typography-basic-caption-font-size);line-height:var(--qdr-typography-basic-caption-line-height);letter-spacing:var(--qdr-typography-basic-caption-letter-spacing);font-weight:var(--qdr-typography-basic-caption-font-weight)}.qdr-hint__children--info{color:var(--qdr-text-secondary)}.qdr-hint__children--success{color:var(--qdr-success)}.qdr-hint__children--warning{color:var(--qdr-warning)}.qdr-hint__children--error{color:var(--qdr-error)}.qdr-hints{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--qdr-spacing-2)}
package/components/hint.scss ADDED
@@ -0,0 +1,59 @@
1
+ .qdr-hint {
2
+ display: flex;
3
+ align-items: flex-start;
4
+ justify-content: flex-start;
5
+ gap: var(--qdr-spacing-2);
6
+
7
+ &__icon {
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: center;
11
+
12
+ &--info {
13
+ color: var(--qdr-primary);
14
+ }
15
+
16
+ &--success {
17
+ color: var(--qdr-success);
18
+ }
19
+
20
+ &--warning {
21
+ color: var(--qdr-warning);
22
+ }
23
+
24
+ &--error {
25
+ color: var(--qdr-error);
26
+ }
27
+ }
28
+
29
+ &__children {
30
+ font-size: var(--qdr-typography-basic-caption-font-size);
31
+ line-height: var(--qdr-typography-basic-caption-line-height);
32
+ letter-spacing: var(--qdr-typography-basic-caption-letter-spacing);
33
+ font-weight: var(--qdr-typography-basic-caption-font-weight);
34
+
35
+ &--info {
36
+ color: var(--qdr-text-secondary);
37
+ }
38
+
39
+ &--success {
40
+ color: var(--qdr-success);
41
+ }
42
+
43
+ &--warning {
44
+ color: var(--qdr-warning);
45
+ }
46
+
47
+ &--error {
48
+ color: var(--qdr-error);
49
+ }
50
+ }
51
+ }
52
+
53
+ .qdr-hints {
54
+ display: flex;
55
+ flex-direction: column;
56
+ align-items: flex-start;
57
+ justify-content: flex-start;
58
+ gap: var(--qdr-spacing-2);
59
+ }