@uni-design-system/uni-react 0.0.19 → 2.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 (627) hide show
  1. package/.storybook/main.ts +26 -0
  2. package/.storybook/manager.ts +13 -0
  3. package/.storybook/preview.ts +21 -0
  4. package/.turbo/turbo-build.log +12 -0
  5. package/CHANGELOG.md +23 -0
  6. package/dist/{cjs/components → components}/button/button.component.d.ts +2 -1
  7. package/dist/components/button/button.component.d.ts.map +1 -0
  8. package/dist/components/button/button.stories.d.ts +73 -0
  9. package/dist/components/button/button.stories.d.ts.map +1 -0
  10. package/dist/{esm/components → components}/button/index.d.ts +1 -0
  11. package/dist/components/button/index.d.ts.map +1 -0
  12. package/dist/{cjs/components → components}/card/card.component.d.ts +2 -1
  13. package/dist/components/card/card.component.d.ts.map +1 -0
  14. package/dist/components/card/card.stories.d.ts +11 -0
  15. package/dist/components/card/card.stories.d.ts.map +1 -0
  16. package/dist/components/card/index.d.ts +2 -0
  17. package/dist/components/card/index.d.ts.map +1 -0
  18. package/dist/{cjs/components → components}/draggable/SortableList/components/DragHandle/dragHandle.component.d.ts +1 -1
  19. package/dist/components/draggable/SortableList/components/DragHandle/dragHandle.component.d.ts.map +1 -0
  20. package/dist/{esm/components → components}/draggable/SortableList/components/DragHandle/index.d.ts +1 -0
  21. package/dist/components/draggable/SortableList/components/DragHandle/index.d.ts.map +1 -0
  22. package/dist/{esm/components → components}/draggable/SortableList/components/SortableItem/index.d.ts +1 -0
  23. package/dist/components/draggable/SortableList/components/SortableItem/index.d.ts.map +1 -0
  24. package/dist/{esm/components → components}/draggable/SortableList/components/SortableItem/sortableItem.component.d.ts +3 -2
  25. package/dist/components/draggable/SortableList/components/SortableItem/sortableItem.component.d.ts.map +1 -0
  26. package/dist/{cjs/components → components}/draggable/SortableList/components/SortableItem/sortableItem.context.d.ts +2 -2
  27. package/dist/components/draggable/SortableList/components/SortableItem/sortableItem.context.d.ts.map +1 -0
  28. package/dist/{esm/components → components}/draggable/SortableList/components/SortableOverlay/index.d.ts +1 -0
  29. package/dist/components/draggable/SortableList/components/SortableOverlay/index.d.ts.map +1 -0
  30. package/dist/{esm/components → components}/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.d.ts +2 -1
  31. package/dist/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.d.ts.map +1 -0
  32. package/dist/{esm/components → components}/draggable/SortableList/components/index.d.ts +1 -0
  33. package/dist/components/draggable/SortableList/components/index.d.ts.map +1 -0
  34. package/dist/{esm/components → components}/draggable/SortableList/index.d.ts +1 -0
  35. package/dist/components/draggable/SortableList/index.d.ts.map +1 -0
  36. package/dist/{cjs/components → components}/draggable/SortableList/mockData.d.ts +1 -0
  37. package/dist/components/draggable/SortableList/mockData.d.ts.map +1 -0
  38. package/dist/{cjs/components → components}/draggable/SortableList/sortableList.component.d.ts +3 -3
  39. package/dist/components/draggable/SortableList/sortableList.component.d.ts.map +1 -0
  40. package/dist/components/draggable/SortableList/sortableList.stories.d.ts +8 -0
  41. package/dist/components/draggable/SortableList/sortableList.stories.d.ts.map +1 -0
  42. package/dist/components/draggable/index.d.ts +2 -0
  43. package/dist/components/draggable/index.d.ts.map +1 -0
  44. package/dist/{cjs/components → components}/draggable/utilities/createRange.d.ts +1 -0
  45. package/dist/components/draggable/utilities/createRange.d.ts.map +1 -0
  46. package/dist/{esm/components → components}/draggable/utilities/index.d.ts +1 -0
  47. package/dist/components/draggable/utilities/index.d.ts.map +1 -0
  48. package/dist/components/forms/index.d.ts +2 -0
  49. package/dist/components/forms/index.d.ts.map +1 -0
  50. package/dist/{esm/components → components}/forms/text-input/index.d.ts +1 -0
  51. package/dist/components/forms/text-input/index.d.ts.map +1 -0
  52. package/dist/{cjs/components → components}/forms/text-input/text-input.component.d.ts +2 -2
  53. package/dist/components/forms/text-input/text-input.component.d.ts.map +1 -0
  54. package/dist/{cjs/components → components}/forms/utils/validations.d.ts +1 -0
  55. package/dist/components/forms/utils/validations.d.ts.map +1 -0
  56. package/dist/{esm/components → components}/grainy-gradient-background/grainy-gradient-background.component.d.ts +2 -1
  57. package/dist/components/grainy-gradient-background/grainy-gradient-background.component.d.ts.map +1 -0
  58. package/dist/components/grainy-gradient-background/grainy-gradient-background.component.stories.d.ts +91 -0
  59. package/dist/components/grainy-gradient-background/grainy-gradient-background.component.stories.d.ts.map +1 -0
  60. package/dist/{esm/components → components}/icon-text-row/icon-text-row.component.d.ts +1 -0
  61. package/dist/components/icon-text-row/icon-text-row.component.d.ts.map +1 -0
  62. package/dist/components/icon-text-row/icon-text-row.stories.d.ts +11 -0
  63. package/dist/components/icon-text-row/icon-text-row.stories.d.ts.map +1 -0
  64. package/dist/{esm/components → components}/icon-text-row/index.d.ts +1 -0
  65. package/dist/components/icon-text-row/index.d.ts.map +1 -0
  66. package/dist/{esm/components → components}/index.d.ts +1 -0
  67. package/dist/components/index.d.ts.map +1 -0
  68. package/dist/{esm/components → components}/modal/index.d.ts +1 -0
  69. package/dist/components/modal/index.d.ts.map +1 -0
  70. package/dist/{cjs/components → components}/modal/modal-close-button.component.d.ts +1 -0
  71. package/dist/components/modal/modal-close-button.component.d.ts.map +1 -0
  72. package/dist/{cjs/components → components}/modal/modal.component.d.ts +3 -2
  73. package/dist/components/modal/modal.component.d.ts.map +1 -0
  74. package/dist/components/modal/modal.stories.d.ts +8 -0
  75. package/dist/components/modal/modal.stories.d.ts.map +1 -0
  76. package/dist/{esm/components → components}/switch/index.d.ts +1 -0
  77. package/dist/components/switch/index.d.ts.map +1 -0
  78. package/dist/{esm/components → components}/switch/switch.component.d.ts +2 -2
  79. package/dist/components/switch/switch.component.d.ts.map +1 -0
  80. package/dist/components/switch/switch.config.d.ts +6 -0
  81. package/dist/components/switch/switch.config.d.ts.map +1 -0
  82. package/dist/components/switch/switch.stories.d.ts +11 -0
  83. package/dist/components/switch/switch.stories.d.ts.map +1 -0
  84. package/dist/{cjs/core → core}/background/background.component.d.ts +1 -0
  85. package/dist/core/background/background.component.d.ts.map +1 -0
  86. package/dist/core/background/background.stories.d.ts +14 -0
  87. package/dist/core/background/background.stories.d.ts.map +1 -0
  88. package/dist/{esm/core → core}/background/index.d.ts +1 -0
  89. package/dist/core/background/index.d.ts.map +1 -0
  90. package/dist/core/border/border.style.d.ts +4 -0
  91. package/dist/core/border/border.style.d.ts.map +1 -0
  92. package/dist/core/border/index.d.ts +2 -0
  93. package/dist/core/border/index.d.ts.map +1 -0
  94. package/dist/{esm/core → core}/container/container.component.d.ts +4 -3
  95. package/dist/core/container/container.component.d.ts.map +1 -0
  96. package/dist/{esm/core → core}/container/index.d.ts +1 -0
  97. package/dist/core/container/index.d.ts.map +1 -0
  98. package/dist/{cjs/core → core}/filter/filter.argTypes.d.ts +1 -0
  99. package/dist/core/filter/filter.argTypes.d.ts.map +1 -0
  100. package/dist/{esm/core → core}/filter/filter.component.d.ts +2 -1
  101. package/dist/core/filter/filter.component.d.ts.map +1 -0
  102. package/dist/{cjs/core → core}/filter/filter.config.d.ts +1 -0
  103. package/dist/core/filter/filter.config.d.ts.map +1 -0
  104. package/dist/{cjs/core → core}/filter/filter.model.d.ts +1 -0
  105. package/dist/core/filter/filter.model.d.ts.map +1 -0
  106. package/dist/{cjs/core → core}/filter/filter.style.d.ts +1 -0
  107. package/dist/core/filter/filter.style.d.ts.map +1 -0
  108. package/dist/{cjs/core → core}/filter/filter.types.d.ts +1 -0
  109. package/dist/core/filter/filter.types.d.ts.map +1 -0
  110. package/dist/{esm/core → core}/filter/index.d.ts +1 -0
  111. package/dist/core/filter/index.d.ts.map +1 -0
  112. package/dist/{esm/core → core}/flex/flex.component.d.ts +2 -1
  113. package/dist/core/flex/flex.component.d.ts.map +1 -0
  114. package/dist/{cjs/core → core}/flex/flex.style.d.ts +1 -0
  115. package/dist/core/flex/flex.style.d.ts.map +1 -0
  116. package/dist/{esm/core → core}/flex/index.d.ts +1 -0
  117. package/dist/core/flex/index.d.ts.map +1 -0
  118. package/dist/{esm/core → core}/hooks/index.d.ts +1 -0
  119. package/dist/core/hooks/index.d.ts.map +1 -0
  120. package/dist/{cjs/core → core}/hooks/use-media.d.ts +1 -0
  121. package/dist/core/hooks/use-media.d.ts.map +1 -0
  122. package/dist/{esm/core → core}/hooks/use-toggle.d.ts +1 -0
  123. package/dist/core/hooks/use-toggle.d.ts.map +1 -0
  124. package/dist/{cjs/core → core}/icon/icon.component.d.ts +3 -3
  125. package/dist/core/icon/icon.component.d.ts.map +1 -0
  126. package/dist/core/icon/icon.stories.d.ts +16 -0
  127. package/dist/core/icon/icon.stories.d.ts.map +1 -0
  128. package/dist/core/icon/index.d.ts +3 -0
  129. package/dist/core/icon/index.d.ts.map +1 -0
  130. package/dist/{cjs/core → core}/image/image.argTypes.d.ts +1 -0
  131. package/dist/core/image/image.argTypes.d.ts.map +1 -0
  132. package/dist/{cjs/core → core}/image/image.component.d.ts +1 -1
  133. package/dist/core/image/image.component.d.ts.map +1 -0
  134. package/dist/{cjs/core → core}/image/image.model.d.ts +1 -0
  135. package/dist/core/image/image.model.d.ts.map +1 -0
  136. package/dist/core/image/image.stories.d.ts +201 -0
  137. package/dist/core/image/image.stories.d.ts.map +1 -0
  138. package/dist/{esm/core → core}/image/image.style.d.ts +1 -0
  139. package/dist/core/image/image.style.d.ts.map +1 -0
  140. package/dist/{esm/core → core}/image/image.types.d.ts +1 -0
  141. package/dist/core/image/image.types.d.ts.map +1 -0
  142. package/dist/{esm/core → core}/image/index.d.ts +1 -0
  143. package/dist/core/image/index.d.ts.map +1 -0
  144. package/dist/{esm/core → core}/index.d.ts +1 -0
  145. package/dist/core/index.d.ts.map +1 -0
  146. package/dist/{esm/core → core}/layout/index.d.ts +1 -0
  147. package/dist/core/layout/index.d.ts.map +1 -0
  148. package/dist/{esm/core → core}/layout/layout.context.d.ts +2 -1
  149. package/dist/core/layout/layout.context.d.ts.map +1 -0
  150. package/dist/{cjs/core → core}/layout/layout.hook.d.ts +1 -0
  151. package/dist/core/layout/layout.hook.d.ts.map +1 -0
  152. package/dist/core/layout/layout.provider.d.ts +4 -0
  153. package/dist/core/layout/layout.provider.d.ts.map +1 -0
  154. package/dist/{esm/core → core}/overlay/index.d.ts +1 -0
  155. package/dist/core/overlay/index.d.ts.map +1 -0
  156. package/dist/{cjs/core → core}/overlay/overlay.component.d.ts +1 -1
  157. package/dist/core/overlay/overlay.component.d.ts.map +1 -0
  158. package/dist/core/overlay/overlay.config.d.ts +5 -0
  159. package/dist/core/overlay/overlay.config.d.ts.map +1 -0
  160. package/dist/{esm/core → core}/overlay/overlay.model.d.ts +1 -0
  161. package/dist/core/overlay/overlay.model.d.ts.map +1 -0
  162. package/dist/core/overlay/overlay.stories.d.ts +132 -0
  163. package/dist/core/overlay/overlay.stories.d.ts.map +1 -0
  164. package/dist/core/padding/index.d.ts +2 -0
  165. package/dist/core/padding/index.d.ts.map +1 -0
  166. package/dist/{esm/core → core}/padding/padding.style.d.ts +1 -0
  167. package/dist/core/padding/padding.style.d.ts.map +1 -0
  168. package/dist/core/shadow/index.d.ts +2 -0
  169. package/dist/core/shadow/index.d.ts.map +1 -0
  170. package/dist/{cjs/core → core}/shadow/shadow.style.d.ts +1 -0
  171. package/dist/core/shadow/shadow.style.d.ts.map +1 -0
  172. package/dist/core/text/index.d.ts +2 -0
  173. package/dist/core/text/index.d.ts.map +1 -0
  174. package/dist/{cjs/core → core}/text/text.component.d.ts +2 -1
  175. package/dist/core/text/text.component.d.ts.map +1 -0
  176. package/dist/core/text/text.stories.d.ts +134 -0
  177. package/dist/core/text/text.stories.d.ts.map +1 -0
  178. package/dist/core/theme/index.d.ts +2 -0
  179. package/dist/core/theme/index.d.ts.map +1 -0
  180. package/dist/core/theme/theming.d.ts +11 -0
  181. package/dist/core/theme/theming.d.ts.map +1 -0
  182. package/dist/{esm/core → core}/transition/collapse/collapse.component.d.ts +3 -2
  183. package/dist/core/transition/collapse/collapse.component.d.ts.map +1 -0
  184. package/dist/{esm/core → core}/transition/collapse/index.d.ts +1 -0
  185. package/dist/core/transition/collapse/index.d.ts.map +1 -0
  186. package/dist/{cjs/core → core}/transition/fade/fade.argTypes.d.ts +1 -0
  187. package/dist/core/transition/fade/fade.argTypes.d.ts.map +1 -0
  188. package/dist/{cjs/core → core}/transition/fade/fade.component.d.ts +3 -2
  189. package/dist/core/transition/fade/fade.component.d.ts.map +1 -0
  190. package/dist/core/transition/fade/fade.stories.d.ts +27 -0
  191. package/dist/core/transition/fade/fade.stories.d.ts.map +1 -0
  192. package/dist/core/transition/fade/index.d.ts +2 -0
  193. package/dist/core/transition/fade/index.d.ts.map +1 -0
  194. package/dist/{esm/core → core}/transition/index.d.ts +1 -0
  195. package/dist/core/transition/index.d.ts.map +1 -0
  196. package/dist/{esm/core → core}/transition/slide/index.d.ts +1 -0
  197. package/dist/core/transition/slide/index.d.ts.map +1 -0
  198. package/dist/{esm/core → core}/transition/slide/slide.component.d.ts +3 -2
  199. package/dist/core/transition/slide/slide.component.d.ts.map +1 -0
  200. package/dist/core/transition/slide/slide.stories.d.ts +12 -0
  201. package/dist/core/transition/slide/slide.stories.d.ts.map +1 -0
  202. package/dist/{cjs/core → core}/transition/transition.argTypes.d.ts +1 -0
  203. package/dist/core/transition/transition.argTypes.d.ts.map +1 -0
  204. package/dist/{esm/core → core}/transition/transition.utils.d.ts +2 -1
  205. package/dist/core/transition/transition.utils.d.ts.map +1 -0
  206. package/dist/{esm/index.d.ts → index.d.ts} +1 -0
  207. package/dist/index.d.ts.map +1 -0
  208. package/dist/index.js +13687 -0
  209. package/dist/{cjs/layouts → layouts}/parallax-hero/parallax-hero.component.d.ts +1 -1
  210. package/dist/layouts/parallax-hero/parallax-hero.component.d.ts.map +1 -0
  211. package/dist/{esm/layouts → layouts}/parallax-hero/parallax-hero.model.d.ts +1 -0
  212. package/dist/layouts/parallax-hero/parallax-hero.model.d.ts.map +1 -0
  213. package/dist/stories/Button.d.ts +15 -0
  214. package/dist/stories/Button.d.ts.map +1 -0
  215. package/dist/stories/Button.stories.d.ts +24 -0
  216. package/dist/stories/Button.stories.d.ts.map +1 -0
  217. package/dist/stories/Header.d.ts +12 -0
  218. package/dist/stories/Header.d.ts.map +1 -0
  219. package/dist/stories/Header.stories.d.ts +19 -0
  220. package/dist/stories/Header.stories.d.ts.map +1 -0
  221. package/dist/stories/Page.d.ts +3 -0
  222. package/dist/stories/Page.d.ts.map +1 -0
  223. package/dist/stories/Page.stories.d.ts +13 -0
  224. package/dist/stories/Page.stories.d.ts.map +1 -0
  225. package/dist/{cjs/tools → tools}/color-picker/color-picker.component.d.ts +2 -2
  226. package/dist/tools/color-picker/color-picker.component.d.ts.map +1 -0
  227. package/dist/tools/color-picker/color-picker.stories.d.ts +14 -0
  228. package/dist/tools/color-picker/color-picker.stories.d.ts.map +1 -0
  229. package/dist/{cjs/tools → tools}/color-swatch/color-swatch.component.d.ts +2 -1
  230. package/dist/tools/color-swatch/color-swatch.component.d.ts.map +1 -0
  231. package/dist/{esm/utils → utils}/index.d.ts +1 -0
  232. package/dist/utils/index.d.ts.map +1 -0
  233. package/dist/{cjs/utils → utils}/storage-manager.d.ts +1 -0
  234. package/dist/utils/storage-manager.d.ts.map +1 -0
  235. package/package.json +51 -59
  236. package/src/components/button/button.component.tsx +138 -0
  237. package/src/components/button/button.stories.tsx +79 -0
  238. package/src/components/card/card.component.tsx +61 -0
  239. package/src/components/card/card.stories.tsx +22 -0
  240. package/src/components/draggable/SortableList/components/DragHandle/dragHandle.component.tsx +20 -0
  241. package/src/components/draggable/SortableList/components/SortableItem/sortableItem.component.tsx +54 -0
  242. package/src/components/draggable/SortableList/components/SortableItem/sortableItem.context.ts +14 -0
  243. package/src/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.tsx +20 -0
  244. package/src/components/draggable/SortableList/mockData.ts +50 -0
  245. package/src/components/draggable/SortableList/sortableList.component.tsx +69 -0
  246. package/src/components/draggable/SortableList/sortableList.stories.tsx +71 -0
  247. package/src/components/draggable/utilities/createRange.ts +8 -0
  248. package/src/components/forms/text-input/text-input.component.tsx +14 -0
  249. package/src/components/forms/utils/validations.ts +62 -0
  250. package/src/components/grainy-gradient-background/grainy-gradient-background.component.stories.tsx +60 -0
  251. package/src/components/grainy-gradient-background/grainy-gradient-background.component.tsx +68 -0
  252. package/src/components/icon-text-row/icon-text-row.component.tsx +70 -0
  253. package/src/components/icon-text-row/icon-text-row.stories.tsx +18 -0
  254. package/src/components/modal/modal-close-button.component.tsx +13 -0
  255. package/src/components/modal/modal.component.tsx +48 -0
  256. package/src/components/modal/modal.stories.tsx +25 -0
  257. package/src/components/switch/switch.component.tsx +59 -0
  258. package/src/components/switch/switch.config.ts +24 -0
  259. package/src/components/switch/switch.stories.tsx +12 -0
  260. package/src/core/background/background.component.tsx +47 -0
  261. package/src/core/background/background.stories.tsx +22 -0
  262. package/src/core/border/border.style.ts +31 -0
  263. package/src/core/container/container.component.tsx +20 -0
  264. package/src/core/filter/filter.argTypes.ts +111 -0
  265. package/src/core/filter/filter.component.tsx +11 -0
  266. package/src/core/filter/filter.config.ts +68 -0
  267. package/src/core/filter/filter.model.ts +22 -0
  268. package/src/core/filter/filter.style.ts +22 -0
  269. package/src/core/filter/filter.types.ts +12 -0
  270. package/src/core/flex/flex.component.tsx +91 -0
  271. package/src/core/flex/flex.style.ts +106 -0
  272. package/src/core/hooks/use-media.ts +29 -0
  273. package/src/core/hooks/use-toggle.tsx +23 -0
  274. package/src/core/icon/icon.component.tsx +19 -0
  275. package/src/core/icon/icon.stories.tsx +52 -0
  276. package/src/core/icon/index.ts +6 -0
  277. package/src/core/image/image.argTypes.ts +23 -0
  278. package/src/core/image/image.component.tsx +17 -0
  279. package/{dist/esm/core/image/image.model.d.ts → src/core/image/image.model.ts} +6 -5
  280. package/src/core/image/image.stories.tsx +22 -0
  281. package/src/core/image/image.style.ts +19 -0
  282. package/src/core/layout/layout.context.tsx +14 -0
  283. package/src/core/layout/layout.hook.tsx +11 -0
  284. package/src/core/layout/layout.provider.tsx +23 -0
  285. package/src/core/overlay/overlay.component.tsx +27 -0
  286. package/src/core/overlay/overlay.config.ts +30 -0
  287. package/src/core/overlay/overlay.model.ts +13 -0
  288. package/src/core/overlay/overlay.stories.tsx +73 -0
  289. package/src/core/padding/padding.style.ts +35 -0
  290. package/src/core/shadow/shadow.style.ts +5 -0
  291. package/src/core/text/text.component.tsx +48 -0
  292. package/src/core/text/text.stories.tsx +66 -0
  293. package/src/core/theme/index.ts +1 -0
  294. package/src/core/theme/theming.tsx +30 -0
  295. package/src/core/transition/collapse/collapse.component.tsx +141 -0
  296. package/src/core/transition/fade/fade.argTypes.ts +5 -0
  297. package/src/core/transition/fade/fade.component.tsx +59 -0
  298. package/src/core/transition/fade/fade.stories.tsx +52 -0
  299. package/src/core/transition/slide/slide.component.tsx +111 -0
  300. package/src/core/transition/slide/slide.stories.tsx +38 -0
  301. package/src/core/transition/transition.argTypes.ts +10 -0
  302. package/src/core/transition/transition.utils.ts +165 -0
  303. package/src/layouts/parallax-hero/parallax-hero.component.tsx +25 -0
  304. package/{dist/cjs/layouts/parallax-hero/parallax-hero.model.d.ts → src/layouts/parallax-hero/parallax-hero.model.ts} +7 -5
  305. package/src/stories/Button.stories.ts +54 -0
  306. package/src/stories/Button.tsx +37 -0
  307. package/src/stories/Configure.mdx +393 -0
  308. package/src/stories/Header.stories.ts +34 -0
  309. package/src/stories/Header.tsx +56 -0
  310. package/src/stories/Page.stories.ts +33 -0
  311. package/src/stories/Page.tsx +73 -0
  312. package/src/stories/assets/accessibility.png +0 -0
  313. package/src/stories/assets/accessibility.svg +1 -0
  314. package/src/stories/assets/addon-library.png +0 -0
  315. package/src/stories/assets/assets.png +0 -0
  316. package/src/stories/assets/avif-test-image.avif +0 -0
  317. package/src/stories/assets/context.png +0 -0
  318. package/src/stories/assets/discord.svg +1 -0
  319. package/src/stories/assets/docs.png +0 -0
  320. package/src/stories/assets/figma-plugin.png +0 -0
  321. package/src/stories/assets/github.svg +1 -0
  322. package/src/stories/assets/share.png +0 -0
  323. package/src/stories/assets/styling.png +0 -0
  324. package/src/stories/assets/testing.png +0 -0
  325. package/src/stories/assets/theming.png +0 -0
  326. package/src/stories/assets/tutorials.svg +1 -0
  327. package/src/stories/assets/youtube.svg +1 -0
  328. package/src/stories/button.css +30 -0
  329. package/src/stories/header.css +32 -0
  330. package/src/stories/page.css +68 -0
  331. package/src/tools/color-picker/color-picker.component.tsx +151 -0
  332. package/src/tools/color-picker/color-picker.stories.tsx +21 -0
  333. package/src/tools/color-swatch/color-swatch.component.tsx +68 -0
  334. package/src/utils/storage-manager.ts +51 -0
  335. package/tsconfig.json +13 -0
  336. package/vite.config.ts +29 -0
  337. package/vitest.config.ts +36 -0
  338. package/vitest.shims.d.ts +1 -0
  339. package/README.md +0 -22
  340. package/dist/cjs/components/button/button.component.js +0 -98
  341. package/dist/cjs/components/button/index.js +0 -17
  342. package/dist/cjs/components/card/card.component.js +0 -35
  343. package/dist/cjs/components/card/index.js +0 -17
  344. package/dist/cjs/components/draggable/SortableList/components/DragHandle/dragHandle.component.js +0 -48
  345. package/dist/cjs/components/draggable/SortableList/components/DragHandle/index.js +0 -5
  346. package/dist/cjs/components/draggable/SortableList/components/SortableItem/index.js +0 -5
  347. package/dist/cjs/components/draggable/SortableList/components/SortableItem/sortableItem.component.d.ts +0 -8
  348. package/dist/cjs/components/draggable/SortableList/components/SortableItem/sortableItem.component.js +0 -44
  349. package/dist/cjs/components/draggable/SortableList/components/SortableItem/sortableItem.context.js +0 -9
  350. package/dist/cjs/components/draggable/SortableList/components/SortableOverlay/index.js +0 -5
  351. package/dist/cjs/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.d.ts +0 -5
  352. package/dist/cjs/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.js +0 -19
  353. package/dist/cjs/components/draggable/SortableList/components/index.js +0 -9
  354. package/dist/cjs/components/draggable/SortableList/index.js +0 -18
  355. package/dist/cjs/components/draggable/SortableList/mockData.js +0 -53
  356. package/dist/cjs/components/draggable/SortableList/sortableList.component.js +0 -57
  357. package/dist/cjs/components/draggable/index.js +0 -17
  358. package/dist/cjs/components/draggable/utilities/createRange.js +0 -8
  359. package/dist/cjs/components/draggable/utilities/index.js +0 -5
  360. package/dist/cjs/components/forms/index.js +0 -17
  361. package/dist/cjs/components/forms/text-input/index.js +0 -17
  362. package/dist/cjs/components/forms/text-input/text-input.component.js +0 -12
  363. package/dist/cjs/components/forms/utils/validations.js +0 -55
  364. package/dist/cjs/components/grainy-gradient-background/grainy-gradient-background.component.d.ts +0 -13
  365. package/dist/cjs/components/grainy-gradient-background/grainy-gradient-background.component.js +0 -42
  366. package/dist/cjs/components/icon-text-row/icon-text-row.component.d.ts +0 -12
  367. package/dist/cjs/components/icon-text-row/icon-text-row.component.js +0 -35
  368. package/dist/cjs/components/icon-text-row/index.js +0 -17
  369. package/dist/cjs/components/index.js +0 -23
  370. package/dist/cjs/components/modal/index.js +0 -17
  371. package/dist/cjs/components/modal/modal-close-button.component.js +0 -30
  372. package/dist/cjs/components/modal/modal.component.js +0 -22
  373. package/dist/cjs/components/switch/index.js +0 -17
  374. package/dist/cjs/components/switch/switch.component.d.ts +0 -8
  375. package/dist/cjs/components/switch/switch.component.js +0 -65
  376. package/dist/cjs/components/switch/switch.config.d.ts +0 -5
  377. package/dist/cjs/components/switch/switch.config.js +0 -25
  378. package/dist/cjs/core/background/background.component.js +0 -22
  379. package/dist/cjs/core/background/index.js +0 -17
  380. package/dist/cjs/core/border/border.style.d.ts +0 -3
  381. package/dist/cjs/core/border/border.style.js +0 -30
  382. package/dist/cjs/core/border/index.js +0 -17
  383. package/dist/cjs/core/container/container.component.d.ts +0 -11
  384. package/dist/cjs/core/container/container.component.js +0 -45
  385. package/dist/cjs/core/container/index.js +0 -17
  386. package/dist/cjs/core/filter/filter.argTypes.js +0 -104
  387. package/dist/cjs/core/filter/filter.component.d.ts +0 -3
  388. package/dist/cjs/core/filter/filter.component.js +0 -15
  389. package/dist/cjs/core/filter/filter.config.js +0 -68
  390. package/dist/cjs/core/filter/filter.model.js +0 -2
  391. package/dist/cjs/core/filter/filter.style.js +0 -21
  392. package/dist/cjs/core/filter/filter.types.js +0 -2
  393. package/dist/cjs/core/filter/index.js +0 -20
  394. package/dist/cjs/core/flex/flex.component.d.ts +0 -54
  395. package/dist/cjs/core/flex/flex.component.js +0 -33
  396. package/dist/cjs/core/flex/flex.style.js +0 -86
  397. package/dist/cjs/core/flex/index.js +0 -18
  398. package/dist/cjs/core/hooks/index.js +0 -18
  399. package/dist/cjs/core/hooks/use-media.js +0 -29
  400. package/dist/cjs/core/hooks/use-toggle.d.ts +0 -14
  401. package/dist/cjs/core/hooks/use-toggle.js +0 -21
  402. package/dist/cjs/core/icon/icon.component.js +0 -17
  403. package/dist/cjs/core/icon/index.d.ts +0 -2
  404. package/dist/cjs/core/icon/index.js +0 -21
  405. package/dist/cjs/core/image/image.argTypes.js +0 -19
  406. package/dist/cjs/core/image/image.component.js +0 -24
  407. package/dist/cjs/core/image/image.model.js +0 -2
  408. package/dist/cjs/core/image/image.style.d.ts +0 -3
  409. package/dist/cjs/core/image/image.style.js +0 -22
  410. package/dist/cjs/core/image/image.types.js +0 -2
  411. package/dist/cjs/core/image/index.js +0 -18
  412. package/dist/cjs/core/index.js +0 -30
  413. package/dist/cjs/core/layout/index.js +0 -18
  414. package/dist/cjs/core/layout/layout.context.d.ts +0 -7
  415. package/dist/cjs/core/layout/layout.context.js +0 -11
  416. package/dist/cjs/core/layout/layout.hook.js +0 -16
  417. package/dist/cjs/core/layout/layout.provider.d.ts +0 -4
  418. package/dist/cjs/core/layout/layout.provider.js +0 -25
  419. package/dist/cjs/core/overlay/index.js +0 -18
  420. package/dist/cjs/core/overlay/overlay.component.js +0 -17
  421. package/dist/cjs/core/overlay/overlay.config.d.ts +0 -4
  422. package/dist/cjs/core/overlay/overlay.config.js +0 -20
  423. package/dist/cjs/core/overlay/overlay.model.d.ts +0 -12
  424. package/dist/cjs/core/overlay/overlay.model.js +0 -2
  425. package/dist/cjs/core/padding/index.js +0 -17
  426. package/dist/cjs/core/padding/padding.style.d.ts +0 -3
  427. package/dist/cjs/core/padding/padding.style.js +0 -34
  428. package/dist/cjs/core/shadow/index.js +0 -17
  429. package/dist/cjs/core/shadow/shadow.style.js +0 -8
  430. package/dist/cjs/core/text/index.js +0 -17
  431. package/dist/cjs/core/text/text.component.js +0 -50
  432. package/dist/cjs/core/theme/index.d.ts +0 -9
  433. package/dist/cjs/core/theme/index.js +0 -7
  434. package/dist/cjs/core/transition/collapse/collapse.component.d.ts +0 -24
  435. package/dist/cjs/core/transition/collapse/collapse.component.js +0 -79
  436. package/dist/cjs/core/transition/collapse/index.js +0 -17
  437. package/dist/cjs/core/transition/fade/fade.argTypes.js +0 -8
  438. package/dist/cjs/core/transition/fade/fade.component.js +0 -53
  439. package/dist/cjs/core/transition/fade/index.js +0 -17
  440. package/dist/cjs/core/transition/index.js +0 -19
  441. package/dist/cjs/core/transition/slide/index.js +0 -17
  442. package/dist/cjs/core/transition/slide/slide.component.d.ts +0 -15
  443. package/dist/cjs/core/transition/slide/slide.component.js +0 -54
  444. package/dist/cjs/core/transition/transition.argTypes.js +0 -13
  445. package/dist/cjs/core/transition/transition.utils.d.ts +0 -245
  446. package/dist/cjs/core/transition/transition.utils.js +0 -99
  447. package/dist/cjs/index.js +0 -19
  448. package/dist/cjs/layouts/parallax-hero/parallax-hero.component.js +0 -15
  449. package/dist/cjs/layouts/parallax-hero/parallax-hero.model.js +0 -2
  450. package/dist/cjs/tools/color-picker/color-picker.component.js +0 -138
  451. package/dist/cjs/tools/color-swatch/color-swatch.component.js +0 -38
  452. package/dist/cjs/utils/index.js +0 -17
  453. package/dist/cjs/utils/storage-manager.js +0 -49
  454. package/dist/esm/components/button/button.component.d.ts +0 -16
  455. package/dist/esm/components/button/button.component.js +0 -68
  456. package/dist/esm/components/button/index.js +0 -1
  457. package/dist/esm/components/card/card.component.d.ts +0 -14
  458. package/dist/esm/components/card/card.component.js +0 -28
  459. package/dist/esm/components/card/index.d.ts +0 -1
  460. package/dist/esm/components/card/index.js +0 -1
  461. package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.d.ts +0 -3
  462. package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.js +0 -21
  463. package/dist/esm/components/draggable/SortableList/components/DragHandle/index.js +0 -1
  464. package/dist/esm/components/draggable/SortableList/components/SortableItem/index.js +0 -1
  465. package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.component.js +0 -17
  466. package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.d.ts +0 -9
  467. package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.js +0 -6
  468. package/dist/esm/components/draggable/SortableList/components/SortableOverlay/index.js +0 -1
  469. package/dist/esm/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.js +0 -12
  470. package/dist/esm/components/draggable/SortableList/components/index.js +0 -3
  471. package/dist/esm/components/draggable/SortableList/index.js +0 -2
  472. package/dist/esm/components/draggable/SortableList/mockData.d.ts +0 -4
  473. package/dist/esm/components/draggable/SortableList/mockData.js +0 -50
  474. package/dist/esm/components/draggable/SortableList/sortableList.component.d.ts +0 -13
  475. package/dist/esm/components/draggable/SortableList/sortableList.component.js +0 -30
  476. package/dist/esm/components/draggable/index.d.ts +0 -1
  477. package/dist/esm/components/draggable/index.js +0 -1
  478. package/dist/esm/components/draggable/utilities/createRange.d.ts +0 -1
  479. package/dist/esm/components/draggable/utilities/createRange.js +0 -4
  480. package/dist/esm/components/draggable/utilities/index.js +0 -1
  481. package/dist/esm/components/forms/index.d.ts +0 -1
  482. package/dist/esm/components/forms/index.js +0 -1
  483. package/dist/esm/components/forms/text-input/index.js +0 -1
  484. package/dist/esm/components/forms/text-input/text-input.component.d.ts +0 -6
  485. package/dist/esm/components/forms/text-input/text-input.component.js +0 -5
  486. package/dist/esm/components/forms/utils/validations.d.ts +0 -2
  487. package/dist/esm/components/forms/utils/validations.js +0 -52
  488. package/dist/esm/components/grainy-gradient-background/grainy-gradient-background.component.js +0 -35
  489. package/dist/esm/components/icon-text-row/icon-text-row.component.js +0 -28
  490. package/dist/esm/components/icon-text-row/index.js +0 -1
  491. package/dist/esm/components/index.js +0 -7
  492. package/dist/esm/components/modal/index.js +0 -1
  493. package/dist/esm/components/modal/modal-close-button.component.d.ts +0 -3
  494. package/dist/esm/components/modal/modal-close-button.component.js +0 -23
  495. package/dist/esm/components/modal/modal.component.d.ts +0 -13
  496. package/dist/esm/components/modal/modal.component.js +0 -15
  497. package/dist/esm/components/switch/index.js +0 -1
  498. package/dist/esm/components/switch/switch.component.js +0 -38
  499. package/dist/esm/components/switch/switch.config.d.ts +0 -5
  500. package/dist/esm/components/switch/switch.config.js +0 -22
  501. package/dist/esm/core/background/background.component.d.ts +0 -15
  502. package/dist/esm/core/background/background.component.js +0 -15
  503. package/dist/esm/core/background/index.js +0 -1
  504. package/dist/esm/core/border/border.style.d.ts +0 -3
  505. package/dist/esm/core/border/border.style.js +0 -26
  506. package/dist/esm/core/border/index.d.ts +0 -1
  507. package/dist/esm/core/border/index.js +0 -1
  508. package/dist/esm/core/container/container.component.js +0 -18
  509. package/dist/esm/core/container/index.js +0 -1
  510. package/dist/esm/core/filter/filter.argTypes.d.ts +0 -155
  511. package/dist/esm/core/filter/filter.argTypes.js +0 -101
  512. package/dist/esm/core/filter/filter.component.js +0 -8
  513. package/dist/esm/core/filter/filter.config.d.ts +0 -3
  514. package/dist/esm/core/filter/filter.config.js +0 -65
  515. package/dist/esm/core/filter/filter.model.d.ts +0 -20
  516. package/dist/esm/core/filter/filter.model.js +0 -1
  517. package/dist/esm/core/filter/filter.style.d.ts +0 -3
  518. package/dist/esm/core/filter/filter.style.js +0 -17
  519. package/dist/esm/core/filter/filter.types.d.ts +0 -2
  520. package/dist/esm/core/filter/filter.types.js +0 -1
  521. package/dist/esm/core/filter/index.js +0 -4
  522. package/dist/esm/core/flex/flex.component.js +0 -27
  523. package/dist/esm/core/flex/flex.style.d.ts +0 -28
  524. package/dist/esm/core/flex/flex.style.js +0 -83
  525. package/dist/esm/core/flex/index.js +0 -2
  526. package/dist/esm/core/hooks/index.js +0 -2
  527. package/dist/esm/core/hooks/use-media.d.ts +0 -1
  528. package/dist/esm/core/hooks/use-media.js +0 -25
  529. package/dist/esm/core/hooks/use-toggle.js +0 -17
  530. package/dist/esm/core/icon/icon.component.d.ts +0 -10
  531. package/dist/esm/core/icon/icon.component.js +0 -10
  532. package/dist/esm/core/icon/index.d.ts +0 -2
  533. package/dist/esm/core/icon/index.js +0 -2
  534. package/dist/esm/core/image/image.argTypes.d.ts +0 -187
  535. package/dist/esm/core/image/image.argTypes.js +0 -16
  536. package/dist/esm/core/image/image.component.d.ts +0 -3
  537. package/dist/esm/core/image/image.component.js +0 -17
  538. package/dist/esm/core/image/image.model.js +0 -1
  539. package/dist/esm/core/image/image.style.js +0 -18
  540. package/dist/esm/core/image/image.types.js +0 -1
  541. package/dist/esm/core/image/index.js +0 -2
  542. package/dist/esm/core/index.js +0 -14
  543. package/dist/esm/core/layout/index.js +0 -2
  544. package/dist/esm/core/layout/layout.context.js +0 -6
  545. package/dist/esm/core/layout/layout.hook.d.ts +0 -2
  546. package/dist/esm/core/layout/layout.hook.js +0 -9
  547. package/dist/esm/core/layout/layout.provider.d.ts +0 -4
  548. package/dist/esm/core/layout/layout.provider.js +0 -18
  549. package/dist/esm/core/overlay/index.js +0 -2
  550. package/dist/esm/core/overlay/overlay.component.d.ts +0 -3
  551. package/dist/esm/core/overlay/overlay.component.js +0 -10
  552. package/dist/esm/core/overlay/overlay.config.d.ts +0 -4
  553. package/dist/esm/core/overlay/overlay.config.js +0 -16
  554. package/dist/esm/core/overlay/overlay.model.js +0 -1
  555. package/dist/esm/core/padding/index.d.ts +0 -1
  556. package/dist/esm/core/padding/index.js +0 -1
  557. package/dist/esm/core/padding/padding.style.js +0 -30
  558. package/dist/esm/core/shadow/index.d.ts +0 -1
  559. package/dist/esm/core/shadow/index.js +0 -1
  560. package/dist/esm/core/shadow/shadow.style.d.ts +0 -2
  561. package/dist/esm/core/shadow/shadow.style.js +0 -4
  562. package/dist/esm/core/text/index.d.ts +0 -1
  563. package/dist/esm/core/text/index.js +0 -1
  564. package/dist/esm/core/text/text.component.d.ts +0 -11
  565. package/dist/esm/core/text/text.component.js +0 -23
  566. package/dist/esm/core/theme/index.d.ts +0 -9
  567. package/dist/esm/core/theme/index.js +0 -3
  568. package/dist/esm/core/transition/collapse/collapse.component.js +0 -73
  569. package/dist/esm/core/transition/collapse/index.js +0 -1
  570. package/dist/esm/core/transition/fade/fade.argTypes.d.ts +0 -5
  571. package/dist/esm/core/transition/fade/fade.argTypes.js +0 -5
  572. package/dist/esm/core/transition/fade/fade.component.d.ts +0 -7
  573. package/dist/esm/core/transition/fade/fade.component.js +0 -47
  574. package/dist/esm/core/transition/fade/index.d.ts +0 -1
  575. package/dist/esm/core/transition/fade/index.js +0 -1
  576. package/dist/esm/core/transition/index.js +0 -3
  577. package/dist/esm/core/transition/slide/index.js +0 -1
  578. package/dist/esm/core/transition/slide/slide.component.js +0 -48
  579. package/dist/esm/core/transition/transition.argTypes.d.ts +0 -19
  580. package/dist/esm/core/transition/transition.argTypes.js +0 -10
  581. package/dist/esm/core/transition/transition.utils.js +0 -93
  582. package/dist/esm/index.js +0 -3
  583. package/dist/esm/layouts/parallax-hero/parallax-hero.component.d.ts +0 -3
  584. package/dist/esm/layouts/parallax-hero/parallax-hero.component.js +0 -8
  585. package/dist/esm/layouts/parallax-hero/parallax-hero.model.js +0 -1
  586. package/dist/esm/tools/color-picker/color-picker.component.d.ts +0 -8
  587. package/dist/esm/tools/color-picker/color-picker.component.js +0 -111
  588. package/dist/esm/tools/color-swatch/color-swatch.component.d.ts +0 -12
  589. package/dist/esm/tools/color-swatch/color-swatch.component.js +0 -31
  590. package/dist/esm/utils/index.js +0 -1
  591. package/dist/esm/utils/storage-manager.d.ts +0 -7
  592. package/dist/esm/utils/storage-manager.js +0 -44
  593. /package/{dist/cjs/components/button/index.d.ts → src/components/button/index.ts} +0 -0
  594. /package/{dist/cjs/components/card/index.d.ts → src/components/card/index.ts} +0 -0
  595. /package/{dist/cjs/components/draggable/SortableList/components/DragHandle/index.d.ts → src/components/draggable/SortableList/components/DragHandle/index.ts} +0 -0
  596. /package/{dist/cjs/components/draggable/SortableList/components/SortableItem/index.d.ts → src/components/draggable/SortableList/components/SortableItem/index.ts} +0 -0
  597. /package/{dist/cjs/components/draggable/SortableList/components/SortableOverlay/index.d.ts → src/components/draggable/SortableList/components/SortableOverlay/index.ts} +0 -0
  598. /package/{dist/cjs/components/draggable/SortableList/components/index.d.ts → src/components/draggable/SortableList/components/index.ts} +0 -0
  599. /package/{dist/cjs/components/draggable/SortableList/index.d.ts → src/components/draggable/SortableList/index.ts} +0 -0
  600. /package/{dist/cjs/components/draggable/index.d.ts → src/components/draggable/index.ts} +0 -0
  601. /package/{dist/cjs/components/draggable/utilities/index.d.ts → src/components/draggable/utilities/index.ts} +0 -0
  602. /package/{dist/cjs/components/forms/index.d.ts → src/components/forms/index.ts} +0 -0
  603. /package/{dist/cjs/components/forms/text-input/index.d.ts → src/components/forms/text-input/index.ts} +0 -0
  604. /package/{dist/cjs/components/icon-text-row/index.d.ts → src/components/icon-text-row/index.ts} +0 -0
  605. /package/{dist/cjs/components/index.d.ts → src/components/index.ts} +0 -0
  606. /package/{dist/cjs/components/modal/index.d.ts → src/components/modal/index.ts} +0 -0
  607. /package/{dist/cjs/components/switch/index.d.ts → src/components/switch/index.ts} +0 -0
  608. /package/{dist/cjs/core/background/index.d.ts → src/core/background/index.ts} +0 -0
  609. /package/{dist/cjs/core/border/index.d.ts → src/core/border/index.ts} +0 -0
  610. /package/{dist/cjs/core/container/index.d.ts → src/core/container/index.ts} +0 -0
  611. /package/{dist/cjs/core/filter/index.d.ts → src/core/filter/index.ts} +0 -0
  612. /package/{dist/cjs/core/flex/index.d.ts → src/core/flex/index.ts} +0 -0
  613. /package/{dist/cjs/core/hooks/index.d.ts → src/core/hooks/index.ts} +0 -0
  614. /package/{dist/cjs/core/image/image.types.d.ts → src/core/image/image.types.ts} +0 -0
  615. /package/{dist/cjs/core/image/index.d.ts → src/core/image/index.ts} +0 -0
  616. /package/{dist/cjs/core/index.d.ts → src/core/index.ts} +0 -0
  617. /package/{dist/cjs/core/layout/index.d.ts → src/core/layout/index.ts} +0 -0
  618. /package/{dist/cjs/core/overlay/index.d.ts → src/core/overlay/index.ts} +0 -0
  619. /package/{dist/cjs/core/padding/index.d.ts → src/core/padding/index.ts} +0 -0
  620. /package/{dist/cjs/core/shadow/index.d.ts → src/core/shadow/index.ts} +0 -0
  621. /package/{dist/cjs/core/text/index.d.ts → src/core/text/index.ts} +0 -0
  622. /package/{dist/cjs/core/transition/collapse/index.d.ts → src/core/transition/collapse/index.ts} +0 -0
  623. /package/{dist/cjs/core/transition/fade/index.d.ts → src/core/transition/fade/index.ts} +0 -0
  624. /package/{dist/cjs/core/transition/index.d.ts → src/core/transition/index.ts} +0 -0
  625. /package/{dist/cjs/core/transition/slide/index.d.ts → src/core/transition/slide/index.ts} +0 -0
  626. /package/{dist/cjs/index.d.ts → src/index.ts} +0 -0
  627. /package/{dist/cjs/utils/index.d.ts → src/utils/index.ts} +0 -0
