@scaleflex/ui-tw 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 (499) hide show
  1. package/LICENSE +1 -33
  2. package/README.md +2 -16
  3. package/button/button.component.d.ts +8 -0
  4. package/{core/button → button}/button.component.js +13 -12
  5. package/button/button.const.d.ts +13 -0
  6. package/button/button.const.js +4 -0
  7. package/{core/button → button}/button.types.d.ts +6 -9
  8. package/{core/button → button}/button.types.js +2 -4
  9. package/button/button.utils.d.ts +2 -0
  10. package/button/button.utils.js +19 -0
  11. package/button/components/end-icon.d.ts +7 -0
  12. package/button/components/end-icon.js +39 -0
  13. package/button/components/start-icon.d.ts +13 -0
  14. package/button/components/start-icon.js +53 -0
  15. package/button/index.d.ts +3 -0
  16. package/button/index.js +2 -0
  17. package/form/components/form-field-group.component.d.ts +19 -0
  18. package/form/components/form-field-group.component.js +41 -0
  19. package/form/form.component.d.ts +30 -0
  20. package/form/form.component.js +123 -0
  21. package/form/form.types.d.ts +7 -0
  22. package/{core/switcher/switcher-size.js → form/form.types.js} +1 -1
  23. package/form/index.d.ts +2 -0
  24. package/form/index.js +2 -0
  25. package/input/index.d.ts +3 -0
  26. package/input/index.js +2 -0
  27. package/input/input.component.d.ts +7 -0
  28. package/input/input.component.js +42 -0
  29. package/input/input.types.d.ts +17 -0
  30. package/input/input.types.js +10 -0
  31. package/label/components/info-outline-icon.d.ts +3 -0
  32. package/label/components/info-outline-icon.js +30 -0
  33. package/label/components/label-icon.d.ts +7 -0
  34. package/label/components/label-icon.js +43 -0
  35. package/label/index.d.ts +1 -0
  36. package/label/index.js +1 -0
  37. package/label/label.component.d.ts +4 -0
  38. package/label/label.component.js +44 -0
  39. package/label/label.types.d.ts +14 -0
  40. package/{core/tab/types/size.js → label/label.types.js} +1 -1
  41. package/label/label.utils.d.ts +2 -0
  42. package/label/label.utils.js +16 -0
  43. package/package.json +8 -4
  44. package/{theme/theme.css → theme.css} +8 -8
  45. package/tooltip/index.d.ts +1 -0
  46. package/tooltip/index.js +1 -0
  47. package/tooltip/tooltip.component.d.ts +10 -0
  48. package/tooltip/tooltip.component.js +51 -0
  49. package/tooltip/tooltip.types.d.ts +5 -0
  50. package/core/accordion/accordion.component.d.ts +0 -3
  51. package/core/accordion/accordion.component.js +0 -50
  52. package/core/accordion/accordion.props.d.ts +0 -13
  53. package/core/accordion/accordion.props.js +0 -1
  54. package/core/accordion/accordion.styles.d.ts +0 -6
  55. package/core/accordion/accordion.styles.js +0 -12
  56. package/core/accordion/index.d.ts +0 -2
  57. package/core/accordion/index.js +0 -1
  58. package/core/accordion-details/accordion-details.component.d.ts +0 -3
  59. package/core/accordion-details/accordion-details.component.js +0 -16
  60. package/core/accordion-details/accordion-details.props.d.ts +0 -4
  61. package/core/accordion-details/accordion-details.styles.d.ts +0 -6
  62. package/core/accordion-details/accordion-details.styles.js +0 -12
  63. package/core/accordion-details/index.d.ts +0 -2
  64. package/core/accordion-details/index.js +0 -1
  65. package/core/accordion-header/accordion-header.component.d.ts +0 -3
  66. package/core/accordion-header/accordion-header.component.js +0 -48
  67. package/core/accordion-header/accordion-header.props.d.ts +0 -11
  68. package/core/accordion-header/accordion-header.props.js +0 -1
  69. package/core/accordion-header/accordion-header.styles.d.ts +0 -19
  70. package/core/accordion-header/accordion-header.styles.js +0 -44
  71. package/core/accordion-header/index.d.ts +0 -2
  72. package/core/accordion-header/index.js +0 -1
  73. package/core/arrow/arrow.component.d.ts +0 -3
  74. package/core/arrow/arrow.component.js +0 -23
  75. package/core/arrow/arrow.mixin.d.ts +0 -6
  76. package/core/arrow/arrow.mixin.js +0 -4
  77. package/core/arrow/arrow.props.d.ts +0 -14
  78. package/core/arrow/arrow.props.js +0 -6
  79. package/core/arrow/arrow.styles.d.ts +0 -9
  80. package/core/arrow/arrow.styles.js +0 -18
  81. package/core/arrow/index.d.ts +0 -2
  82. package/core/arrow/index.js +0 -1
  83. package/core/arrow-tick/arrow-tick.component.d.ts +0 -3
  84. package/core/arrow-tick/arrow-tick.component.js +0 -28
  85. package/core/arrow-tick/arrow-tick.mixin.d.ts +0 -6
  86. package/core/arrow-tick/arrow-tick.mixin.js +0 -4
  87. package/core/arrow-tick/arrow-tick.props.d.ts +0 -14
  88. package/core/arrow-tick/arrow-tick.props.js +0 -6
  89. package/core/arrow-tick/arrow-tick.styles.d.ts +0 -7
  90. package/core/arrow-tick/arrow-tick.styles.js +0 -18
  91. package/core/arrow-tick/index.d.ts +0 -2
  92. package/core/arrow-tick/index.js +0 -1
  93. package/core/button/button.component.d.ts +0 -9
  94. package/core/button/button.utils.d.ts +0 -3
  95. package/core/button/button.utils.js +0 -18
  96. package/core/button/components/end-icon.d.ts +0 -12
  97. package/core/button/components/end-icon.js +0 -33
  98. package/core/button/components/start-icon.d.ts +0 -14
  99. package/core/button/components/start-icon.js +0 -40
  100. package/core/button/index.d.ts +0 -4
  101. package/core/button/index.js +0 -3
  102. package/core/check-box/check-box.component.d.ts +0 -3
  103. package/core/check-box/check-box.component.js +0 -62
  104. package/core/check-box/check-box.mixin.d.ts +0 -4
  105. package/core/check-box/check-box.mixin.js +0 -8
  106. package/core/check-box/check-box.props.d.ts +0 -15
  107. package/core/check-box/check-box.props.js +0 -1
  108. package/core/check-box/check-box.styles.d.ts +0 -19
  109. package/core/check-box/check-box.styles.js +0 -42
  110. package/core/check-box/check-box.utils.d.ts +0 -3
  111. package/core/check-box/check-box.utils.js +0 -21
  112. package/core/check-box/index.d.ts +0 -2
  113. package/core/check-box/index.js +0 -1
  114. package/core/check-box/types/index.d.ts +0 -2
  115. package/core/check-box/types/index.js +0 -2
  116. package/core/check-box/types/size.d.ts +0 -4
  117. package/core/check-box/types/size.js +0 -4
  118. package/core/check-box/types/type.d.ts +0 -4
  119. package/core/check-box/types/type.js +0 -4
  120. package/core/check-box-group/check-box-group.component.d.ts +0 -3
  121. package/core/check-box-group/check-box-group.component.js +0 -74
  122. package/core/check-box-group/check-box-group.mixin.d.ts +0 -5
  123. package/core/check-box-group/check-box-group.mixin.js +0 -10
  124. package/core/check-box-group/check-box-group.props.d.ts +0 -19
  125. package/core/check-box-group/check-box-group.props.js +0 -1
  126. package/core/check-box-group/check-box-group.styles.d.ts +0 -19
  127. package/core/check-box-group/check-box-group.styles.js +0 -33
  128. package/core/check-box-group/index.d.ts +0 -2
  129. package/core/check-box-group/index.js +0 -1
  130. package/core/check-box-group/types/index.d.ts +0 -1
  131. package/core/check-box-group/types/index.js +0 -1
  132. package/core/check-box-group/types/label-position.d.ts +0 -4
  133. package/core/check-box-group/types/label-position.js +0 -4
  134. package/core/cross-button/cross-button.component.d.ts +0 -3
  135. package/core/cross-button/cross-button.component.js +0 -35
  136. package/core/cross-button/cross-button.props.d.ts +0 -8
  137. package/core/cross-button/cross-button.props.js +0 -1
  138. package/core/cross-button/cross-button.styles.d.ts +0 -9
  139. package/core/cross-button/cross-button.styles.js +0 -21
  140. package/core/cross-button/index.d.ts +0 -2
  141. package/core/cross-button/index.js +0 -1
  142. package/core/cross-button/types/index.d.ts +0 -1
  143. package/core/cross-button/types/index.js +0 -1
  144. package/core/cross-button/types/size.d.ts +0 -6
  145. package/core/cross-button/types/size.js +0 -6
  146. package/core/dot/dot.component.d.ts +0 -3
  147. package/core/dot/dot.component.js +0 -17
  148. package/core/dot/dot.props.d.ts +0 -4
  149. package/core/dot/dot.props.js +0 -1
  150. package/core/dot/dot.styles.d.ts +0 -18
  151. package/core/dot/dot.styles.js +0 -32
  152. package/core/dot/index.d.ts +0 -2
  153. package/core/dot/index.js +0 -1
  154. package/core/dots-navigation/dots-navigation.component.d.ts +0 -3
  155. package/core/dots-navigation/dots-navigation.component.js +0 -24
  156. package/core/dots-navigation/dots-navigation.props.d.ts +0 -5
  157. package/core/dots-navigation/dots-navigation.props.js +0 -1
  158. package/core/dots-navigation/dots-navigation.styles.d.ts +0 -6
  159. package/core/dots-navigation/dots-navigation.styles.js +0 -15
  160. package/core/dots-navigation/index.d.ts +0 -2
  161. package/core/dots-navigation/index.js +0 -1
  162. package/core/input/index.d.ts +0 -2
  163. package/core/input/index.js +0 -1
  164. package/core/input/input.component.d.ts +0 -3
  165. package/core/input/input.component.js +0 -293
  166. package/core/input/input.mixin.d.ts +0 -18
  167. package/core/input/input.mixin.js +0 -25
  168. package/core/input/input.props.d.ts +0 -40
  169. package/core/input/input.props.js +0 -1
  170. package/core/input/input.styles.d.ts +0 -78
  171. package/core/input/input.styles.js +0 -148
  172. package/core/input/input.utils.d.ts +0 -4
  173. package/core/input/input.utils.js +0 -30
  174. package/core/input/types/index.d.ts +0 -1
  175. package/core/input/types/index.js +0 -1
  176. package/core/input/types/type.d.ts +0 -4
  177. package/core/input/types/type.js +0 -4
  178. package/core/modal/index.d.ts +0 -2
  179. package/core/modal/index.js +0 -1
  180. package/core/modal/modal-menu-context.d.ts +0 -5
  181. package/core/modal/modal-menu-context.js +0 -10
  182. package/core/modal/modal.component.d.ts +0 -3
  183. package/core/modal/modal.component.js +0 -97
  184. package/core/modal/modal.mixin.d.ts +0 -7
  185. package/core/modal/modal.mixin.js +0 -4
  186. package/core/modal/modal.props.d.ts +0 -16
  187. package/core/modal/modal.props.js +0 -1
  188. package/core/modal/modal.styles.d.ts +0 -22
  189. package/core/modal/modal.styles.js +0 -51
  190. package/core/modal/modal.utils.d.ts +0 -1
  191. package/core/modal/modal.utils.js +0 -4
  192. package/core/modal/types/index.d.ts +0 -1
  193. package/core/modal/types/index.js +0 -1
  194. package/core/modal/types/size.d.ts +0 -7
  195. package/core/modal/types/size.js +0 -7
  196. package/core/modal-actions/index.d.ts +0 -2
  197. package/core/modal-actions/index.js +0 -1
  198. package/core/modal-actions/modal-actions.component.d.ts +0 -3
  199. package/core/modal-actions/modal-actions.component.js +0 -18
  200. package/core/modal-actions/modal-actions.props.d.ts +0 -8
  201. package/core/modal-actions/modal-actions.props.js +0 -1
  202. package/core/modal-actions/modal-actions.styles.d.ts +0 -7
  203. package/core/modal-actions/modal-actions.styles.js +0 -17
  204. package/core/modal-actions/types/align.d.ts +0 -5
  205. package/core/modal-actions/types/align.js +0 -5
  206. package/core/modal-actions/types/index.d.ts +0 -1
  207. package/core/modal-actions/types/index.js +0 -1
  208. package/core/modal-content/index.d.ts +0 -2
  209. package/core/modal-content/index.js +0 -1
  210. package/core/modal-content/modal-content.component.d.ts +0 -3
  211. package/core/modal-content/modal-content.component.js +0 -15
  212. package/core/modal-content/modal-content.props.d.ts +0 -4
  213. package/core/modal-content/modal-content.props.js +0 -1
  214. package/core/modal-content/modal-content.styles.d.ts +0 -6
  215. package/core/modal-content/modal-content.styles.js +0 -12
  216. package/core/modal-title/index.d.ts +0 -2
  217. package/core/modal-title/index.js +0 -1
  218. package/core/modal-title/modal-title.component.d.ts +0 -6
  219. package/core/modal-title/modal-title.component.js +0 -37
  220. package/core/modal-title/modal-title.props.d.ts +0 -14
  221. package/core/modal-title/modal-title.props.js +0 -1
  222. package/core/modal-title/modal-title.styles.d.ts +0 -31
  223. package/core/modal-title/modal-title.styles.js +0 -64
  224. package/core/modal-title/types/index.d.ts +0 -1
  225. package/core/modal-title/types/index.js +0 -1
  226. package/core/modal-title/types/variant.d.ts +0 -4
  227. package/core/modal-title/types/variant.js +0 -4
  228. package/core/pagination/index.d.ts +0 -2
  229. package/core/pagination/index.js +0 -1
  230. package/core/pagination/pagination.component.d.ts +0 -3
  231. package/core/pagination/pagination.component.js +0 -81
  232. package/core/pagination/pagination.props.d.ts +0 -11
  233. package/core/pagination/pagination.props.js +0 -1
  234. package/core/pagination/pagination.styles.d.ts +0 -19
  235. package/core/pagination/pagination.styles.js +0 -36
  236. package/core/popper/index.d.ts +0 -2
  237. package/core/popper/index.js +0 -1
  238. package/core/popper/popper.component.d.ts +0 -3
  239. package/core/popper/popper.component.js +0 -150
  240. package/core/popper/popper.mixin.d.ts +0 -17
  241. package/core/popper/popper.mixin.js +0 -5
  242. package/core/popper/popper.props.d.ts +0 -41
  243. package/core/popper/popper.props.js +0 -1
  244. package/core/popper/popper.styles.d.ts +0 -25
  245. package/core/popper/popper.styles.js +0 -48
  246. package/core/popper/popper.utils.d.ts +0 -1
  247. package/core/popper/popper.utils.js +0 -10
  248. package/core/popper/types/index.d.ts +0 -3
  249. package/core/popper/types/index.js +0 -3
  250. package/core/popper/types/phases.d.ts +0 -11
  251. package/core/popper/types/phases.js +0 -11
  252. package/core/popper/types/position.d.ts +0 -17
  253. package/core/popper/types/position.js +0 -17
  254. package/core/popper/types/strategy.d.ts +0 -4
  255. package/core/popper/types/strategy.js +0 -4
  256. package/core/radio/index.d.ts +0 -3
  257. package/core/radio/index.js +0 -2
  258. package/core/radio/radio.component.d.ts +0 -3
  259. package/core/radio/radio.component.js +0 -38
  260. package/core/radio/radio.mixin.d.ts +0 -13
  261. package/core/radio/radio.mixin.js +0 -13
  262. package/core/radio/radio.props.d.ts +0 -13
  263. package/core/radio/radio.props.js +0 -1
  264. package/core/radio/radio.styles.d.ts +0 -19
  265. package/core/radio/radio.styles.js +0 -44
  266. package/core/radio/size.d.ts +0 -4
  267. package/core/radio/size.js +0 -4
  268. package/core/radio-group/index.d.ts +0 -2
  269. package/core/radio-group/index.js +0 -1
  270. package/core/radio-group/radio-group.component.d.ts +0 -3
  271. package/core/radio-group/radio-group.component.js +0 -48
  272. package/core/radio-group/radio-group.props.d.ts +0 -15
  273. package/core/radio-group/radio-group.props.js +0 -1
  274. package/core/radio-group/radio-group.styles.d.ts +0 -14
  275. package/core/radio-group/radio-group.styles.js +0 -30
  276. package/core/switcher/index.d.ts +0 -3
  277. package/core/switcher/index.js +0 -2
  278. package/core/switcher/switcher-size.d.ts +0 -5
  279. package/core/switcher/switcher.component.d.ts +0 -3
  280. package/core/switcher/switcher.component.js +0 -54
  281. package/core/switcher/switcher.mixin.d.ts +0 -21
  282. package/core/switcher/switcher.mixin.js +0 -17
  283. package/core/switcher/switcher.props.d.ts +0 -14
  284. package/core/switcher/switcher.props.js +0 -1
  285. package/core/switcher/switcher.styles.d.ts +0 -27
  286. package/core/switcher/switcher.styles.js +0 -54
  287. package/core/switcher/switcher.utils.d.ts +0 -4
  288. package/core/switcher/switcher.utils.js +0 -37
  289. package/core/switcher-group/index.d.ts +0 -2
  290. package/core/switcher-group/index.js +0 -1
  291. package/core/switcher-group/switcher-group.component.d.ts +0 -3
  292. package/core/switcher-group/switcher-group.component.js +0 -41
  293. package/core/switcher-group/switcher-group.props.d.ts +0 -13
  294. package/core/switcher-group/switcher-group.props.js +0 -1
  295. package/core/switcher-group/switcher-group.styles.d.ts +0 -10
  296. package/core/switcher-group/switcher-group.styles.js +0 -30
  297. package/core/tab/index.d.ts +0 -2
  298. package/core/tab/index.js +0 -1
  299. package/core/tab/tab.component.d.ts +0 -6
  300. package/core/tab/tab.component.js +0 -52
  301. package/core/tab/tab.mixin.d.ts +0 -11
  302. package/core/tab/tab.mixin.js +0 -15
  303. package/core/tab/tab.props.d.ts +0 -15
  304. package/core/tab/tab.props.js +0 -1
  305. package/core/tab/tab.styles.d.ts +0 -26
  306. package/core/tab/tab.styles.js +0 -61
  307. package/core/tab/types/index.d.ts +0 -1
  308. package/core/tab/types/index.js +0 -1
  309. package/core/tab/types/size.d.ts +0 -5
  310. package/core/tab-panel/index.d.ts +0 -2
  311. package/core/tab-panel/index.js +0 -1
  312. package/core/tab-panel/tab-panel.component.d.ts +0 -3
  313. package/core/tab-panel/tab-panel.component.js +0 -18
  314. package/core/tab-panel/tab-panel.props.d.ts +0 -6
  315. package/core/tab-panel/tab-panel.props.js +0 -1
  316. package/core/tab-panel/tab-panel.styles.d.ts +0 -6
  317. package/core/tab-panel/tab-panel.styles.js +0 -12
  318. package/core/upload-input/index.d.ts +0 -2
  319. package/core/upload-input/index.js +0 -1
  320. package/core/upload-input/upload-input.component.d.ts +0 -3
  321. package/core/upload-input/upload-input.component.js +0 -68
  322. package/core/upload-input/upload-input.props.d.ts +0 -9
  323. package/core/upload-input/upload-input.props.js +0 -1
  324. package/core/upload-input/upload-input.styles.d.ts +0 -11
  325. package/core/upload-input/upload-input.styles.js +0 -53
  326. package/hooks/README.md +0 -26
  327. package/hooks/use-controlled.d.ts +0 -1
  328. package/hooks/use-controlled.js +0 -20
  329. package/hooks/use-debounce.d.ts +0 -2
  330. package/hooks/use-debounce.js +0 -19
  331. package/hooks/use-drag.d.ts +0 -5
  332. package/hooks/use-drag.js +0 -37
  333. package/hooks/use-enhanced-effect.d.ts +0 -3
  334. package/hooks/use-enhanced-effect.js +0 -3
  335. package/hooks/use-event-callback.d.ts +0 -4
  336. package/hooks/use-event-callback.js +0 -19
  337. package/hooks/use-pagination.d.ts +0 -3
  338. package/hooks/use-pagination.js +0 -106
  339. package/hooks/use-portal.d.ts +0 -14
  340. package/hooks/use-portal.js +0 -75
  341. package/theme/README.md +0 -46
  342. package/theme/entity/index.d.ts +0 -1
  343. package/theme/entity/index.js +0 -1
  344. package/theme/entity/theme.d.ts +0 -34
  345. package/theme/hooks/index.d.ts +0 -2
  346. package/theme/hooks/index.js +0 -2
  347. package/theme/hooks/use-media-query.d.ts +0 -1
  348. package/theme/hooks/use-media-query.js +0 -27
  349. package/theme/hooks/use-theme.d.ts +0 -2
  350. package/theme/hooks/use-theme.js +0 -4
  351. package/theme/index.d.ts +0 -3
  352. package/theme/index.js +0 -1
  353. package/theme/roots/breakpoints/entity/breakpoints-map.d.ts +0 -8
  354. package/theme/roots/breakpoints/entity/breakpoints.d.ts +0 -73
  355. package/theme/roots/breakpoints/entity/create-breakpoints.d.ts +0 -3
  356. package/theme/roots/breakpoints/entity/create-breakpoints.js +0 -65
  357. package/theme/roots/breakpoints/entity/default-breakpoints.d.ts +0 -26
  358. package/theme/roots/breakpoints/entity/default-breakpoints.js +0 -22
  359. package/theme/roots/breakpoints/entity/index.d.ts +0 -3
  360. package/theme/roots/breakpoints/entity/index.js +0 -2
  361. package/theme/roots/breakpoints/index.d.ts +0 -3
  362. package/theme/roots/breakpoints/index.js +0 -1
  363. package/theme/roots/common-styles.d.ts +0 -2
  364. package/theme/roots/common-styles.js +0 -6
  365. package/theme/roots/index.d.ts +0 -2
  366. package/theme/roots/index.js +0 -2
  367. package/theme/roots/palette/entity/colors-map.d.ts +0 -4
  368. package/theme/roots/palette/entity/default-palette.d.ts +0 -282
  369. package/theme/roots/palette/entity/default-palette.js +0 -22
  370. package/theme/roots/palette/entity/index.d.ts +0 -2
  371. package/theme/roots/palette/entity/index.js +0 -2
  372. package/theme/roots/palette/index.d.ts +0 -2
  373. package/theme/roots/palette/index.js +0 -1
  374. package/theme/roots/shadows/entity/default-shadows.d.ts +0 -16
  375. package/theme/roots/shadows/entity/default-shadows.js +0 -5
  376. package/theme/roots/shadows/entity/index.d.ts +0 -2
  377. package/theme/roots/shadows/entity/index.js +0 -2
  378. package/theme/roots/shadows/entity/shadows-map.d.ts +0 -4
  379. package/theme/roots/shadows/index.d.ts +0 -2
  380. package/theme/roots/shadows/index.js +0 -1
  381. package/theme/roots/shape/index.d.ts +0 -1
  382. package/theme/roots/shape/index.js +0 -1
  383. package/theme/roots/shape/shape.props.d.ts +0 -5
  384. package/theme/roots/shape/shape.props.js +0 -1
  385. package/theme/roots/typography/entity/default-typography.d.ts +0 -398
  386. package/theme/roots/typography/entity/default-typography.js +0 -237
  387. package/theme/roots/typography/entity/index.d.ts +0 -1
  388. package/theme/roots/typography/entity/index.js +0 -1
  389. package/theme/roots/typography/index.d.ts +0 -3
  390. package/theme/roots/typography/index.js +0 -2
  391. package/theme/roots/typography/typography.component.d.ts +0 -2
  392. package/theme/roots/typography/typography.component.js +0 -7
  393. package/theme/roots/typography/typography.props.d.ts +0 -15
  394. package/theme/roots/typography/typography.props.js +0 -1
  395. package/theme/theme-provider/index.d.ts +0 -2
  396. package/theme/theme-provider/index.js +0 -1
  397. package/theme/theme-provider/theme-provider.context.d.ts +0 -4
  398. package/theme/theme-provider/theme-provider.context.js +0 -48
  399. package/theme/theme-provider/theme-provider.props.d.ts +0 -6
  400. package/theme/theme-provider/theme-provider.props.js +0 -1
  401. package/utils/README.md +0 -11
  402. package/utils/functions/apply-display-names.d.ts +0 -6
  403. package/utils/functions/apply-display-names.js +0 -12
  404. package/utils/functions/apply-polymorphic-function-prop.d.ts +0 -6
  405. package/utils/functions/apply-polymorphic-function-prop.js +0 -11
  406. package/utils/functions/color-picker/color-converters.d.ts +0 -11
  407. package/utils/functions/color-picker/color-converters.js +0 -159
  408. package/utils/functions/color-picker/map-number.d.ts +0 -1
  409. package/utils/functions/color-picker/map-number.js +0 -3
  410. package/utils/functions/color-picker/restrict-number.d.ts +0 -1
  411. package/utils/functions/color-picker/restrict-number.js +0 -8
  412. package/utils/functions/convert-to-string.d.ts +0 -1
  413. package/utils/functions/convert-to-string.js +0 -3
  414. package/utils/functions/escape-regexp.d.ts +0 -1
  415. package/utils/functions/escape-regexp.js +0 -3
  416. package/utils/functions/generate-class-names.d.ts +0 -1
  417. package/utils/functions/generate-class-names.js +0 -22
  418. package/utils/functions/get-elem-document-coords.d.ts +0 -6
  419. package/utils/functions/get-elem-document-coords.js +0 -21
  420. package/utils/functions/ignore-event.d.ts +0 -1
  421. package/utils/functions/ignore-event.js +0 -9
  422. package/utils/functions/index.d.ts +0 -14
  423. package/utils/functions/index.js +0 -15
  424. package/utils/functions/intrinsic-component.d.ts +0 -0
  425. package/utils/functions/intrinsic-component.js +0 -28
  426. package/utils/functions/object-keys.d.ts +0 -6
  427. package/utils/functions/object-keys.js +0 -6
  428. package/utils/functions/object-values.d.ts +0 -7
  429. package/utils/functions/object-values.js +0 -6
  430. package/utils/functions/on-click-by-mouse-down.d.ts +0 -2
  431. package/utils/functions/on-click-by-mouse-down.js +0 -9
  432. package/utils/functions/scrollbar.d.ts +0 -2
  433. package/utils/functions/scrollbar.js +0 -6
  434. package/utils/functions/set-ref.d.ts +0 -8
  435. package/utils/functions/set-ref.js +0 -13
  436. package/utils/functions/slider/utils.d.ts +0 -47
  437. package/utils/functions/slider/utils.js +0 -124
  438. package/utils/functions/use-fork-ref.d.ts +0 -2
  439. package/utils/functions/use-fork-ref.js +0 -18
  440. package/utils/types/color/icon-button-color.d.ts +0 -5
  441. package/utils/types/color/icon-button-color.js +0 -5
  442. package/utils/types/color/index.d.ts +0 -2
  443. package/utils/types/color/index.js +0 -2
  444. package/utils/types/color/input-background-color.d.ts +0 -4
  445. package/utils/types/color/input-background-color.js +0 -4
  446. package/utils/types/css/align.d.ts +0 -11
  447. package/utils/types/css/align.js +0 -11
  448. package/utils/types/css/breakpoint.d.ts +0 -18
  449. package/utils/types/css/breakpoint.js +0 -18
  450. package/utils/types/css/direction.d.ts +0 -8
  451. package/utils/types/css/direction.js +0 -4
  452. package/utils/types/css/index.d.ts +0 -4
  453. package/utils/types/css/index.js +0 -4
  454. package/utils/types/css/position.d.ts +0 -6
  455. package/utils/types/css/position.js +0 -6
  456. package/utils/types/index.d.ts +0 -8
  457. package/utils/types/index.js +0 -3
  458. package/utils/types/intrinsic-component.d.ts +0 -1
  459. package/utils/types/keys.d.ts +0 -4
  460. package/utils/types/palette/color.d.ts +0 -133
  461. package/utils/types/palette/color.js +0 -133
  462. package/utils/types/palette/index.d.ts +0 -1
  463. package/utils/types/palette/index.js +0 -1
  464. package/utils/types/position/index.d.ts +0 -1
  465. package/utils/types/position/index.js +0 -1
  466. package/utils/types/position/position.d.ts +0 -6
  467. package/utils/types/position/position.js +0 -6
  468. package/utils/types/prop-types/index.d.ts +0 -1
  469. package/utils/types/prop-types/index.js +0 -1
  470. package/utils/types/prop-types/record.d.ts +0 -1
  471. package/utils/types/prop-types/record.js +0 -6
  472. package/utils/types/shadows/index.d.ts +0 -1
  473. package/utils/types/shadows/index.js +0 -1
  474. package/utils/types/shadows/shadows.d.ts +0 -14
  475. package/utils/types/shadows/shadows.js +0 -14
  476. package/utils/types/shape/border-radius-size.d.ts +0 -5
  477. package/utils/types/shape/border-radius-size.js +0 -5
  478. package/utils/types/shape/index.d.ts +0 -1
  479. package/utils/types/shape/index.js +0 -1
  480. package/utils/types/size/index.d.ts +0 -1
  481. package/utils/types/size/index.js +0 -1
  482. package/utils/types/size/input-size.d.ts +0 -4
  483. package/utils/types/size/input-size.js +0 -4
  484. package/utils/types/stylable-component.d.ts +0 -7
  485. package/utils/types/typography/font-variant.d.ts +0 -58
  486. package/utils/types/typography/font-variant.js +0 -58
  487. package/utils/types/typography/font-weight.d.ts +0 -11
  488. package/utils/types/typography/font-weight.js +0 -11
  489. package/utils/types/typography/index.d.ts +0 -4
  490. package/utils/types/typography/index.js +0 -4
  491. package/utils/types/typography/text-align.d.ts +0 -5
  492. package/utils/types/typography/text-align.js +0 -5
  493. package/utils/types/typography/text-decoration.d.ts +0 -5
  494. package/utils/types/typography/text-decoration.js +0 -5
  495. package/utils/types/with.d.ts +0 -4
  496. /package/{core/accordion-details/accordion-details.props.js → tooltip/tooltip.types.js} +0 -0
  497. /package/{utils/types → types}/values.d.ts +0 -0
  498. /package/utils/{functions/shadcn-utils.d.ts → cn.d.ts} +0 -0
  499. /package/utils/{functions/shadcn-utils.js → cn.js} +0 -0
