@activecollab/components 2.0.498 → 2.0.499

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 (483) hide show
  1. package/dist/cjs/components/Button/AddToListButton/AddToListButton.js +13 -1
  2. package/dist/cjs/components/Button/AddToListButton/AddToListButton.js.map +1 -1
  3. package/dist/cjs/components/Button/AddToListButton/Styles.js +16 -1
  4. package/dist/cjs/components/Button/AddToListButton/Styles.js.map +1 -1
  5. package/dist/cjs/components/ButtonGroup/ButtonGroup.js +5 -2
  6. package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
  7. package/dist/cjs/components/ButtonGroup/Styles.js +11 -7
  8. package/dist/cjs/components/ButtonGroup/Styles.js.map +1 -1
  9. package/dist/cjs/components/Card/Card.js +9 -2
  10. package/dist/cjs/components/Card/Card.js.map +1 -1
  11. package/dist/cjs/components/Card/Styles.js +6 -1
  12. package/dist/cjs/components/Card/Styles.js.map +1 -1
  13. package/dist/cjs/components/Chip/Chip.js +21 -6
  14. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  15. package/dist/cjs/components/Chip/ChipGroup.js +27 -0
  16. package/dist/cjs/components/Chip/ChipGroup.js.map +1 -0
  17. package/dist/cjs/components/Chip/ChipGroupStyles.js +17 -0
  18. package/dist/cjs/components/Chip/ChipGroupStyles.js.map +1 -0
  19. package/dist/cjs/components/Chip/Styles.js +55 -19
  20. package/dist/cjs/components/Chip/Styles.js.map +1 -1
  21. package/dist/cjs/components/Chip/index.js +11 -0
  22. package/dist/cjs/components/Chip/index.js.map +1 -1
  23. package/dist/cjs/components/ClampedContent/ClampedContent.js +131 -0
  24. package/dist/cjs/components/ClampedContent/ClampedContent.js.map +1 -0
  25. package/dist/cjs/components/ClampedContent/Styles.js +28 -0
  26. package/dist/cjs/components/ClampedContent/Styles.js.map +1 -0
  27. package/dist/cjs/components/ClampedContent/index.js +17 -0
  28. package/dist/cjs/components/ClampedContent/index.js.map +1 -0
  29. package/dist/cjs/components/Collapse/Collapse.js +93 -0
  30. package/dist/cjs/components/Collapse/Collapse.js.map +1 -0
  31. package/dist/cjs/components/Collapse/Styles.js +26 -0
  32. package/dist/cjs/components/Collapse/Styles.js.map +1 -0
  33. package/dist/cjs/components/Collapse/index.js +17 -0
  34. package/dist/cjs/components/Collapse/index.js.map +1 -0
  35. package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js +24 -2
  36. package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
  37. package/dist/cjs/components/CompleteCheckbox/Styles.js +17 -1
  38. package/dist/cjs/components/CompleteCheckbox/Styles.js.map +1 -1
  39. package/dist/cjs/components/DockedCard/DockedCard.js +68 -0
  40. package/dist/cjs/components/DockedCard/DockedCard.js.map +1 -0
  41. package/dist/cjs/components/DockedCard/Styles.js +36 -0
  42. package/dist/cjs/components/DockedCard/Styles.js.map +1 -0
  43. package/dist/cjs/components/DockedCard/index.js +28 -0
  44. package/dist/cjs/components/DockedCard/index.js.map +1 -0
  45. package/dist/cjs/components/DockedCard/useDockedCard.js +236 -0
  46. package/dist/cjs/components/DockedCard/useDockedCard.js.map +1 -0
  47. package/dist/cjs/components/EditableContent/EditableContent.js.map +1 -1
  48. package/dist/cjs/components/EditorFrame/EditorFrame.js +51 -0
  49. package/dist/cjs/components/EditorFrame/EditorFrame.js.map +1 -0
  50. package/dist/cjs/components/EditorFrame/Styles.js +29 -0
  51. package/dist/cjs/components/EditorFrame/Styles.js.map +1 -0
  52. package/dist/cjs/components/EditorFrame/index.js +17 -0
  53. package/dist/cjs/components/EditorFrame/index.js.map +1 -0
  54. package/dist/cjs/components/EmptySlate/EmptySlate.js +19 -9
  55. package/dist/cjs/components/EmptySlate/EmptySlate.js.map +1 -1
  56. package/dist/cjs/components/EmptySlate/EmptySlate.styles.js +20 -6
  57. package/dist/cjs/components/EmptySlate/EmptySlate.styles.js.map +1 -1
  58. package/dist/cjs/components/FileTile/FileTile.js +138 -0
  59. package/dist/cjs/components/FileTile/FileTile.js.map +1 -0
  60. package/dist/cjs/components/FileTile/Styles.js +71 -0
  61. package/dist/cjs/components/FileTile/Styles.js.map +1 -0
  62. package/dist/cjs/components/FileTile/index.js +17 -0
  63. package/dist/cjs/components/FileTile/index.js.map +1 -0
  64. package/dist/cjs/components/FloatingPill/FloatingPill.js +33 -0
  65. package/dist/cjs/components/FloatingPill/FloatingPill.js.map +1 -0
  66. package/dist/cjs/components/FloatingPill/Styles.js +16 -0
  67. package/dist/cjs/components/FloatingPill/Styles.js.map +1 -0
  68. package/dist/cjs/components/FloatingPill/index.js +17 -0
  69. package/dist/cjs/components/FloatingPill/index.js.map +1 -0
  70. package/dist/cjs/components/Icons/collection/FlagFilled.js +71 -0
  71. package/dist/cjs/components/Icons/collection/FlagFilled.js.map +1 -0
  72. package/dist/cjs/components/Icons/collection/FlagOutline.js +72 -0
  73. package/dist/cjs/components/Icons/collection/FlagOutline.js.map +1 -0
  74. package/dist/cjs/components/Icons/collection/LayoutColumn.js +70 -0
  75. package/dist/cjs/components/Icons/collection/LayoutColumn.js.map +1 -0
  76. package/dist/cjs/components/Icons/collection/LayoutSidebar.js +68 -0
  77. package/dist/cjs/components/Icons/collection/LayoutSidebar.js.map +1 -0
  78. package/dist/cjs/components/Icons/collection/LayoutWide.js +70 -0
  79. package/dist/cjs/components/Icons/collection/LayoutWide.js.map +1 -0
  80. package/dist/cjs/components/Icons/collection/index.js +35 -0
  81. package/dist/cjs/components/Icons/collection/index.js.map +1 -1
  82. package/dist/cjs/components/LabeledDivider/LabeledDivider.js +39 -0
  83. package/dist/cjs/components/LabeledDivider/LabeledDivider.js.map +1 -0
  84. package/dist/cjs/components/LabeledDivider/Styles.js +27 -0
  85. package/dist/cjs/components/LabeledDivider/Styles.js.map +1 -0
  86. package/dist/cjs/components/LabeledDivider/index.js +17 -0
  87. package/dist/cjs/components/LabeledDivider/index.js.map +1 -0
  88. package/dist/cjs/components/ListRow/ListRow.js +48 -0
  89. package/dist/cjs/components/ListRow/ListRow.js.map +1 -0
  90. package/dist/cjs/components/ListRow/Styles.js +25 -0
  91. package/dist/cjs/components/ListRow/Styles.js.map +1 -0
  92. package/dist/cjs/components/ListRow/index.js +17 -0
  93. package/dist/cjs/components/ListRow/index.js.map +1 -0
  94. package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js +11 -2
  95. package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js.map +1 -1
  96. package/dist/cjs/components/Loaders/Skeleton/Styles.js +13 -1
  97. package/dist/cjs/components/Loaders/Skeleton/Styles.js.map +1 -1
  98. package/dist/cjs/components/Menu/Menu.js +4 -1
  99. package/dist/cjs/components/Menu/Menu.js.map +1 -1
  100. package/dist/cjs/components/Menu/MenuFooter.js +18 -2
  101. package/dist/cjs/components/Menu/MenuFooter.js.map +1 -1
  102. package/dist/cjs/components/Menu/Styles.js +9 -3
  103. package/dist/cjs/components/Menu/Styles.js.map +1 -1
  104. package/dist/cjs/components/MessageBubble/MessageBubble.js +78 -0
  105. package/dist/cjs/components/MessageBubble/MessageBubble.js.map +1 -0
  106. package/dist/cjs/components/MessageBubble/Styles.js +56 -0
  107. package/dist/cjs/components/MessageBubble/Styles.js.map +1 -0
  108. package/dist/cjs/components/MessageBubble/index.js +17 -0
  109. package/dist/cjs/components/MessageBubble/index.js.map +1 -0
  110. package/dist/cjs/components/ObjectLayout/ObjectLayout.js +184 -0
  111. package/dist/cjs/components/ObjectLayout/ObjectLayout.js.map +1 -0
  112. package/dist/cjs/components/ObjectLayout/Styles.js +83 -0
  113. package/dist/cjs/components/ObjectLayout/Styles.js.map +1 -0
  114. package/dist/cjs/components/ObjectLayout/index.js +17 -0
  115. package/dist/cjs/components/ObjectLayout/index.js.map +1 -0
  116. package/dist/cjs/components/ProgressBar/ProgressBar.js +14 -3
  117. package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
  118. package/dist/cjs/components/ProgressBar/Styles.js +8 -2
  119. package/dist/cjs/components/ProgressBar/Styles.js.map +1 -1
  120. package/dist/cjs/components/PropertyList/PropertyList.js +186 -0
  121. package/dist/cjs/components/PropertyList/PropertyList.js.map +1 -0
  122. package/dist/cjs/components/PropertyList/Styles.js +104 -0
  123. package/dist/cjs/components/PropertyList/Styles.js.map +1 -0
  124. package/dist/cjs/components/PropertyList/index.js +17 -0
  125. package/dist/cjs/components/PropertyList/index.js.map +1 -0
  126. package/dist/cjs/components/ResizeHandle/ResizeHandle.js +38 -0
  127. package/dist/cjs/components/ResizeHandle/ResizeHandle.js.map +1 -0
  128. package/dist/cjs/components/ResizeHandle/Styles.js +26 -0
  129. package/dist/cjs/components/ResizeHandle/Styles.js.map +1 -0
  130. package/dist/cjs/components/ResizeHandle/index.js +17 -0
  131. package/dist/cjs/components/ResizeHandle/index.js.map +1 -0
  132. package/dist/cjs/components/Section/Section.js +49 -0
  133. package/dist/cjs/components/Section/Section.js.map +1 -0
  134. package/dist/cjs/components/Section/Styles.js +29 -0
  135. package/dist/cjs/components/Section/Styles.js.map +1 -0
  136. package/dist/cjs/components/Section/index.js +17 -0
  137. package/dist/cjs/components/Section/index.js.map +1 -0
  138. package/dist/cjs/components/Sheet/Sheet.js +8 -3
  139. package/dist/cjs/components/Sheet/Sheet.js.map +1 -1
  140. package/dist/cjs/components/Sheet/Styles.js +8 -2
  141. package/dist/cjs/components/Sheet/Styles.js.map +1 -1
  142. package/dist/cjs/components/Typography/Styles.js +11 -1
  143. package/dist/cjs/components/Typography/Styles.js.map +1 -1
  144. package/dist/cjs/components/Typography/Typography.js.map +1 -1
  145. package/dist/cjs/components/Typography/Variants/Title3.js +26 -0
  146. package/dist/cjs/components/Typography/Variants/Title3.js.map +1 -0
  147. package/dist/cjs/components/Typography/index.js +11 -0
  148. package/dist/cjs/components/Typography/index.js.map +1 -1
  149. package/dist/cjs/components/index.js +143 -0
  150. package/dist/cjs/components/index.js.map +1 -1
  151. package/dist/cjs/hooks/index.js +22 -0
  152. package/dist/cjs/hooks/index.js.map +1 -1
  153. package/dist/cjs/hooks/useLongPress.js +97 -0
  154. package/dist/cjs/hooks/useLongPress.js.map +1 -0
  155. package/dist/cjs/hooks/useResizablePanel.js +120 -0
  156. package/dist/cjs/hooks/useResizablePanel.js.map +1 -0
  157. package/dist/cjs/utils/useContainerCss.js +19 -0
  158. package/dist/cjs/utils/useContainerCss.js.map +1 -0
  159. package/dist/esm/components/Button/AddToListButton/AddToListButton.d.ts +5 -1
  160. package/dist/esm/components/Button/AddToListButton/AddToListButton.d.ts.map +1 -1
  161. package/dist/esm/components/Button/AddToListButton/AddToListButton.js +14 -2
  162. package/dist/esm/components/Button/AddToListButton/AddToListButton.js.map +1 -1
  163. package/dist/esm/components/Button/AddToListButton/Styles.d.ts +3 -0
  164. package/dist/esm/components/Button/AddToListButton/Styles.d.ts.map +1 -1
  165. package/dist/esm/components/Button/AddToListButton/Styles.js +15 -0
  166. package/dist/esm/components/Button/AddToListButton/Styles.js.map +1 -1
  167. package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts +2 -0
  168. package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  169. package/dist/esm/components/ButtonGroup/ButtonGroup.js +5 -2
  170. package/dist/esm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  171. package/dist/esm/components/ButtonGroup/Styles.d.ts +1 -0
  172. package/dist/esm/components/ButtonGroup/Styles.d.ts.map +1 -1
  173. package/dist/esm/components/ButtonGroup/Styles.js +9 -7
  174. package/dist/esm/components/ButtonGroup/Styles.js.map +1 -1
  175. package/dist/esm/components/Card/Card.d.ts +5 -1
  176. package/dist/esm/components/Card/Card.d.ts.map +1 -1
  177. package/dist/esm/components/Card/Card.js +9 -2
  178. package/dist/esm/components/Card/Card.js.map +1 -1
  179. package/dist/esm/components/Card/Styles.d.ts +3 -0
  180. package/dist/esm/components/Card/Styles.d.ts.map +1 -1
  181. package/dist/esm/components/Card/Styles.js +6 -1
  182. package/dist/esm/components/Card/Styles.js.map +1 -1
  183. package/dist/esm/components/Chip/Chip.d.ts +13 -1
  184. package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
  185. package/dist/esm/components/Chip/Chip.js +21 -6
  186. package/dist/esm/components/Chip/Chip.js.map +1 -1
  187. package/dist/esm/components/Chip/ChipGroup.d.ts +7 -0
  188. package/dist/esm/components/Chip/ChipGroup.d.ts.map +1 -0
  189. package/dist/esm/components/Chip/ChipGroup.js +19 -0
  190. package/dist/esm/components/Chip/ChipGroup.js.map +1 -0
  191. package/dist/esm/components/Chip/ChipGroupStyles.d.ts +4 -0
  192. package/dist/esm/components/Chip/ChipGroupStyles.d.ts.map +1 -0
  193. package/dist/esm/components/Chip/ChipGroupStyles.js +8 -0
  194. package/dist/esm/components/Chip/ChipGroupStyles.js.map +1 -0
  195. package/dist/esm/components/Chip/Styles.d.ts +9 -3
  196. package/dist/esm/components/Chip/Styles.d.ts.map +1 -1
  197. package/dist/esm/components/Chip/Styles.js +36 -13
  198. package/dist/esm/components/Chip/Styles.js.map +1 -1
  199. package/dist/esm/components/Chip/index.d.ts +1 -0
  200. package/dist/esm/components/Chip/index.d.ts.map +1 -1
  201. package/dist/esm/components/Chip/index.js +1 -0
  202. package/dist/esm/components/Chip/index.js.map +1 -1
  203. package/dist/esm/components/ClampedContent/ClampedContent.d.ts +18 -0
  204. package/dist/esm/components/ClampedContent/ClampedContent.d.ts.map +1 -0
  205. package/dist/esm/components/ClampedContent/ClampedContent.js +109 -0
  206. package/dist/esm/components/ClampedContent/ClampedContent.js.map +1 -0
  207. package/dist/esm/components/ClampedContent/Styles.d.ts +8 -0
  208. package/dist/esm/components/ClampedContent/Styles.d.ts.map +1 -0
  209. package/dist/esm/components/ClampedContent/Styles.js +21 -0
  210. package/dist/esm/components/ClampedContent/Styles.js.map +1 -0
  211. package/dist/esm/components/ClampedContent/index.d.ts +2 -0
  212. package/dist/esm/components/ClampedContent/index.d.ts.map +1 -0
  213. package/dist/esm/components/ClampedContent/index.js +2 -0
  214. package/dist/esm/components/ClampedContent/index.js.map +1 -0
  215. package/dist/esm/components/Collapse/Collapse.d.ts +15 -0
  216. package/dist/esm/components/Collapse/Collapse.d.ts.map +1 -0
  217. package/dist/esm/components/Collapse/Collapse.js +68 -0
  218. package/dist/esm/components/Collapse/Collapse.js.map +1 -0
  219. package/dist/esm/components/Collapse/Styles.d.ts +8 -0
  220. package/dist/esm/components/Collapse/Styles.d.ts.map +1 -0
  221. package/dist/esm/components/Collapse/Styles.js +19 -0
  222. package/dist/esm/components/Collapse/Styles.js.map +1 -0
  223. package/dist/esm/components/Collapse/index.d.ts +2 -0
  224. package/dist/esm/components/Collapse/index.d.ts.map +1 -0
  225. package/dist/esm/components/Collapse/index.js +2 -0
  226. package/dist/esm/components/Collapse/index.js.map +1 -0
  227. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts +9 -1
  228. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts.map +1 -1
  229. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js +24 -2
  230. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
  231. package/dist/esm/components/CompleteCheckbox/Styles.d.ts +4 -0
  232. package/dist/esm/components/CompleteCheckbox/Styles.d.ts.map +1 -1
  233. package/dist/esm/components/CompleteCheckbox/Styles.js +16 -0
  234. package/dist/esm/components/CompleteCheckbox/Styles.js.map +1 -1
  235. package/dist/esm/components/DockedCard/DockedCard.d.ts +26 -0
  236. package/dist/esm/components/DockedCard/DockedCard.d.ts.map +1 -0
  237. package/dist/esm/components/DockedCard/DockedCard.js +54 -0
  238. package/dist/esm/components/DockedCard/DockedCard.js.map +1 -0
  239. package/dist/esm/components/DockedCard/Styles.d.ts +9 -0
  240. package/dist/esm/components/DockedCard/Styles.d.ts.map +1 -0
  241. package/dist/esm/components/DockedCard/Styles.js +29 -0
  242. package/dist/esm/components/DockedCard/Styles.js.map +1 -0
  243. package/dist/esm/components/DockedCard/index.d.ts +3 -0
  244. package/dist/esm/components/DockedCard/index.d.ts.map +1 -0
  245. package/dist/esm/components/DockedCard/index.js +3 -0
  246. package/dist/esm/components/DockedCard/index.js.map +1 -0
  247. package/dist/esm/components/DockedCard/useDockedCard.d.ts +37 -0
  248. package/dist/esm/components/DockedCard/useDockedCard.d.ts.map +1 -0
  249. package/dist/esm/components/DockedCard/useDockedCard.js +194 -0
  250. package/dist/esm/components/DockedCard/useDockedCard.js.map +1 -0
  251. package/dist/esm/components/EditableContent/EditableContent.d.ts +1 -1
  252. package/dist/esm/components/EditableContent/EditableContent.d.ts.map +1 -1
  253. package/dist/esm/components/EditableContent/EditableContent.js.map +1 -1
  254. package/dist/esm/components/EditorFrame/EditorFrame.d.ts +14 -0
  255. package/dist/esm/components/EditorFrame/EditorFrame.d.ts.map +1 -0
  256. package/dist/esm/components/EditorFrame/EditorFrame.js +42 -0
  257. package/dist/esm/components/EditorFrame/EditorFrame.js.map +1 -0
  258. package/dist/esm/components/EditorFrame/Styles.d.ts +13 -0
  259. package/dist/esm/components/EditorFrame/Styles.d.ts.map +1 -0
  260. package/dist/esm/components/EditorFrame/Styles.js +22 -0
  261. package/dist/esm/components/EditorFrame/Styles.js.map +1 -0
  262. package/dist/esm/components/EditorFrame/index.d.ts +2 -0
  263. package/dist/esm/components/EditorFrame/index.d.ts.map +1 -0
  264. package/dist/esm/components/EditorFrame/index.js +2 -0
  265. package/dist/esm/components/EditorFrame/index.js.map +1 -0
  266. package/dist/esm/components/EmptySlate/EmptySlate.d.ts +9 -4
  267. package/dist/esm/components/EmptySlate/EmptySlate.d.ts.map +1 -1
  268. package/dist/esm/components/EmptySlate/EmptySlate.js +19 -9
  269. package/dist/esm/components/EmptySlate/EmptySlate.js.map +1 -1
  270. package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts +8 -4
  271. package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts.map +1 -1
  272. package/dist/esm/components/EmptySlate/EmptySlate.styles.js +5 -5
  273. package/dist/esm/components/EmptySlate/EmptySlate.styles.js.map +1 -1
  274. package/dist/esm/components/FileTile/FileTile.d.ts +63 -0
  275. package/dist/esm/components/FileTile/FileTile.d.ts.map +1 -0
  276. package/dist/esm/components/FileTile/FileTile.js +129 -0
  277. package/dist/esm/components/FileTile/FileTile.js.map +1 -0
  278. package/dist/esm/components/FileTile/Styles.d.ts +19 -0
  279. package/dist/esm/components/FileTile/Styles.d.ts.map +1 -0
  280. package/dist/esm/components/FileTile/Styles.js +64 -0
  281. package/dist/esm/components/FileTile/Styles.js.map +1 -0
  282. package/dist/esm/components/FileTile/index.d.ts +2 -0
  283. package/dist/esm/components/FileTile/index.d.ts.map +1 -0
  284. package/dist/esm/components/FileTile/index.js +2 -0
  285. package/dist/esm/components/FileTile/index.js.map +1 -0
  286. package/dist/esm/components/FloatingPill/FloatingPill.d.ts +9 -0
  287. package/dist/esm/components/FloatingPill/FloatingPill.d.ts.map +1 -0
  288. package/dist/esm/components/FloatingPill/FloatingPill.js +24 -0
  289. package/dist/esm/components/FloatingPill/FloatingPill.js.map +1 -0
  290. package/dist/esm/components/FloatingPill/Styles.d.ts +4 -0
  291. package/dist/esm/components/FloatingPill/Styles.d.ts.map +1 -0
  292. package/dist/esm/components/FloatingPill/Styles.js +9 -0
  293. package/dist/esm/components/FloatingPill/Styles.js.map +1 -0
  294. package/dist/esm/components/FloatingPill/index.d.ts +2 -0
  295. package/dist/esm/components/FloatingPill/index.d.ts.map +1 -0
  296. package/dist/esm/components/FloatingPill/index.js +2 -0
  297. package/dist/esm/components/FloatingPill/index.js.map +1 -0
  298. package/dist/esm/components/Icons/collection/FlagFilled.d.ts +32 -0
  299. package/dist/esm/components/Icons/collection/FlagFilled.d.ts.map +1 -0
  300. package/dist/esm/components/Icons/collection/FlagFilled.js +64 -0
  301. package/dist/esm/components/Icons/collection/FlagFilled.js.map +1 -0
  302. package/dist/esm/components/Icons/collection/FlagOutline.d.ts +32 -0
  303. package/dist/esm/components/Icons/collection/FlagOutline.d.ts.map +1 -0
  304. package/dist/esm/components/Icons/collection/FlagOutline.js +65 -0
  305. package/dist/esm/components/Icons/collection/FlagOutline.js.map +1 -0
  306. package/dist/esm/components/Icons/collection/LayoutColumn.d.ts +32 -0
  307. package/dist/esm/components/Icons/collection/LayoutColumn.d.ts.map +1 -0
  308. package/dist/esm/components/Icons/collection/LayoutColumn.js +63 -0
  309. package/dist/esm/components/Icons/collection/LayoutColumn.js.map +1 -0
  310. package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts +32 -0
  311. package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts.map +1 -0
  312. package/dist/esm/components/Icons/collection/LayoutSidebar.js +61 -0
  313. package/dist/esm/components/Icons/collection/LayoutSidebar.js.map +1 -0
  314. package/dist/esm/components/Icons/collection/LayoutWide.d.ts +32 -0
  315. package/dist/esm/components/Icons/collection/LayoutWide.d.ts.map +1 -0
  316. package/dist/esm/components/Icons/collection/LayoutWide.js +63 -0
  317. package/dist/esm/components/Icons/collection/LayoutWide.js.map +1 -0
  318. package/dist/esm/components/Icons/collection/index.d.ts +5 -0
  319. package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
  320. package/dist/esm/components/Icons/collection/index.js +5 -0
  321. package/dist/esm/components/Icons/collection/index.js.map +1 -1
  322. package/dist/esm/components/LabeledDivider/LabeledDivider.d.ts +11 -0
  323. package/dist/esm/components/LabeledDivider/LabeledDivider.d.ts.map +1 -0
  324. package/dist/esm/components/LabeledDivider/LabeledDivider.js +30 -0
  325. package/dist/esm/components/LabeledDivider/LabeledDivider.js.map +1 -0
  326. package/dist/esm/components/LabeledDivider/Styles.d.ts +10 -0
  327. package/dist/esm/components/LabeledDivider/Styles.d.ts.map +1 -0
  328. package/dist/esm/components/LabeledDivider/Styles.js +20 -0
  329. package/dist/esm/components/LabeledDivider/Styles.js.map +1 -0
  330. package/dist/esm/components/LabeledDivider/index.d.ts +2 -0
  331. package/dist/esm/components/LabeledDivider/index.d.ts.map +1 -0
  332. package/dist/esm/components/LabeledDivider/index.js +2 -0
  333. package/dist/esm/components/LabeledDivider/index.js.map +1 -0
  334. package/dist/esm/components/ListRow/ListRow.d.ts +19 -0
  335. package/dist/esm/components/ListRow/ListRow.d.ts.map +1 -0
  336. package/dist/esm/components/ListRow/ListRow.js +39 -0
  337. package/dist/esm/components/ListRow/ListRow.js.map +1 -0
  338. package/dist/esm/components/ListRow/Styles.d.ts +7 -0
  339. package/dist/esm/components/ListRow/Styles.d.ts.map +1 -0
  340. package/dist/esm/components/ListRow/Styles.js +18 -0
  341. package/dist/esm/components/ListRow/Styles.js.map +1 -0
  342. package/dist/esm/components/ListRow/index.d.ts +2 -0
  343. package/dist/esm/components/ListRow/index.d.ts.map +1 -0
  344. package/dist/esm/components/ListRow/index.js +2 -0
  345. package/dist/esm/components/ListRow/index.js.map +1 -0
  346. package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.d.ts +11 -1
  347. package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.d.ts.map +1 -1
  348. package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js +11 -2
  349. package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js.map +1 -1
  350. package/dist/esm/components/Loaders/Skeleton/Styles.d.ts +8 -1
  351. package/dist/esm/components/Loaders/Skeleton/Styles.d.ts.map +1 -1
  352. package/dist/esm/components/Loaders/Skeleton/Styles.js +4 -2
  353. package/dist/esm/components/Loaders/Skeleton/Styles.js.map +1 -1
  354. package/dist/esm/components/Menu/Menu.d.ts +2 -0
  355. package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
  356. package/dist/esm/components/Menu/Menu.js +4 -1
  357. package/dist/esm/components/Menu/Menu.js.map +1 -1
  358. package/dist/esm/components/Menu/MenuFooter.d.ts +12 -0
  359. package/dist/esm/components/Menu/MenuFooter.d.ts.map +1 -1
  360. package/dist/esm/components/Menu/MenuFooter.js +17 -3
  361. package/dist/esm/components/Menu/MenuFooter.js.map +1 -1
  362. package/dist/esm/components/Menu/Styles.d.ts +4 -1
  363. package/dist/esm/components/Menu/Styles.d.ts.map +1 -1
  364. package/dist/esm/components/Menu/Styles.js +7 -3
  365. package/dist/esm/components/Menu/Styles.js.map +1 -1
  366. package/dist/esm/components/MessageBubble/MessageBubble.d.ts +29 -0
  367. package/dist/esm/components/MessageBubble/MessageBubble.d.ts.map +1 -0
  368. package/dist/esm/components/MessageBubble/MessageBubble.js +69 -0
  369. package/dist/esm/components/MessageBubble/MessageBubble.js.map +1 -0
  370. package/dist/esm/components/MessageBubble/Styles.d.ts +16 -0
  371. package/dist/esm/components/MessageBubble/Styles.d.ts.map +1 -0
  372. package/dist/esm/components/MessageBubble/Styles.js +51 -0
  373. package/dist/esm/components/MessageBubble/Styles.js.map +1 -0
  374. package/dist/esm/components/MessageBubble/index.d.ts +2 -0
  375. package/dist/esm/components/MessageBubble/index.d.ts.map +1 -0
  376. package/dist/esm/components/MessageBubble/index.js +2 -0
  377. package/dist/esm/components/MessageBubble/index.js.map +1 -0
  378. package/dist/esm/components/ObjectLayout/ObjectLayout.d.ts +32 -0
  379. package/dist/esm/components/ObjectLayout/ObjectLayout.d.ts.map +1 -0
  380. package/dist/esm/components/ObjectLayout/ObjectLayout.js +162 -0
  381. package/dist/esm/components/ObjectLayout/ObjectLayout.js.map +1 -0
  382. package/dist/esm/components/ObjectLayout/Styles.d.ts +25 -0
  383. package/dist/esm/components/ObjectLayout/Styles.d.ts.map +1 -0
  384. package/dist/esm/components/ObjectLayout/Styles.js +76 -0
  385. package/dist/esm/components/ObjectLayout/Styles.js.map +1 -0
  386. package/dist/esm/components/ObjectLayout/index.d.ts +2 -0
  387. package/dist/esm/components/ObjectLayout/index.d.ts.map +1 -0
  388. package/dist/esm/components/ObjectLayout/index.js +2 -0
  389. package/dist/esm/components/ObjectLayout/index.js.map +1 -0
  390. package/dist/esm/components/ProgressBar/ProgressBar.d.ts +9 -2
  391. package/dist/esm/components/ProgressBar/ProgressBar.d.ts.map +1 -1
  392. package/dist/esm/components/ProgressBar/ProgressBar.js +14 -3
  393. package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
  394. package/dist/esm/components/ProgressBar/Styles.d.ts +2 -0
  395. package/dist/esm/components/ProgressBar/Styles.d.ts.map +1 -1
  396. package/dist/esm/components/ProgressBar/Styles.js +2 -2
  397. package/dist/esm/components/ProgressBar/Styles.js.map +1 -1
  398. package/dist/esm/components/PropertyList/PropertyList.d.ts +59 -0
  399. package/dist/esm/components/PropertyList/PropertyList.d.ts.map +1 -0
  400. package/dist/esm/components/PropertyList/PropertyList.js +171 -0
  401. package/dist/esm/components/PropertyList/PropertyList.js.map +1 -0
  402. package/dist/esm/components/PropertyList/Styles.d.ts +35 -0
  403. package/dist/esm/components/PropertyList/Styles.d.ts.map +1 -0
  404. package/dist/esm/components/PropertyList/Styles.js +97 -0
  405. package/dist/esm/components/PropertyList/Styles.js.map +1 -0
  406. package/dist/esm/components/PropertyList/index.d.ts +2 -0
  407. package/dist/esm/components/PropertyList/index.d.ts.map +1 -0
  408. package/dist/esm/components/PropertyList/index.js +2 -0
  409. package/dist/esm/components/PropertyList/index.js.map +1 -0
  410. package/dist/esm/components/ResizeHandle/ResizeHandle.d.ts +11 -0
  411. package/dist/esm/components/ResizeHandle/ResizeHandle.d.ts.map +1 -0
  412. package/dist/esm/components/ResizeHandle/ResizeHandle.js +29 -0
  413. package/dist/esm/components/ResizeHandle/ResizeHandle.js.map +1 -0
  414. package/dist/esm/components/ResizeHandle/Styles.d.ts +7 -0
  415. package/dist/esm/components/ResizeHandle/Styles.d.ts.map +1 -0
  416. package/dist/esm/components/ResizeHandle/Styles.js +19 -0
  417. package/dist/esm/components/ResizeHandle/Styles.js.map +1 -0
  418. package/dist/esm/components/ResizeHandle/index.d.ts +2 -0
  419. package/dist/esm/components/ResizeHandle/index.d.ts.map +1 -0
  420. package/dist/esm/components/ResizeHandle/index.js +2 -0
  421. package/dist/esm/components/ResizeHandle/index.js.map +1 -0
  422. package/dist/esm/components/Section/Section.d.ts +13 -0
  423. package/dist/esm/components/Section/Section.d.ts.map +1 -0
  424. package/dist/esm/components/Section/Section.js +40 -0
  425. package/dist/esm/components/Section/Section.js.map +1 -0
  426. package/dist/esm/components/Section/Styles.d.ts +6 -0
  427. package/dist/esm/components/Section/Styles.d.ts.map +1 -0
  428. package/dist/esm/components/Section/Styles.js +22 -0
  429. package/dist/esm/components/Section/Styles.js.map +1 -0
  430. package/dist/esm/components/Section/index.d.ts +2 -0
  431. package/dist/esm/components/Section/index.d.ts.map +1 -0
  432. package/dist/esm/components/Section/index.js +2 -0
  433. package/dist/esm/components/Section/index.js.map +1 -0
  434. package/dist/esm/components/Sheet/Sheet.d.ts +4 -0
  435. package/dist/esm/components/Sheet/Sheet.d.ts.map +1 -1
  436. package/dist/esm/components/Sheet/Sheet.js +8 -3
  437. package/dist/esm/components/Sheet/Sheet.js.map +1 -1
  438. package/dist/esm/components/Sheet/Styles.d.ts +2 -0
  439. package/dist/esm/components/Sheet/Styles.d.ts.map +1 -1
  440. package/dist/esm/components/Sheet/Styles.js +6 -2
  441. package/dist/esm/components/Sheet/Styles.js.map +1 -1
  442. package/dist/esm/components/Steppers/DateStepper/Styles.d.ts +1 -0
  443. package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
  444. package/dist/esm/components/Typography/Styles.d.ts +2 -2
  445. package/dist/esm/components/Typography/Styles.d.ts.map +1 -1
  446. package/dist/esm/components/Typography/Styles.js +6 -2
  447. package/dist/esm/components/Typography/Styles.js.map +1 -1
  448. package/dist/esm/components/Typography/Typography.d.ts +2 -2
  449. package/dist/esm/components/Typography/Typography.d.ts.map +1 -1
  450. package/dist/esm/components/Typography/Typography.js.map +1 -1
  451. package/dist/esm/components/Typography/Variants/Title3.d.ts +8 -0
  452. package/dist/esm/components/Typography/Variants/Title3.d.ts.map +1 -0
  453. package/dist/esm/components/Typography/Variants/Title3.js +18 -0
  454. package/dist/esm/components/Typography/Variants/Title3.js.map +1 -0
  455. package/dist/esm/components/Typography/index.d.ts +1 -0
  456. package/dist/esm/components/Typography/index.d.ts.map +1 -1
  457. package/dist/esm/components/Typography/index.js +1 -0
  458. package/dist/esm/components/Typography/index.js.map +1 -1
  459. package/dist/esm/components/index.d.ts +13 -0
  460. package/dist/esm/components/index.d.ts.map +1 -1
  461. package/dist/esm/components/index.js +13 -0
  462. package/dist/esm/components/index.js.map +1 -1
  463. package/dist/esm/hooks/index.d.ts +2 -0
  464. package/dist/esm/hooks/index.d.ts.map +1 -1
  465. package/dist/esm/hooks/index.js +2 -0
  466. package/dist/esm/hooks/index.js.map +1 -1
  467. package/dist/esm/hooks/useLongPress.d.ts +23 -0
  468. package/dist/esm/hooks/useLongPress.d.ts.map +1 -0
  469. package/dist/esm/hooks/useLongPress.js +82 -0
  470. package/dist/esm/hooks/useLongPress.js.map +1 -0
  471. package/dist/esm/hooks/useResizablePanel.d.ts +27 -0
  472. package/dist/esm/hooks/useResizablePanel.d.ts.map +1 -0
  473. package/dist/esm/hooks/useResizablePanel.js +98 -0
  474. package/dist/esm/hooks/useResizablePanel.js.map +1 -0
  475. package/dist/esm/utils/useContainerCss.d.ts +2 -0
  476. package/dist/esm/utils/useContainerCss.d.ts.map +1 -0
  477. package/dist/esm/utils/useContainerCss.js +12 -0
  478. package/dist/esm/utils/useContainerCss.js.map +1 -0
  479. package/dist/index.js +3303 -880
  480. package/dist/index.js.map +1 -1
  481. package/dist/index.min.js +1 -1
  482. package/dist/index.min.js.map +1 -1
  483. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","StyledSheetWrapper","props","$mode","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" | \"left\" | \"right\";\n $mode?: \"normal\" | \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: 1000px;\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n}\n\nexport const StyledSheetSurface = styled.div`\n /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n pointer-events: auto;\n display: flex;\n flex-direction: inherit;\n flex: 1 1 auto;\n min-width: 0;\n min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n transform: translateZ(0);\n contain: paint;\n /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n overscroll-behavior: contain;\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","toCssSize","value","StyledSheetWrapper","props","_props$$maxWidth","$mode","$maxWidth","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","$surface","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" | \"left\" | \"right\";\n $mode?: \"normal\" | \"stretch\";\n $maxWidth?: number | string;\n}\n\nconst toCssSize = (value: number | string) =>\n typeof value === \"number\" ? `${value}px` : value;\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: ${toCssSize(props.$maxWidth ?? 1000)};\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n $surface?: \"paper\" | \"sheet\";\n}\n\nexport const StyledSheetSurface = styled.div`\n /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n pointer-events: auto;\n display: flex;\n flex-direction: inherit;\n flex: 1 1 auto;\n min-width: 0;\n min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n transform: translateZ(0);\n contain: paint;\n /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n overscroll-behavior: contain;\n\n ${(props) =>\n props.$surface === \"sheet\" &&\n css`\n background-color: var(--surface-sheet);\n\n @media (min-width: 641px) {\n border-radius: 24px;\n }\n `}\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}