@@ -1,35 +0,0 @@
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.Card = void 0;
18
- const react_1 = __importDefault(require("react"));
19
- const core_1 = require("../../core");
20
- const container_component_1 = __importDefault(require("../../core/container/container.component"));
21
- function Card(_a) {
22
- var { children, cardType, elevation, colorToken = 'surface', width, height, borderRadius, style } = _a, rest = __rest(_a, ["children", "cardType", "elevation", "colorToken", "width", "height", "borderRadius", "style"]);
23
- const { colors, containers } = (0, core_1.useTheme)();
24
- const { borderRadii } = containers.card;
25
- const styles = Object.assign(Object.assign({ height,
26
- width, backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, (0, core_1.Padding)('md', 'all')), style);
27
- if (cardType === 'elevated') {
28
- styles.boxShadow = (0, core_1.BoxShadow)(elevation || 'raised');
29
- }
30
- if (borderRadii && borderRadius !== 'none') {
31
- styles.borderRadius = borderRadii[borderRadius || 'md'];
32
- }
33
- return (react_1.default.createElement(container_component_1.default, Object.assign({ colorToken: colorToken, style: styles }, rest), children));
34
- }
35
- exports.Card = Card;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./card.component"), exports);
@@ -1,48 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.DragHandle = void 0;
38
- const react_1 = __importStar(require("react"));
39
- const sortableItem_context_1 = require("../SortableItem/sortableItem.context");
40
- const button_1 = require("../../../../button");
41
- const core_1 = require("@dnd-kit/core");
42
- const DragHandle = (_a) => {
43
- var rest = __rest(_a, []);
44
- const { attributes, listeners } = (0, react_1.useContext)(sortableItem_context_1.SortableItemContext);
45
- const dndContext = (0, core_1.useDndContext)();
46
- return (react_1.default.createElement(button_1.Button, Object.assign({ style: { cursor: dndContext.activatorEvent ? 'grabbing' : 'grab' }, iconName: "bars3", buttonType: "icon" }, attributes, listeners, rest)));
47
- };
48
- exports.DragHandle = DragHandle;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DragHandle = void 0;
4
- var dragHandle_component_1 = require("./dragHandle.component");
5
- Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return dragHandle_component_1.DragHandle; } });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SortableItem = void 0;
4
- var sortableItem_component_1 = require("./sortableItem.component");
5
- Object.defineProperty(exports, "SortableItem", { enumerable: true, get: function () { return sortableItem_component_1.SortableItem; } });
@@ -1,8 +0,0 @@
1
- import type { CSSProperties, PropsWithChildren } from 'react';
2
- import type { UniqueIdentifier } from '@dnd-kit/core';
3
- export interface SortableItemProps {
4
- id: UniqueIdentifier;
5
- style?: CSSProperties;
6
- onRemove?(id: UniqueIdentifier): void;
7
- }
8
- export declare const SortableItem: ({ children, id, style: userStyle, onRemove, }: PropsWithChildren<SortableItemProps>) => JSX.Element;
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.SortableItem = void 0;
27
- const react_1 = __importStar(require("react"));
28
- const sortable_1 = require("@dnd-kit/sortable");
29
- const utilities_1 = require("@dnd-kit/utilities");
30
- const sortableItem_context_1 = require("./sortableItem.context");
31
- const SortableItem = ({ children, id, style: userStyle, onRemove, }) => {
32
- const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = (0, sortable_1.useSortable)({
33
- id,
34
- });
35
- const context = (0, react_1.useMemo)(() => ({
36
- attributes,
37
- listeners,
38
- ref: setActivatorNodeRef,
39
- }), [attributes, listeners, setActivatorNodeRef]);
40
- const style = Object.assign({ opacity: isDragging ? 0.4 : undefined, transform: utilities_1.CSS.Translate.toString(transform), transition, listStyle: 'none' }, userStyle);
41
- return (react_1.default.createElement(sortableItem_context_1.SortableItemContext.Provider, { value: context },
42
- react_1.default.createElement("li", { className: "SortableItem", ref: setNodeRef, style: style }, children)));
43
- };
44
- exports.SortableItem = SortableItem;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SortableItemContext = void 0;
4
- const react_1 = require("react");
5
- exports.SortableItemContext = (0, react_1.createContext)({
6
- attributes: {},
7
- listeners: undefined,
8
- ref() { },
9
- });
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SortableOverlay = void 0;
4
- var sortableOverlay_component_1 = require("./sortableOverlay.component");
5
- Object.defineProperty(exports, "SortableOverlay", { enumerable: true, get: function () { return sortableOverlay_component_1.SortableOverlay; } });
@@ -1,5 +0,0 @@
1
- import type { PropsWithChildren } from 'react';
2
- interface Props {
3
- }
4
- export declare const SortableOverlay: ({ children }: PropsWithChildren<Props>) => JSX.Element;
5
- export {};
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SortableOverlay = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const core_1 = require("@dnd-kit/core");
9
- const dropAnimationConfig = {
10
- sideEffects: (0, core_1.defaultDropAnimationSideEffects)({
11
- styles: {
12
- active: {
13
- opacity: '0.4',
14
- },
15
- },
16
- }),
17
- };
18
- const SortableOverlay = ({ children }) => (react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, children));
19
- exports.SortableOverlay = SortableOverlay;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SortableOverlay = exports.SortableItem = exports.DragHandle = void 0;
4
- var DragHandle_1 = require("./DragHandle");
5
- Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
6
- var SortableItem_1 = require("./SortableItem");
7
- Object.defineProperty(exports, "SortableItem", { enumerable: true, get: function () { return SortableItem_1.SortableItem; } });
8
- var SortableOverlay_1 = require("./SortableOverlay");
9
- Object.defineProperty(exports, "SortableOverlay", { enumerable: true, get: function () { return SortableOverlay_1.SortableOverlay; } });
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./sortableList.component"), exports);
18
- __exportStar(require("./components"), exports);
@@ -1,53 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.findManyChannelStatus = void 0;
4
- exports.findManyChannelStatus = [
5
- {
6
- id: 'ckj03ha63t2760708sl9i1wrt',
7
- name: 'Open',
8
- },
9
- {
10
- id: 'ckkis9tk41bjc07776r52w8vi',
11
- name: 'Arrived',
12
- },
13
- {
14
- id: 'cl0myohr5153501vkyhdttc84',
15
- name: 'Completed Workflow',
16
- },
17
- {
18
- id: 'ckziqok792091401wchnc8w0x6',
19
- name: 'Confirmed',
20
- },
21
- {
22
- id: 'cl0hr30kt2157201za2zu4z22e',
23
- name: 'Connect Request',
24
- },
25
- {
26
- id: 'cl8ow0o5q14155je153hnxnkep',
27
- name: 'Service Reminder Response',
28
- },
29
- {
30
- id: 'ckkisaejj1bkp0777q7tz03en',
31
- name: 'Needs Consult',
32
- },
33
- {
34
- id: 'cl0hqr4x91927701zaaqtpeq97',
35
- name: 'Scheduled',
36
- },
37
- {
38
- id: 'clalb5upd6062601xqa9ww3zi4',
39
- name: 'Incoming Triage',
40
- },
41
- {
42
- id: 'clcnp56pq489001wka1zxwm0k',
43
- name: 'Survey Sent',
44
- },
45
- {
46
- id: 'clcgj0vp75288301yy99juvg1f',
47
- name: 'Closed w/comments',
48
- },
49
- {
50
- id: 'ckj03ha67t2780708l1lccn1a',
51
- name: 'Archived',
52
- },
53
- ];
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.SortableList = void 0;
27
- const react_1 = __importStar(require("react"));
28
- const core_1 = require("@dnd-kit/core");
29
- const sortable_1 = require("@dnd-kit/sortable");
30
- const components_1 = require("./components");
31
- const SortableList = ({ items, onChange, renderItem, style: userStyle, }) => {
32
- const [active, setActive] = (0, react_1.useState)(null);
33
- const activeItem = (0, react_1.useMemo)(() => items.find((item) => item.id === (active === null || active === void 0 ? void 0 : active.id)), [active, items]);
34
- const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
35
- coordinateGetter: sortable_1.sortableKeyboardCoordinates,
36
- }));
37
- const style = {
38
- display: 'flex',
39
- flexDirection: 'column',
40
- padding: 0,
41
- listStyle: 'none',
42
- };
43
- return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, onDragStart: ({ active }) => {
44
- setActive(active);
45
- }, onDragEnd: ({ active, over }) => {
46
- if (over && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
47
- const activeIndex = items.findIndex(({ id }) => id === active.id);
48
- const overIndex = items.findIndex(({ id }) => id === over.id);
49
- onChange((0, sortable_1.arrayMove)(items, activeIndex, overIndex));
50
- }
51
- setActive(null);
52
- }, onDragCancel: () => setActive(null) },
53
- react_1.default.createElement(sortable_1.SortableContext, { items: items },
54
- react_1.default.createElement("ul", { style: style }, items.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, { key: item.id }, renderItem(item, index)))))),
55
- react_1.default.createElement(components_1.SortableOverlay, null, activeItem ? renderItem(activeItem) : null)));
56
- };
57
- exports.SortableList = SortableList;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./SortableList"), exports);
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.createRange = void 0;
4
- const defaultInitializer = (index) => index;
5
- function createRange(length, initializer = defaultInitializer) {
6
- return [...new Array(length)].map((_, index) => initializer(index));
7
- }
8
- exports.createRange = createRange;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.createRange = void 0;
4
- var createRange_1 = require("./createRange");
5
- Object.defineProperty(exports, "createRange", { enumerable: true, get: function () { return createRange_1.createRange; } });
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./text-input"), exports);
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./text-input.component"), exports);
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TextInput = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const TextInput = ({ value, onChange }) => {
9
- return (react_1.default.createElement("div", null,
10
- react_1.default.createElement("input", { type: "text", value: value, onChange: onChange })));
11
- };
12
- exports.TextInput = TextInput;
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.validations = void 0;
4
- exports.validations = {
5
- email: {
6
- rule: () => /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i,
7
- formatter(fieldName) {
8
- return `${fieldName} is not valid email`;
9
- },
10
- },
11
- required: {
12
- rule: () => /\S/,
13
- formatter(fieldName) {
14
- return `${fieldName} is required.`;
15
- },
16
- },
17
- numeric: {
18
- rule: () => /^\d+$/,
19
- formatter(fieldName) {
20
- return `${fieldName} should contain only numbers.`;
21
- },
22
- },
23
- alphaNumeric: {
24
- rule: () => /^[a-z0-9]+$/i,
25
- formatter(fieldName) {
26
- return `${fieldName} should not contain special characters, please use only alphabets and numbers.`;
27
- },
28
- },
29
- alphabetic: {
30
- rule: () => /^[a-z]+$/i,
31
- formatter(fieldName) {
32
- return `${fieldName} should contain only alphabets.`;
33
- },
34
- },
35
- maxLength: {
36
- rule: (number) => ({
37
- test: (value) => value.length <= number,
38
- }),
39
- formatter(fieldName, number) {
40
- return number
41
- ? `${fieldName} can contain maximum ${number} characters.`
42
- : `${fieldName} contains more characters than expected.`;
43
- },
44
- },
45
- minLength: {
46
- rule: (number) => ({
47
- test: (value) => value.length >= number,
48
- }),
49
- formatter(fieldName, number) {
50
- return number
51
- ? `${fieldName} should contain minimum ${number} characters.`
52
- : `${fieldName} contains less characters than expected.`;
53
- },
54
- },
55
- };
@@ -1,13 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { Property } from 'csstype';
3
- export interface GrainyGradientProps {
4
- children?: ReactNode;
5
- noiseFrequency?: number;
6
- noiseOctaves?: number;
7
- size?: number;
8
- minHeight?: Property.MinHeight;
9
- angle?: number;
10
- gradientColor?: Property.Color;
11
- backgroundColor?: Property.Color;
12
- }
13
- export declare const GrainyGradientBackground: ({ children, noiseFrequency, noiseOctaves, minHeight, size, angle, gradientColor, backgroundColor, }: GrainyGradientProps) => JSX.Element;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.GrainyGradientBackground = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const GrainyGradientBackground = ({ children, noiseFrequency = 0.65, noiseOctaves = 3, minHeight, size = 740, angle = 20, gradientColor = 'rebeccapurple', backgroundColor = 'moccasin', }) => {
9
- const gradient = `linear-gradient(${angle}deg, ${gradientColor}, transparent)`;
10
- const image = `url("data:image/svg+xml,%3Csvg viewBox='0 0 ${size} ${size}' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='${noiseFrequency}' numOctaves='${noiseOctaves}' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`;
11
- const container = {};
12
- const content = {
13
- position: 'absolute',
14
- width: '100%',
15
- height: '100%',
16
- };
17
- const noise = {
18
- filter: 'contrast(290%) brightness(1000%)',
19
- background: gradient + ', ' + image,
20
- minHeight,
21
- };
22
- const isolate = {
23
- isolation: 'isolate',
24
- position: 'absolute',
25
- width: '100%',
26
- height: '100%',
27
- };
28
- const overlay = {
29
- position: 'absolute',
30
- top: 0,
31
- width: '100%',
32
- height: '100%',
33
- background: backgroundColor,
34
- mixBlendMode: 'multiply',
35
- };
36
- return (react_1.default.createElement("div", { style: container },
37
- react_1.default.createElement("div", { style: isolate },
38
- react_1.default.createElement("div", { style: noise }),
39
- react_1.default.createElement("div", { style: overlay })),
40
- react_1.default.createElement("div", { style: content }, children)));
41
- };
42
- exports.GrainyGradientBackground = GrainyGradientBackground;
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ContentColorToken, HorizontalAlign, TextRole } from '@uni-design-system/uni-core';
3
- import { IconName } from '../../core/icon';
4
- export interface IconTextRowProps {
5
- iconName: IconName;
6
- color: ContentColorToken;
7
- align?: HorizontalAlign;
8
- text?: string;
9
- textRole?: TextRole;
10
- children?: ReactNode;
11
- }
12
- export declare const IconTextRow: ({ iconName, color, align, text, textRole, children, }: IconTextRowProps) => JSX.Element;
@@ -1,35 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.IconTextRow = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const uni_core_1 = require("@uni-design-system/uni-core");
9
- const core_1 = require("../../core");
10
- const IconTextRow = ({ iconName, color, align = 'left', text, textRole = 'title-medium', children, }) => {
11
- const theme = (0, core_1.useTheme)();
12
- const textProps = (0, uni_core_1.getValue)(theme, `typography.${textRole}`, theme.typography['title-medium']);
13
- const textHeight = textProps.fontSize;
14
- const textLineHeight = textProps.lineHeight || textHeight;
15
- const textMargin = text || children ? textLineHeight - textHeight : 0;
16
- function RowIcon() {
17
- return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, core_1.fix), { maxHeight: textLineHeight }) },
18
- react_1.default.createElement(core_1.Icon, { name: iconName, width: textLineHeight, height: textLineHeight, color: color })));
19
- }
20
- function RowText() {
21
- return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, core_1.expand), { paddingLeft: textMargin, paddingRight: textMargin }) },
22
- react_1.default.createElement(core_1.Text, { align: align, colorToken: color, role: textRole }, text || children)));
23
- }
24
- function RowCenter() {
25
- return align === 'center' ? react_1.default.createElement("div", { style: Object.assign({}, core_1.expand) }) : null;
26
- }
27
- return ['left', 'center'].includes(align) ? (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, core_1.row), core_1.alignCenter) },
28
- react_1.default.createElement(RowCenter, null),
29
- react_1.default.createElement(RowIcon, null),
30
- react_1.default.createElement(RowText, null),
31
- react_1.default.createElement(RowCenter, null))) : (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, core_1.row), core_1.alignCenter) },
32
- react_1.default.createElement(RowText, null),
33
- react_1.default.createElement(RowIcon, null)));
34
- };
35
- exports.IconTextRow = IconTextRow;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./icon-text-row.component"), exports);