@pagopa/io-app-design-system 1.42.0 → 2.0.0-1

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 (349) hide show
  1. package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +8 -32
  2. package/lib/commonjs/components/accordion/AccordionItem.js +1 -10
  3. package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
  4. package/lib/commonjs/components/alert/Alert.js +3 -16
  5. package/lib/commonjs/components/alert/Alert.js.map +1 -1
  6. package/lib/commonjs/components/badge/Badge.js +13 -21
  7. package/lib/commonjs/components/badge/Badge.js.map +1 -1
  8. package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
  9. package/lib/commonjs/components/badge/__test__/badge.test.js.map +1 -1
  10. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
  11. package/lib/commonjs/components/buttons/ButtonLink.js +10 -24
  12. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  13. package/lib/commonjs/components/buttons/ButtonOutline.js +14 -24
  14. package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
  15. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
  16. package/lib/commonjs/components/featureInfo/FeatureInfo.js +6 -7
  17. package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
  18. package/lib/commonjs/components/layout/HeaderSecondLevel.js +10 -15
  19. package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
  20. package/lib/commonjs/components/listitems/ListItemAction.js +12 -50
  21. package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
  22. package/lib/commonjs/components/listitems/ListItemAmount.js +2 -5
  23. package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
  24. package/lib/commonjs/components/listitems/ListItemSwitch.js +2 -2
  25. package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
  26. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +83 -347
  27. package/lib/commonjs/components/modules/ModuleIDP.js +13 -20
  28. package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
  29. package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
  30. package/lib/commonjs/components/searchInput/SearchInput.js +2 -4
  31. package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
  32. package/lib/commonjs/components/switch/SwitchLabel.js +7 -29
  33. package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
  34. package/lib/commonjs/components/tabs/TabItem.js +3 -2
  35. package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
  36. package/lib/commonjs/components/tag/Tag.js +14 -18
  37. package/lib/commonjs/components/tag/Tag.js.map +1 -1
  38. package/lib/commonjs/components/textInput/TextInputBase.js +4 -6
  39. package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
  40. package/lib/commonjs/components/typography/BaseTypography.js +5 -1
  41. package/lib/commonjs/components/typography/BaseTypography.js.map +1 -1
  42. package/lib/commonjs/components/typography/Body.js +34 -26
  43. package/lib/commonjs/components/typography/Body.js.map +1 -1
  44. package/lib/commonjs/components/typography/BodyMonospace.js +26 -24
  45. package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -1
  46. package/lib/commonjs/components/typography/ButtonText.js +25 -19
  47. package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
  48. package/lib/commonjs/components/typography/Caption.js +29 -19
  49. package/lib/commonjs/components/typography/Caption.js.map +1 -1
  50. package/lib/commonjs/components/typography/Chip.js +24 -21
  51. package/lib/commonjs/components/typography/Chip.js.map +1 -1
  52. package/lib/commonjs/components/typography/Factory.js +1 -0
  53. package/lib/commonjs/components/typography/Factory.js.map +1 -1
  54. package/lib/commonjs/components/typography/H1.js +27 -20
  55. package/lib/commonjs/components/typography/H1.js.map +1 -1
  56. package/lib/commonjs/components/typography/H2.js +27 -20
  57. package/lib/commonjs/components/typography/H2.js.map +1 -1
  58. package/lib/commonjs/components/typography/H3.js +27 -19
  59. package/lib/commonjs/components/typography/H3.js.map +1 -1
  60. package/lib/commonjs/components/typography/H4.js +27 -21
  61. package/lib/commonjs/components/typography/H4.js.map +1 -1
  62. package/lib/commonjs/components/typography/H5.js +26 -22
  63. package/lib/commonjs/components/typography/H5.js.map +1 -1
  64. package/lib/commonjs/components/typography/H6.js +25 -20
  65. package/lib/commonjs/components/typography/H6.js.map +1 -1
  66. package/lib/commonjs/components/typography/Hero.js +25 -17
  67. package/lib/commonjs/components/typography/Hero.js.map +1 -1
  68. package/lib/commonjs/components/typography/IOText.js +104 -0
  69. package/lib/commonjs/components/typography/IOText.js.map +1 -0
  70. package/lib/commonjs/components/typography/Label.js +28 -26
  71. package/lib/commonjs/components/typography/Label.js.map +1 -1
  72. package/lib/commonjs/components/typography/LabelMini.js +45 -0
  73. package/lib/commonjs/components/typography/LabelMini.js.map +1 -0
  74. package/lib/commonjs/components/typography/LabelSmall.js +30 -30
  75. package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
  76. package/lib/commonjs/components/typography/LabelSmallAlt.js +25 -20
  77. package/lib/commonjs/components/typography/LabelSmallAlt.js.map +1 -1
  78. package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +92 -557
  79. package/lib/commonjs/components/typography/__test__/typography.test.js +6 -25
  80. package/lib/commonjs/components/typography/__test__/typography.test.js.map +1 -1
  81. package/lib/commonjs/components/typography/index.js +15 -37
  82. package/lib/commonjs/components/typography/index.js.map +1 -1
  83. package/lib/commonjs/components/typography/markdown/MdH1.js +27 -16
  84. package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
  85. package/lib/commonjs/components/typography/markdown/MdH2.js +28 -18
  86. package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
  87. package/lib/commonjs/components/typography/markdown/MdH3.js +26 -16
  88. package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
  89. package/lib/commonjs/core/IOColors.js +19 -2
  90. package/lib/commonjs/core/IOColors.js.map +1 -1
  91. package/lib/commonjs/core/IOStyles.js +0 -1
  92. package/lib/commonjs/core/IOStyles.js.map +1 -1
  93. package/lib/commonjs/utils/accessibility.js +24 -1
  94. package/lib/commonjs/utils/accessibility.js.map +1 -1
  95. package/lib/commonjs/utils/fonts.js +72 -40
  96. package/lib/commonjs/utils/fonts.js.map +1 -1
  97. package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +8 -32
  98. package/lib/module/components/accordion/AccordionItem.js +3 -12
  99. package/lib/module/components/accordion/AccordionItem.js.map +1 -1
  100. package/lib/module/components/alert/Alert.js +5 -18
  101. package/lib/module/components/alert/Alert.js.map +1 -1
  102. package/lib/module/components/badge/Badge.js +15 -23
  103. package/lib/module/components/badge/Badge.js.map +1 -1
  104. package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
  105. package/lib/module/components/badge/__test__/badge.test.js.map +1 -1
  106. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
  107. package/lib/module/components/buttons/ButtonLink.js +12 -26
  108. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  109. package/lib/module/components/buttons/ButtonOutline.js +15 -25
  110. package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
  111. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
  112. package/lib/module/components/featureInfo/FeatureInfo.js +7 -8
  113. package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
  114. package/lib/module/components/layout/HeaderSecondLevel.js +10 -15
  115. package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
  116. package/lib/module/components/listitems/ListItemAction.js +16 -54
  117. package/lib/module/components/listitems/ListItemAction.js.map +1 -1
  118. package/lib/module/components/listitems/ListItemAmount.js +2 -5
  119. package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
  120. package/lib/module/components/listitems/ListItemSwitch.js +3 -3
  121. package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
  122. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +83 -347
  123. package/lib/module/components/modules/ModuleIDP.js +15 -22
  124. package/lib/module/components/modules/ModuleIDP.js.map +1 -1
  125. package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
  126. package/lib/module/components/searchInput/SearchInput.js +2 -4
  127. package/lib/module/components/searchInput/SearchInput.js.map +1 -1
  128. package/lib/module/components/switch/SwitchLabel.js +9 -31
  129. package/lib/module/components/switch/SwitchLabel.js.map +1 -1
  130. package/lib/module/components/tabs/TabItem.js +3 -2
  131. package/lib/module/components/tabs/TabItem.js.map +1 -1
  132. package/lib/module/components/tag/Tag.js +16 -20
  133. package/lib/module/components/tag/Tag.js.map +1 -1
  134. package/lib/module/components/textInput/TextInputBase.js +4 -6
  135. package/lib/module/components/textInput/TextInputBase.js.map +1 -1
  136. package/lib/module/components/typography/BaseTypography.js +5 -1
  137. package/lib/module/components/typography/BaseTypography.js.map +1 -1
  138. package/lib/module/components/typography/Body.js +31 -22
  139. package/lib/module/components/typography/Body.js.map +1 -1
  140. package/lib/module/components/typography/BodyMonospace.js +25 -23
  141. package/lib/module/components/typography/BodyMonospace.js.map +1 -1
  142. package/lib/module/components/typography/ButtonText.js +24 -19
  143. package/lib/module/components/typography/ButtonText.js.map +1 -1
  144. package/lib/module/components/typography/Caption.js +28 -19
  145. package/lib/module/components/typography/Caption.js.map +1 -1
  146. package/lib/module/components/typography/Chip.js +23 -21
  147. package/lib/module/components/typography/Chip.js.map +1 -1
  148. package/lib/module/components/typography/Factory.js +1 -0
  149. package/lib/module/components/typography/Factory.js.map +1 -1
  150. package/lib/module/components/typography/H1.js +26 -20
  151. package/lib/module/components/typography/H1.js.map +1 -1
  152. package/lib/module/components/typography/H2.js +26 -20
  153. package/lib/module/components/typography/H2.js.map +1 -1
  154. package/lib/module/components/typography/H3.js +26 -19
  155. package/lib/module/components/typography/H3.js.map +1 -1
  156. package/lib/module/components/typography/H4.js +26 -21
  157. package/lib/module/components/typography/H4.js.map +1 -1
  158. package/lib/module/components/typography/H5.js +24 -21
  159. package/lib/module/components/typography/H5.js.map +1 -1
  160. package/lib/module/components/typography/H6.js +24 -21
  161. package/lib/module/components/typography/H6.js.map +1 -1
  162. package/lib/module/components/typography/Hero.js +24 -17
  163. package/lib/module/components/typography/Hero.js.map +1 -1
  164. package/lib/module/components/typography/IOText.js +96 -0
  165. package/lib/module/components/typography/IOText.js.map +1 -0
  166. package/lib/module/components/typography/Label.js +27 -26
  167. package/lib/module/components/typography/Label.js.map +1 -1
  168. package/lib/module/components/typography/LabelMini.js +36 -0
  169. package/lib/module/components/typography/LabelMini.js.map +1 -0
  170. package/lib/module/components/typography/LabelSmall.js +29 -30
  171. package/lib/module/components/typography/LabelSmall.js.map +1 -1
  172. package/lib/module/components/typography/LabelSmallAlt.js +24 -20
  173. package/lib/module/components/typography/LabelSmallAlt.js.map +1 -1
  174. package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +92 -557
  175. package/lib/module/components/typography/__test__/typography.test.js +6 -25
  176. package/lib/module/components/typography/__test__/typography.test.js.map +1 -1
  177. package/lib/module/components/typography/index.js +2 -4
  178. package/lib/module/components/typography/index.js.map +1 -1
  179. package/lib/module/components/typography/markdown/MdH1.js +25 -15
  180. package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
  181. package/lib/module/components/typography/markdown/MdH2.js +26 -17
  182. package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
  183. package/lib/module/components/typography/markdown/MdH3.js +24 -15
  184. package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
  185. package/lib/module/core/IOColors.js +17 -1
  186. package/lib/module/core/IOColors.js.map +1 -1
  187. package/lib/module/core/IOStyles.js +0 -1
  188. package/lib/module/core/IOStyles.js.map +1 -1
  189. package/lib/module/utils/accessibility.js +22 -0
  190. package/lib/module/utils/accessibility.js.map +1 -1
  191. package/lib/module/utils/fonts.js +70 -36
  192. package/lib/module/utils/fonts.js.map +1 -1
  193. package/lib/typescript/components/accordion/AccordionItem.d.ts.map +1 -1
  194. package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
  195. package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
  196. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  197. package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
  198. package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +6 -5
  199. package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
  200. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
  201. package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
  202. package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
  203. package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
  204. package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
  205. package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
  206. package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
  207. package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
  208. package/lib/typescript/components/typography/BaseTypography.d.ts +3 -2
  209. package/lib/typescript/components/typography/BaseTypography.d.ts.map +1 -1
  210. package/lib/typescript/components/typography/Body.d.ts +5 -10
  211. package/lib/typescript/components/typography/Body.d.ts.map +1 -1
  212. package/lib/typescript/components/typography/BodyMonospace.d.ts +7 -7
  213. package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -1
  214. package/lib/typescript/components/typography/ButtonText.d.ts +9 -10
  215. package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
  216. package/lib/typescript/components/typography/Caption.d.ts +9 -5
  217. package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
  218. package/lib/typescript/components/typography/Chip.d.ts +7 -7
  219. package/lib/typescript/components/typography/Chip.d.ts.map +1 -1
  220. package/lib/typescript/components/typography/Factory.d.ts +1 -0
  221. package/lib/typescript/components/typography/Factory.d.ts.map +1 -1
  222. package/lib/typescript/components/typography/H1.d.ts +9 -8
  223. package/lib/typescript/components/typography/H1.d.ts.map +1 -1
  224. package/lib/typescript/components/typography/H2.d.ts +9 -8
  225. package/lib/typescript/components/typography/H2.d.ts.map +1 -1
  226. package/lib/typescript/components/typography/H3.d.ts +9 -8
  227. package/lib/typescript/components/typography/H3.d.ts.map +1 -1
  228. package/lib/typescript/components/typography/H4.d.ts +9 -8
  229. package/lib/typescript/components/typography/H4.d.ts.map +1 -1
  230. package/lib/typescript/components/typography/H5.d.ts +9 -5
  231. package/lib/typescript/components/typography/H5.d.ts.map +1 -1
  232. package/lib/typescript/components/typography/H6.d.ts +9 -10
  233. package/lib/typescript/components/typography/H6.d.ts.map +1 -1
  234. package/lib/typescript/components/typography/Hero.d.ts +9 -8
  235. package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
  236. package/lib/typescript/components/typography/IOText.d.ts +54 -0
  237. package/lib/typescript/components/typography/IOText.d.ts.map +1 -0
  238. package/lib/typescript/components/typography/Label.d.ts +6 -10
  239. package/lib/typescript/components/typography/Label.d.ts.map +1 -1
  240. package/lib/typescript/components/typography/LabelMini.d.ts +13 -0
  241. package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -0
  242. package/lib/typescript/components/typography/LabelSmall.d.ts +5 -11
  243. package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
  244. package/lib/typescript/components/typography/LabelSmallAlt.d.ts +7 -10
  245. package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +1 -1
  246. package/lib/typescript/components/typography/index.d.ts +2 -4
  247. package/lib/typescript/components/typography/index.d.ts.map +1 -1
  248. package/lib/typescript/components/typography/markdown/MdH1.d.ts +9 -9
  249. package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
  250. package/lib/typescript/components/typography/markdown/MdH2.d.ts +9 -9
  251. package/lib/typescript/components/typography/markdown/MdH2.d.ts.map +1 -1
  252. package/lib/typescript/components/typography/markdown/MdH3.d.ts +9 -9
  253. package/lib/typescript/components/typography/markdown/MdH3.d.ts.map +1 -1
  254. package/lib/typescript/core/IOColors.d.ts +3 -20
  255. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  256. package/lib/typescript/core/IOStyles.d.ts +0 -3
  257. package/lib/typescript/core/IOStyles.d.ts.map +1 -1
  258. package/lib/typescript/utils/accessibility.d.ts +5 -0
  259. package/lib/typescript/utils/accessibility.d.ts.map +1 -1
  260. package/lib/typescript/utils/fonts.d.ts +19 -23
  261. package/lib/typescript/utils/fonts.d.ts.map +1 -1
  262. package/package.json +1 -1
  263. package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +8 -32
  264. package/src/components/accordion/AccordionItem.tsx +2 -14
  265. package/src/components/alert/Alert.tsx +5 -18
  266. package/src/components/badge/Badge.tsx +15 -28
  267. package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +16 -16
  268. package/src/components/badge/__test__/badge.test.tsx +2 -2
  269. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +14 -38
  270. package/src/components/buttons/ButtonLink.tsx +12 -35
  271. package/src/components/buttons/ButtonOutline.tsx +14 -25
  272. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +45 -60
  273. package/src/components/featureInfo/FeatureInfo.tsx +13 -13
  274. package/src/components/layout/HeaderSecondLevel.tsx +9 -18
  275. package/src/components/listitems/ListItemAction.tsx +13 -75
  276. package/src/components/listitems/ListItemAmount.tsx +2 -5
  277. package/src/components/listitems/ListItemSwitch.tsx +3 -3
  278. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +83 -347
  279. package/src/components/modules/ModuleIDP.tsx +15 -32
  280. package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +30 -150
  281. package/src/components/searchInput/SearchInput.tsx +14 -6
  282. package/src/components/switch/SwitchLabel.tsx +6 -32
  283. package/src/components/tabs/TabItem.tsx +4 -2
  284. package/src/components/tag/Tag.tsx +22 -24
  285. package/src/components/textInput/TextInputBase.tsx +21 -8
  286. package/src/components/typography/BaseTypography.tsx +13 -4
  287. package/src/components/typography/Body.tsx +43 -38
  288. package/src/components/typography/BodyMonospace.tsx +24 -37
  289. package/src/components/typography/ButtonText.tsx +25 -35
  290. package/src/components/typography/Caption.tsx +31 -33
  291. package/src/components/typography/Chip.tsx +25 -37
  292. package/src/components/typography/Factory.tsx +1 -0
  293. package/src/components/typography/H1.tsx +31 -36
  294. package/src/components/typography/H2.tsx +31 -36
  295. package/src/components/typography/H3.tsx +30 -35
  296. package/src/components/typography/H4.tsx +31 -36
  297. package/src/components/typography/H5.tsx +26 -32
  298. package/src/components/typography/H6.tsx +30 -41
  299. package/src/components/typography/Hero.tsx +30 -33
  300. package/src/components/typography/IOText.tsx +157 -0
  301. package/src/components/typography/Label.tsx +41 -48
  302. package/src/components/typography/LabelMini.tsx +52 -0
  303. package/src/components/typography/LabelSmall.tsx +41 -63
  304. package/src/components/typography/LabelSmallAlt.tsx +28 -48
  305. package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +92 -557
  306. package/src/components/typography/__test__/typography.test.tsx +7 -31
  307. package/src/components/typography/index.tsx +2 -4
  308. package/src/components/typography/markdown/MdH1.tsx +26 -28
  309. package/src/components/typography/markdown/MdH2.tsx +27 -30
  310. package/src/components/typography/markdown/MdH3.tsx +25 -28
  311. package/src/core/IOColors.ts +31 -21
  312. package/src/core/IOStyles.ts +1 -5
  313. package/src/utils/accessibility.ts +31 -0
  314. package/src/utils/fonts.ts +94 -50
  315. package/lib/commonjs/components/typography/LabelHeader.js +0 -44
  316. package/lib/commonjs/components/typography/LabelHeader.js.map +0 -1
  317. package/lib/commonjs/components/typography/LabelLink.js +0 -44
  318. package/lib/commonjs/components/typography/LabelLink.js.map +0 -1
  319. package/lib/commonjs/components/typography/markdown/MdH4.js +0 -30
  320. package/lib/commonjs/components/typography/markdown/MdH4.js.map +0 -1
  321. package/lib/commonjs/components/typography/markdown/MdH5.js +0 -28
  322. package/lib/commonjs/components/typography/markdown/MdH5.js.map +0 -1
  323. package/lib/commonjs/components/typography/markdown/MdH6.js +0 -29
  324. package/lib/commonjs/components/typography/markdown/MdH6.js.map +0 -1
  325. package/lib/module/components/typography/LabelHeader.js +0 -33
  326. package/lib/module/components/typography/LabelHeader.js.map +0 -1
  327. package/lib/module/components/typography/LabelLink.js +0 -33
  328. package/lib/module/components/typography/LabelLink.js.map +0 -1
  329. package/lib/module/components/typography/markdown/MdH4.js +0 -23
  330. package/lib/module/components/typography/markdown/MdH4.js.map +0 -1
  331. package/lib/module/components/typography/markdown/MdH5.js +0 -21
  332. package/lib/module/components/typography/markdown/MdH5.js.map +0 -1
  333. package/lib/module/components/typography/markdown/MdH6.js +0 -22
  334. package/lib/module/components/typography/markdown/MdH6.js.map +0 -1
  335. package/lib/typescript/components/typography/LabelHeader.d.ts +0 -18
  336. package/lib/typescript/components/typography/LabelHeader.d.ts.map +0 -1
  337. package/lib/typescript/components/typography/LabelLink.d.ts +0 -20
  338. package/lib/typescript/components/typography/LabelLink.d.ts.map +0 -1
  339. package/lib/typescript/components/typography/markdown/MdH4.d.ts +0 -13
  340. package/lib/typescript/components/typography/markdown/MdH4.d.ts.map +0 -1
  341. package/lib/typescript/components/typography/markdown/MdH5.d.ts +0 -13
  342. package/lib/typescript/components/typography/markdown/MdH5.d.ts.map +0 -1
  343. package/lib/typescript/components/typography/markdown/MdH6.d.ts +0 -13
  344. package/lib/typescript/components/typography/markdown/MdH6.d.ts.map +0 -1
  345. package/src/components/typography/LabelHeader.tsx +0 -56
  346. package/src/components/typography/LabelLink.tsx +0 -61
  347. package/src/components/typography/markdown/MdH4.tsx +0 -34
  348. package/src/components/typography/markdown/MdH5.tsx +0 -32
  349. package/src/components/typography/markdown/MdH6.tsx +0 -33
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAe1C,MAAMG,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,kBAAkB;AAClE,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACO,MAAMC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEH,cAAc,GACzBT,wBAAwB,GACxBE,uBAAuB;IAC3BW,YAAY,EAAEhB,uBAAuB;IACrCiB,IAAI,EAAEL,cAAc,GAAGV,mBAAmB,GAAGE,yBAAyB;IACtEc,SAAS,EAAE;MACTC,QAAQ,EAAEtB,mBAAmB;MAC7BuB,UAAU,EAAER,cAAc,GACtBb,qBAAqB,GACrBO;IACN;EACF,CAAC,EACDK,GACF,CAAC;AACH,CACF,CAAC;AAACb,OAAA,CAAAS,WAAA,GAAAA,WAAA"}
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.linkLegacyDefaultColor = exports.linkDefaultWeight = exports.linkDefaultColor = exports.LabelLink = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _core = require("../../core");
9
- var _Factory = require("./Factory");
10
- var _common = require("./common");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- const font = "TitilliumSansPro";
13
- const linkLegacyDefaultColor = "blue";
14
- exports.linkLegacyDefaultColor = linkLegacyDefaultColor;
15
- const linkDefaultColor = "blueIO-500";
16
- exports.linkDefaultColor = linkDefaultColor;
17
- const linkDefaultWeight = "Semibold";
18
-
19
- /**
20
- * `Link` typographic style
21
- */
22
- exports.linkDefaultWeight = linkDefaultWeight;
23
- const LabelLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
24
- const {
25
- isExperimental
26
- } = (0, _core.useIOExperimentalDesign)();
27
- return (0, _Factory.useTypographyFactory)({
28
- accessibilityRole: props.onPress ? "link" : undefined,
29
- ...props,
30
- allowFontScaling: isExperimental,
31
- maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
32
- dynamicTypeRamp: "footnote" /* iOS only */,
33
- defaultWeight: linkDefaultWeight,
34
- defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
35
- font,
36
- fontStyle: {
37
- fontSize: props.fontSize ? _common.fontSizeMapping[props.fontSize] : _common.fontSizeMapping.regular,
38
- lineHeight: props.fontSize ? _common.lineHeightMapping[props.fontSize] : _common.lineHeightMapping.regular,
39
- textDecorationLine: "underline"
40
- }
41
- }, ref);
42
- });
43
- exports.LabelLink = LabelLink;
44
- //# sourceMappingURL=LabelLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","font","linkLegacyDefaultColor","exports","linkDefaultColor","linkDefaultWeight","LabelLink","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","accessibilityRole","onPress","undefined","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","defaultWeight","defaultColor","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWlB,MAAMG,IAAkB,GAAG,kBAAkB;AAEtC,MAAMC,sBAAqC,GAAG,MAAM;AAACC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AACrD,MAAME,gBAA+B,GAAG,YAAY;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACrD,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACEC,iBAAiB,EAAEL,KAAK,CAACM,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGP,KAAK;IACRQ,gBAAgB,EAAEN,cAAc;IAChCO,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEhB,iBAAiB;IAChCiB,YAAY,EAAEX,cAAc,GAAGP,gBAAgB,GAAGF,sBAAsB;IACxED,IAAI;IACJsB,SAAS,EAAE;MACTC,QAAQ,EAAEf,KAAK,CAACe,QAAQ,GACpBC,uBAAe,CAAChB,KAAK,CAACe,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAElB,KAAK,CAACe,QAAQ,GACtBI,yBAAiB,CAACnB,KAAK,CAACe,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;MAC7BG,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDnB,GACF,CAAC;AACH,CAAC,CAAC;AAACP,OAAA,CAAAG,SAAA,GAAAA,SAAA"}
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.MdH4 = void 0;
7
- var _Factory = require("../Factory");
8
- const fontSize = 14;
9
- const lineHeight = 24;
10
- const font = "TitilliumSansPro";
11
- const defaultColor = "grey-700";
12
- const defaultWeight = "Semibold";
13
-
14
- /**
15
- * `MdH4` typographic style
16
- */
17
- const MdH4 = props => (0, _Factory.useTypographyFactory)({
18
- ...props,
19
- defaultWeight,
20
- defaultColor,
21
- font,
22
- fontStyle: {
23
- fontSize,
24
- textTransform: "uppercase",
25
- letterSpacing: 0.5,
26
- lineHeight
27
- }
28
- });
29
- exports.MdH4 = MdH4;
30
- //# sourceMappingURL=MdH4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH4","props","useTypographyFactory","fontStyle","textTransform","letterSpacing","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH4.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRS,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBT;EACF;AACF,CAAC,CAAC;AAACU,OAAA,CAAAN,IAAA,GAAAA,IAAA"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.MdH5 = void 0;
7
- var _Factory = require("../Factory");
8
- const fontSize = 12;
9
- const lineHeight = 16;
10
- const font = "ReadexPro";
11
- const defaultColor = "grey-850";
12
- const defaultWeight = "Regular";
13
-
14
- /**
15
- * `MdH5` typographic style
16
- */
17
- const MdH5 = props => (0, _Factory.useTypographyFactory)({
18
- ...props,
19
- defaultWeight,
20
- defaultColor,
21
- font,
22
- fontStyle: {
23
- fontSize,
24
- lineHeight
25
- }
26
- });
27
- exports.MdH5 = MdH5;
28
- //# sourceMappingURL=MdH5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH5","props","useTypographyFactory","fontStyle","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH5.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRC;EACF;AACF,CAAC,CAAC;AAACQ,OAAA,CAAAJ,IAAA,GAAAA,IAAA"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.MdH6 = void 0;
7
- var _Factory = require("../Factory");
8
- const fontSize = 10;
9
- const lineHeight = 14;
10
- const font = "ReadexPro";
11
- const defaultColor = "grey-700";
12
- const defaultWeight = "Regular";
13
-
14
- /**
15
- * `MdH5` typographic style
16
- */
17
- const MdH6 = props => (0, _Factory.useTypographyFactory)({
18
- ...props,
19
- defaultWeight,
20
- defaultColor,
21
- font,
22
- fontStyle: {
23
- fontSize,
24
- lineHeight,
25
- letterSpacing: 0.5
26
- }
27
- });
28
- exports.MdH6 = MdH6;
29
- //# sourceMappingURL=MdH6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_Factory","require","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH6","props","useTypographyFactory","fontStyle","letterSpacing","exports"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH6.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AASA,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IACnC,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTR,QAAQ;IACRC,UAAU;IACVQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAACC,OAAA,CAAAL,IAAA,GAAAA,IAAA"}
@@ -1,33 +0,0 @@
1
- import React from "react";
2
- import { IOThemeLight, useIOExperimentalDesign } from "../../core";
3
- import { useTypographyFactory } from "./Factory";
4
- export const labelHeaderFontSize = 14;
5
- export const labelHeaderLineHeight = 18;
6
- export const labelHeaderDefaultColor = IOThemeLight["textBody-default"];
7
- const labelHeaderFontName = "ReadexPro";
8
- const labelHeaderDefaultWeight = "Regular";
9
-
10
- // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
11
- const legacyLabelHeaderFontName = "TitilliumSansPro";
12
- const legacyLabelHeaderWeight = "Semibold";
13
- const legacyLabelHeaderLineHeight = 20;
14
- /**
15
- * `LabelHeader` typographic style
16
- */
17
- export const LabelHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
18
- const {
19
- isExperimental
20
- } = useIOExperimentalDesign();
21
- // console.log("isExperimental", isExperimental);
22
- return useTypographyFactory({
23
- ...props,
24
- defaultWeight: isExperimental ? labelHeaderDefaultWeight : legacyLabelHeaderWeight,
25
- defaultColor: labelHeaderDefaultColor,
26
- font: isExperimental ? labelHeaderFontName : legacyLabelHeaderFontName,
27
- fontStyle: {
28
- fontSize: labelHeaderFontSize,
29
- lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
30
- }
31
- }, ref);
32
- });
33
- //# sourceMappingURL=LabelHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,kBAAkB;AAClE,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBR,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEZ,uBAAuB;IACrCa,IAAI,EAAEH,cAAc,GAAGT,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEN,cAAc,GACtBX,qBAAqB,GACrBM;IACN;EACF,CAAC,EACDI,GACF,CAAC;AACH,CACF,CAAC"}
@@ -1,33 +0,0 @@
1
- import React from "react";
2
- import { IOVisualCostants, useIOExperimentalDesign } from "../../core";
3
- import { useTypographyFactory } from "./Factory";
4
- import { fontSizeMapping, lineHeightMapping } from "./common";
5
- const font = "TitilliumSansPro";
6
- export const linkLegacyDefaultColor = "blue";
7
- export const linkDefaultColor = "blueIO-500";
8
- export const linkDefaultWeight = "Semibold";
9
-
10
- /**
11
- * `Link` typographic style
12
- */
13
- export const LabelLink = /*#__PURE__*/React.forwardRef((props, ref) => {
14
- const {
15
- isExperimental
16
- } = useIOExperimentalDesign();
17
- return useTypographyFactory({
18
- accessibilityRole: props.onPress ? "link" : undefined,
19
- ...props,
20
- allowFontScaling: isExperimental,
21
- maxFontSizeMultiplier: IOVisualCostants.maxFontSizeMultiplier,
22
- dynamicTypeRamp: "footnote" /* iOS only */,
23
- defaultWeight: linkDefaultWeight,
24
- defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
25
- font,
26
- fontStyle: {
27
- fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
28
- lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
29
- textDecorationLine: "underline"
30
- }
31
- }, ref);
32
- });
33
- //# sourceMappingURL=LabelLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","IOVisualCostants","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","font","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","forwardRef","props","ref","isExperimental","accessibilityRole","onPress","undefined","allowFontScaling","maxFontSizeMultiplier","dynamicTypeRamp","defaultWeight","defaultColor","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,gBAAgB,EAChBC,uBAAuB,QAElB,YAAY;AAEnB,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AAWjB,MAAMC,IAAkB,GAAG,kBAAkB;AAE7C,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAC3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGV,KAAK,CAACW,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACEY,iBAAiB,EAAEH,KAAK,CAACI,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGL,KAAK;IACRM,gBAAgB,EAAEJ,cAAc;IAChCK,qBAAqB,EAAElB,gBAAgB,CAACkB,qBAAqB;IAC7DC,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEZ,iBAAiB;IAChCa,YAAY,EAAER,cAAc,GAAGN,gBAAgB,GAAGD,sBAAsB;IACxED,IAAI;IACJiB,SAAS,EAAE;MACTC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ,GACpBpB,eAAe,CAACQ,KAAK,CAACY,QAAQ,CAAC,GAC/BpB,eAAe,CAACqB,OAAO;MAC3BC,UAAU,EAAEd,KAAK,CAACY,QAAQ,GACtBnB,iBAAiB,CAACO,KAAK,CAACY,QAAQ,CAAC,GACjCnB,iBAAiB,CAACoB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDd,GACF,CAAC;AACH,CAAC,CAAC"}
@@ -1,23 +0,0 @@
1
- import { useTypographyFactory } from "../Factory";
2
- const fontSize = 14;
3
- const lineHeight = 24;
4
- const font = "TitilliumSansPro";
5
- const defaultColor = "grey-700";
6
- const defaultWeight = "Semibold";
7
-
8
- /**
9
- * `MdH4` typographic style
10
- */
11
- export const MdH4 = props => useTypographyFactory({
12
- ...props,
13
- defaultWeight,
14
- defaultColor,
15
- font,
16
- fontStyle: {
17
- fontSize,
18
- textTransform: "uppercase",
19
- letterSpacing: 0.5,
20
- lineHeight
21
- }
22
- });
23
- //# sourceMappingURL=MdH4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH4","props","fontStyle","textTransform","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH4.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRQ,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBR;EACF;AACF,CAAC,CAAC"}
@@ -1,21 +0,0 @@
1
- import { useTypographyFactory } from "../Factory";
2
- const fontSize = 12;
3
- const lineHeight = 16;
4
- const font = "ReadexPro";
5
- const defaultColor = "grey-850";
6
- const defaultWeight = "Regular";
7
-
8
- /**
9
- * `MdH5` typographic style
10
- */
11
- export const MdH5 = props => useTypographyFactory({
12
- ...props,
13
- defaultWeight,
14
- defaultColor,
15
- font,
16
- fontStyle: {
17
- fontSize,
18
- lineHeight
19
- }
20
- });
21
- //# sourceMappingURL=MdH5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH5","props","fontStyle"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH5.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRC;EACF;AACF,CAAC,CAAC"}
@@ -1,22 +0,0 @@
1
- import { useTypographyFactory } from "../Factory";
2
- const fontSize = 10;
3
- const lineHeight = 14;
4
- const font = "ReadexPro";
5
- const defaultColor = "grey-700";
6
- const defaultWeight = "Regular";
7
-
8
- /**
9
- * `MdH5` typographic style
10
- */
11
- export const MdH6 = props => useTypographyFactory({
12
- ...props,
13
- defaultWeight,
14
- defaultColor,
15
- font,
16
- fontStyle: {
17
- fontSize,
18
- lineHeight,
19
- letterSpacing: 0.5
20
- }
21
- });
22
- //# sourceMappingURL=MdH6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useTypographyFactory","fontSize","lineHeight","font","defaultColor","defaultWeight","MdH6","props","fontStyle","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH6.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,YAAY;AASjD,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTP,QAAQ;IACRC,UAAU;IACVO,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
@@ -1,18 +0,0 @@
1
- import { View } from "react-native";
2
- import React from "react";
3
- import { IOFontWeight } from "../../utils/fonts";
4
- import { IOTheme } from "../../core";
5
- import { TypographyProps } from "./common";
6
- type AllowedColors = IOTheme["textBody-default"] | "grey-650" | "grey-850" | "white" | "black";
7
- type AllowedWeight = Extract<IOFontWeight, "Regular" | "Semibold">;
8
- export declare const labelHeaderFontSize = 14;
9
- export declare const labelHeaderLineHeight = 18;
10
- export declare const labelHeaderDefaultColor: AllowedColors;
11
- /**
12
- * `LabelHeader` typographic style
13
- */
14
- export declare const LabelHeader: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, AllowedColors> & {
15
- style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
16
- }, "ref"> & React.RefAttributes<View>>;
17
- export {};
18
- //# sourceMappingURL=LabelHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAyC,MAAM,YAAY,CAAC;AAE5E,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GACd,OAAO,CAAC,kBAAkB,CAAC,GAC3B,UAAU,GACV,UAAU,GACV,OAAO,GACP,OAAO,CAAC;AACZ,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAMnE,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,uBAAuB,EAAE,aACJ,CAAC;AAQnC;;GAEG;AACH,eAAO,MAAM,WAAW;;sCAsBvB,CAAC"}
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { View } from "react-native";
3
- import { type IOColors } from "../../core";
4
- import { IOFontWeight } from "../../utils/fonts";
5
- import { ExternalTypographyProps, FontSize, TypographyProps } from "./common";
6
- type AllowedColors = IOColors;
7
- type AllowedWeight = Extract<IOFontWeight, "Semibold">;
8
- type AllowedFontSize = {
9
- fontSize?: FontSize;
10
- };
11
- type LinkProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
12
- export declare const linkLegacyDefaultColor: AllowedColors;
13
- export declare const linkDefaultColor: AllowedColors;
14
- export declare const linkDefaultWeight: AllowedWeight;
15
- /**
16
- * `Link` typographic style
17
- */
18
- export declare const LabelLink: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<View>>;
19
- export {};
20
- //# sourceMappingURL=LabelLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabelLink.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGhB,MAAM,UAAU,CAAC;AAElB,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAIlB,eAAO,MAAM,sBAAsB,EAAE,aAAsB,CAAC;AAC5D,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAA0B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,SAAS,qFAyBpB,CAAC"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { IOColors, IOTheme } from "../../../core";
3
- import { IOFontWeight } from "../../../utils/fonts";
4
- import { ExternalTypographyProps, TypographyProps } from "../common";
5
- type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
6
- type AllowedWeight = Extract<IOFontWeight, "Semibold">;
7
- type MdH4Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
8
- /**
9
- * `MdH4` typographic style
10
- */
11
- export declare const MdH4: (props: MdH4Props) => import("react").JSX.Element;
12
- export {};
13
- //# sourceMappingURL=MdH4.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MdH4.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH4.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAYjC,CAAC"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { IOColors, IOTheme } from "../../../core";
3
- import { IOFontWeight } from "../../../utils/fonts";
4
- import { ExternalTypographyProps, TypographyProps } from "../common";
5
- type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
6
- type AllowedWeight = Extract<IOFontWeight, "Regular">;
7
- type MdH5Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
8
- /**
9
- * `MdH5` typographic style
10
- */
11
- export declare const MdH5: (props: MdH5Props) => import("react").JSX.Element;
12
- export {};
13
- //# sourceMappingURL=MdH5.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MdH5.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH5.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { IOColors, IOTheme } from "../../../core";
3
- import { IOFontWeight } from "../../../utils/fonts";
4
- import { ExternalTypographyProps, TypographyProps } from "../common";
5
- type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
6
- type AllowedWeight = Extract<IOFontWeight, "Regular">;
7
- type MdH6Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
8
- /**
9
- * `MdH5` typographic style
10
- */
11
- export declare const MdH6: (props: MdH6Props) => import("react").JSX.Element;
12
- export {};
13
- //# sourceMappingURL=MdH6.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MdH6.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH6.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAWjC,CAAC"}
@@ -1,56 +0,0 @@
1
- import { View } from "react-native";
2
- import React from "react";
3
- import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
4
- import { IOTheme, IOThemeLight, useIOExperimentalDesign } from "../../core";
5
- import { useTypographyFactory } from "./Factory";
6
- import { ExternalTypographyProps, TypographyProps } from "./common";
7
-
8
- type AllowedColors =
9
- | IOTheme["textBody-default"]
10
- | "grey-650"
11
- | "grey-850"
12
- | "white"
13
- | "black";
14
- type AllowedWeight = Extract<IOFontWeight, "Regular" | "Semibold">;
15
-
16
- type LabelHeaderProps = ExternalTypographyProps<
17
- TypographyProps<AllowedWeight, AllowedColors>
18
- >;
19
-
20
- export const labelHeaderFontSize = 14;
21
- export const labelHeaderLineHeight = 18;
22
- export const labelHeaderDefaultColor: AllowedColors =
23
- IOThemeLight["textBody-default"];
24
- const labelHeaderFontName: IOFontFamily = "ReadexPro";
25
- const labelHeaderDefaultWeight: AllowedWeight = "Regular";
26
-
27
- // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
28
- const legacyLabelHeaderFontName: IOFontFamily = "TitilliumSansPro";
29
- const legacyLabelHeaderWeight: AllowedWeight = "Semibold";
30
- const legacyLabelHeaderLineHeight = 20;
31
- /**
32
- * `LabelHeader` typographic style
33
- */
34
- export const LabelHeader = React.forwardRef<View, LabelHeaderProps>(
35
- (props, ref) => {
36
- const { isExperimental } = useIOExperimentalDesign();
37
- // console.log("isExperimental", isExperimental);
38
- return useTypographyFactory<AllowedWeight, AllowedColors>(
39
- {
40
- ...props,
41
- defaultWeight: isExperimental
42
- ? labelHeaderDefaultWeight
43
- : legacyLabelHeaderWeight,
44
- defaultColor: labelHeaderDefaultColor,
45
- font: isExperimental ? labelHeaderFontName : legacyLabelHeaderFontName,
46
- fontStyle: {
47
- fontSize: labelHeaderFontSize,
48
- lineHeight: isExperimental
49
- ? labelHeaderLineHeight
50
- : legacyLabelHeaderLineHeight
51
- }
52
- },
53
- ref
54
- );
55
- }
56
- );
@@ -1,61 +0,0 @@
1
- import React from "react";
2
- import { View } from "react-native";
3
- import {
4
- IOVisualCostants,
5
- useIOExperimentalDesign,
6
- type IOColors
7
- } from "../../core";
8
- import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
9
- import { useTypographyFactory } from "./Factory";
10
- import {
11
- ExternalTypographyProps,
12
- FontSize,
13
- TypographyProps,
14
- fontSizeMapping,
15
- lineHeightMapping
16
- } from "./common";
17
-
18
- type AllowedColors = IOColors;
19
- type AllowedWeight = Extract<IOFontWeight, "Semibold">;
20
- type AllowedFontSize = { fontSize?: FontSize };
21
-
22
- type LinkProps = ExternalTypographyProps<
23
- TypographyProps<AllowedWeight, AllowedColors>
24
- > &
25
- AllowedFontSize;
26
-
27
- const font: IOFontFamily = "TitilliumSansPro";
28
-
29
- export const linkLegacyDefaultColor: AllowedColors = "blue";
30
- export const linkDefaultColor: AllowedColors = "blueIO-500";
31
- export const linkDefaultWeight: AllowedWeight = "Semibold";
32
-
33
- /**
34
- * `Link` typographic style
35
- */
36
- export const LabelLink = React.forwardRef<View, LinkProps>((props, ref) => {
37
- const { isExperimental } = useIOExperimentalDesign();
38
-
39
- return useTypographyFactory<AllowedWeight, AllowedColors>(
40
- {
41
- accessibilityRole: props.onPress ? "link" : undefined,
42
- ...props,
43
- allowFontScaling: isExperimental,
44
- maxFontSizeMultiplier: IOVisualCostants.maxFontSizeMultiplier,
45
- dynamicTypeRamp: "footnote" /* iOS only */,
46
- defaultWeight: linkDefaultWeight,
47
- defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
48
- font,
49
- fontStyle: {
50
- fontSize: props.fontSize
51
- ? fontSizeMapping[props.fontSize]
52
- : fontSizeMapping.regular,
53
- lineHeight: props.fontSize
54
- ? lineHeightMapping[props.fontSize]
55
- : lineHeightMapping.regular,
56
- textDecorationLine: "underline"
57
- }
58
- },
59
- ref
60
- );
61
- });
@@ -1,34 +0,0 @@
1
- import { IOColors, IOTheme } from "../../../core";
2
- import { FontFamily, IOFontWeight } from "../../../utils/fonts";
3
- import { ExternalTypographyProps, TypographyProps } from "../common";
4
- import { useTypographyFactory } from "../Factory";
5
-
6
- type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
7
- type AllowedWeight = Extract<IOFontWeight, "Semibold">;
8
-
9
- type MdH4Props = ExternalTypographyProps<
10
- TypographyProps<AllowedWeight, AllowedColors>
11
- >;
12
-
13
- const fontSize = 14;
14
- const lineHeight = 24;
15
- const font: FontFamily = "TitilliumSansPro";
16
- const defaultColor: AllowedColors = "grey-700";
17
- const defaultWeight: AllowedWeight = "Semibold";
18
-
19
- /**
20
- * `MdH4` typographic style
21
- */
22
- export const MdH4 = (props: MdH4Props) =>
23
- useTypographyFactory<AllowedWeight, AllowedColors>({
24
- ...props,
25
- defaultWeight,
26
- defaultColor,
27
- font,
28
- fontStyle: {
29
- fontSize,
30
- textTransform: "uppercase",
31
- letterSpacing: 0.5,
32
- lineHeight
33
- }
34
- });
@@ -1,32 +0,0 @@
1
- import { IOColors, IOTheme } from "../../../core";
2
- import { FontFamily, IOFontWeight } from "../../../utils/fonts";
3
- import { ExternalTypographyProps, TypographyProps } from "../common";
4
- import { useTypographyFactory } from "../Factory";
5
-
6
- type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
7
- type AllowedWeight = Extract<IOFontWeight, "Regular">;
8
-
9
- type MdH5Props = ExternalTypographyProps<
10
- TypographyProps<AllowedWeight, AllowedColors>
11
- >;
12
-
13
- const fontSize = 12;
14
- const lineHeight = 16;
15
- const font: FontFamily = "ReadexPro";
16
- const defaultColor: AllowedColors = "grey-850";
17
- const defaultWeight: AllowedWeight = "Regular";
18
-
19
- /**
20
- * `MdH5` typographic style
21
- */
22
- export const MdH5 = (props: MdH5Props) =>
23
- useTypographyFactory<AllowedWeight, AllowedColors>({
24
- ...props,
25
- defaultWeight,
26
- defaultColor,
27
- font,
28
- fontStyle: {
29
- fontSize,
30
- lineHeight
31
- }
32
- });