@@ -4,6 +4,7 @@ export declare const StyledButton: import("styled-components").StyledComponent<"
4
4
  export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<import("../..").IMenu>, any, {}, never>;
5
5
  export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
6
  invalid?: boolean;
7
+ appearance?: "default" | "raised";
7
8
  } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
8
9
  export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
9
10
  interface StyledDiv {
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  interface IStyledTypographyProps {
2
- $variant: "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
2
+ $variant: "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
3
3
  $italic: boolean;
4
4
  $tabularNums: boolean;
5
5
  $letterSpacing: "tight" | "regular" | "wide";
@@ -11,7 +11,7 @@ interface IStyledTypographyProps {
11
11
  $whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
12
12
  $wordBreak: "regular" | "smart" | "all";
13
13
  $color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
14
- $weight?: "light" | "regular" | "medium" | "bold";
14
+ $weight?: "light" | "regular" | "medium" | "semibold" | "bold";
15
15
  }
16
16
  export declare const StyledTypography: import("styled-components").StyledComponent<"div", any, IStyledTypographyProps, never>;
17
17
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAiBD,eAAO,MAAM,gBAAgB,wFAyP5B,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CAChE;AAiBD,eAAO,MAAM,gBAAgB,wFA2Q5B,CAAC"}
@@ -42,10 +42,12 @@ const colors = {
42
42
  export const StyledTypography = styled.div.withConfig({
43
43
  displayName: "Styles__StyledTypography",
44
44
  componentId: "sc-mskw5w-0"
45
- })(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
45
+ })(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
46
46
  "fontSize": "2rem"
47
47
  }), props => props.$variant === "Title 2" && css(["", ""], {
48
48
  "fontSize": "1.675rem"
49
+ }), props => props.$variant === "Title 3" && css(["", ""], {
50
+ "fontSize": "1.5rem"
49
51
  }), props => props.$variant === "Header 2" && css(["", ""], {
50
52
  "fontSize": "1.125rem"
51
53
  }), props => (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["", ""], {
@@ -68,12 +70,14 @@ export const StyledTypography = styled.div.withConfig({
68
70
  "lineHeight": "1"
69
71
  }), props => props.$lineHeight === "loose" && css(["", ""], {
70
72
  "lineHeight": "1.625"
71
- }), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$weight === "regular" && css(["", ""], {
73
+ }), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$variant === "Title 3" && props.$lineHeight === "regular" && css(["line-height:2rem;"]), props => props.$weight === "regular" && css(["", ""], {
72
74
  "fontWeight": "400"
73
75
  }), props => props.$weight === "light" && css(["", ""], {
74
76
  "fontWeight": "300"
75
77
  }), props => props.$weight === "medium" && css(["", ""], {
76
78
  "fontWeight": "500"
79
+ }), props => props.$weight === "semibold" && css(["", ""], {
80
+ "fontWeight": "600"
77
81
  }), props => props.$weight === "bold" && css(["", ""], {
78
82
  "fontWeight": "700"
79
83
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Title 2\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-transparent-500`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n ${tw`tw-text-title-1`}\n `}\n ${(props) =>\n props.$variant === \"Title 2\" &&\n css`\n ${tw`tw-text-title-2`}\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n ${tw`tw-text-header-2`}\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n ${tw`tw-text-body-1`}\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n ${tw`tw-text-body-2`}\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n ${tw`tw-text-caption-1`}\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n ${tw`tw-text-caption-2`}\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n ${tw`tw-tracking-regular`}\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n ${tw`tw-tracking-tight`}\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n ${tw`tw-tracking-wide`}\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n ${tw`tw-leading-regular`}\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n ${tw`tw-leading-tight`}\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n ${tw`tw-leading-loose`}\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n ${tw`tw-font-regular`}\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n ${tw`tw-font-light`}\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n ${tw`tw-font-medium`}\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n ${tw`tw-font-bold`}\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Title 2\"\n | \"Title 3\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-transparent-500`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n ${tw`tw-text-title-1`}\n `}\n ${(props) =>\n props.$variant === \"Title 2\" &&\n css`\n ${tw`tw-text-title-2`}\n `}\n ${(props) =>\n props.$variant === \"Title 3\" &&\n css`\n ${tw`tw-text-title-3`}\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n ${tw`tw-text-header-2`}\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n ${tw`tw-text-body-1`}\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n ${tw`tw-text-body-2`}\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n ${tw`tw-text-caption-1`}\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n ${tw`tw-text-caption-2`}\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n ${tw`tw-tracking-regular`}\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n ${tw`tw-tracking-tight`}\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n ${tw`tw-tracking-wide`}\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n ${tw`tw-leading-regular`}\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n ${tw`tw-leading-tight`}\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n ${tw`tw-leading-loose`}\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n // Title 3 stands on a 32px line unless the caller picks another line height.\n ${(props) =>\n props.$variant === \"Title 3\" &&\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 2rem;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n ${tw`tw-font-regular`}\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n ${tw`tw-font-light`}\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n ${tw`tw-font-medium`}\n `}\n ${(props) =>\n props.$weight === \"semibold\" &&\n css`\n ${tw`tw-font-semibold`}\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n ${tw`tw-font-bold`}\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  import React, { HTMLAttributes, ReactNode } from "react";
2
2
  import { PolymorphicComponentPropsWithRef } from "../../utils/types";
3
- export type Variant = "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
3
+ export type Variant = "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
4
4
  export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
5
5
  /** Font color. */
6
6
  color?: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
@@ -29,7 +29,7 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
29
29
  /** Element variant. */
30
30
  variant?: Variant;
31
31
  /** Font weight. */
32
- weight?: "light" | "regular" | "medium" | "bold";
32
+ weight?: "light" | "regular" | "medium" | "semibold" | "bold";
33
33
  /** Font size. */
34
34
  size?: "32" | "18" | "16" | "14" | "12" | "10";
35
35
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjD,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmDlE,CAAC"}
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9D,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmDlE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n | \"Title 1\"\n | \"Title 2\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?: Variant;\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"tight\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA0E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAnBDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAAC,UAAA,GAAAL,IAAA,CACFM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,WAAA,GAAAP,IAAA,CACjBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,gBAAA,GAAAT,IAAA,CACdU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAX,IAAA,CACnBY,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;IAAAE,eAAA,GAAAb,IAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,UAAA,GAAAf,IAAA,CACtBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,eAAA,GAAAjB,IAAA,CACdkB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;IAAAE,cAAA,GAAAnB,IAAA,CACnBoB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,aAAA,GAAArB,IAAA,CACrBsB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAAE,eAAA,GAAAvB,IAAA,CACpBwB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,cAAA,GAAAzB,IAAA,CACtB0B,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,WAAA,GAAA3B,IAAA,CACrB4B,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAClBE,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTC,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n | \"Title 1\"\n | \"Title 2\"\n | \"Title 3\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?: Variant;\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"tight\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA2E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAnBDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAAC,UAAA,GAAAL,IAAA,CACFM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,WAAA,GAAAP,IAAA,CACjBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,gBAAA,GAAAT,IAAA,CACdU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAX,IAAA,CACnBY,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;IAAAE,eAAA,GAAAb,IAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,UAAA,GAAAf,IAAA,CACtBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,eAAA,GAAAjB,IAAA,CACdkB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;IAAAE,cAAA,GAAAnB,IAAA,CACnBoB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,aAAA,GAAArB,IAAA,CACrBsB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAAE,eAAA,GAAAvB,IAAA,CACpBwB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,cAAA,GAAAzB,IAAA,CACtB0B,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,WAAA,GAAA3B,IAAA,CACrB4B,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAClBE,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTC,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { ITypographyProps } from "../Typography";
3
+ export interface ITitle3Props {
4
+ /** Font weight. */
5
+ weight?: "regular" | "medium" | "semibold" | "bold";
6
+ }
7
+ export declare const Title3: React.ForwardRefExoticComponent<ITitle3Props & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
8
+ //# sourceMappingURL=Title3.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACrD;AAED,eAAO,MAAM,MAAM,oIASjB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
+ const _excluded = ["weight", "children"];
4
+ import React, { forwardRef } from "react";
5
+ import { Typography } from "../Typography";
6
+ export const Title3 = /*#__PURE__*/forwardRef((_ref, ref) => {
7
+ let _ref$weight = _ref.weight,
8
+ weight = _ref$weight === void 0 ? "semibold" : _ref$weight,
9
+ children = _ref.children,
10
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
11
+ return /*#__PURE__*/React.createElement(Typography, _extends({
12
+ weight: weight,
13
+ variant: "Title 3",
14
+ ref: ref
15
+ }, props), children);
16
+ });
17
+ Title3.displayName = "Title3";
18
+ //# sourceMappingURL=Title3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title3.js","names":["React","forwardRef","Typography","Title3","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface ITitle3Props {\n /** Font weight. */\n weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nexport const Title3 = forwardRef<\n HTMLDivElement,\n ITitle3Props & Omit<ITypographyProps, keyof ITitle3Props | \"variant\">\n>(({ weight = \"semibold\", children, ...props }, ref) => {\n return (\n <Typography weight={weight} variant=\"Title 3\" ref={ref} {...props}>\n {children}\n </Typography>\n );\n});\n\nTitle3.displayName = \"Title3\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,MAAM,gBAAGF,UAAU,CAG9B,CAAAG,IAAA,EAA8CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAnDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,UAAU,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1C,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACN,MAAM,EAAEA,MAAO;IAACO,OAAO,EAAC,SAAS;IAACT,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC9DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
@@ -1,5 +1,6 @@
1
1
  export * from "./Variants/Title1";
2
2
  export * from "./Variants/Title2";
3
+ export * from "./Variants/Title3";
3
4
  export * from "./Variants/Header2";
4
5
  export * from "./Variants/Header3";
5
6
  export * from "./Variants/Body1";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export * from "./Variants/Title1";
2
2
  export * from "./Variants/Title2";
3
+ export * from "./Variants/Title3";
3
4
  export * from "./Variants/Header2";
4
5
  export * from "./Variants/Header3";
5
6
  export * from "./Variants/Body1";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Title3\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}
@@ -99,4 +99,17 @@ export * from "./Tiles";
99
99
  export * from "./Media";
100
100
  export * from "./TitledText";
101
101
  export * from "./LayoutTokens";
102
+ export * from "./Section";
103
+ export * from "./Collapse";
104
+ export * from "./LabeledDivider";
105
+ export * from "./FloatingPill";
106
+ export * from "./ClampedContent";
107
+ export * from "./ResizeHandle";
108
+ export * from "./ObjectLayout";
109
+ export * from "./ListRow";
110
+ export * from "./FileTile";
111
+ export * from "./EditorFrame";
112
+ export * from "./PropertyList";
113
+ export * from "./MessageBubble";
114
+ export * from "./DockedCard";
102
115
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
@@ -99,4 +99,17 @@ export * from "./Tiles";
99
99
  export * from "./Media";
100
100
  export * from "./TitledText";
101
101
  export * from "./LayoutTokens";
102
+ export * from "./Section";
103
+ export * from "./Collapse";
104
+ export * from "./LabeledDivider";
105
+ export * from "./FloatingPill";
106
+ export * from "./ClampedContent";
107
+ export * from "./ResizeHandle";
108
+ export * from "./ObjectLayout";
109
+ export * from "./ListRow";
110
+ export * from "./FileTile";
111
+ export * from "./EditorFrame";
112
+ export * from "./PropertyList";
113
+ export * from "./MessageBubble";
114
+ export * from "./DockedCard";
102
115
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./CaretButton\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./SideNav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./DrilldownMenu\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioCard\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./PillButton\";\nexport * from \"./PillGroup\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./PortableText\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\nexport * from \"./StepSequence\";\nexport * from \"./StackedCard\";\nexport * from \"./Stack\";\nexport * from \"./Row\";\nexport * from \"./Columns\";\nexport * from \"./Tiles\";\nexport * from \"./Media\";\nexport * from \"./TitledText\";\nexport * from \"./LayoutTokens\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,gBAAgB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./CaretButton\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./SideNav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./DrilldownMenu\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioCard\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./PillButton\";\nexport * from \"./PillGroup\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./PortableText\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\nexport * from \"./StepSequence\";\nexport * from \"./StackedCard\";\nexport * from \"./Stack\";\nexport * from \"./Row\";\nexport * from \"./Columns\";\nexport * from \"./Tiles\";\nexport * from \"./Media\";\nexport * from \"./TitledText\";\nexport * from \"./LayoutTokens\";\nexport * from \"./Section\";\nexport * from \"./Collapse\";\nexport * from \"./LabeledDivider\";\nexport * from \"./FloatingPill\";\nexport * from \"./ClampedContent\";\nexport * from \"./ResizeHandle\";\nexport * from \"./ObjectLayout\";\nexport * from \"./ListRow\";\nexport * from \"./FileTile\";\nexport * from \"./EditorFrame\";\nexport * from \"./PropertyList\";\nexport * from \"./MessageBubble\";\nexport * from \"./DockedCard\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,cAAc","ignoreList":[]}
@@ -1,4 +1,6 @@
1
1
  export * from "./useInitScrollRef";
2
2
  export * from "./useHeight";
3
3
  export * from "./useInputNumber";
4
+ export * from "./useLongPress";
5
+ export * from "./useResizablePanel";
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
@@ -1,4 +1,6 @@
1
1
  export * from "./useInitScrollRef";
2
2
  export * from "./useHeight";
3
3
  export * from "./useInputNumber";
4
+ export * from "./useLongPress";
5
+ export * from "./useResizablePanel";
4
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\nexport * from \"./useInputNumber\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kBAAkB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\nexport * from \"./useInputNumber\";\nexport * from \"./useLongPress\";\nexport * from \"./useResizablePanel\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB","ignoreList":[]}
@@ -0,0 +1,23 @@
1
+ import type React from "react";
2
+ export declare const PRESS_IGNORED = "a, button, img, input, textarea, select, [role='button'], .pre-copy-wrapper";
3
+ export declare const hasSelectedText: () => boolean;
4
+ export interface UseLongPressOptions {
5
+ /** Without it the hook returns no handlers. */
6
+ enabled?: boolean;
7
+ /** The element is a control itself, so a press on it counts. */
8
+ onControls?: boolean;
9
+ /** Time the press must last, in milliseconds. */
10
+ ms?: number;
11
+ /** Movement that cancels the press, in pixels. */
12
+ slop?: number;
13
+ }
14
+ export interface LongPressHandlers {
15
+ onPointerDown?: (event: React.PointerEvent<HTMLElement>) => void;
16
+ onPointerMove?: (event: React.PointerEvent<HTMLElement>) => void;
17
+ onPointerUp?: () => void;
18
+ onPointerLeave?: () => void;
19
+ onPointerCancel?: () => void;
20
+ onContextMenu?: (event: React.MouseEvent<HTMLElement>) => void;
21
+ }
22
+ export declare const useLongPress: (onLongPress?: () => void, { enabled, onControls, ms, slop, }?: UseLongPressOptions) => LongPressHandlers;
23
+ //# sourceMappingURL=useLongPress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,aAAa,gFACqD,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAO,OAIlC,CAAC;AAoBF,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAUD,eAAO,MAAM,YAAY,GACvB,cAAc,MAAM,IAAI,EACxB,qCAKG,mBAAwB,KAC1B,iBA0EF,CAAC"}
@@ -0,0 +1,82 @@
1
+ import { useCallback, useEffect, useMemo, useRef } from "react";
2
+ export const PRESS_IGNORED = "a, button, img, input, textarea, select, [role='button'], .pre-copy-wrapper";
3
+ export const hasSelectedText = () => {
4
+ const selection = window.getSelection == null ? void 0 : window.getSelection();
5
+ return Boolean(selection && !selection.isCollapsed);
6
+ };
7
+
8
+ // A mouse press ends with a click, which must not reach the target.
9
+ const swallowNextClick = () => {
10
+ const swallow = event => {
11
+ event.preventDefault();
12
+ event.stopPropagation();
13
+ };
14
+ document.addEventListener("click", swallow, {
15
+ capture: true,
16
+ once: true
17
+ });
18
+ window.addEventListener("pointerup", () => setTimeout(() => document.removeEventListener("click", swallow, {
19
+ capture: true
20
+ })), {
21
+ once: true
22
+ });
23
+ };
24
+ const NO_HANDLERS = {};
25
+ export const useLongPress = function (onLongPress, _temp) {
26
+ let _ref = _temp === void 0 ? {} : _temp,
27
+ _ref$enabled = _ref.enabled,
28
+ enabled = _ref$enabled === void 0 ? true : _ref$enabled,
29
+ _ref$onControls = _ref.onControls,
30
+ onControls = _ref$onControls === void 0 ? false : _ref$onControls,
31
+ _ref$ms = _ref.ms,
32
+ ms = _ref$ms === void 0 ? 500 : _ref$ms,
33
+ _ref$slop = _ref.slop,
34
+ slop = _ref$slop === void 0 ? 4 : _ref$slop;
35
+ const pressRef = useRef(null);
36
+ const cancel = useCallback(() => {
37
+ var _pressRef$current;
38
+ clearTimeout((_pressRef$current = pressRef.current) == null ? void 0 : _pressRef$current.timer);
39
+ pressRef.current = null;
40
+ }, []);
41
+ useEffect(() => cancel, [cancel]);
42
+ const start = useCallback(event => {
43
+ const control = event.target.closest(PRESS_IGNORED);
44
+ const isOnControl = !onControls && control && control !== event.currentTarget && event.currentTarget.contains(control);
45
+ if (event.button !== 0 || event.ctrlKey || event.metaKey || isOnControl) {
46
+ return;
47
+ }
48
+ cancel();
49
+ pressRef.current = {
50
+ x: event.clientX,
51
+ y: event.clientY,
52
+ timer: setTimeout(() => {
53
+ cancel();
54
+ if (!hasSelectedText()) {
55
+ swallowNextClick();
56
+ onLongPress == null || onLongPress();
57
+ }
58
+ }, ms)
59
+ };
60
+ }, [cancel, ms, onControls, onLongPress]);
61
+ const move = useCallback(event => {
62
+ const press = pressRef.current;
63
+ if (press && Math.hypot(event.clientX - press.x, event.clientY - press.y) > slop) {
64
+ cancel();
65
+ }
66
+ }, [cancel, slop]);
67
+ const preventMenu = useCallback(event => {
68
+ if (pressRef.current) {
69
+ event.preventDefault();
70
+ }
71
+ }, []);
72
+ const handlers = useMemo(() => ({
73
+ onPointerDown: start,
74
+ onPointerMove: move,
75
+ onPointerUp: cancel,
76
+ onPointerLeave: cancel,
77
+ onPointerCancel: cancel,
78
+ onContextMenu: preventMenu
79
+ }), [cancel, move, preventMenu, start]);
80
+ return enabled ? handlers : NO_HANDLERS;
81
+ };
82
+ //# sourceMappingURL=useLongPress.js.map