@veeqo/ui 0.0.1 → 0.0.3

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 (802) hide show
  1. package/.eslintrc.json +105 -0
  2. package/.storybook/Intro.mdx +22 -0
  3. package/.storybook/main.ts +1 -1
  4. package/.storybook/preview.ts +7 -0
  5. package/CHANGELOG.md +21 -0
  6. package/README.md +77 -0
  7. package/jest.config.js +16 -0
  8. package/lib/components/Accordion/Accordion.d.ts +12 -0
  9. package/lib/components/Accordion/index.d.ts +1 -0
  10. package/lib/components/Accordion/styled.d.ts +12 -0
  11. package/lib/components/ActionList/ActionList.d.ts +3 -0
  12. package/lib/components/ActionList/index.d.ts +1 -0
  13. package/lib/components/ActionList/styled.d.ts +15 -0
  14. package/lib/components/ActionList/types.d.ts +19 -0
  15. package/lib/components/Anchor/Anchor.d.ts +9 -0
  16. package/lib/components/Anchor/index.d.ts +1 -0
  17. package/lib/components/Anchor/styled.d.ts +1 -0
  18. package/lib/components/AnimatedDropdown/AnimatedDropdown.d.ts +3 -0
  19. package/lib/components/AnimatedDropdown/components/BasicDropdown.d.ts +5 -0
  20. package/lib/components/AnimatedDropdown/components/styled.d.ts +1 -0
  21. package/lib/components/AnimatedDropdown/index.d.ts +1 -0
  22. package/lib/components/AnimatedDropdown/styled.d.ts +10 -0
  23. package/lib/components/AnimatedDropdown/types.d.ts +14 -0
  24. package/lib/components/Avatar/Avatar.d.ts +3 -0
  25. package/lib/components/Avatar/index.d.ts +1 -0
  26. package/lib/components/Avatar/styled.d.ts +2 -0
  27. package/lib/components/Avatar/types.d.ts +11 -0
  28. package/lib/components/Badge/Badge.d.ts +3 -0
  29. package/lib/components/Badge/index.d.ts +1 -0
  30. package/lib/components/Badge/styled.d.ts +7 -0
  31. package/lib/components/Badge/types.d.ts +35 -0
  32. package/lib/components/Banner/Banner.d.ts +6 -0
  33. package/lib/components/Banner/index.d.ts +1 -0
  34. package/lib/components/Banner/styled.d.ts +7 -0
  35. package/lib/components/Banner/types.d.ts +20 -0
  36. package/lib/components/BaseContainer/BaseContainer.d.ts +1 -0
  37. package/lib/components/BaseContainer/index.d.ts +1 -0
  38. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
  39. package/lib/components/Breadcrumbs/components/Breadcrumb.d.ts +3 -0
  40. package/lib/components/Breadcrumbs/components/styled.d.ts +2 -0
  41. package/lib/components/Breadcrumbs/index.d.ts +1 -0
  42. package/lib/components/Breadcrumbs/types.d.ts +22 -0
  43. package/lib/components/Button/Button.d.ts +3 -0
  44. package/lib/components/Button/components/DropdownIcon.d.ts +2 -0
  45. package/lib/components/Button/components/styled.d.ts +20 -0
  46. package/lib/components/Button/index.d.ts +1 -0
  47. package/lib/components/Button/types.d.ts +18 -0
  48. package/lib/components/Card/Card.d.ts +28 -0
  49. package/lib/components/Card/index.d.ts +1 -0
  50. package/lib/components/Card/styled.d.ts +16 -0
  51. package/lib/components/CardHeader/CardHeader.d.ts +19 -0
  52. package/lib/components/CardHeader/icons/Cross.d.ts +2 -0
  53. package/lib/components/CardHeader/icons/DownArrow.d.ts +2 -0
  54. package/lib/components/CardHeader/icons/UpArrow.d.ts +2 -0
  55. package/lib/components/CardHeader/index.d.ts +1 -0
  56. package/lib/components/CardHeader/styled.d.ts +2 -0
  57. package/lib/components/Checkbox/Checkbox.d.ts +13 -0
  58. package/lib/components/Checkbox/index.d.ts +1 -0
  59. package/lib/components/Checkbox/styled.d.ts +1 -0
  60. package/lib/components/Choice/Choice.d.ts +17 -0
  61. package/lib/components/Choice/components/HelpIcon.d.ts +2 -0
  62. package/lib/components/Choice/components/styled.d.ts +17 -0
  63. package/lib/components/Choice/index.d.ts +1 -0
  64. package/lib/components/ChoiceList/ChoiceList.d.ts +29 -0
  65. package/lib/components/ChoiceList/index.d.ts +1 -0
  66. package/lib/components/ChoiceList/styled.d.ts +2 -0
  67. package/lib/components/CopyToClipboard/CopyToClipboard.d.ts +10 -0
  68. package/lib/components/CopyToClipboard/index.d.ts +1 -0
  69. package/lib/components/DataTable/DataTable.d.ts +21 -0
  70. package/lib/components/DataTable/SkeletonContent/SkeletonContent.d.ts +7 -0
  71. package/lib/components/DataTable/SkeletonContent/index.d.ts +1 -0
  72. package/lib/components/DataTable/SpecificState/SpecificState.d.ts +7 -0
  73. package/lib/components/DataTable/SpecificState/index.d.ts +1 -0
  74. package/lib/components/DataTable/SpecificState/styled.d.ts +8 -0
  75. package/lib/components/DataTable/StickyHeader.d.ts +10 -0
  76. package/lib/components/DataTable/cells/ClickableCell.d.ts +7 -0
  77. package/lib/components/DataTable/cells/EditableCell.d.ts +7 -0
  78. package/lib/components/DataTable/cells/SkeletonCell.d.ts +11 -0
  79. package/lib/components/DataTable/cells/SkeletonHeaderCell.d.ts +8 -0
  80. package/lib/components/DataTable/cells/index.d.ts +3 -0
  81. package/lib/components/DataTable/cells/styled.d.ts +1 -0
  82. package/lib/components/DataTable/icons/DoubleArrowAsc.d.ts +2 -0
  83. package/lib/components/DataTable/icons/DoubleArrowDesc.d.ts +2 -0
  84. package/lib/components/DataTable/icons/DoubleArrowIcon.d.ts +2 -0
  85. package/lib/components/DataTable/index.d.ts +1 -0
  86. package/lib/components/DataTable/styled.d.ts +46 -0
  87. package/lib/components/DataTable/utils/constants.d.ts +9 -0
  88. package/lib/components/DataTable/utils/hooks.d.ts +4 -0
  89. package/lib/components/DataTable/utils/index.d.ts +2 -0
  90. package/lib/components/DataTable/utils/types.d.ts +106 -0
  91. package/lib/components/DataTableExp/DataTable.d.ts +22 -0
  92. package/lib/components/DataTableExp/components/ActionBar.d.ts +9 -0
  93. package/lib/components/DataTableExp/components/Cell.d.ts +7 -0
  94. package/lib/components/DataTableExp/components/ColumnHeader.d.ts +6 -0
  95. package/lib/components/DataTableExp/components/ColumnMenu.d.ts +8 -0
  96. package/lib/components/DataTableExp/components/EmptyBodyContent.d.ts +5 -0
  97. package/lib/components/DataTableExp/components/Header.d.ts +2 -0
  98. package/lib/components/DataTableExp/components/LoadingCellContent.d.ts +1 -0
  99. package/lib/components/DataTableExp/components/NoWrap.d.ts +1 -0
  100. package/lib/components/DataTableExp/components/Row.d.ts +7 -0
  101. package/lib/components/DataTableExp/components/ScrollContainer.d.ts +1 -0
  102. package/lib/components/DataTableExp/components/SelectionCell.d.ts +11 -0
  103. package/lib/components/DataTableExp/components/SelectionHeader.d.ts +3 -0
  104. package/lib/components/DataTableExp/components/StickyHead.d.ts +9 -0
  105. package/lib/components/DataTableExp/components/TableGrid.d.ts +4 -0
  106. package/lib/components/DataTableExp/components/Truncate.d.ts +1 -0
  107. package/lib/components/DataTableExp/components/Wrapper.d.ts +5 -0
  108. package/lib/components/DataTableExp/components/icons/ArrowDown.d.ts +2 -0
  109. package/lib/components/DataTableExp/components/icons/ArrowUp.d.ts +2 -0
  110. package/lib/components/DataTableExp/components/icons/DoubleArrow.d.ts +2 -0
  111. package/lib/components/DataTableExp/components/icons/InfoIcon.d.ts +2 -0
  112. package/lib/components/DataTableExp/components/icons/Reorder.d.ts +2 -0
  113. package/lib/components/DataTableExp/components/icons/Visibility.d.ts +2 -0
  114. package/lib/components/DataTableExp/components/icons/VisibilityOff.d.ts +2 -0
  115. package/lib/components/DataTableExp/constants.d.ts +3 -0
  116. package/lib/components/DataTableExp/hooks/index.d.ts +6 -0
  117. package/lib/components/DataTableExp/hooks/useCellWidths.d.ts +2 -0
  118. package/lib/components/DataTableExp/hooks/useColumns.d.ts +6 -0
  119. package/lib/components/DataTableExp/hooks/useDragToScroll.d.ts +2 -0
  120. package/lib/components/DataTableExp/hooks/useNested.d.ts +7 -0
  121. package/lib/components/DataTableExp/hooks/useScrollPosition.d.ts +6 -0
  122. package/lib/components/DataTableExp/hooks/useSelection.d.ts +12 -0
  123. package/lib/components/DataTableExp/index.d.ts +1 -0
  124. package/lib/components/DataTableExp/renderers/index.d.ts +5 -0
  125. package/lib/components/DataTableExp/renderers/renderCell.d.ts +10 -0
  126. package/lib/components/DataTableExp/renderers/renderFooter.d.ts +13 -0
  127. package/lib/components/DataTableExp/renderers/renderHeader.d.ts +15 -0
  128. package/lib/components/DataTableExp/renderers/renderLoadingCell.d.ts +9 -0
  129. package/lib/components/DataTableExp/renderers/renderNestedCell.d.ts +10 -0
  130. package/lib/components/DataTableExp/types.d.ts +116 -0
  131. package/lib/components/DataTableExp/utils/GetSortIcon.d.ts +9 -0
  132. package/lib/components/DataTableExp/utils/alignmentToFlex.d.ts +2 -0
  133. package/lib/components/DataTableExp/utils/generateTableCss.d.ts +10 -0
  134. package/lib/components/DataTableExp/utils/getNextSortState.d.ts +7 -0
  135. package/lib/components/DataTableExp/utils/getRowState.d.ts +10 -0
  136. package/lib/components/DataTableExp/utils/index.d.ts +6 -0
  137. package/lib/components/DataTableExp/utils/parseWidth.d.ts +1 -0
  138. package/lib/components/DataTableExp/utils/sumAll.d.ts +2 -0
  139. package/lib/components/DescriptionList/DescriptionList.d.ts +11 -0
  140. package/lib/components/DescriptionList/index.d.ts +1 -0
  141. package/lib/components/DetailPage/DetailPage.d.ts +6 -0
  142. package/lib/components/DetailPage/index.d.ts +1 -0
  143. package/lib/components/DetailPage/styled.d.ts +2 -0
  144. package/lib/components/DimensionsInput/DimensionsInput.d.ts +3 -0
  145. package/lib/components/DimensionsInput/index.d.ts +1 -0
  146. package/lib/components/DimensionsInput/styled.d.ts +27 -0
  147. package/lib/components/DimensionsInput/types.d.ts +15 -0
  148. package/lib/components/FilterTag/FilterTag.d.ts +8 -0
  149. package/lib/components/FilterTag/index.d.ts +1 -0
  150. package/lib/components/FilterTag/styled.d.ts +12 -0
  151. package/lib/components/FilterTag/types.d.ts +14 -0
  152. package/lib/components/Grid/index.d.ts +2 -0
  153. package/lib/components/Grid/types.d.ts +8 -0
  154. package/lib/components/Image/Image.d.ts +20 -0
  155. package/lib/components/Image/components/PlaceholderImage.d.ts +2 -0
  156. package/lib/components/Image/components/styled.d.ts +6 -0
  157. package/lib/components/Image/index.d.ts +1 -0
  158. package/lib/components/Image/types.d.ts +6 -0
  159. package/lib/components/Image/utils.d.ts +2 -0
  160. package/lib/components/InputGroup/index.d.ts +1 -0
  161. package/lib/components/Loader/Grid.d.ts +1 -2
  162. package/lib/components/Loader/TailSpin.d.ts +1 -2
  163. package/lib/components/Loader/ThreeDots.d.ts +1 -2
  164. package/lib/components/LoginWithAmazonButton/LoginWithAmazonButton.d.ts +7 -0
  165. package/lib/components/LoginWithAmazonButton/index.d.ts +1 -0
  166. package/lib/components/LoginWithAmazonButton/styled.d.ts +1 -0
  167. package/lib/components/Modal/Modal.d.ts +3 -0
  168. package/lib/components/Modal/components/Dialog/Dialog.d.ts +8 -0
  169. package/lib/components/Modal/components/Dialog/constants.d.ts +44 -0
  170. package/lib/components/Modal/components/Dialog/styled.d.ts +24 -0
  171. package/lib/components/Modal/components/styled.d.ts +5 -0
  172. package/lib/components/Modal/index.d.ts +1 -0
  173. package/lib/components/Modal/types.d.ts +40 -0
  174. package/lib/components/PageHeader/PageHeader.d.ts +29 -0
  175. package/lib/components/PageHeader/index.d.ts +1 -0
  176. package/lib/components/PageHeader/styled.d.ts +16 -0
  177. package/lib/components/Pagination/Pagination.d.ts +3 -0
  178. package/lib/components/Pagination/components/EndArrow.d.ts +2 -0
  179. package/lib/components/Pagination/components/LeftArrow.d.ts +2 -0
  180. package/lib/components/Pagination/components/RightArrow.d.ts +2 -0
  181. package/lib/components/Pagination/components/StartArrow.d.ts +2 -0
  182. package/lib/components/Pagination/components.d.ts +4 -0
  183. package/lib/components/Pagination/hooks/usePagination.d.ts +13 -0
  184. package/lib/components/Pagination/index.d.ts +1 -0
  185. package/lib/components/Pagination/styled.d.ts +22 -0
  186. package/lib/components/Pagination/types.d.ts +8 -0
  187. package/lib/components/PaginationRange/Items/Item/Item.d.ts +3 -0
  188. package/lib/components/PaginationRange/Items/Item/index.d.ts +1 -0
  189. package/lib/components/PaginationRange/Items/Item/styled.d.ts +3 -0
  190. package/lib/components/PaginationRange/Items/Item/types.d.ts +5 -0
  191. package/lib/components/PaginationRange/Items/Items.d.ts +7 -0
  192. package/lib/components/PaginationRange/Items/index.d.ts +1 -0
  193. package/lib/components/PaginationRange/PaginationRange.d.ts +9 -0
  194. package/lib/components/PaginationRange/index.d.ts +1 -0
  195. package/lib/components/PaginationRange/styled.d.ts +6 -0
  196. package/lib/components/PaginationRange/types.d.ts +15 -0
  197. package/lib/components/Popover/Popover.d.ts +15 -0
  198. package/lib/components/Popover/PopoverDemo.d.ts +3 -0
  199. package/lib/components/Popover/index.d.ts +1 -0
  200. package/lib/components/Portal/Portal.d.ts +20 -0
  201. package/lib/components/Portal/index.d.ts +1 -0
  202. package/lib/components/PriceInput/PriceInput.d.ts +3 -0
  203. package/lib/components/PriceInput/index.d.ts +1 -0
  204. package/lib/components/PriceInput/styled.d.ts +29 -0
  205. package/lib/components/PriceInput/types.d.ts +12 -0
  206. package/lib/components/Radio/Radio.d.ts +12 -0
  207. package/lib/components/Radio/index.d.ts +1 -0
  208. package/lib/components/Radio/styled.d.ts +1 -0
  209. package/lib/components/Search/Search.d.ts +3 -0
  210. package/lib/components/Search/index.d.ts +1 -0
  211. package/lib/components/Search/styled.d.ts +26 -0
  212. package/lib/components/Search/types.d.ts +9 -0
  213. package/lib/components/SegmentedControl/SegmentedControl.d.ts +3 -0
  214. package/lib/components/SegmentedControl/index.d.ts +1 -0
  215. package/lib/components/SegmentedControl/styled.d.ts +1 -0
  216. package/lib/components/SegmentedControl/types.d.ts +13 -0
  217. package/lib/components/Select/Select.d.ts +17 -0
  218. package/lib/components/Select/index.d.ts +1 -0
  219. package/lib/components/Select/styled.d.ts +1 -0
  220. package/lib/components/SimpleTable/SimpleTable.d.ts +15 -0
  221. package/lib/components/SimpleTable/index.d.ts +1 -0
  222. package/lib/components/SimpleTable/styled.d.ts +15 -0
  223. package/lib/components/SimpleTable/types.d.ts +6 -0
  224. package/lib/components/Slider/Slider.d.ts +3 -0
  225. package/lib/components/Slider/index.d.ts +1 -0
  226. package/lib/components/Slider/styled.d.ts +8 -0
  227. package/lib/components/Slider/types.d.ts +26 -0
  228. package/lib/components/Stack/Alignments.d.ts +1 -2
  229. package/lib/components/Stack/Stack.d.ts +1 -2
  230. package/lib/components/Stack/types.d.ts +1 -1
  231. package/lib/components/Stepper/Stepper.d.ts +9 -0
  232. package/lib/components/Stepper/index.d.ts +1 -0
  233. package/lib/components/Stepper/styled.d.ts +5 -0
  234. package/lib/components/Tag/Tag.d.ts +5 -0
  235. package/lib/components/Tag/index.d.ts +1 -0
  236. package/lib/components/Text/Text.d.ts +2 -0
  237. package/lib/components/Text/index.d.ts +1 -0
  238. package/lib/components/Text/textVariants.d.ts +4 -0
  239. package/lib/components/Text/types.d.ts +14 -0
  240. package/lib/components/Text/utils.d.ts +2 -0
  241. package/lib/components/TextField/TextField.d.ts +3 -0
  242. package/lib/components/TextField/index.d.ts +20 -0
  243. package/lib/components/TextField/styled.d.ts +2 -0
  244. package/lib/components/TextField/types.d.ts +26 -0
  245. package/lib/components/ToastsLayout/ToastsLayout.d.ts +3 -0
  246. package/lib/components/ToastsLayout/components/Toast.d.ts +3 -0
  247. package/lib/components/ToastsLayout/components/styled.d.ts +10 -0
  248. package/lib/components/ToastsLayout/index.d.ts +1 -0
  249. package/lib/components/ToastsLayout/types.d.ts +38 -0
  250. package/lib/components/Toggle/Toggle.d.ts +6 -0
  251. package/lib/components/Toggle/index.d.ts +1 -0
  252. package/lib/components/Toggle/styled.d.ts +11 -0
  253. package/lib/components/Toggle/types.d.ts +9 -0
  254. package/lib/components/ToggleButton/ToggleButton.d.ts +9 -0
  255. package/lib/components/ToggleButton/index.d.ts +1 -0
  256. package/lib/components/ToggleButton/styled.d.ts +1 -0
  257. package/lib/components/Tooltip/Tooltip.d.ts +2 -0
  258. package/lib/components/Tooltip/index.d.ts +1 -0
  259. package/lib/components/Tooltip/styled.d.ts +8 -0
  260. package/lib/components/Tooltip/types.d.ts +36 -0
  261. package/lib/components/VideoModal/VideoModal.d.ts +3 -0
  262. package/lib/components/VideoModal/VideoModalDemo.d.ts +2 -0
  263. package/lib/components/VideoModal/components/Popup.d.ts +8 -0
  264. package/lib/components/VideoModal/components/styled.d.ts +7 -0
  265. package/lib/components/VideoModal/index.d.ts +1 -0
  266. package/lib/components/VideoModal/styled.d.ts +4 -0
  267. package/lib/components/VideoModal/types.d.ts +9 -0
  268. package/lib/components/View/View.d.ts +11 -0
  269. package/lib/components/View/index.d.ts +1 -0
  270. package/lib/components/View/styled.d.ts +13 -0
  271. package/lib/components/View/types.d.ts +30 -0
  272. package/lib/components/WeightInput/WeightInput.d.ts +3 -0
  273. package/lib/components/WeightInput/index.d.ts +1 -0
  274. package/lib/components/WeightInput/styled.d.ts +26 -0
  275. package/lib/components/WeightInput/types.d.ts +21 -0
  276. package/lib/components/index.d.ts +50 -0
  277. package/lib/components/types.d.ts +20 -0
  278. package/lib/hoc/index.d.ts +2 -0
  279. package/lib/hoc/withDeprecated.d.ts +2 -0
  280. package/lib/hoc/withLabels/HelpIcon.d.ts +2 -0
  281. package/lib/hoc/withLabels/index.d.ts +1 -0
  282. package/lib/hoc/withLabels/styled.d.ts +5 -0
  283. package/lib/hoc/withLabels/withLabels.d.ts +8 -0
  284. package/lib/hooks/index.d.ts +7 -0
  285. package/lib/hooks/useClickOutside.d.ts +5 -0
  286. package/lib/hooks/useDebounce.d.ts +1 -0
  287. package/lib/hooks/useDropdown.d.ts +6 -0
  288. package/lib/hooks/useFocusVisible.d.ts +11 -0
  289. package/lib/hooks/useHover.d.ts +1 -0
  290. package/lib/hooks/useIsOverflowing.d.ts +9 -0
  291. package/lib/hooks/useTabs.d.ts +6 -0
  292. package/lib/index.d.ts +1200 -18
  293. package/lib/index.esm.js +1 -1
  294. package/lib/index.esm.js.map +1 -1
  295. package/lib/index.js +1 -1
  296. package/lib/index.js.map +1 -1
  297. package/lib/tempIcons/ArrowDownIcon.d.ts +2 -0
  298. package/lib/tempIcons/ArrowUpIcon.d.ts +2 -0
  299. package/lib/tempIcons/AttentionIcon.d.ts +2 -0
  300. package/lib/tempIcons/CalendarIcon.d.ts +2 -0
  301. package/lib/tempIcons/ClipboardIcon.d.ts +2 -0
  302. package/lib/tempIcons/CrossIcon.d.ts +2 -0
  303. package/lib/tempIcons/DoubleArrowAscIcon.d.ts +2 -0
  304. package/lib/tempIcons/DoubleArrowDescIcon.d.ts +2 -0
  305. package/lib/tempIcons/DoubleArrowIcon.d.ts +2 -0
  306. package/lib/tempIcons/DoubleArrowIconIcon.d.ts +2 -0
  307. package/lib/tempIcons/DownArrowIcon.d.ts +2 -0
  308. package/lib/tempIcons/DropdownIcon.d.ts +2 -0
  309. package/lib/tempIcons/EditIcon.d.ts +2 -0
  310. package/lib/tempIcons/EndArrowIcon.d.ts +2 -0
  311. package/lib/tempIcons/FailIcon.d.ts +2 -0
  312. package/lib/tempIcons/HelpIcon.d.ts +2 -0
  313. package/lib/tempIcons/InfoIcon.d.ts +2 -0
  314. package/lib/tempIcons/LeftArrowIcon.d.ts +2 -0
  315. package/lib/tempIcons/MergeIcon.d.ts +2 -0
  316. package/lib/tempIcons/MoreHorizIcon.d.ts +2 -0
  317. package/lib/tempIcons/ReorderIcon.d.ts +2 -0
  318. package/lib/tempIcons/RightArrowIcon.d.ts +2 -0
  319. package/lib/tempIcons/SearchIcon.d.ts +2 -0
  320. package/lib/tempIcons/StartArrowIcon.d.ts +2 -0
  321. package/lib/tempIcons/SuccessIcon.d.ts +2 -0
  322. package/lib/tempIcons/UpArrowIcon.d.ts +2 -0
  323. package/lib/tempIcons/VisibilityIcon.d.ts +2 -0
  324. package/lib/tempIcons/VisibilityOffIcon.d.ts +2 -0
  325. package/lib/theme/index.d.ts +2 -2
  326. package/lib/theme/modules/shadows.d.ts +1 -1
  327. package/lib/theme/utils/buildClassnames.d.ts +1 -0
  328. package/lib/theme/utils/color.d.ts +13 -0
  329. package/lib/theme/utils/generateId.d.ts +1 -0
  330. package/lib/theme/utils/index.d.ts +3 -0
  331. package/lib/theme/utils/paginationList.d.ts +4 -0
  332. package/lib/theme/utils/setupIntersectionObserverMock.d.ts +18 -0
  333. package/lib/utils/buildClassnames.d.ts +1 -0
  334. package/lib/utils/color.d.ts +13 -0
  335. package/lib/utils/generateId.d.ts +1 -0
  336. package/lib/utils/index.d.ts +3 -0
  337. package/lib/utils/paginationList.d.ts +4 -0
  338. package/lib/utils/setupIntersectionObserverMock.d.ts +18 -0
  339. package/lib/utils/toMap.d.ts +5 -0
  340. package/package.json +68 -14
  341. package/setupJestMock.js +5 -0
  342. package/setupTests.js +6 -0
  343. package/src/components/Accordion/Accordion.stories.mdx +41 -0
  344. package/src/components/Accordion/Accordion.stories.tsx +29 -0
  345. package/src/components/Accordion/Accordion.test.tsx +34 -0
  346. package/src/components/Accordion/Accordion.tsx +62 -0
  347. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +152 -0
  348. package/src/components/Accordion/index.ts +1 -0
  349. package/src/components/Accordion/styled.ts +102 -0
  350. package/src/components/ActionList/ActionList.stories.tsx +23 -0
  351. package/src/components/ActionList/ActionList.test.tsx +39 -0
  352. package/src/components/ActionList/ActionList.tsx +72 -0
  353. package/src/components/ActionList/__snapshots__/ActionList.test.tsx.snap +247 -0
  354. package/src/components/ActionList/index.ts +1 -0
  355. package/src/components/ActionList/styled.ts +62 -0
  356. package/src/components/ActionList/types.ts +22 -0
  357. package/src/components/Anchor/Anchor.stories.tsx +35 -0
  358. package/src/components/Anchor/Anchor.test.tsx +10 -0
  359. package/src/components/Anchor/Anchor.tsx +17 -0
  360. package/src/components/Anchor/__snapshots__/Anchor.test.tsx.snap +34 -0
  361. package/src/components/Anchor/index.ts +1 -0
  362. package/src/components/Anchor/styled.ts +22 -0
  363. package/src/components/AnimatedDropdown/AnimatedDropdown.stories.tsx +44 -0
  364. package/src/components/AnimatedDropdown/AnimatedDropdown.test.tsx +14 -0
  365. package/src/components/AnimatedDropdown/AnimatedDropdown.tsx +54 -0
  366. package/src/components/AnimatedDropdown/__snapshots__/AnimatedDropdown.test.tsx.snap +117 -0
  367. package/src/components/AnimatedDropdown/components/BasicDropdown.test.tsx +14 -0
  368. package/src/components/AnimatedDropdown/components/BasicDropdown.tsx +17 -0
  369. package/src/components/AnimatedDropdown/components/__snapshots__/BasicDropdown.test.tsx.snap +31 -0
  370. package/src/components/AnimatedDropdown/components/styled.ts +11 -0
  371. package/src/components/AnimatedDropdown/index.ts +1 -0
  372. package/src/components/AnimatedDropdown/styled.ts +51 -0
  373. package/src/components/AnimatedDropdown/types.ts +16 -0
  374. package/src/components/Avatar/Avatar.stories.tsx +30 -0
  375. package/src/components/Avatar/Avatar.test.tsx +10 -0
  376. package/src/components/Avatar/Avatar.tsx +23 -0
  377. package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +47 -0
  378. package/src/components/Avatar/index.ts +1 -0
  379. package/src/components/Avatar/styled.ts +24 -0
  380. package/src/components/Avatar/types.ts +12 -0
  381. package/src/components/Badge/Badge.stories.tsx +29 -0
  382. package/src/components/Badge/Badge.test.tsx +15 -0
  383. package/src/components/Badge/Badge.tsx +33 -0
  384. package/src/components/Badge/__snapshots__/Badge.test.tsx.snap +78 -0
  385. package/src/components/Badge/index.ts +1 -0
  386. package/src/components/Badge/styled.ts +50 -0
  387. package/src/components/Badge/types.ts +43 -0
  388. package/src/components/Banner/Banner.stories.tsx +30 -0
  389. package/src/components/Banner/Banner.test.tsx +10 -0
  390. package/src/components/Banner/Banner.tsx +45 -0
  391. package/src/components/Banner/__snapshots__/Banner.test.tsx.snap +124 -0
  392. package/src/components/Banner/index.ts +1 -0
  393. package/src/components/Banner/styled.ts +49 -0
  394. package/src/components/Banner/types.ts +23 -0
  395. package/src/components/BaseContainer/BaseContainer.test.tsx +10 -0
  396. package/src/components/BaseContainer/BaseContainer.ts +8 -0
  397. package/src/components/BaseContainer/__snapshots__/BaseContainer.test.tsx.snap +18 -0
  398. package/src/components/BaseContainer/index.ts +1 -0
  399. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +43 -0
  400. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +21 -0
  401. package/src/components/Breadcrumbs/Breadcrumbs.tsx +31 -0
  402. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +91 -0
  403. package/src/components/Breadcrumbs/components/Breadcrumb.tsx +20 -0
  404. package/src/components/Breadcrumbs/components/styled.ts +31 -0
  405. package/src/components/Breadcrumbs/index.ts +1 -0
  406. package/src/components/Breadcrumbs/types.ts +23 -0
  407. package/src/components/Button/Button.stories.tsx +111 -0
  408. package/src/components/Button/Button.test.tsx +101 -0
  409. package/src/components/Button/Button.tsx +82 -0
  410. package/src/components/Button/Docs.mdx +19 -0
  411. package/src/components/Button/__snapshots__/Button.test.tsx.snap +1570 -0
  412. package/src/components/Button/components/styled.ts +271 -0
  413. package/src/components/Button/index.ts +1 -0
  414. package/src/components/Button/types.ts +27 -0
  415. package/src/components/Card/Card.stories.tsx +85 -0
  416. package/src/components/Card/Card.test.tsx +26 -0
  417. package/src/components/Card/Card.tsx +88 -0
  418. package/src/components/Card/Docs.mdx +134 -0
  419. package/src/components/Card/__snapshots__/Card.test.tsx.snap +390 -0
  420. package/src/components/Card/index.ts +1 -0
  421. package/src/components/Card/styled.ts +93 -0
  422. package/src/components/CardHeader/CardHeader.stories.tsx +38 -0
  423. package/src/components/CardHeader/CardHeader.test.tsx +12 -0
  424. package/src/components/CardHeader/CardHeader.tsx +63 -0
  425. package/src/components/CardHeader/__snapshots__/CardHeader.test.tsx.snap +218 -0
  426. package/src/components/CardHeader/index.ts +1 -0
  427. package/src/components/CardHeader/styled.ts +30 -0
  428. package/src/components/Checkbox/Checkbox.stories.tsx +64 -0
  429. package/src/components/Checkbox/Checkbox.test.tsx +57 -0
  430. package/src/components/Checkbox/Checkbox.tsx +62 -0
  431. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +129 -0
  432. package/src/components/Checkbox/index.ts +1 -0
  433. package/src/components/Checkbox/styled.ts +67 -0
  434. package/src/components/Choice/Choice.tsx +89 -0
  435. package/src/components/Choice/components/styled.ts +98 -0
  436. package/src/components/Choice/index.ts +1 -0
  437. package/src/components/ChoiceList/ChoiceList.stories.tsx +23 -0
  438. package/src/components/ChoiceList/ChoiceList.test.tsx +39 -0
  439. package/src/components/ChoiceList/ChoiceList.tsx +86 -0
  440. package/src/components/ChoiceList/__snapshots__/ChoiceList.test.tsx.snap +352 -0
  441. package/src/components/ChoiceList/index.ts +1 -0
  442. package/src/components/ChoiceList/styled.ts +23 -0
  443. package/src/components/CopyToClipboard/CopyToClipboard.stories.tsx +18 -0
  444. package/src/components/CopyToClipboard/CopyToClipboard.test.tsx +10 -0
  445. package/src/components/CopyToClipboard/CopyToClipboard.tsx +53 -0
  446. package/src/components/CopyToClipboard/__snapshots__/CopyToClipboard.test.tsx.snap +129 -0
  447. package/src/components/CopyToClipboard/index.ts +1 -0
  448. package/src/components/DataTable/DataTable.stories.tsx +99 -0
  449. package/src/components/DataTable/DataTable.test.tsx +104 -0
  450. package/src/components/DataTable/DataTable.tsx +634 -0
  451. package/src/components/DataTable/DataTableDocs.mdx +625 -0
  452. package/src/components/DataTable/SkeletonContent/SkeletonContent.tsx +46 -0
  453. package/src/components/DataTable/SkeletonContent/index.ts +1 -0
  454. package/src/components/DataTable/SpecificState/SpecificState.tsx +17 -0
  455. package/src/components/DataTable/SpecificState/index.ts +1 -0
  456. package/src/components/DataTable/SpecificState/styled.ts +42 -0
  457. package/src/components/DataTable/StickyHeader.tsx +64 -0
  458. package/src/components/DataTable/__snapshots__/DataTable.test.tsx.snap +439 -0
  459. package/src/components/DataTable/cells/ClickableCell.tsx +21 -0
  460. package/src/components/DataTable/cells/EditableCell.tsx +22 -0
  461. package/src/components/DataTable/cells/SkeletonCell.tsx +17 -0
  462. package/src/components/DataTable/cells/SkeletonHeaderCell.tsx +20 -0
  463. package/src/components/DataTable/cells/index.ts +3 -0
  464. package/src/components/DataTable/cells/styled.ts +25 -0
  465. package/src/components/DataTable/index.ts +1 -0
  466. package/src/components/DataTable/styled.ts +291 -0
  467. package/src/components/DataTable/utils/constants.tsx +25 -0
  468. package/src/components/DataTable/utils/hooks.ts +38 -0
  469. package/src/components/DataTable/utils/index.ts +23 -0
  470. package/src/components/DataTable/utils/types.ts +117 -0
  471. package/src/components/DataTableExp/DataTable.test.tsx +214 -0
  472. package/src/components/DataTableExp/DataTable.tsx +291 -0
  473. package/src/components/DataTableExp/DataTableExp.stories.tsx +329 -0
  474. package/src/components/DataTableExp/Docs.mdx +74 -0
  475. package/src/components/DataTableExp/components/ActionBar.tsx +87 -0
  476. package/src/components/DataTableExp/components/Cell.ts +41 -0
  477. package/src/components/DataTableExp/components/ColumnHeader.tsx +52 -0
  478. package/src/components/DataTableExp/components/ColumnMenu.tsx +96 -0
  479. package/src/components/DataTableExp/components/EmptyBodyContent.ts +23 -0
  480. package/src/components/DataTableExp/components/Header.ts +20 -0
  481. package/src/components/DataTableExp/components/LoadingCellContent.ts +39 -0
  482. package/src/components/DataTableExp/components/NoWrap.ts +5 -0
  483. package/src/components/DataTableExp/components/Row.ts +39 -0
  484. package/src/components/DataTableExp/components/ScrollContainer.ts +8 -0
  485. package/src/components/DataTableExp/components/SelectionCell.tsx +36 -0
  486. package/src/components/DataTableExp/components/SelectionHeader.tsx +20 -0
  487. package/src/components/DataTableExp/components/StickyHead.tsx +134 -0
  488. package/src/components/DataTableExp/components/TableGrid.ts +28 -0
  489. package/src/components/DataTableExp/components/Truncate.ts +7 -0
  490. package/src/components/DataTableExp/components/Wrapper.ts +26 -0
  491. package/src/components/DataTableExp/constants.ts +4 -0
  492. package/src/components/DataTableExp/hooks/index.tsx +6 -0
  493. package/src/components/DataTableExp/hooks/useCellWidths.ts +34 -0
  494. package/src/components/DataTableExp/hooks/useColumns.ts +14 -0
  495. package/src/components/DataTableExp/hooks/useDragToScroll.ts +48 -0
  496. package/src/components/DataTableExp/hooks/useNested.ts +31 -0
  497. package/src/components/DataTableExp/hooks/useScrollPosition.ts +45 -0
  498. package/src/components/DataTableExp/hooks/useSelection.tsx +92 -0
  499. package/src/components/DataTableExp/index.tsx +1 -0
  500. package/src/components/DataTableExp/renderers/index.tsx +5 -0
  501. package/src/components/DataTableExp/renderers/renderCell.ts +31 -0
  502. package/src/components/DataTableExp/renderers/renderFooter.tsx +33 -0
  503. package/src/components/DataTableExp/renderers/renderHeader.tsx +83 -0
  504. package/src/components/DataTableExp/renderers/renderLoadingCell.tsx +29 -0
  505. package/src/components/DataTableExp/renderers/renderNestedCell.tsx +33 -0
  506. package/src/components/DataTableExp/types.ts +168 -0
  507. package/src/components/DataTableExp/utils/GetSortIcon.tsx +24 -0
  508. package/src/components/DataTableExp/utils/alignmentToFlex.ts +14 -0
  509. package/src/components/DataTableExp/utils/generateTableCss.ts +114 -0
  510. package/src/components/DataTableExp/utils/getNextSortState.ts +18 -0
  511. package/src/components/DataTableExp/utils/getRowState.test.ts +33 -0
  512. package/src/components/DataTableExp/utils/getRowState.ts +17 -0
  513. package/src/components/DataTableExp/utils/index.ts +6 -0
  514. package/src/components/DataTableExp/utils/parseWidth.ts +12 -0
  515. package/src/components/DataTableExp/utils/sumAll.ts +7 -0
  516. package/src/components/DescriptionList/DescriptionList.stories.tsx +24 -0
  517. package/src/components/DescriptionList/DescriptionList.test.tsx +16 -0
  518. package/src/components/DescriptionList/DescriptionList.tsx +90 -0
  519. package/src/components/DescriptionList/__snapshots__/DescriptionList.test.tsx.snap +86 -0
  520. package/src/components/DescriptionList/index.ts +1 -0
  521. package/src/components/DetailPage/DetailPage.stories.tsx +45 -0
  522. package/src/components/DetailPage/DetailPage.test.tsx +15 -0
  523. package/src/components/DetailPage/DetailPage.tsx +23 -0
  524. package/src/components/DetailPage/__snapshots__/DetailPage.test.tsx.snap +52 -0
  525. package/src/components/DetailPage/index.ts +1 -0
  526. package/src/components/DetailPage/styled.ts +27 -0
  527. package/src/components/DimensionsInput/DimensionsInput.stories.tsx +33 -0
  528. package/src/components/DimensionsInput/DimensionsInput.test.tsx +98 -0
  529. package/src/components/DimensionsInput/DimensionsInput.tsx +63 -0
  530. package/src/components/DimensionsInput/__snapshots__/DimensionsInput.test.tsx.snap +303 -0
  531. package/src/components/DimensionsInput/index.ts +1 -0
  532. package/src/components/DimensionsInput/styled.ts +66 -0
  533. package/src/components/DimensionsInput/types.ts +16 -0
  534. package/src/components/FilterTag/FilterTag.stories.tsx +32 -0
  535. package/src/components/FilterTag/FilterTag.test.tsx +10 -0
  536. package/src/components/FilterTag/FilterTag.tsx +111 -0
  537. package/src/components/FilterTag/__snapshots__/FilterTag.test.tsx.snap +117 -0
  538. package/src/components/FilterTag/index.ts +1 -0
  539. package/src/components/FilterTag/styled.ts +77 -0
  540. package/src/components/FilterTag/types.ts +15 -0
  541. package/src/components/Grid/Grid.stories.mdx +34 -0
  542. package/src/components/Grid/Grid.test.tsx +14 -0
  543. package/src/components/Grid/__snapshots__/Grid.test.tsx.snap +32 -0
  544. package/src/components/Grid/index.ts +12 -0
  545. package/src/components/Grid/types.ts +10 -0
  546. package/src/components/Image/Image.stories.tsx +20 -0
  547. package/src/components/Image/Image.test.tsx +10 -0
  548. package/src/components/Image/Image.tsx +122 -0
  549. package/src/components/Image/__snapshots__/Image.test.tsx.snap +34 -0
  550. package/src/components/Image/components/PlaceholderImage.tsx +19 -0
  551. package/src/components/Image/components/styled.ts +17 -0
  552. package/src/components/Image/index.ts +1 -0
  553. package/src/components/Image/types.ts +6 -0
  554. package/src/components/Image/utils.ts +8 -0
  555. package/src/components/InputGroup/InputGroup.stories.tsx +33 -0
  556. package/src/components/InputGroup/InputGroup.test.tsx +15 -0
  557. package/src/components/InputGroup/__snapshots__/InputGroup.test.tsx.snap +182 -0
  558. package/src/components/InputGroup/index.ts +46 -0
  559. package/src/components/Loader/Docs.mdx +1 -1
  560. package/src/components/Loader/Grid.tsx +1 -3
  561. package/src/components/Loader/Loader.stories.tsx +1 -1
  562. package/src/components/Loader/Loader.test.tsx +14 -0
  563. package/src/components/Loader/Loader.tsx +5 -5
  564. package/src/components/Loader/TailSpin.tsx +1 -3
  565. package/src/components/Loader/ThreeDots.tsx +1 -3
  566. package/src/components/Loader/__snapshots__/Loader.test.tsx.snap +315 -13
  567. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.stories.tsx +14 -0
  568. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.test.tsx +19 -0
  569. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx +38 -0
  570. package/src/components/LoginWithAmazonButton/index.tsx +1 -0
  571. package/src/components/LoginWithAmazonButton/styled.ts +14 -0
  572. package/src/components/Modal/Modal.stories.tsx +455 -0
  573. package/src/components/Modal/Modal.test.tsx +211 -0
  574. package/src/components/Modal/Modal.tsx +110 -0
  575. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +1940 -0
  576. package/src/components/Modal/components/Dialog/Dialog.tsx +11 -0
  577. package/src/components/Modal/components/Dialog/constants.ts +48 -0
  578. package/src/components/Modal/components/Dialog/styled.ts +104 -0
  579. package/src/components/Modal/components/styled.ts +24 -0
  580. package/src/components/Modal/index.tsx +1 -0
  581. package/src/components/Modal/types.ts +61 -0
  582. package/src/components/PageHeader/PageHeader.test.tsx +40 -0
  583. package/src/components/PageHeader/PageHeader.tsx +119 -0
  584. package/src/components/PageHeader/PageHeaderDocs.mdx +69 -0
  585. package/src/components/PageHeader/__snapshots__/PageHeader.test.tsx.snap +906 -0
  586. package/src/components/PageHeader/index.ts +1 -0
  587. package/src/components/PageHeader/styled.ts +81 -0
  588. package/src/components/Pagination/Docs.mdx +61 -0
  589. package/src/components/Pagination/Pagination.stories.tsx +27 -0
  590. package/src/components/Pagination/Pagination.test.tsx +102 -0
  591. package/src/components/Pagination/Pagination.tsx +105 -0
  592. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +395 -0
  593. package/src/components/Pagination/components.tsx +16 -0
  594. package/src/components/Pagination/hooks/usePagination.ts +88 -0
  595. package/src/components/Pagination/index.ts +1 -0
  596. package/src/components/Pagination/styled.ts +31 -0
  597. package/src/components/Pagination/types.ts +9 -0
  598. package/src/components/PaginationRange/Items/Item/Item.tsx +14 -0
  599. package/src/components/PaginationRange/Items/Item/index.ts +1 -0
  600. package/src/components/PaginationRange/Items/Item/styled.ts +26 -0
  601. package/src/components/PaginationRange/Items/Item/types.ts +6 -0
  602. package/src/components/PaginationRange/Items/Items.tsx +27 -0
  603. package/src/components/PaginationRange/Items/index.ts +1 -0
  604. package/src/components/PaginationRange/PaginationRange.stories.tsx +14 -0
  605. package/src/components/PaginationRange/PaginationRange.test.tsx +10 -0
  606. package/src/components/PaginationRange/PaginationRange.tsx +69 -0
  607. package/src/components/PaginationRange/__snapshots__/PaginationRange.test.tsx.snap +155 -0
  608. package/src/components/PaginationRange/index.ts +1 -0
  609. package/src/components/PaginationRange/styled.ts +39 -0
  610. package/src/components/PaginationRange/types.ts +17 -0
  611. package/src/components/Popover/Popover.test.tsx +87 -0
  612. package/src/components/Popover/Popover.tsx +82 -0
  613. package/src/components/Popover/PopoverDemo.tsx +53 -0
  614. package/src/components/Popover/PopoverDocs.mdx +64 -0
  615. package/src/components/Popover/__snapshots__/Popover.test.tsx.snap +35 -0
  616. package/src/components/Popover/index.ts +1 -0
  617. package/src/components/Portal/Portal.stories.tsx +18 -0
  618. package/src/components/Portal/Portal.tsx +62 -0
  619. package/src/components/Portal/index.ts +1 -0
  620. package/src/components/PriceInput/PriceInput.stories.tsx +36 -0
  621. package/src/components/PriceInput/PriceInput.test.tsx +22 -0
  622. package/src/components/PriceInput/PriceInput.tsx +101 -0
  623. package/src/components/PriceInput/index.tsx +1 -0
  624. package/src/components/PriceInput/styled.ts +116 -0
  625. package/src/components/PriceInput/types.ts +13 -0
  626. package/src/components/Radio/Radio.stories.tsx +57 -0
  627. package/src/components/Radio/Radio.test.tsx +8 -0
  628. package/src/components/Radio/Radio.tsx +39 -0
  629. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +128 -0
  630. package/src/components/Radio/index.ts +1 -0
  631. package/src/components/Radio/styled.ts +58 -0
  632. package/src/components/Search/Search.stories.mdx +23 -0
  633. package/src/components/Search/Search.stories.tsx +31 -0
  634. package/src/components/Search/Search.test.tsx +12 -0
  635. package/src/components/Search/Search.tsx +87 -0
  636. package/src/components/Search/__snapshots__/Search.test.tsx.snap +162 -0
  637. package/src/components/Search/index.ts +1 -0
  638. package/src/components/Search/styled.ts +46 -0
  639. package/src/components/Search/types.ts +10 -0
  640. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +43 -0
  641. package/src/components/SegmentedControl/SegmentedControl.test.tsx +67 -0
  642. package/src/components/SegmentedControl/SegmentedControl.tsx +27 -0
  643. package/src/components/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap +825 -0
  644. package/src/components/SegmentedControl/index.ts +1 -0
  645. package/src/components/SegmentedControl/styled.ts +50 -0
  646. package/src/components/SegmentedControl/types.ts +13 -0
  647. package/src/components/Select/Select.stories.tsx +37 -0
  648. package/src/components/Select/Select.test.tsx +37 -0
  649. package/src/components/Select/Select.tsx +58 -0
  650. package/src/components/Select/__snapshots__/Select.test.tsx.snap +199 -0
  651. package/src/components/Select/index.ts +1 -0
  652. package/src/components/Select/styled.ts +53 -0
  653. package/src/components/SimpleTable/SimpleTable.stories.tsx +60 -0
  654. package/src/components/SimpleTable/SimpleTable.test.tsx +28 -0
  655. package/src/components/SimpleTable/SimpleTable.tsx +18 -0
  656. package/src/components/SimpleTable/__snapshots__/SimpleTable.test.tsx.snap +87 -0
  657. package/src/components/SimpleTable/index.ts +1 -0
  658. package/src/components/SimpleTable/styled.ts +68 -0
  659. package/src/components/SimpleTable/types.ts +7 -0
  660. package/src/components/Slider/Select.stories.tsx +43 -0
  661. package/src/components/Slider/Slider.test.tsx +19 -0
  662. package/src/components/Slider/Slider.tsx +197 -0
  663. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +109 -0
  664. package/src/components/Slider/index.ts +1 -0
  665. package/src/components/Slider/styled.ts +53 -0
  666. package/src/components/Slider/types.ts +30 -0
  667. package/src/components/Stack/Alignments.ts +1 -3
  668. package/src/components/Stack/Stack.test.tsx +46 -0
  669. package/src/components/Stack/Stack.tsx +1 -2
  670. package/src/components/Stack/__snapshots__/Stack.test.tsx.snap +240 -10
  671. package/src/components/Stack/types.ts +1 -1
  672. package/src/components/Stepper/Stepper.stories.tsx +14 -0
  673. package/src/components/Stepper/Stepper.test.tsx +8 -0
  674. package/src/components/Stepper/Stepper.tsx +33 -0
  675. package/src/components/Stepper/__snapshots__/Stepper.test.tsx.snap +142 -0
  676. package/src/components/Stepper/index.ts +1 -0
  677. package/src/components/Stepper/styled.ts +83 -0
  678. package/src/components/Tag/Tag.stories.tsx +43 -0
  679. package/src/components/Tag/Tag.test.tsx +18 -0
  680. package/src/components/Tag/Tag.ts +23 -0
  681. package/src/components/Tag/__snapshots__/Tag.test.tsx.snap +78 -0
  682. package/src/components/Tag/index.ts +1 -0
  683. package/src/components/Text/Docs.mdx +112 -0
  684. package/src/components/Text/Text.stories.tsx +27 -0
  685. package/src/components/Text/Text.test.tsx +38 -0
  686. package/src/components/Text/Text.ts +44 -0
  687. package/src/components/Text/__snapshots__/Text.test.tsx.snap +1158 -0
  688. package/src/components/Text/index.ts +1 -0
  689. package/src/components/Text/textVariants.ts +41 -0
  690. package/src/components/Text/types.ts +33 -0
  691. package/src/components/Text/utils.ts +23 -0
  692. package/src/components/TextField/Docs.mdx +14 -0
  693. package/src/components/TextField/TextField.stories.tsx +38 -0
  694. package/src/components/TextField/TextField.test.tsx +27 -0
  695. package/src/components/TextField/TextField.tsx +92 -0
  696. package/src/components/TextField/__snapshots__/TextField.test.tsx.snap +205 -0
  697. package/src/components/TextField/index.ts +4 -0
  698. package/src/components/TextField/styled.ts +95 -0
  699. package/src/components/TextField/types.ts +41 -0
  700. package/src/components/ToastsLayout/ToastsLayout.stories.tsx +88 -0
  701. package/src/components/ToastsLayout/ToastsLayout.tsx +39 -0
  702. package/src/components/ToastsLayout/components/Toast.tsx +78 -0
  703. package/src/components/ToastsLayout/components/styled.ts +76 -0
  704. package/src/components/ToastsLayout/index.ts +1 -0
  705. package/src/components/ToastsLayout/types.ts +41 -0
  706. package/src/components/Toggle/Toggle.stories.tsx +41 -0
  707. package/src/components/Toggle/Toggle.test.tsx +57 -0
  708. package/src/components/Toggle/Toggle.tsx +31 -0
  709. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +219 -0
  710. package/src/components/Toggle/index.ts +1 -0
  711. package/src/components/Toggle/styled.ts +84 -0
  712. package/src/components/Toggle/types.ts +10 -0
  713. package/src/components/ToggleButton/ToggleButton.stories.tsx +19 -0
  714. package/src/components/ToggleButton/ToggleButton.test.tsx +12 -0
  715. package/src/components/ToggleButton/ToggleButton.tsx +31 -0
  716. package/src/components/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap +83 -0
  717. package/src/components/ToggleButton/index.ts +1 -0
  718. package/src/components/ToggleButton/styled.ts +92 -0
  719. package/src/components/Tooltip/Docs.mdx +14 -0
  720. package/src/components/Tooltip/Tooltip.stories.tsx +26 -0
  721. package/src/components/Tooltip/Tooltip.test.tsx +25 -0
  722. package/src/components/Tooltip/Tooltip.tsx +95 -0
  723. package/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap +17 -0
  724. package/src/components/Tooltip/index.ts +1 -0
  725. package/src/components/Tooltip/styled.ts +74 -0
  726. package/src/components/Tooltip/types.ts +44 -0
  727. package/src/components/VideoModal/VideoModal.stories.tsx +36 -0
  728. package/src/components/VideoModal/VideoModal.test.tsx +36 -0
  729. package/src/components/VideoModal/VideoModal.tsx +40 -0
  730. package/src/components/VideoModal/VideoModalDemo.tsx +19 -0
  731. package/src/components/VideoModal/__snapshots__/VideoModal.test.tsx.snap +165 -0
  732. package/src/components/VideoModal/components/Popup.tsx +44 -0
  733. package/src/components/VideoModal/components/styled.ts +34 -0
  734. package/src/components/VideoModal/index.ts +1 -0
  735. package/src/components/VideoModal/styled.ts +24 -0
  736. package/src/components/VideoModal/types.ts +9 -0
  737. package/src/components/View/View.stories.tsx +26 -0
  738. package/src/components/View/View.test.tsx +10 -0
  739. package/src/components/View/View.tsx +120 -0
  740. package/src/components/View/__snapshots__/View.test.tsx.snap +80 -0
  741. package/src/components/View/index.ts +1 -0
  742. package/src/components/View/styled.ts +82 -0
  743. package/src/components/View/types.ts +42 -0
  744. package/src/components/WeightInput/WeightInput.stories.tsx +26 -0
  745. package/src/components/WeightInput/WeightInput.test.tsx +11 -0
  746. package/src/components/WeightInput/WeightInput.tsx +66 -0
  747. package/src/components/WeightInput/__snapshots__/WeightInput.test.tsx.snap +272 -0
  748. package/src/components/WeightInput/index.ts +1 -0
  749. package/src/components/WeightInput/styled.ts +39 -0
  750. package/src/components/WeightInput/types.ts +31 -0
  751. package/src/components/index.ts +50 -0
  752. package/src/components/types.ts +23 -0
  753. package/src/hoc/index.ts +2 -0
  754. package/src/hoc/withDeprecated.tsx +11 -0
  755. package/src/hoc/withLabels/index.ts +1 -0
  756. package/src/hoc/withLabels/styled.ts +54 -0
  757. package/src/hoc/withLabels/withLabels.tsx +46 -0
  758. package/src/hooks/index.ts +7 -0
  759. package/src/hooks/useClickOutside.ts +40 -0
  760. package/src/hooks/useDebounce.ts +15 -0
  761. package/src/hooks/useDropdown.ts +22 -0
  762. package/src/hooks/useFocusVisible.tsx +157 -0
  763. package/src/hooks/useHover.ts +9 -0
  764. package/src/hooks/useIsOverflowing.ts +32 -0
  765. package/src/hooks/useTabs.ts +24 -0
  766. package/src/index.ts +3 -0
  767. package/src/tempIcons/ArrowDownIcon.tsx +12 -0
  768. package/src/tempIcons/ArrowUpIcon.tsx +12 -0
  769. package/src/tempIcons/AttentionIcon.tsx +12 -0
  770. package/src/tempIcons/CalendarIcon.tsx +12 -0
  771. package/src/tempIcons/ClipboardIcon.tsx +10 -0
  772. package/src/tempIcons/CrossIcon.tsx +20 -0
  773. package/src/tempIcons/DoubleArrowAscIcon.tsx +8 -0
  774. package/src/tempIcons/DoubleArrowDescIcon.tsx +8 -0
  775. package/src/tempIcons/DoubleArrowIcon.tsx +8 -0
  776. package/src/tempIcons/DoubleArrowIconIcon.tsx +8 -0
  777. package/src/tempIcons/DownArrowIcon.tsx +20 -0
  778. package/src/tempIcons/DropdownIcon.tsx +14 -0
  779. package/src/tempIcons/EditIcon.tsx +12 -0
  780. package/src/tempIcons/EndArrowIcon.tsx +18 -0
  781. package/src/tempIcons/FailIcon.tsx +12 -0
  782. package/src/tempIcons/HelpIcon.tsx +12 -0
  783. package/src/tempIcons/InfoIcon.tsx +14 -0
  784. package/src/tempIcons/LeftArrowIcon.tsx +12 -0
  785. package/src/tempIcons/MergeIcon.tsx +12 -0
  786. package/src/tempIcons/MoreHorizIcon.tsx +10 -0
  787. package/src/tempIcons/ReorderIcon.tsx +10 -0
  788. package/src/tempIcons/RightArrowIcon.tsx +12 -0
  789. package/src/tempIcons/SearchIcon.tsx +12 -0
  790. package/src/tempIcons/StartArrowIcon.tsx +16 -0
  791. package/src/tempIcons/SuccessIcon.tsx +12 -0
  792. package/src/tempIcons/UpArrowIcon.tsx +20 -0
  793. package/src/tempIcons/VisibilityIcon.tsx +10 -0
  794. package/src/tempIcons/VisibilityOffIcon.tsx +10 -0
  795. package/src/theme/index.ts +2 -2
  796. package/src/theme/modules/shadows.ts +1 -1
  797. package/src/utils/buildClassnames.ts +2 -0
  798. package/src/utils/color.ts +27 -0
  799. package/src/utils/generateId.ts +4 -0
  800. package/src/utils/index.ts +3 -0
  801. package/src/utils/paginationList.ts +6 -0
  802. package/src/utils/setupIntersectionObserverMock.ts +46 -0