@@ -1,398 +0,0 @@
1
- export declare const getDefaultTypography: (typographyOverride?: {}) => {
2
- font: {
3
- "title-h6": {
4
- fontFamily: string;
5
- fontSize: string | number;
6
- fontStyle: string;
7
- fontWeight: string | 500;
8
- lineHeight: string;
9
- };
10
- "title-h5": {
11
- fontFamily: string;
12
- fontSize: string | number;
13
- fontStyle: string;
14
- fontWeight: string | 500;
15
- lineHeight: string;
16
- };
17
- "title-h4": {
18
- fontFamily: string;
19
- fontSize: string | number;
20
- fontStyle: string;
21
- fontWeight: string | 500;
22
- lineHeight: string;
23
- };
24
- "title-h3": {
25
- fontFamily: string;
26
- fontSize: string | number;
27
- fontStyle: string;
28
- fontWeight: string | 500;
29
- lineHeight: string;
30
- };
31
- "title-h2": {
32
- fontFamily: string;
33
- fontSize: string | number;
34
- fontStyle: string;
35
- fontWeight: string | 500;
36
- lineHeight: string;
37
- };
38
- "title-h1": {
39
- fontFamily: string;
40
- fontSize: string | number;
41
- fontStyle: string;
42
- fontWeight: string | 500;
43
- lineHeight: string;
44
- };
45
- "input-sm": {
46
- fontFamily: string;
47
- fontSize: string | number;
48
- fontStyle: string;
49
- fontWeight: string | 400;
50
- lineHeight: string;
51
- };
52
- "input-sm-up": {
53
- fontFamily: string;
54
- fontSize: string | number;
55
- fontStyle: string;
56
- fontWeight: string | 400;
57
- lineHeight: string;
58
- };
59
- "input-md": {
60
- fontFamily: string;
61
- fontSize: string | number;
62
- fontStyle: string;
63
- fontWeight: string | 400;
64
- lineHeight: string;
65
- };
66
- "input-lg": {
67
- fontFamily: string;
68
- fontSize: string | number;
69
- fontStyle: string;
70
- fontWeight: string | 400;
71
- lineHeight: string;
72
- };
73
- "link-small": {
74
- fontFamily: string;
75
- fontSize: string | number;
76
- fontStyle: string;
77
- fontWeight: string | 400;
78
- lineHeight: string;
79
- };
80
- "link-small-emphasis": {
81
- fontFamily: string;
82
- fontSize: string | number;
83
- fontStyle: string;
84
- fontWeight: string | 500;
85
- lineHeight: string;
86
- };
87
- "link-small-up": {
88
- fontFamily: string;
89
- fontSize: string | number;
90
- fontStyle: string;
91
- fontWeight: string | 400;
92
- lineHeight: string;
93
- };
94
- "link-small-up-emphasis": {
95
- fontFamily: string;
96
- fontSize: string | number;
97
- fontStyle: string;
98
- fontWeight: string | 500;
99
- lineHeight: string;
100
- };
101
- "link-medium": {
102
- fontFamily: string;
103
- fontSize: string | number;
104
- fontStyle: string;
105
- fontWeight: string | 400;
106
- lineHeight: string;
107
- };
108
- "link-medium-emphasis": {
109
- fontFamily: string;
110
- fontSize: string | number;
111
- fontStyle: string;
112
- fontWeight: string | 500;
113
- lineHeight: string;
114
- };
115
- "link-large": {
116
- fontFamily: string;
117
- fontSize: string | number;
118
- fontStyle: string;
119
- fontWeight: string | 400;
120
- lineHeight: string;
121
- };
122
- "link-large-emphasis": {
123
- fontFamily: string;
124
- fontSize: string | number;
125
- fontStyle: string;
126
- fontWeight: string | 500;
127
- lineHeight: string;
128
- };
129
- "link-large-up": {
130
- fontFamily: string;
131
- fontSize: string | number;
132
- fontStyle: string;
133
- fontWeight: string | 400;
134
- lineHeight: string;
135
- };
136
- "link-large-up-emphasis": {
137
- fontFamily: string;
138
- fontSize: string | number;
139
- fontStyle: string;
140
- fontWeight: string | 500;
141
- lineHeight: string;
142
- };
143
- "btn-sm-emphasis": {
144
- fontFamily: string;
145
- fontSize: string | number;
146
- fontStyle: string;
147
- fontWeight: string | 500;
148
- lineHeight: string;
149
- };
150
- "btn-sm": {
151
- fontFamily: string;
152
- fontSize: string | number;
153
- fontStyle: string;
154
- fontWeight: string | 400;
155
- lineHeight: string;
156
- };
157
- "btn-sm-up-emphasis": {
158
- fontFamily: string;
159
- fontSize: string | number;
160
- fontStyle: string;
161
- fontWeight: string | 500;
162
- lineHeight: string;
163
- };
164
- "btn-sm-up": {
165
- fontFamily: string;
166
- fontSize: string | number;
167
- fontStyle: string;
168
- fontWeight: string | 400;
169
- lineHeight: string;
170
- };
171
- "btn-md-emphasis": {
172
- fontFamily: string;
173
- fontSize: string | number;
174
- fontStyle: string;
175
- fontWeight: string | 500;
176
- lineHeight: string;
177
- };
178
- "btn-md": {
179
- fontFamily: string;
180
- fontSize: string | number;
181
- fontStyle: string;
182
- fontWeight: string | 400;
183
- lineHeight: string;
184
- };
185
- "btn-lg-emphasis": {
186
- fontFamily: string;
187
- fontSize: string | number;
188
- fontStyle: string;
189
- fontWeight: string | 500;
190
- lineHeight: string;
191
- };
192
- "btn-lg": {
193
- fontFamily: string;
194
- fontSize: string | number;
195
- fontStyle: string;
196
- fontWeight: string | 400;
197
- lineHeight: string;
198
- };
199
- "btn-lg-up-emphasis": {
200
- fontFamily: string;
201
- fontSize: string | number;
202
- fontStyle: string;
203
- fontWeight: string | 500;
204
- lineHeight: string;
205
- };
206
- "btn-lg-up": {
207
- fontFamily: string;
208
- fontSize: string | number;
209
- fontStyle: string;
210
- fontWeight: string | 400;
211
- lineHeight: string;
212
- };
213
- "text-extra-small": {
214
- fontFamily: string;
215
- fontSize: string | number;
216
- fontStyle: string;
217
- fontWeight: string | 400;
218
- lineHeight: string;
219
- };
220
- "text-small": {
221
- fontFamily: string;
222
- fontSize: string | number;
223
- fontStyle: string;
224
- fontWeight: string | 400;
225
- lineHeight: string;
226
- };
227
- "text-small-up": {
228
- fontFamily: string;
229
- fontSize: string | number;
230
- fontStyle: string;
231
- fontWeight: string | 400;
232
- lineHeight: string;
233
- };
234
- "text-medium": {
235
- fontFamily: string;
236
- fontSize: string | number;
237
- fontStyle: string;
238
- fontWeight: string | 400;
239
- lineHeight: string;
240
- };
241
- "text-large": {
242
- fontFamily: string;
243
- fontSize: string | number;
244
- fontStyle: string;
245
- fontWeight: string | 400;
246
- lineHeight: string;
247
- };
248
- "text-extra-large": {
249
- fontFamily: string;
250
- fontSize: string | number;
251
- fontStyle: string;
252
- fontWeight: string | 400;
253
- lineHeight: string;
254
- };
255
- "text-x-extra-large": {
256
- fontFamily: string;
257
- fontSize: string | number;
258
- fontStyle: string;
259
- fontWeight: string | 400;
260
- lineHeight: string;
261
- };
262
- "label-extra-small": {
263
- fontFamily: string;
264
- fontSize: string | number;
265
- fontStyle: string;
266
- fontWeight: string | 400;
267
- lineHeight: string;
268
- };
269
- "label-extra-small-emphasis": {
270
- fontFamily: string;
271
- fontSize: string | number;
272
- fontStyle: string;
273
- fontWeight: string;
274
- lineHeight: string;
275
- };
276
- "label-extra-small-up": {
277
- fontFamily: string;
278
- fontSize: string | number;
279
- fontStyle: string;
280
- fontWeight: string | 400;
281
- lineHeight: string;
282
- };
283
- "label-small": {
284
- fontFamily: string;
285
- fontSize: string | number;
286
- fontStyle: string;
287
- fontWeight: string | 400;
288
- lineHeight: string;
289
- };
290
- "label-small-emphasis": {
291
- fontFamily: string;
292
- fontSize: string | number;
293
- fontStyle: string;
294
- fontWeight: string | 500;
295
- lineHeight: string;
296
- };
297
- "label-small-up": {
298
- fontFamily: string;
299
- fontSize: string | number;
300
- fontStyle: string;
301
- fontWeight: string | 400;
302
- lineHeight: string;
303
- };
304
- "label-small-up-emphasis": {
305
- fontFamily: string;
306
- fontSize: string | number;
307
- fontStyle: string;
308
- fontWeight: string | 500;
309
- lineHeight: string;
310
- };
311
- "label-medium": {
312
- fontFamily: string;
313
- fontSize: string | number;
314
- fontStyle: string;
315
- fontWeight: string | 400;
316
- lineHeight: string;
317
- };
318
- "label-medium-emphasis": {
319
- fontFamily: string;
320
- fontSize: string | number;
321
- fontStyle: string;
322
- fontWeight: string | 500;
323
- lineHeight: string;
324
- };
325
- "label-large": {
326
- fontFamily: string;
327
- fontSize: string | number;
328
- fontStyle: string;
329
- fontWeight: string | 400;
330
- lineHeight: string;
331
- };
332
- "label-large-emphasis": {
333
- fontFamily: string;
334
- fontSize: string | number;
335
- fontStyle: string;
336
- fontWeight: string | 500;
337
- lineHeight: string;
338
- };
339
- "label-large-up": {
340
- fontFamily: string;
341
- fontSize: string | number;
342
- fontStyle: string;
343
- fontWeight: string | 400;
344
- lineHeight: string;
345
- };
346
- "label-extra-large-emphasis": {
347
- fontFamily: string;
348
- fontSize: string | number;
349
- fontStyle: string;
350
- fontWeight: string | 500;
351
- lineHeight: string;
352
- };
353
- "label-extra-large": {
354
- fontFamily: string;
355
- fontSize: string | number;
356
- fontStyle: string;
357
- fontWeight: string | 400;
358
- lineHeight: string;
359
- };
360
- "label-x-extra-large-emphasis": {
361
- fontFamily: string;
362
- fontSize: string | number;
363
- fontStyle: string;
364
- fontWeight: string | 500;
365
- lineHeight: string;
366
- };
367
- "label-x-extra-large": {
368
- fontFamily: string;
369
- fontSize: string | number;
370
- fontStyle: string;
371
- fontWeight: string | 400;
372
- lineHeight: string;
373
- };
374
- "label-x-x-extra-large-emphasis": {
375
- fontFamily: string;
376
- fontSize: string | number;
377
- fontStyle: string;
378
- fontWeight: string | 500;
379
- lineHeight: string;
380
- };
381
- "label-x-x-extra-large": {
382
- fontFamily: string;
383
- fontSize: string | number;
384
- fontStyle: string;
385
- fontWeight: string | 400;
386
- lineHeight: string;
387
- };
388
- "label-x-x-x-extra-large": {
389
- fontFamily: string;
390
- fontSize: string | number;
391
- fontStyle: string;
392
- fontWeight: string | 400;
393
- lineHeight: string;
394
- };
395
- };
396
- fontFamily: string;
397
- baseLineHeight: number;
398
- };
@@ -1,237 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- import { FontVariant, FontWeight } from '../../../../utils/types/typography';
5
- var defaultFontValue = {
6
- fontFamily: '"Roboto"',
7
- fontStyle: 'normal',
8
- fontWeight: FontWeight.Regular
9
- };
10
- var getLabelFontVariants = function getLabelFontVariants() {
11
- var _ref;
12
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
13
- return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, FontVariant.LabelExtraSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
14
- fontSize: '10px',
15
- lineHeight: '12px'
16
- }, fontOverride)), FontVariant.LabelExtraSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
17
- fontWeight: 'Bold',
18
- fontSize: '10px',
19
- lineHeight: '12px'
20
- }, fontOverride)), FontVariant.LabelExtraSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
21
- fontSize: '11px',
22
- lineHeight: '12px'
23
- }, fontOverride)), FontVariant.LabelSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
24
- fontSize: '12px',
25
- lineHeight: '14px'
26
- }, fontOverride)), FontVariant.LabelSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
27
- fontWeight: FontWeight.Medium,
28
- fontSize: '12px',
29
- lineHeight: '14px'
30
- }, fontOverride)), FontVariant.LabelSmallUp, _objectSpread(_objectSpread({
31
- fontSize: '13px',
32
- lineHeight: '16px'
33
- }, defaultFontValue), fontOverride)), FontVariant.LabelSmallUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
34
- fontWeight: FontWeight.Medium,
35
- fontSize: '13px',
36
- lineHeight: '16px'
37
- }, fontOverride)), FontVariant.LabelMedium, _objectSpread(_objectSpread({
38
- fontSize: '14px',
39
- lineHeight: '16px'
40
- }, defaultFontValue), fontOverride)), FontVariant.LabelMediumEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
41
- fontWeight: FontWeight.Medium,
42
- fontSize: '14px',
43
- lineHeight: '16px'
44
- }, fontOverride)), FontVariant.LabelLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
45
- fontSize: '16px',
46
- lineHeight: '18px'
47
- }, fontOverride)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, FontVariant.LabelLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
48
- fontWeight: FontWeight.Medium,
49
- fontSize: '16px',
50
- lineHeight: '18px'
51
- }, fontOverride)), FontVariant.LabelLargeUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
52
- fontWeight: FontWeight.Regular,
53
- fontSize: '18px',
54
- lineHeight: '20px'
55
- }, fontOverride)), FontVariant.LabelExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
56
- fontWeight: FontWeight.Medium,
57
- fontSize: '24px',
58
- lineHeight: '28px'
59
- }, fontOverride)), FontVariant.LabelExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
60
- fontWeight: FontWeight.Regular,
61
- fontSize: '24px',
62
- lineHeight: '28px'
63
- }, fontOverride)), FontVariant.LabelXExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
64
- fontWeight: FontWeight.Medium,
65
- fontSize: '32px',
66
- lineHeight: '36px'
67
- }, fontOverride)), FontVariant.LabelXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
68
- fontSize: '32px',
69
- lineHeight: '36px'
70
- }, fontOverride)), FontVariant.LabelXXExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
71
- fontWeight: FontWeight.Medium,
72
- fontSize: '48px',
73
- lineHeight: '54px'
74
- }, fontOverride)), FontVariant.LabelXXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
75
- fontSize: '48px',
76
- lineHeight: '54px'
77
- }, fontOverride)), FontVariant.LabelXXXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
78
- fontSize: '60px',
79
- lineHeight: '68px'
80
- }, fontOverride));
81
- };
82
- var getTextFontVariants = function getTextFontVariants() {
83
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
84
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.TextExtraSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
85
- fontSize: '11px',
86
- lineHeight: '14px'
87
- }, fontOverride)), FontVariant.TextSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
88
- fontSize: '12px',
89
- lineHeight: '18px'
90
- }, fontOverride)), FontVariant.TextSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
91
- fontSize: '13px',
92
- lineHeight: '18px'
93
- }, fontOverride)), FontVariant.TextMedium, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
94
- fontSize: '14px',
95
- lineHeight: '20px'
96
- }, fontOverride)), FontVariant.TextLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
97
- fontSize: '16px',
98
- lineHeight: '22px'
99
- }, fontOverride)), FontVariant.TextExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
100
- fontSize: '18px',
101
- lineHeight: '26px'
102
- }, fontOverride)), FontVariant.TextXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
103
- fontSize: '28px',
104
- lineHeight: '40px'
105
- }, fontOverride));
106
- };
107
- var getButtonFontVariants = function getButtonFontVariants() {
108
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
109
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.ButtonSmEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
110
- fontWeight: FontWeight.Medium,
111
- fontSize: '12px',
112
- lineHeight: '14px'
113
- }, fontOverride)), FontVariant.ButtonSm, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
114
- fontSize: '12px',
115
- lineHeight: '14px'
116
- }, fontOverride)), FontVariant.ButtonSmUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
117
- fontWeight: FontWeight.Medium,
118
- fontSize: '13px',
119
- lineHeight: '16px'
120
- }, fontOverride)), FontVariant.ButtonSmUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
121
- fontSize: '13px',
122
- lineHeight: '16px'
123
- }, fontOverride)), FontVariant.ButtonMdEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
124
- fontWeight: FontWeight.Medium,
125
- fontSize: '14px',
126
- lineHeight: '16px'
127
- }, fontOverride)), FontVariant.ButtonMd, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
128
- fontSize: '14px',
129
- lineHeight: '16px'
130
- }, fontOverride)), FontVariant.ButtonLgEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
131
- fontWeight: FontWeight.Medium,
132
- fontSize: '16px',
133
- lineHeight: '18px'
134
- }, fontOverride)), FontVariant.ButtonLg, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
135
- fontSize: '16px',
136
- lineHeight: '18px'
137
- }, fontOverride)), FontVariant.ButtonLgUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
138
- fontWeight: FontWeight.Medium,
139
- fontSize: '18px',
140
- lineHeight: '20px'
141
- }, fontOverride)), FontVariant.ButtonLgUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
142
- fontSize: '18px',
143
- lineHeight: '20px'
144
- }, fontOverride));
145
- };
146
- var getLinkFontVariants = function getLinkFontVariants() {
147
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
148
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.LinkSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
149
- fontSize: '12px',
150
- lineHeight: '14px'
151
- }, fontOverride)), FontVariant.LinkSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
152
- fontWeight: FontWeight.Medium,
153
- fontSize: '12px',
154
- lineHeight: '14px'
155
- }, fontOverride)), FontVariant.LinkSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
156
- fontSize: '13px',
157
- lineHeight: '16px'
158
- }, fontOverride)), FontVariant.LinkSmallUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
159
- fontWeight: FontWeight.Medium,
160
- fontSize: '13px',
161
- lineHeight: '16px'
162
- }, fontOverride)), FontVariant.LinkMedium, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
163
- fontSize: '14px',
164
- lineHeight: '16px'
165
- }, fontOverride)), FontVariant.LinkMediumEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
166
- fontWeight: FontWeight.Medium,
167
- fontSize: '14px',
168
- lineHeight: '16px'
169
- }, fontOverride)), FontVariant.LinkLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
170
- fontSize: '16px',
171
- lineHeight: '18px'
172
- }, fontOverride)), FontVariant.LinkLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
173
- fontWeight: FontWeight.Medium,
174
- fontSize: '16px',
175
- lineHeight: '18px'
176
- }, fontOverride)), FontVariant.LinkLargeUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
177
- fontSize: '18px',
178
- lineHeight: '20px'
179
- }, fontOverride)), FontVariant.LinkLargeUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
180
- fontWeight: FontWeight.Medium,
181
- fontSize: '18px',
182
- lineHeight: '20px'
183
- }, fontOverride));
184
- };
185
- var getInputFontVariants = function getInputFontVariants() {
186
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
187
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.InputSm, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
188
- fontSize: '12px',
189
- lineHeight: '14px'
190
- }, fontOverride)), FontVariant.InputSmUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
191
- fontSize: '13px',
192
- lineHeight: '16px'
193
- }, fontOverride)), FontVariant.InputMd, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
194
- fontSize: '14px',
195
- lineHeight: '16px'
196
- }, fontOverride)), FontVariant.InputLg, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
197
- fontSize: '16px',
198
- lineHeight: '18px'
199
- }, fontOverride));
200
- };
201
- var getTitleFontVariants = function getTitleFontVariants() {
202
- var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
203
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.TitleH6, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
204
- fontWeight: FontWeight.Medium,
205
- fontSize: '12px',
206
- lineHeight: '18px'
207
- }, fontOverride)), FontVariant.TitleH5, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
208
- fontWeight: FontWeight.Medium,
209
- fontSize: '14px',
210
- lineHeight: '21px'
211
- }, fontOverride)), FontVariant.TitleH4, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
212
- fontWeight: FontWeight.Medium,
213
- fontSize: '16px',
214
- lineHeight: '24px'
215
- }, fontOverride)), FontVariant.TitleH3, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
216
- fontWeight: FontWeight.Medium,
217
- fontSize: '18px',
218
- lineHeight: '27px'
219
- }, fontOverride)), FontVariant.TitleH2, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
220
- fontWeight: FontWeight.Medium,
221
- fontSize: '20px',
222
- lineHeight: '30px'
223
- }, fontOverride)), FontVariant.TitleH1, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
224
- fontWeight: FontWeight.Medium,
225
- fontSize: '28px',
226
- lineHeight: '42px'
227
- }, fontOverride));
228
- };
229
- export var getDefaultTypography = function getDefaultTypography() {
230
- var typographyOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
231
- return _objectSpread(_objectSpread({
232
- fontFamily: defaultFontValue.fontFamily,
233
- baseLineHeight: 1.375
234
- }, typographyOverride), {}, {
235
- font: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getLabelFontVariants(typographyOverride)), getTextFontVariants(typographyOverride)), getButtonFontVariants(typographyOverride)), getLinkFontVariants(typographyOverride)), getInputFontVariants(typographyOverride)), getTitleFontVariants(typographyOverride))
236
- });
237
- };
@@ -1 +0,0 @@
1
- export * from './default-typography';
@@ -1 +0,0 @@
1
- export * from './default-typography';
@@ -1,3 +0,0 @@
1
- export { default } from './typography.component';
2
- export type { TypographyProps } from './typography.props';
3
- export { getDefaultTypography } from './entity';
@@ -1,2 +0,0 @@
1
- export { default } from './typography.component';
2
- export { getDefaultTypography } from './entity';
@@ -1,2 +0,0 @@
1
- declare const Typography: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
2
- export default Typography;
@@ -1,7 +0,0 @@
1
- import { createGlobalStyle, css } from 'styled-components';
2
- var Typography = /*#__PURE__*/createGlobalStyle(["", ";"], function (_ref) {
3
- var theme = _ref.theme;
4
- var baseLineHeight = theme.typography.baseLineHeight;
5
- return css(["h1,h2,h3,h4,h5,h6,p,small{line-height:", ";}"], baseLineHeight);
6
- });
7
- export default Typography;
@@ -1,15 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- import type { Values } from '../../../utils/types';
3
- import { FontVariant } from '../../../utils/types/typography';
4
- export type FontObjectType = Readonly<Record<Values<typeof FontVariant>, CSSObject>>;
5
- export type FontOverrideType = {
6
- fontFamily?: string;
7
- fontSize?: string | number;
8
- fontStyle?: string;
9
- fontWeight?: string;
10
- };
11
- export interface TypographyProps {
12
- readonly fontFamily: string;
13
- readonly baseLineHeight: string | number;
14
- readonly font: FontObjectType;
15
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { default } from './theme-provider.context';
2
- export type { ThemeProviderProps } from './theme-provider.props';
@@ -1 +0,0 @@
1
- export { default } from './theme-provider.context';