package/src/components/Text/__snapshots__/Text.test.tsx.snap ADDED
@@ -0,0 +1,1158 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Text allows a variants tag to be overriden 1`] = `
4
+ .c0 {
5
+ box-sizing: border-box;
6
+ display: inline-block;
7
+ margin: 0;
8
+ padding: 0;
9
+ font-style: normal;
10
+ font-weight: normal;
11
+ font-size: 12px;
12
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
13
+ line-height: 16px;
14
+ color: #37424d;
15
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
16
+ font-style: normal;
17
+ font-weight: 600;
18
+ font-size: 40px;
19
+ line-height: 56px;
20
+ color: #37424D;
21
+ -webkit-text-decoration: none;
22
+ text-decoration: none;
23
+ -webkit-letter-spacing: -0.022rem;
24
+ -moz-letter-spacing: -0.022rem;
25
+ -ms-letter-spacing: -0.022rem;
26
+ letter-spacing: -0.022rem;
27
+ }
28
+
29
+ <div>
30
+ <h6
31
+ class="c0"
32
+ >
33
+ Variant: headingXXL override to h6
34
+ </h6>
35
+ </div>
36
+ `;
37
+
38
+ exports[`Text it renders $deprecatedVariant correctly 1`] = `
39
+ .c0 {
40
+ box-sizing: border-box;
41
+ display: inline-block;
42
+ margin: 0;
43
+ padding: 0;
44
+ font-style: normal;
45
+ font-weight: normal;
46
+ font-size: 12px;
47
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
48
+ line-height: 16px;
49
+ color: #37424d;
50
+ cursor: pointer;
51
+ background-color: transparent;
52
+ border: 0;
53
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
54
+ font-style: normal;
55
+ font-weight: 600;
56
+ font-size: 16px;
57
+ line-height: 24px;
58
+ color: #0079D1;
59
+ -webkit-text-decoration: none;
60
+ text-decoration: none;
61
+ -webkit-letter-spacing: -0.011rem;
62
+ -moz-letter-spacing: -0.011rem;
63
+ -ms-letter-spacing: -0.011rem;
64
+ letter-spacing: -0.011rem;
65
+ }
66
+
67
+ <div>
68
+ <button
69
+ class="c0"
70
+ >
71
+ Deprecated Variant:
72
+ button
73
+ </button>
74
+ </div>
75
+ `;
76
+
77
+ exports[`Text it renders $deprecatedVariant correctly 2`] = `
78
+ .c0 {
79
+ box-sizing: border-box;
80
+ display: inline-block;
81
+ margin: 0;
82
+ padding: 0;
83
+ font-style: normal;
84
+ font-weight: normal;
85
+ font-size: 12px;
86
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
87
+ line-height: 16px;
88
+ color: #37424d;
89
+ cursor: pointer;
90
+ background-color: transparent;
91
+ border: 0;
92
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
93
+ font-style: normal;
94
+ font-weight: 600;
95
+ font-size: 14px;
96
+ line-height: 20px;
97
+ color: #0079D1;
98
+ -webkit-text-decoration: none;
99
+ text-decoration: none;
100
+ -webkit-letter-spacing: -0.006rem;
101
+ -moz-letter-spacing: -0.006rem;
102
+ -ms-letter-spacing: -0.006rem;
103
+ letter-spacing: -0.006rem;
104
+ }
105
+
106
+ <div>
107
+ <button
108
+ class="c0"
109
+ >
110
+ Deprecated Variant:
111
+ buttonSmall
112
+ </button>
113
+ </div>
114
+ `;
115
+
116
+ exports[`Text it renders $deprecatedVariant correctly 3`] = `
117
+ .c0 {
118
+ box-sizing: border-box;
119
+ display: inline-block;
120
+ margin: 0;
121
+ padding: 0;
122
+ font-style: normal;
123
+ font-weight: normal;
124
+ font-size: 12px;
125
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
126
+ line-height: 16px;
127
+ color: #37424d;
128
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
129
+ font-style: normal;
130
+ font-weight: normal;
131
+ font-size: 20px;
132
+ line-height: 28px;
133
+ color: #0079D1;
134
+ -webkit-text-decoration: underline;
135
+ text-decoration: underline;
136
+ -webkit-letter-spacing: -0.017rem;
137
+ -moz-letter-spacing: -0.017rem;
138
+ -ms-letter-spacing: -0.017rem;
139
+ letter-spacing: -0.017rem;
140
+ }
141
+
142
+ <div>
143
+ <span
144
+ class="c0"
145
+ >
146
+ Deprecated Variant:
147
+ linkLarge
148
+ </span>
149
+ </div>
150
+ `;
151
+
152
+ exports[`Text it renders $deprecatedVariant correctly 4`] = `
153
+ .c0 {
154
+ box-sizing: border-box;
155
+ display: inline-block;
156
+ margin: 0;
157
+ padding: 0;
158
+ font-style: normal;
159
+ font-weight: normal;
160
+ font-size: 12px;
161
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
162
+ line-height: 16px;
163
+ color: #37424d;
164
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
165
+ font-style: normal;
166
+ font-weight: normal;
167
+ font-size: 16px;
168
+ line-height: 24px;
169
+ color: #0079D1;
170
+ -webkit-text-decoration: underline;
171
+ text-decoration: underline;
172
+ -webkit-letter-spacing: -0.011rem;
173
+ -moz-letter-spacing: -0.011rem;
174
+ -ms-letter-spacing: -0.011rem;
175
+ letter-spacing: -0.011rem;
176
+ }
177
+
178
+ <div>
179
+ <span
180
+ class="c0"
181
+ >
182
+ Deprecated Variant:
183
+ linkMedium
184
+ </span>
185
+ </div>
186
+ `;
187
+
188
+ exports[`Text it renders $deprecatedVariant correctly 5`] = `
189
+ .c0 {
190
+ box-sizing: border-box;
191
+ display: inline-block;
192
+ margin: 0;
193
+ padding: 0;
194
+ font-style: normal;
195
+ font-weight: normal;
196
+ font-size: 12px;
197
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
198
+ line-height: 16px;
199
+ color: #37424d;
200
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
201
+ font-style: normal;
202
+ font-weight: normal;
203
+ font-size: 14px;
204
+ line-height: 20px;
205
+ color: #0079D1;
206
+ -webkit-text-decoration: underline;
207
+ text-decoration: underline;
208
+ -webkit-letter-spacing: -0.006rem;
209
+ -moz-letter-spacing: -0.006rem;
210
+ -ms-letter-spacing: -0.006rem;
211
+ letter-spacing: -0.006rem;
212
+ }
213
+
214
+ <div>
215
+ <span
216
+ class="c0"
217
+ >
218
+ Deprecated Variant:
219
+ link
220
+ </span>
221
+ </div>
222
+ `;
223
+
224
+ exports[`Text it renders $deprecatedVariant correctly 6`] = `
225
+ .c0 {
226
+ box-sizing: border-box;
227
+ display: inline-block;
228
+ margin: 0;
229
+ padding: 0;
230
+ font-style: normal;
231
+ font-weight: normal;
232
+ font-size: 12px;
233
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
234
+ line-height: 16px;
235
+ color: #37424d;
236
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
237
+ font-style: normal;
238
+ font-weight: normal;
239
+ font-size: 12px;
240
+ line-height: 16px;
241
+ color: #0079D1;
242
+ -webkit-text-decoration: underline;
243
+ text-decoration: underline;
244
+ -webkit-letter-spacing: 0;
245
+ -moz-letter-spacing: 0;
246
+ -ms-letter-spacing: 0;
247
+ letter-spacing: 0;
248
+ }
249
+
250
+ <div>
251
+ <span
252
+ class="c0"
253
+ >
254
+ Deprecated Variant:
255
+ linkSmall
256
+ </span>
257
+ </div>
258
+ `;
259
+
260
+ exports[`Text it renders $variant correctly 1`] = `
261
+ .c0 {
262
+ box-sizing: border-box;
263
+ display: inline-block;
264
+ margin: 0;
265
+ padding: 0;
266
+ font-style: normal;
267
+ font-weight: normal;
268
+ font-size: 12px;
269
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
270
+ line-height: 16px;
271
+ color: #37424d;
272
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
273
+ font-style: normal;
274
+ font-weight: 600;
275
+ font-size: 40px;
276
+ line-height: 56px;
277
+ color: #37424D;
278
+ -webkit-text-decoration: none;
279
+ text-decoration: none;
280
+ -webkit-letter-spacing: -0.022rem;
281
+ -moz-letter-spacing: -0.022rem;
282
+ -ms-letter-spacing: -0.022rem;
283
+ letter-spacing: -0.022rem;
284
+ }
285
+
286
+ <div>
287
+ <h1
288
+ class="c0"
289
+ >
290
+ Variant:
291
+ headingXXL
292
+ </h1>
293
+ </div>
294
+ `;
295
+
296
+ exports[`Text it renders $variant correctly 2`] = `
297
+ .c0 {
298
+ box-sizing: border-box;
299
+ display: inline-block;
300
+ margin: 0;
301
+ padding: 0;
302
+ font-style: normal;
303
+ font-weight: normal;
304
+ font-size: 12px;
305
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
306
+ line-height: 16px;
307
+ color: #37424d;
308
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
309
+ font-style: normal;
310
+ font-weight: 600;
311
+ font-size: 28px;
312
+ line-height: 40px;
313
+ color: #37424D;
314
+ -webkit-text-decoration: none;
315
+ text-decoration: none;
316
+ -webkit-letter-spacing: -0.02rem;
317
+ -moz-letter-spacing: -0.02rem;
318
+ -ms-letter-spacing: -0.02rem;
319
+ letter-spacing: -0.02rem;
320
+ }
321
+
322
+ <div>
323
+ <h1
324
+ class="c0"
325
+ >
326
+ Variant:
327
+ headingXL
328
+ </h1>
329
+ </div>
330
+ `;
331
+
332
+ exports[`Text it renders $variant correctly 3`] = `
333
+ .c0 {
334
+ box-sizing: border-box;
335
+ display: inline-block;
336
+ margin: 0;
337
+ padding: 0;
338
+ font-style: normal;
339
+ font-weight: normal;
340
+ font-size: 12px;
341
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
342
+ line-height: 16px;
343
+ color: #37424d;
344
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
345
+ font-style: normal;
346
+ font-weight: 600;
347
+ font-size: 24px;
348
+ line-height: 32px;
349
+ color: #37424D;
350
+ -webkit-text-decoration: none;
351
+ text-decoration: none;
352
+ -webkit-letter-spacing: -0.019rem;
353
+ -moz-letter-spacing: -0.019rem;
354
+ -ms-letter-spacing: -0.019rem;
355
+ letter-spacing: -0.019rem;
356
+ }
357
+
358
+ <div>
359
+ <h2
360
+ class="c0"
361
+ >
362
+ Variant:
363
+ headingLarge
364
+ </h2>
365
+ </div>
366
+ `;
367
+
368
+ exports[`Text it renders $variant correctly 4`] = `
369
+ .c0 {
370
+ box-sizing: border-box;
371
+ display: inline-block;
372
+ margin: 0;
373
+ padding: 0;
374
+ font-style: normal;
375
+ font-weight: normal;
376
+ font-size: 12px;
377
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
378
+ line-height: 16px;
379
+ color: #37424d;
380
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
381
+ font-style: normal;
382
+ font-weight: 600;
383
+ font-size: 20px;
384
+ line-height: 28px;
385
+ color: #37424D;
386
+ -webkit-text-decoration: none;
387
+ text-decoration: none;
388
+ -webkit-letter-spacing: -0.017rem;
389
+ -moz-letter-spacing: -0.017rem;
390
+ -ms-letter-spacing: -0.017rem;
391
+ letter-spacing: -0.017rem;
392
+ }
393
+
394
+ <div>
395
+ <h3
396
+ class="c0"
397
+ >
398
+ Variant:
399
+ headingMedium
400
+ </h3>
401
+ </div>
402
+ `;
403
+
404
+ exports[`Text it renders $variant correctly 5`] = `
405
+ .c0 {
406
+ box-sizing: border-box;
407
+ display: inline-block;
408
+ margin: 0;
409
+ padding: 0;
410
+ font-style: normal;
411
+ font-weight: normal;
412
+ font-size: 12px;
413
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
414
+ line-height: 16px;
415
+ color: #37424d;
416
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
417
+ font-style: normal;
418
+ font-weight: 600;
419
+ font-size: 16px;
420
+ line-height: 20px;
421
+ color: #37424D;
422
+ -webkit-text-decoration: none;
423
+ text-decoration: none;
424
+ -webkit-letter-spacing: -0.011rem;
425
+ -moz-letter-spacing: -0.011rem;
426
+ -ms-letter-spacing: -0.011rem;
427
+ letter-spacing: -0.011rem;
428
+ }
429
+
430
+ <div>
431
+ <h3
432
+ class="c0"
433
+ >
434
+ Variant:
435
+ headingSmall
436
+ </h3>
437
+ </div>
438
+ `;
439
+
440
+ exports[`Text it renders $variant correctly 6`] = `
441
+ .c0 {
442
+ box-sizing: border-box;
443
+ display: inline-block;
444
+ margin: 0;
445
+ padding: 0;
446
+ font-style: normal;
447
+ font-weight: normal;
448
+ font-size: 12px;
449
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
450
+ line-height: 16px;
451
+ color: #37424d;
452
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
453
+ font-style: normal;
454
+ font-weight: 600;
455
+ font-size: 12px;
456
+ line-height: 16px;
457
+ color: #37424D;
458
+ -webkit-text-decoration: none;
459
+ text-decoration: none;
460
+ -webkit-letter-spacing: 0;
461
+ -moz-letter-spacing: 0;
462
+ -ms-letter-spacing: 0;
463
+ letter-spacing: 0;
464
+ }
465
+
466
+ <div>
467
+ <span
468
+ class="c0"
469
+ >
470
+ Variant:
471
+ headingTable
472
+ </span>
473
+ </div>
474
+ `;
475
+
476
+ exports[`Text it renders $variant correctly 7`] = `
477
+ .c0 {
478
+ box-sizing: border-box;
479
+ display: inline-block;
480
+ margin: 0;
481
+ padding: 0;
482
+ font-style: normal;
483
+ font-weight: normal;
484
+ font-size: 12px;
485
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
486
+ line-height: 16px;
487
+ color: #37424d;
488
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
489
+ font-style: normal;
490
+ font-weight: normal;
491
+ font-size: 20px;
492
+ line-height: 28px;
493
+ color: #637381;
494
+ -webkit-text-decoration: none;
495
+ text-decoration: none;
496
+ -webkit-letter-spacing: -0.017rem;
497
+ -moz-letter-spacing: -0.017rem;
498
+ -ms-letter-spacing: -0.017rem;
499
+ letter-spacing: -0.017rem;
500
+ }
501
+
502
+ <div>
503
+ <span
504
+ class="c0"
505
+ >
506
+ Variant:
507
+ subheadingLarge
508
+ </span>
509
+ </div>
510
+ `;
511
+
512
+ exports[`Text it renders $variant correctly 8`] = `
513
+ .c0 {
514
+ box-sizing: border-box;
515
+ display: inline-block;
516
+ margin: 0;
517
+ padding: 0;
518
+ font-style: normal;
519
+ font-weight: normal;
520
+ font-size: 12px;
521
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
522
+ line-height: 16px;
523
+ color: #37424d;
524
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
525
+ font-style: normal;
526
+ font-weight: normal;
527
+ font-size: 16px;
528
+ line-height: 24px;
529
+ color: #637381;
530
+ -webkit-text-decoration: none;
531
+ text-decoration: none;
532
+ -webkit-letter-spacing: -0.011rem;
533
+ -moz-letter-spacing: -0.011rem;
534
+ -ms-letter-spacing: -0.011rem;
535
+ letter-spacing: -0.011rem;
536
+ }
537
+
538
+ <div>
539
+ <span
540
+ class="c0"
541
+ >
542
+ Variant:
543
+ subheadingMedium
544
+ </span>
545
+ </div>
546
+ `;
547
+
548
+ exports[`Text it renders $variant correctly 9`] = `
549
+ .c0 {
550
+ box-sizing: border-box;
551
+ display: inline-block;
552
+ margin: 0;
553
+ padding: 0;
554
+ font-style: normal;
555
+ font-weight: normal;
556
+ font-size: 12px;
557
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
558
+ line-height: 16px;
559
+ color: #37424d;
560
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
561
+ font-style: normal;
562
+ font-weight: normal;
563
+ font-size: 12px;
564
+ line-height: 16px;
565
+ color: #637381;
566
+ -webkit-text-decoration: none;
567
+ text-decoration: none;
568
+ -webkit-letter-spacing: 0;
569
+ -moz-letter-spacing: 0;
570
+ -ms-letter-spacing: 0;
571
+ letter-spacing: 0;
572
+ }
573
+
574
+ <div>
575
+ <span
576
+ class="c0"
577
+ >
578
+ Variant:
579
+ subheadingSmall
580
+ </span>
581
+ </div>
582
+ `;
583
+
584
+ exports[`Text it renders $variant correctly 10`] = `
585
+ .c0 {
586
+ box-sizing: border-box;
587
+ display: inline-block;
588
+ margin: 0;
589
+ padding: 0;
590
+ font-style: normal;
591
+ font-weight: normal;
592
+ font-size: 12px;
593
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
594
+ line-height: 16px;
595
+ color: #37424d;
596
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
597
+ font-style: normal;
598
+ font-weight: 600;
599
+ font-size: 12px;
600
+ line-height: 16px;
601
+ color: #37424D;
602
+ -webkit-text-decoration: none;
603
+ text-decoration: none;
604
+ -webkit-letter-spacing: 0;
605
+ -moz-letter-spacing: 0;
606
+ -ms-letter-spacing: 0;
607
+ letter-spacing: 0;
608
+ }
609
+
610
+ <div>
611
+ <span
612
+ class="c0"
613
+ >
614
+ Variant:
615
+ subheadingSmallBold
616
+ </span>
617
+ </div>
618
+ `;
619
+
620
+ exports[`Text it renders $variant correctly 11`] = `
621
+ .c0 {
622
+ box-sizing: border-box;
623
+ display: inline-block;
624
+ margin: 0;
625
+ padding: 0;
626
+ font-style: normal;
627
+ font-weight: normal;
628
+ font-size: 12px;
629
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
630
+ line-height: 16px;
631
+ color: #37424d;
632
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
633
+ font-style: normal;
634
+ font-weight: normal;
635
+ font-size: 14px;
636
+ line-height: 20px;
637
+ color: #37424D;
638
+ -webkit-text-decoration: none;
639
+ text-decoration: none;
640
+ -webkit-letter-spacing: -0.006rem;
641
+ -moz-letter-spacing: -0.006rem;
642
+ -ms-letter-spacing: -0.006rem;
643
+ letter-spacing: -0.006rem;
644
+ }
645
+
646
+ <div>
647
+ <span
648
+ class="c0"
649
+ >
650
+ Variant:
651
+ body
652
+ </span>
653
+ </div>
654
+ `;
655
+
656
+ exports[`Text it renders $variant correctly 12`] = `
657
+ .c0 {
658
+ box-sizing: border-box;
659
+ display: inline-block;
660
+ margin: 0;
661
+ padding: 0;
662
+ font-style: normal;
663
+ font-weight: normal;
664
+ font-size: 12px;
665
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
666
+ line-height: 16px;
667
+ color: #37424d;
668
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
669
+ font-style: normal;
670
+ font-weight: normal;
671
+ font-size: 12px;
672
+ line-height: 16px;
673
+ color: #37424D;
674
+ -webkit-text-decoration: none;
675
+ text-decoration: none;
676
+ -webkit-letter-spacing: 0;
677
+ -moz-letter-spacing: 0;
678
+ -ms-letter-spacing: 0;
679
+ letter-spacing: 0;
680
+ }
681
+
682
+ <div>
683
+ <span
684
+ class="c0"
685
+ >
686
+ Variant:
687
+ bodySmall
688
+ </span>
689
+ </div>
690
+ `;
691
+
692
+ exports[`Text it renders $variant correctly 13`] = `
693
+ .c0 {
694
+ box-sizing: border-box;
695
+ display: inline-block;
696
+ margin: 0;
697
+ padding: 0;
698
+ font-style: normal;
699
+ font-weight: normal;
700
+ font-size: 12px;
701
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
702
+ line-height: 16px;
703
+ color: #37424d;
704
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
705
+ font-style: normal;
706
+ font-weight: 600;
707
+ font-size: 14px;
708
+ line-height: 20px;
709
+ color: #37424D;
710
+ -webkit-text-decoration: none;
711
+ text-decoration: none;
712
+ -webkit-letter-spacing: -0.006rem;
713
+ -moz-letter-spacing: -0.006rem;
714
+ -ms-letter-spacing: -0.006rem;
715
+ letter-spacing: -0.006rem;
716
+ }
717
+
718
+ <div>
719
+ <span
720
+ class="c0"
721
+ >
722
+ Variant:
723
+ bodyBold
724
+ </span>
725
+ </div>
726
+ `;
727
+
728
+ exports[`Text it renders $variant correctly 14`] = `
729
+ .c0 {
730
+ box-sizing: border-box;
731
+ display: inline-block;
732
+ margin: 0;
733
+ padding: 0;
734
+ font-style: normal;
735
+ font-weight: normal;
736
+ font-size: 12px;
737
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
738
+ line-height: 16px;
739
+ color: #37424d;
740
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
741
+ font-style: normal;
742
+ font-weight: 600;
743
+ font-size: 14px;
744
+ line-height: 20px;
745
+ color: #1B2126;
746
+ -webkit-text-decoration: none;
747
+ text-decoration: none;
748
+ -webkit-letter-spacing: 0;
749
+ -moz-letter-spacing: 0;
750
+ -ms-letter-spacing: 0;
751
+ letter-spacing: 0;
752
+ }
753
+
754
+ <div>
755
+ <span
756
+ class="c0"
757
+ >
758
+ Variant:
759
+ bodyBoldDark
760
+ </span>
761
+ </div>
762
+ `;
763
+
764
+ exports[`Text it renders $variant correctly 15`] = `
765
+ .c0 {
766
+ box-sizing: border-box;
767
+ display: inline-block;
768
+ margin: 0;
769
+ padding: 0;
770
+ font-style: normal;
771
+ font-weight: normal;
772
+ font-size: 12px;
773
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
774
+ line-height: 16px;
775
+ color: #37424d;
776
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
777
+ font-style: normal;
778
+ font-weight: 600;
779
+ font-size: 12px;
780
+ line-height: 16px;
781
+ color: #37424D;
782
+ -webkit-text-decoration: none;
783
+ text-decoration: none;
784
+ -webkit-letter-spacing: 0;
785
+ -moz-letter-spacing: 0;
786
+ -ms-letter-spacing: 0;
787
+ letter-spacing: 0;
788
+ }
789
+
790
+ <div>
791
+ <span
792
+ class="c0"
793
+ >
794
+ Variant:
795
+ bodySmallBold
796
+ </span>
797
+ </div>
798
+ `;
799
+
800
+ exports[`Text it renders $variant correctly 16`] = `
801
+ .c0 {
802
+ box-sizing: border-box;
803
+ display: inline-block;
804
+ margin: 0;
805
+ padding: 0;
806
+ font-style: normal;
807
+ font-weight: normal;
808
+ font-size: 12px;
809
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
810
+ line-height: 16px;
811
+ color: #37424d;
812
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
813
+ font-style: normal;
814
+ font-weight: 600;
815
+ font-size: 14px;
816
+ line-height: 20px;
817
+ color: #37424D;
818
+ -webkit-text-decoration: none;
819
+ text-decoration: none;
820
+ -webkit-letter-spacing: -0.006rem;
821
+ -moz-letter-spacing: -0.006rem;
822
+ -ms-letter-spacing: -0.006rem;
823
+ letter-spacing: -0.006rem;
824
+ }
825
+
826
+ <div>
827
+ <label
828
+ class="c0"
829
+ >
830
+ Variant:
831
+ inputLabel
832
+ </label>
833
+ </div>
834
+ `;
835
+
836
+ exports[`Text it renders $variant correctly 17`] = `
837
+ .c0 {
838
+ box-sizing: border-box;
839
+ display: inline-block;
840
+ margin: 0;
841
+ padding: 0;
842
+ font-style: normal;
843
+ font-weight: normal;
844
+ font-size: 12px;
845
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
846
+ line-height: 16px;
847
+ color: #37424d;
848
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
849
+ font-style: normal;
850
+ font-weight: 600;
851
+ font-size: 12px;
852
+ line-height: 16px;
853
+ color: #37424D;
854
+ -webkit-text-decoration: none;
855
+ text-decoration: none;
856
+ -webkit-letter-spacing: 0;
857
+ -moz-letter-spacing: 0;
858
+ -ms-letter-spacing: 0;
859
+ letter-spacing: 0;
860
+ }
861
+
862
+ <div>
863
+ <label
864
+ class="c0"
865
+ >
866
+ Variant:
867
+ inputLabelSmall
868
+ </label>
869
+ </div>
870
+ `;
871
+
872
+ exports[`Text it renders $variant correctly 18`] = `
873
+ .c0 {
874
+ box-sizing: border-box;
875
+ display: inline-block;
876
+ margin: 0;
877
+ padding: 0;
878
+ font-style: normal;
879
+ font-weight: normal;
880
+ font-size: 12px;
881
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
882
+ line-height: 16px;
883
+ color: #37424d;
884
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
885
+ font-style: normal;
886
+ font-weight: normal;
887
+ font-size: 12px;
888
+ line-height: 16px;
889
+ color: #637381;
890
+ -webkit-text-decoration: none;
891
+ text-decoration: none;
892
+ -webkit-letter-spacing: 0;
893
+ -moz-letter-spacing: 0;
894
+ -ms-letter-spacing: 0;
895
+ letter-spacing: 0;
896
+ }
897
+
898
+ <div>
899
+ <span
900
+ class="c0"
901
+ >
902
+ Variant:
903
+ hintText
904
+ </span>
905
+ </div>
906
+ `;
907
+
908
+ exports[`Text it renders $variant correctly 19`] = `
909
+ .c0 {
910
+ box-sizing: border-box;
911
+ display: inline-block;
912
+ margin: 0;
913
+ padding: 0;
914
+ font-style: normal;
915
+ font-weight: normal;
916
+ font-size: 12px;
917
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
918
+ line-height: 16px;
919
+ color: #37424d;
920
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
921
+ font-style: normal;
922
+ font-weight: normal;
923
+ font-size: 14px;
924
+ line-height: 20px;
925
+ color: #959FA8;
926
+ -webkit-text-decoration: none;
927
+ text-decoration: none;
928
+ -webkit-letter-spacing: -0.006rem;
929
+ -moz-letter-spacing: -0.006rem;
930
+ -ms-letter-spacing: -0.006rem;
931
+ letter-spacing: -0.006rem;
932
+ }
933
+
934
+ <div>
935
+ <span
936
+ class="c0"
937
+ >
938
+ Variant:
939
+ placeholder
940
+ </span>
941
+ </div>
942
+ `;
943
+
944
+ exports[`Text it renders $variant correctly 20`] = `
945
+ .c0 {
946
+ box-sizing: border-box;
947
+ display: inline-block;
948
+ margin: 0;
949
+ padding: 0;
950
+ font-style: normal;
951
+ font-weight: normal;
952
+ font-size: 12px;
953
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
954
+ line-height: 16px;
955
+ color: #37424d;
956
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
957
+ font-style: normal;
958
+ font-weight: normal;
959
+ font-size: 12px;
960
+ line-height: 16px;
961
+ color: #959FA8;
962
+ -webkit-text-decoration: none;
963
+ text-decoration: none;
964
+ -webkit-letter-spacing: 0;
965
+ -moz-letter-spacing: 0;
966
+ -ms-letter-spacing: 0;
967
+ letter-spacing: 0;
968
+ }
969
+
970
+ <div>
971
+ <span
972
+ class="c0"
973
+ >
974
+ Variant:
975
+ placeholderSmall
976
+ </span>
977
+ </div>
978
+ `;
979
+
980
+ exports[`Text it renders $variant correctly 21`] = `
981
+ .c0 {
982
+ box-sizing: border-box;
983
+ display: inline-block;
984
+ margin: 0;
985
+ padding: 0;
986
+ font-style: normal;
987
+ font-weight: normal;
988
+ font-size: 12px;
989
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
990
+ line-height: 16px;
991
+ color: #37424d;
992
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
993
+ font-style: normal;
994
+ font-weight: normal;
995
+ font-size: 14px;
996
+ line-height: 20px;
997
+ color: #959FA8;
998
+ -webkit-text-decoration: none;
999
+ text-decoration: none;
1000
+ -webkit-letter-spacing: 0.5rem;
1001
+ -moz-letter-spacing: 0.5rem;
1002
+ -ms-letter-spacing: 0.5rem;
1003
+ letter-spacing: 0.5rem;
1004
+ }
1005
+
1006
+ <div>
1007
+ <span
1008
+ class="c0"
1009
+ >
1010
+ Variant:
1011
+ placeholderCode
1012
+ </span>
1013
+ </div>
1014
+ `;
1015
+
1016
+ exports[`Text it renders $variant correctly 22`] = `
1017
+ .c0 {
1018
+ box-sizing: border-box;
1019
+ display: inline-block;
1020
+ margin: 0;
1021
+ padding: 0;
1022
+ font-style: normal;
1023
+ font-weight: normal;
1024
+ font-size: 12px;
1025
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1026
+ line-height: 16px;
1027
+ color: #37424d;
1028
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1029
+ font-style: normal;
1030
+ font-weight: normal;
1031
+ font-size: 12px;
1032
+ line-height: 16px;
1033
+ color: #959FA8;
1034
+ -webkit-text-decoration: none;
1035
+ text-decoration: none;
1036
+ -webkit-letter-spacing: 0.375rem;
1037
+ -moz-letter-spacing: 0.375rem;
1038
+ -ms-letter-spacing: 0.375rem;
1039
+ letter-spacing: 0.375rem;
1040
+ }
1041
+
1042
+ <div>
1043
+ <span
1044
+ class="c0"
1045
+ >
1046
+ Variant:
1047
+ placeholderCodeSmall
1048
+ </span>
1049
+ </div>
1050
+ `;
1051
+
1052
+ exports[`Text it renders $variant correctly 23`] = `
1053
+ .c0 {
1054
+ box-sizing: border-box;
1055
+ display: inline-block;
1056
+ margin: 0;
1057
+ padding: 0;
1058
+ font-style: normal;
1059
+ font-weight: normal;
1060
+ font-size: 12px;
1061
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1062
+ line-height: 16px;
1063
+ color: #37424d;
1064
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1065
+ font-style: normal;
1066
+ font-weight: 600;
1067
+ font-size: 14px;
1068
+ line-height: 20px;
1069
+ color: #EB5757;
1070
+ -webkit-text-decoration: none;
1071
+ text-decoration: none;
1072
+ -webkit-letter-spacing: -0.006rem;
1073
+ -moz-letter-spacing: -0.006rem;
1074
+ -ms-letter-spacing: -0.006rem;
1075
+ letter-spacing: -0.006rem;
1076
+ }
1077
+
1078
+ <div>
1079
+ <span
1080
+ class="c0"
1081
+ >
1082
+ Variant:
1083
+ error
1084
+ </span>
1085
+ </div>
1086
+ `;
1087
+
1088
+ exports[`Text it renders $variant correctly 24`] = `
1089
+ .c0 {
1090
+ box-sizing: border-box;
1091
+ display: inline-block;
1092
+ margin: 0;
1093
+ padding: 0;
1094
+ font-style: normal;
1095
+ font-weight: normal;
1096
+ font-size: 12px;
1097
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1098
+ line-height: 16px;
1099
+ color: #37424d;
1100
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1101
+ font-style: normal;
1102
+ font-weight: 600;
1103
+ font-size: 12px;
1104
+ line-height: 16px;
1105
+ color: #EB5757;
1106
+ -webkit-text-decoration: none;
1107
+ text-decoration: none;
1108
+ -webkit-letter-spacing: 0;
1109
+ -moz-letter-spacing: 0;
1110
+ -ms-letter-spacing: 0;
1111
+ letter-spacing: 0;
1112
+ }
1113
+
1114
+ <div>
1115
+ <span
1116
+ class="c0"
1117
+ >
1118
+ Variant:
1119
+ errorSmall
1120
+ </span>
1121
+ </div>
1122
+ `;
1123
+
1124
+ exports[`Text it renders $variant correctly 25`] = `
1125
+ .c0 {
1126
+ box-sizing: border-box;
1127
+ display: inline-block;
1128
+ margin: 0;
1129
+ padding: 0;
1130
+ font-style: normal;
1131
+ font-weight: normal;
1132
+ font-size: 12px;
1133
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1134
+ line-height: 16px;
1135
+ color: #37424d;
1136
+ font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
1137
+ font-style: normal;
1138
+ font-weight: 600;
1139
+ font-size: 12px;
1140
+ line-height: 16px;
1141
+ color: #27AE60;
1142
+ -webkit-text-decoration: none;
1143
+ text-decoration: none;
1144
+ -webkit-letter-spacing: 0;
1145
+ -moz-letter-spacing: 0;
1146
+ -ms-letter-spacing: 0;
1147
+ letter-spacing: 0;
1148
+ }
1149
+
1150
+ <div>
1151
+ <span
1152
+ class="c0"
1153
+ >
1154
+ Variant:
1155
+ successSmall
1156
+ </span>
1157
+ </div>
1158
+ `;