@alfalab/core-components-vars 10.0.1-snapshot-c2c8d5a → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (622) hide show
  1. package/alfasans-index.css +10 -0
  2. package/alfasans-typography.css +626 -0
  3. package/border-radius.css +27 -0
  4. package/bundle/alfasans-click.css +8 -0
  5. package/bundle/alfasans-corp.css +8 -0
  6. package/bundle/alfasans-intranet.css +8 -0
  7. package/bundle/click.css +8 -0
  8. package/bundle/corp.css +8 -0
  9. package/bundle/intranet.css +8 -0
  10. package/bundle/mobile.css +8 -0
  11. package/bundle/site.css +7 -0
  12. package/{moderncssm/colors-addons.js → colors-addons.css} +1 -6
  13. package/{moderncssm/colors-bluetint.js → colors-bluetint.css} +1 -6
  14. package/{moderncssm/colors-brand.js → colors-brand.css} +1 -6
  15. package/{moderncssm/colors-decorative-dark.js → colors-decorative-dark.css} +1 -6
  16. package/{moderncssm/colors-decorative.js → colors-decorative.css} +1 -6
  17. package/{moderncssm/colors-indigo.js → colors-indigo.css} +1 -6
  18. package/{moderncssm/colors-monochrome-dark.js → colors-monochrome-dark.css} +1 -6
  19. package/{moderncssm/colors-monochrome.js → colors-monochrome.css} +1 -6
  20. package/{moderncssm/colors-pfm.js → colors-pfm.css} +1 -6
  21. package/{moderncssm/colors-promo-dark.js → colors-promo-dark.css} +1 -6
  22. package/{moderncssm/colors-promo.js → colors-promo.css} +1 -6
  23. package/{moderncssm/colors-qualitative-dark.js → colors-qualitative-dark.css} +1 -6
  24. package/{moderncssm/colors-qualitative.js → colors-qualitative.css} +1 -6
  25. package/{moderncssm/colors-sequential-dark.js → colors-sequential-dark.css} +1 -6
  26. package/{moderncssm/colors-sequential.js → colors-sequential.css} +1 -6
  27. package/colors-students.css +4 -0
  28. package/{moderncssm/colors-transparent.js → colors-transparent.css} +1 -6
  29. package/colors-x5.css +5 -0
  30. package/{moderncssm/colors.js → colors.css} +1 -6
  31. package/common.css +13 -0
  32. package/gaps.css +69 -0
  33. package/index.css +10 -0
  34. package/mixins.css +116 -0
  35. package/package.json +1 -1
  36. package/safe-area.css +6 -0
  37. package/{moderncssm/shadows-bluetint.js → shadows-bluetint.css} +1 -6
  38. package/{moderncssm/shadows-indigo.js → shadows-indigo.css} +1 -6
  39. package/src/mixins.css +8 -0
  40. package/typography-common.css +15 -0
  41. package/typography.css +531 -0
  42. package/colors-addons-map.d.ts +0 -128
  43. package/colors-addons-map.js +0 -133
  44. package/colors-addons-map.js.map +0 -1
  45. package/colors-bluetint-map.d.ts +0 -1218
  46. package/colors-bluetint-map.js +0 -1223
  47. package/colors-bluetint-map.js.map +0 -1
  48. package/colors-brand-map.d.ts +0 -11
  49. package/colors-brand-map.js +0 -16
  50. package/colors-brand-map.js.map +0 -1
  51. package/colors-decorative-dark-map.d.ts +0 -309
  52. package/colors-decorative-dark-map.js +0 -314
  53. package/colors-decorative-dark-map.js.map +0 -1
  54. package/colors-decorative-map.d.ts +0 -615
  55. package/colors-decorative-map.js +0 -620
  56. package/colors-decorative-map.js.map +0 -1
  57. package/colors-indigo-map.d.ts +0 -1216
  58. package/colors-indigo-map.js +0 -1221
  59. package/colors-indigo-map.js.map +0 -1
  60. package/colors-map.d.ts +0 -72
  61. package/colors-map.js +0 -77
  62. package/colors-map.js.map +0 -1
  63. package/colors-monochrome-dark-map.d.ts +0 -79
  64. package/colors-monochrome-dark-map.js +0 -84
  65. package/colors-monochrome-dark-map.js.map +0 -1
  66. package/colors-monochrome-map.d.ts +0 -193
  67. package/colors-monochrome-map.js +0 -198
  68. package/colors-monochrome-map.js.map +0 -1
  69. package/colors-pfm-map.d.ts +0 -63
  70. package/colors-pfm-map.js +0 -68
  71. package/colors-pfm-map.js.map +0 -1
  72. package/colors-promo-dark-map.d.ts +0 -8
  73. package/colors-promo-dark-map.js +0 -13
  74. package/colors-promo-dark-map.js.map +0 -1
  75. package/colors-promo-map.d.ts +0 -46
  76. package/colors-promo-map.js +0 -51
  77. package/colors-promo-map.js.map +0 -1
  78. package/colors-qualitative-dark-map.d.ts +0 -67
  79. package/colors-qualitative-dark-map.js +0 -72
  80. package/colors-qualitative-dark-map.js.map +0 -1
  81. package/colors-qualitative-map.d.ts +0 -131
  82. package/colors-qualitative-map.js +0 -136
  83. package/colors-qualitative-map.js.map +0 -1
  84. package/colors-sequential-dark-map.d.ts +0 -99
  85. package/colors-sequential-dark-map.js +0 -104
  86. package/colors-sequential-dark-map.js.map +0 -1
  87. package/colors-sequential-map.d.ts +0 -195
  88. package/colors-sequential-map.js +0 -200
  89. package/colors-sequential-map.js.map +0 -1
  90. package/colors-students-map.d.ts +0 -5
  91. package/colors-students-map.js +0 -10
  92. package/colors-students-map.js.map +0 -1
  93. package/colors-transparent-map.d.ts +0 -29
  94. package/colors-transparent-map.js +0 -34
  95. package/colors-transparent-map.js.map +0 -1
  96. package/colors-x5-map.d.ts +0 -6
  97. package/colors-x5-map.js +0 -11
  98. package/colors-x5-map.js.map +0 -1
  99. package/cssm/alfasans-index.d.ts +0 -3803
  100. package/cssm/alfasans-index.js +0 -5363
  101. package/cssm/alfasans-index.js.map +0 -1
  102. package/cssm/colors-addons-map.d.ts +0 -128
  103. package/cssm/colors-addons-map.js +0 -133
  104. package/cssm/colors-addons-map.js.map +0 -1
  105. package/cssm/colors-addons.d.ts +0 -2
  106. package/cssm/colors-addons.js +0 -7
  107. package/cssm/colors-addons.js.map +0 -1
  108. package/cssm/colors-addons.module.d.ts +0 -500
  109. package/cssm/colors-addons.module.js +0 -632
  110. package/cssm/colors-addons.module.js.map +0 -1
  111. package/cssm/colors-bluetint-map.d.ts +0 -1218
  112. package/cssm/colors-bluetint-map.js +0 -1223
  113. package/cssm/colors-bluetint-map.js.map +0 -1
  114. package/cssm/colors-bluetint.d.ts +0 -2
  115. package/cssm/colors-bluetint.js +0 -7
  116. package/cssm/colors-bluetint.js.map +0 -1
  117. package/cssm/colors-bluetint.module.d.ts +0 -2697
  118. package/cssm/colors-bluetint.module.js +0 -3919
  119. package/cssm/colors-bluetint.module.js.map +0 -1
  120. package/cssm/colors-brand-map.d.ts +0 -11
  121. package/cssm/colors-brand-map.js +0 -16
  122. package/cssm/colors-brand-map.js.map +0 -1
  123. package/cssm/colors-brand.d.ts +0 -2
  124. package/cssm/colors-brand.js +0 -7
  125. package/cssm/colors-brand.js.map +0 -1
  126. package/cssm/colors-brand.module.d.ts +0 -8
  127. package/cssm/colors-brand.module.js +0 -23
  128. package/cssm/colors-brand.module.js.map +0 -1
  129. package/cssm/colors-decorative-dark-map.d.ts +0 -309
  130. package/cssm/colors-decorative-dark-map.js +0 -314
  131. package/cssm/colors-decorative-dark-map.js.map +0 -1
  132. package/cssm/colors-decorative-dark.d.ts +0 -2
  133. package/cssm/colors-decorative-dark.js +0 -7
  134. package/cssm/colors-decorative-dark.js.map +0 -1
  135. package/cssm/colors-decorative-dark.module.d.ts +0 -306
  136. package/cssm/colors-decorative-dark.module.js +0 -619
  137. package/cssm/colors-decorative-dark.module.js.map +0 -1
  138. package/cssm/colors-decorative-map.d.ts +0 -615
  139. package/cssm/colors-decorative-map.js +0 -620
  140. package/cssm/colors-decorative-map.js.map +0 -1
  141. package/cssm/colors-decorative.d.ts +0 -2
  142. package/cssm/colors-decorative.js +0 -7
  143. package/cssm/colors-decorative.js.map +0 -1
  144. package/cssm/colors-decorative.module.d.ts +0 -612
  145. package/cssm/colors-decorative.module.js +0 -1231
  146. package/cssm/colors-decorative.module.js.map +0 -1
  147. package/cssm/colors-indigo-map.d.ts +0 -1216
  148. package/cssm/colors-indigo-map.js +0 -1221
  149. package/cssm/colors-indigo-map.js.map +0 -1
  150. package/cssm/colors-indigo.d.ts +0 -2
  151. package/cssm/colors-indigo.js +0 -7
  152. package/cssm/colors-indigo.js.map +0 -1
  153. package/cssm/colors-indigo.module.d.ts +0 -4852
  154. package/cssm/colors-indigo.module.js +0 -6072
  155. package/cssm/colors-indigo.module.js.map +0 -1
  156. package/cssm/colors-map.d.ts +0 -72
  157. package/cssm/colors-map.js +0 -77
  158. package/cssm/colors-map.js.map +0 -1
  159. package/cssm/colors-monochrome-dark-map.d.ts +0 -79
  160. package/cssm/colors-monochrome-dark-map.js +0 -84
  161. package/cssm/colors-monochrome-dark-map.js.map +0 -1
  162. package/cssm/colors-monochrome-dark.d.ts +0 -2
  163. package/cssm/colors-monochrome-dark.js +0 -7
  164. package/cssm/colors-monochrome-dark.js.map +0 -1
  165. package/cssm/colors-monochrome-dark.module.d.ts +0 -76
  166. package/cssm/colors-monochrome-dark.module.js +0 -159
  167. package/cssm/colors-monochrome-dark.module.js.map +0 -1
  168. package/cssm/colors-monochrome-map.d.ts +0 -193
  169. package/cssm/colors-monochrome-map.js +0 -198
  170. package/cssm/colors-monochrome-map.js.map +0 -1
  171. package/cssm/colors-monochrome.d.ts +0 -2
  172. package/cssm/colors-monochrome.js +0 -7
  173. package/cssm/colors-monochrome.js.map +0 -1
  174. package/cssm/colors-monochrome.module.d.ts +0 -190
  175. package/cssm/colors-monochrome.module.js +0 -387
  176. package/cssm/colors-monochrome.module.js.map +0 -1
  177. package/cssm/colors-pfm-map.d.ts +0 -63
  178. package/cssm/colors-pfm-map.js +0 -68
  179. package/cssm/colors-pfm-map.js.map +0 -1
  180. package/cssm/colors-pfm.d.ts +0 -2
  181. package/cssm/colors-pfm.js +0 -7
  182. package/cssm/colors-pfm.js.map +0 -1
  183. package/cssm/colors-pfm.module.d.ts +0 -60
  184. package/cssm/colors-pfm.module.js +0 -127
  185. package/cssm/colors-pfm.module.js.map +0 -1
  186. package/cssm/colors-promo-dark-map.d.ts +0 -8
  187. package/cssm/colors-promo-dark-map.js +0 -13
  188. package/cssm/colors-promo-dark-map.js.map +0 -1
  189. package/cssm/colors-promo-dark.d.ts +0 -2
  190. package/cssm/colors-promo-dark.js +0 -7
  191. package/cssm/colors-promo-dark.js.map +0 -1
  192. package/cssm/colors-promo-dark.module.d.ts +0 -5
  193. package/cssm/colors-promo-dark.module.js +0 -17
  194. package/cssm/colors-promo-dark.module.js.map +0 -1
  195. package/cssm/colors-promo-map.d.ts +0 -46
  196. package/cssm/colors-promo-map.js +0 -51
  197. package/cssm/colors-promo-map.js.map +0 -1
  198. package/cssm/colors-promo.d.ts +0 -2
  199. package/cssm/colors-promo.js +0 -7
  200. package/cssm/colors-promo.js.map +0 -1
  201. package/cssm/colors-promo.module.d.ts +0 -43
  202. package/cssm/colors-promo.module.js +0 -93
  203. package/cssm/colors-promo.module.js.map +0 -1
  204. package/cssm/colors-qualitative-dark-map.d.ts +0 -67
  205. package/cssm/colors-qualitative-dark-map.js +0 -72
  206. package/cssm/colors-qualitative-dark-map.js.map +0 -1
  207. package/cssm/colors-qualitative-dark.d.ts +0 -2
  208. package/cssm/colors-qualitative-dark.js +0 -7
  209. package/cssm/colors-qualitative-dark.js.map +0 -1
  210. package/cssm/colors-qualitative-dark.module.d.ts +0 -64
  211. package/cssm/colors-qualitative-dark.module.js +0 -135
  212. package/cssm/colors-qualitative-dark.module.js.map +0 -1
  213. package/cssm/colors-qualitative-map.d.ts +0 -131
  214. package/cssm/colors-qualitative-map.js +0 -136
  215. package/cssm/colors-qualitative-map.js.map +0 -1
  216. package/cssm/colors-qualitative.d.ts +0 -2
  217. package/cssm/colors-qualitative.js +0 -7
  218. package/cssm/colors-qualitative.js.map +0 -1
  219. package/cssm/colors-qualitative.module.d.ts +0 -128
  220. package/cssm/colors-qualitative.module.js +0 -263
  221. package/cssm/colors-qualitative.module.js.map +0 -1
  222. package/cssm/colors-sequential-dark-map.d.ts +0 -99
  223. package/cssm/colors-sequential-dark-map.js +0 -104
  224. package/cssm/colors-sequential-dark-map.js.map +0 -1
  225. package/cssm/colors-sequential-dark.d.ts +0 -2
  226. package/cssm/colors-sequential-dark.js +0 -7
  227. package/cssm/colors-sequential-dark.js.map +0 -1
  228. package/cssm/colors-sequential-dark.module.d.ts +0 -96
  229. package/cssm/colors-sequential-dark.module.js +0 -199
  230. package/cssm/colors-sequential-dark.module.js.map +0 -1
  231. package/cssm/colors-sequential-map.d.ts +0 -195
  232. package/cssm/colors-sequential-map.js +0 -200
  233. package/cssm/colors-sequential-map.js.map +0 -1
  234. package/cssm/colors-sequential.d.ts +0 -2
  235. package/cssm/colors-sequential.js +0 -7
  236. package/cssm/colors-sequential.js.map +0 -1
  237. package/cssm/colors-sequential.module.d.ts +0 -192
  238. package/cssm/colors-sequential.module.js +0 -391
  239. package/cssm/colors-sequential.module.js.map +0 -1
  240. package/cssm/colors-students-map.d.ts +0 -5
  241. package/cssm/colors-students-map.js +0 -10
  242. package/cssm/colors-students-map.js.map +0 -1
  243. package/cssm/colors-students.d.ts +0 -2
  244. package/cssm/colors-students.js +0 -7
  245. package/cssm/colors-students.js.map +0 -1
  246. package/cssm/colors-students.module.d.ts +0 -2
  247. package/cssm/colors-students.module.js +0 -11
  248. package/cssm/colors-students.module.js.map +0 -1
  249. package/cssm/colors-transparent-map.d.ts +0 -29
  250. package/cssm/colors-transparent-map.js +0 -34
  251. package/cssm/colors-transparent-map.js.map +0 -1
  252. package/cssm/colors-transparent.d.ts +0 -2
  253. package/cssm/colors-transparent.js +0 -7
  254. package/cssm/colors-transparent.js.map +0 -1
  255. package/cssm/colors-transparent.module.d.ts +0 -104
  256. package/cssm/colors-transparent.module.js +0 -137
  257. package/cssm/colors-transparent.module.js.map +0 -1
  258. package/cssm/colors-x5-map.d.ts +0 -6
  259. package/cssm/colors-x5-map.js +0 -11
  260. package/cssm/colors-x5-map.js.map +0 -1
  261. package/cssm/colors-x5.d.ts +0 -2
  262. package/cssm/colors-x5.js +0 -7
  263. package/cssm/colors-x5.js.map +0 -1
  264. package/cssm/colors-x5.module.d.ts +0 -3
  265. package/cssm/colors-x5.module.js +0 -13
  266. package/cssm/colors-x5.module.js.map +0 -1
  267. package/cssm/colors.d.ts +0 -2
  268. package/cssm/colors.js +0 -7
  269. package/cssm/colors.js.map +0 -1
  270. package/cssm/colors.module.d.ts +0 -276
  271. package/cssm/colors.module.js +0 -352
  272. package/cssm/colors.module.js.map +0 -1
  273. package/cssm/index.d.ts +0 -3803
  274. package/cssm/index.js +0 -5363
  275. package/cssm/index.js.map +0 -1
  276. package/cssm/shadows-bluetint-map.d.ts +0 -23
  277. package/cssm/shadows-bluetint-map.js +0 -28
  278. package/cssm/shadows-bluetint-map.js.map +0 -1
  279. package/cssm/shadows-bluetint.d.ts +0 -2
  280. package/cssm/shadows-bluetint.js +0 -7
  281. package/cssm/shadows-bluetint.js.map +0 -1
  282. package/cssm/shadows-bluetint.module.d.ts +0 -20
  283. package/cssm/shadows-bluetint.module.js +0 -47
  284. package/cssm/shadows-bluetint.module.js.map +0 -1
  285. package/cssm/shadows-indigo-map.d.ts +0 -23
  286. package/cssm/shadows-indigo-map.js +0 -28
  287. package/cssm/shadows-indigo-map.js.map +0 -1
  288. package/cssm/shadows-indigo.d.ts +0 -2
  289. package/cssm/shadows-indigo.js +0 -7
  290. package/cssm/shadows-indigo.js.map +0 -1
  291. package/cssm/shadows-indigo.module.d.ts +0 -20
  292. package/cssm/shadows-indigo.module.js +0 -47
  293. package/cssm/shadows-indigo.module.js.map +0 -1
  294. package/esm/colors-addons-map.d.ts +0 -128
  295. package/esm/colors-addons-map.js +0 -131
  296. package/esm/colors-addons-map.js.map +0 -1
  297. package/esm/colors-bluetint-map.d.ts +0 -1218
  298. package/esm/colors-bluetint-map.js +0 -1221
  299. package/esm/colors-bluetint-map.js.map +0 -1
  300. package/esm/colors-brand-map.d.ts +0 -11
  301. package/esm/colors-brand-map.js +0 -14
  302. package/esm/colors-brand-map.js.map +0 -1
  303. package/esm/colors-decorative-dark-map.d.ts +0 -309
  304. package/esm/colors-decorative-dark-map.js +0 -312
  305. package/esm/colors-decorative-dark-map.js.map +0 -1
  306. package/esm/colors-decorative-map.d.ts +0 -615
  307. package/esm/colors-decorative-map.js +0 -618
  308. package/esm/colors-decorative-map.js.map +0 -1
  309. package/esm/colors-indigo-map.d.ts +0 -1216
  310. package/esm/colors-indigo-map.js +0 -1219
  311. package/esm/colors-indigo-map.js.map +0 -1
  312. package/esm/colors-map.d.ts +0 -72
  313. package/esm/colors-map.js +0 -75
  314. package/esm/colors-map.js.map +0 -1
  315. package/esm/colors-monochrome-dark-map.d.ts +0 -79
  316. package/esm/colors-monochrome-dark-map.js +0 -82
  317. package/esm/colors-monochrome-dark-map.js.map +0 -1
  318. package/esm/colors-monochrome-map.d.ts +0 -193
  319. package/esm/colors-monochrome-map.js +0 -196
  320. package/esm/colors-monochrome-map.js.map +0 -1
  321. package/esm/colors-pfm-map.d.ts +0 -63
  322. package/esm/colors-pfm-map.js +0 -66
  323. package/esm/colors-pfm-map.js.map +0 -1
  324. package/esm/colors-promo-dark-map.d.ts +0 -8
  325. package/esm/colors-promo-dark-map.js +0 -11
  326. package/esm/colors-promo-dark-map.js.map +0 -1
  327. package/esm/colors-promo-map.d.ts +0 -46
  328. package/esm/colors-promo-map.js +0 -49
  329. package/esm/colors-promo-map.js.map +0 -1
  330. package/esm/colors-qualitative-dark-map.d.ts +0 -67
  331. package/esm/colors-qualitative-dark-map.js +0 -70
  332. package/esm/colors-qualitative-dark-map.js.map +0 -1
  333. package/esm/colors-qualitative-map.d.ts +0 -131
  334. package/esm/colors-qualitative-map.js +0 -134
  335. package/esm/colors-qualitative-map.js.map +0 -1
  336. package/esm/colors-sequential-dark-map.d.ts +0 -99
  337. package/esm/colors-sequential-dark-map.js +0 -102
  338. package/esm/colors-sequential-dark-map.js.map +0 -1
  339. package/esm/colors-sequential-map.d.ts +0 -195
  340. package/esm/colors-sequential-map.js +0 -198
  341. package/esm/colors-sequential-map.js.map +0 -1
  342. package/esm/colors-students-map.d.ts +0 -5
  343. package/esm/colors-students-map.js +0 -8
  344. package/esm/colors-students-map.js.map +0 -1
  345. package/esm/colors-transparent-map.d.ts +0 -29
  346. package/esm/colors-transparent-map.js +0 -32
  347. package/esm/colors-transparent-map.js.map +0 -1
  348. package/esm/colors-x5-map.d.ts +0 -6
  349. package/esm/colors-x5-map.js +0 -9
  350. package/esm/colors-x5-map.js.map +0 -1
  351. package/esm/shadows-bluetint-map.d.ts +0 -23
  352. package/esm/shadows-bluetint-map.js +0 -26
  353. package/esm/shadows-bluetint-map.js.map +0 -1
  354. package/esm/shadows-indigo-map.d.ts +0 -23
  355. package/esm/shadows-indigo-map.js +0 -26
  356. package/esm/shadows-indigo-map.js.map +0 -1
  357. package/modern/colors-addons-map.d.ts +0 -128
  358. package/modern/colors-addons-map.js +0 -131
  359. package/modern/colors-addons-map.js.map +0 -1
  360. package/modern/colors-bluetint-map.d.ts +0 -1218
  361. package/modern/colors-bluetint-map.js +0 -1221
  362. package/modern/colors-bluetint-map.js.map +0 -1
  363. package/modern/colors-brand-map.d.ts +0 -11
  364. package/modern/colors-brand-map.js +0 -14
  365. package/modern/colors-brand-map.js.map +0 -1
  366. package/modern/colors-decorative-dark-map.d.ts +0 -309
  367. package/modern/colors-decorative-dark-map.js +0 -312
  368. package/modern/colors-decorative-dark-map.js.map +0 -1
  369. package/modern/colors-decorative-map.d.ts +0 -615
  370. package/modern/colors-decorative-map.js +0 -618
  371. package/modern/colors-decorative-map.js.map +0 -1
  372. package/modern/colors-indigo-map.d.ts +0 -1216
  373. package/modern/colors-indigo-map.js +0 -1219
  374. package/modern/colors-indigo-map.js.map +0 -1
  375. package/modern/colors-map.d.ts +0 -72
  376. package/modern/colors-map.js +0 -75
  377. package/modern/colors-map.js.map +0 -1
  378. package/modern/colors-monochrome-dark-map.d.ts +0 -79
  379. package/modern/colors-monochrome-dark-map.js +0 -82
  380. package/modern/colors-monochrome-dark-map.js.map +0 -1
  381. package/modern/colors-monochrome-map.d.ts +0 -193
  382. package/modern/colors-monochrome-map.js +0 -196
  383. package/modern/colors-monochrome-map.js.map +0 -1
  384. package/modern/colors-pfm-map.d.ts +0 -63
  385. package/modern/colors-pfm-map.js +0 -66
  386. package/modern/colors-pfm-map.js.map +0 -1
  387. package/modern/colors-promo-dark-map.d.ts +0 -8
  388. package/modern/colors-promo-dark-map.js +0 -11
  389. package/modern/colors-promo-dark-map.js.map +0 -1
  390. package/modern/colors-promo-map.d.ts +0 -46
  391. package/modern/colors-promo-map.js +0 -49
  392. package/modern/colors-promo-map.js.map +0 -1
  393. package/modern/colors-qualitative-dark-map.d.ts +0 -67
  394. package/modern/colors-qualitative-dark-map.js +0 -70
  395. package/modern/colors-qualitative-dark-map.js.map +0 -1
  396. package/modern/colors-qualitative-map.d.ts +0 -131
  397. package/modern/colors-qualitative-map.js +0 -134
  398. package/modern/colors-qualitative-map.js.map +0 -1
  399. package/modern/colors-sequential-dark-map.d.ts +0 -99
  400. package/modern/colors-sequential-dark-map.js +0 -102
  401. package/modern/colors-sequential-dark-map.js.map +0 -1
  402. package/modern/colors-sequential-map.d.ts +0 -195
  403. package/modern/colors-sequential-map.js +0 -198
  404. package/modern/colors-sequential-map.js.map +0 -1
  405. package/modern/colors-students-map.d.ts +0 -5
  406. package/modern/colors-students-map.js +0 -8
  407. package/modern/colors-students-map.js.map +0 -1
  408. package/modern/colors-transparent-map.d.ts +0 -29
  409. package/modern/colors-transparent-map.js +0 -32
  410. package/modern/colors-transparent-map.js.map +0 -1
  411. package/modern/colors-x5-map.d.ts +0 -6
  412. package/modern/colors-x5-map.js +0 -9
  413. package/modern/colors-x5-map.js.map +0 -1
  414. package/modern/shadows-bluetint-map.d.ts +0 -23
  415. package/modern/shadows-bluetint-map.js +0 -26
  416. package/modern/shadows-bluetint-map.js.map +0 -1
  417. package/modern/shadows-indigo-map.d.ts +0 -23
  418. package/modern/shadows-indigo-map.js +0 -26
  419. package/modern/shadows-indigo-map.js.map +0 -1
  420. package/moderncssm/alfasans-index.d.ts +0 -3803
  421. package/moderncssm/alfasans-index.js +0 -3807
  422. package/moderncssm/alfasans-index.js.map +0 -1
  423. package/moderncssm/colors-addons-map.d.ts +0 -128
  424. package/moderncssm/colors-addons-map.js +0 -131
  425. package/moderncssm/colors-addons-map.js.map +0 -1
  426. package/moderncssm/colors-addons.d.ts +0 -2
  427. package/moderncssm/colors-addons.js.map +0 -1
  428. package/moderncssm/colors-addons.module.d.ts +0 -500
  429. package/moderncssm/colors-addons.module.js +0 -504
  430. package/moderncssm/colors-addons.module.js.map +0 -1
  431. package/moderncssm/colors-bluetint-map.d.ts +0 -1218
  432. package/moderncssm/colors-bluetint-map.js +0 -1221
  433. package/moderncssm/colors-bluetint-map.js.map +0 -1
  434. package/moderncssm/colors-bluetint.d.ts +0 -2
  435. package/moderncssm/colors-bluetint.js.map +0 -1
  436. package/moderncssm/colors-bluetint.module.d.ts +0 -2697
  437. package/moderncssm/colors-bluetint.module.js +0 -2701
  438. package/moderncssm/colors-bluetint.module.js.map +0 -1
  439. package/moderncssm/colors-brand-map.d.ts +0 -11
  440. package/moderncssm/colors-brand-map.js +0 -14
  441. package/moderncssm/colors-brand-map.js.map +0 -1
  442. package/moderncssm/colors-brand.d.ts +0 -2
  443. package/moderncssm/colors-brand.js.map +0 -1
  444. package/moderncssm/colors-brand.module.d.ts +0 -8
  445. package/moderncssm/colors-brand.module.js +0 -12
  446. package/moderncssm/colors-brand.module.js.map +0 -1
  447. package/moderncssm/colors-decorative-dark-map.d.ts +0 -309
  448. package/moderncssm/colors-decorative-dark-map.js +0 -312
  449. package/moderncssm/colors-decorative-dark-map.js.map +0 -1
  450. package/moderncssm/colors-decorative-dark.d.ts +0 -2
  451. package/moderncssm/colors-decorative-dark.js.map +0 -1
  452. package/moderncssm/colors-decorative-dark.module.d.ts +0 -306
  453. package/moderncssm/colors-decorative-dark.module.js +0 -310
  454. package/moderncssm/colors-decorative-dark.module.js.map +0 -1
  455. package/moderncssm/colors-decorative-map.d.ts +0 -615
  456. package/moderncssm/colors-decorative-map.js +0 -618
  457. package/moderncssm/colors-decorative-map.js.map +0 -1
  458. package/moderncssm/colors-decorative.d.ts +0 -2
  459. package/moderncssm/colors-decorative.js.map +0 -1
  460. package/moderncssm/colors-decorative.module.d.ts +0 -612
  461. package/moderncssm/colors-decorative.module.js +0 -616
  462. package/moderncssm/colors-decorative.module.js.map +0 -1
  463. package/moderncssm/colors-indigo-map.d.ts +0 -1216
  464. package/moderncssm/colors-indigo-map.js +0 -1219
  465. package/moderncssm/colors-indigo-map.js.map +0 -1
  466. package/moderncssm/colors-indigo.d.ts +0 -2
  467. package/moderncssm/colors-indigo.js.map +0 -1
  468. package/moderncssm/colors-indigo.module.d.ts +0 -4852
  469. package/moderncssm/colors-indigo.module.js +0 -4856
  470. package/moderncssm/colors-indigo.module.js.map +0 -1
  471. package/moderncssm/colors-map.d.ts +0 -72
  472. package/moderncssm/colors-map.js +0 -75
  473. package/moderncssm/colors-map.js.map +0 -1
  474. package/moderncssm/colors-monochrome-dark-map.d.ts +0 -79
  475. package/moderncssm/colors-monochrome-dark-map.js +0 -82
  476. package/moderncssm/colors-monochrome-dark-map.js.map +0 -1
  477. package/moderncssm/colors-monochrome-dark.d.ts +0 -2
  478. package/moderncssm/colors-monochrome-dark.js.map +0 -1
  479. package/moderncssm/colors-monochrome-dark.module.d.ts +0 -76
  480. package/moderncssm/colors-monochrome-dark.module.js +0 -80
  481. package/moderncssm/colors-monochrome-dark.module.js.map +0 -1
  482. package/moderncssm/colors-monochrome-map.d.ts +0 -193
  483. package/moderncssm/colors-monochrome-map.js +0 -196
  484. package/moderncssm/colors-monochrome-map.js.map +0 -1
  485. package/moderncssm/colors-monochrome.d.ts +0 -2
  486. package/moderncssm/colors-monochrome.js.map +0 -1
  487. package/moderncssm/colors-monochrome.module.d.ts +0 -190
  488. package/moderncssm/colors-monochrome.module.js +0 -194
  489. package/moderncssm/colors-monochrome.module.js.map +0 -1
  490. package/moderncssm/colors-pfm-map.d.ts +0 -63
  491. package/moderncssm/colors-pfm-map.js +0 -66
  492. package/moderncssm/colors-pfm-map.js.map +0 -1
  493. package/moderncssm/colors-pfm.d.ts +0 -2
  494. package/moderncssm/colors-pfm.js.map +0 -1
  495. package/moderncssm/colors-pfm.module.d.ts +0 -60
  496. package/moderncssm/colors-pfm.module.js +0 -64
  497. package/moderncssm/colors-pfm.module.js.map +0 -1
  498. package/moderncssm/colors-promo-dark-map.d.ts +0 -8
  499. package/moderncssm/colors-promo-dark-map.js +0 -11
  500. package/moderncssm/colors-promo-dark-map.js.map +0 -1
  501. package/moderncssm/colors-promo-dark.d.ts +0 -2
  502. package/moderncssm/colors-promo-dark.js.map +0 -1
  503. package/moderncssm/colors-promo-dark.module.d.ts +0 -5
  504. package/moderncssm/colors-promo-dark.module.js +0 -9
  505. package/moderncssm/colors-promo-dark.module.js.map +0 -1
  506. package/moderncssm/colors-promo-map.d.ts +0 -46
  507. package/moderncssm/colors-promo-map.js +0 -49
  508. package/moderncssm/colors-promo-map.js.map +0 -1
  509. package/moderncssm/colors-promo.d.ts +0 -2
  510. package/moderncssm/colors-promo.js.map +0 -1
  511. package/moderncssm/colors-promo.module.d.ts +0 -43
  512. package/moderncssm/colors-promo.module.js +0 -47
  513. package/moderncssm/colors-promo.module.js.map +0 -1
  514. package/moderncssm/colors-qualitative-dark-map.d.ts +0 -67
  515. package/moderncssm/colors-qualitative-dark-map.js +0 -70
  516. package/moderncssm/colors-qualitative-dark-map.js.map +0 -1
  517. package/moderncssm/colors-qualitative-dark.d.ts +0 -2
  518. package/moderncssm/colors-qualitative-dark.js.map +0 -1
  519. package/moderncssm/colors-qualitative-dark.module.d.ts +0 -64
  520. package/moderncssm/colors-qualitative-dark.module.js +0 -68
  521. package/moderncssm/colors-qualitative-dark.module.js.map +0 -1
  522. package/moderncssm/colors-qualitative-map.d.ts +0 -131
  523. package/moderncssm/colors-qualitative-map.js +0 -134
  524. package/moderncssm/colors-qualitative-map.js.map +0 -1
  525. package/moderncssm/colors-qualitative.d.ts +0 -2
  526. package/moderncssm/colors-qualitative.js.map +0 -1
  527. package/moderncssm/colors-qualitative.module.d.ts +0 -128
  528. package/moderncssm/colors-qualitative.module.js +0 -132
  529. package/moderncssm/colors-qualitative.module.js.map +0 -1
  530. package/moderncssm/colors-sequential-dark-map.d.ts +0 -99
  531. package/moderncssm/colors-sequential-dark-map.js +0 -102
  532. package/moderncssm/colors-sequential-dark-map.js.map +0 -1
  533. package/moderncssm/colors-sequential-dark.d.ts +0 -2
  534. package/moderncssm/colors-sequential-dark.js.map +0 -1
  535. package/moderncssm/colors-sequential-dark.module.d.ts +0 -96
  536. package/moderncssm/colors-sequential-dark.module.js +0 -100
  537. package/moderncssm/colors-sequential-dark.module.js.map +0 -1
  538. package/moderncssm/colors-sequential-map.d.ts +0 -195
  539. package/moderncssm/colors-sequential-map.js +0 -198
  540. package/moderncssm/colors-sequential-map.js.map +0 -1
  541. package/moderncssm/colors-sequential.d.ts +0 -2
  542. package/moderncssm/colors-sequential.js.map +0 -1
  543. package/moderncssm/colors-sequential.module.d.ts +0 -192
  544. package/moderncssm/colors-sequential.module.js +0 -196
  545. package/moderncssm/colors-sequential.module.js.map +0 -1
  546. package/moderncssm/colors-students-map.d.ts +0 -5
  547. package/moderncssm/colors-students-map.js +0 -8
  548. package/moderncssm/colors-students-map.js.map +0 -1
  549. package/moderncssm/colors-students.d.ts +0 -2
  550. package/moderncssm/colors-students.js +0 -9
  551. package/moderncssm/colors-students.js.map +0 -1
  552. package/moderncssm/colors-students.module.d.ts +0 -2
  553. package/moderncssm/colors-students.module.js +0 -6
  554. package/moderncssm/colors-students.module.js.map +0 -1
  555. package/moderncssm/colors-transparent-map.d.ts +0 -29
  556. package/moderncssm/colors-transparent-map.js +0 -32
  557. package/moderncssm/colors-transparent-map.js.map +0 -1
  558. package/moderncssm/colors-transparent.d.ts +0 -2
  559. package/moderncssm/colors-transparent.js.map +0 -1
  560. package/moderncssm/colors-transparent.module.d.ts +0 -104
  561. package/moderncssm/colors-transparent.module.js +0 -108
  562. package/moderncssm/colors-transparent.module.js.map +0 -1
  563. package/moderncssm/colors-x5-map.d.ts +0 -6
  564. package/moderncssm/colors-x5-map.js +0 -9
  565. package/moderncssm/colors-x5-map.js.map +0 -1
  566. package/moderncssm/colors-x5.d.ts +0 -2
  567. package/moderncssm/colors-x5.js +0 -10
  568. package/moderncssm/colors-x5.js.map +0 -1
  569. package/moderncssm/colors-x5.module.d.ts +0 -3
  570. package/moderncssm/colors-x5.module.js +0 -7
  571. package/moderncssm/colors-x5.module.js.map +0 -1
  572. package/moderncssm/colors.d.ts +0 -2
  573. package/moderncssm/colors.js.map +0 -1
  574. package/moderncssm/colors.module.d.ts +0 -276
  575. package/moderncssm/colors.module.js +0 -280
  576. package/moderncssm/colors.module.js.map +0 -1
  577. package/moderncssm/index.d.ts +0 -3803
  578. package/moderncssm/index.js +0 -3807
  579. package/moderncssm/index.js.map +0 -1
  580. package/moderncssm/shadows-bluetint-map.d.ts +0 -23
  581. package/moderncssm/shadows-bluetint-map.js +0 -26
  582. package/moderncssm/shadows-bluetint-map.js.map +0 -1
  583. package/moderncssm/shadows-bluetint.d.ts +0 -2
  584. package/moderncssm/shadows-bluetint.js.map +0 -1
  585. package/moderncssm/shadows-bluetint.module.d.ts +0 -20
  586. package/moderncssm/shadows-bluetint.module.js +0 -24
  587. package/moderncssm/shadows-bluetint.module.js.map +0 -1
  588. package/moderncssm/shadows-indigo-map.d.ts +0 -23
  589. package/moderncssm/shadows-indigo-map.js +0 -26
  590. package/moderncssm/shadows-indigo-map.js.map +0 -1
  591. package/moderncssm/shadows-indigo.d.ts +0 -2
  592. package/moderncssm/shadows-indigo.js.map +0 -1
  593. package/moderncssm/shadows-indigo.module.d.ts +0 -20
  594. package/moderncssm/shadows-indigo.module.js +0 -24
  595. package/moderncssm/shadows-indigo.module.js.map +0 -1
  596. package/shadows-bluetint-map.d.ts +0 -23
  597. package/shadows-bluetint-map.js +0 -28
  598. package/shadows-bluetint-map.js.map +0 -1
  599. package/shadows-indigo-map.d.ts +0 -23
  600. package/shadows-indigo-map.js +0 -28
  601. package/shadows-indigo-map.js.map +0 -1
  602. package/src/colors-addons-map.ts +0 -128
  603. package/src/colors-bluetint-map.ts +0 -1218
  604. package/src/colors-brand-map.ts +0 -11
  605. package/src/colors-decorative-dark-map.ts +0 -309
  606. package/src/colors-decorative-map.ts +0 -615
  607. package/src/colors-indigo-map.ts +0 -1216
  608. package/src/colors-map.ts +0 -72
  609. package/src/colors-monochrome-dark-map.ts +0 -79
  610. package/src/colors-monochrome-map.ts +0 -193
  611. package/src/colors-pfm-map.ts +0 -63
  612. package/src/colors-promo-dark-map.ts +0 -8
  613. package/src/colors-promo-map.ts +0 -46
  614. package/src/colors-qualitative-dark-map.ts +0 -67
  615. package/src/colors-qualitative-map.ts +0 -131
  616. package/src/colors-sequential-dark-map.ts +0 -99
  617. package/src/colors-sequential-map.ts +0 -195
  618. package/src/colors-students-map.ts +0 -5
  619. package/src/colors-transparent-map.ts +0 -29
  620. package/src/colors-x5-map.ts +0 -6
  621. package/src/shadows-bluetint-map.ts +0 -23
  622. package/src/shadows-indigo-map.ts +0 -23
package/alfasans-index.css ADDED
@@ -0,0 +1,10 @@
1
+ @import './colors.css'; /* deprecated */
2
+ @import './colors-bluetint.css';
3
+ @import './colors-addons.css';
4
+ @import './colors-transparent.css';
5
+ @import './shadows-bluetint.css';
6
+ @import './border-radius.css';
7
+ @import './gaps.css';
8
+ @import './alfasans-typography.css';
9
+ @import './common.css';
10
+ @import './mixins.css';
package/alfasans-typography.css ADDED
@@ -0,0 +1,626 @@
1
+ @import './typography-common.css';
2
+
3
+ @define-mixin accent_caps {
4
+ font-size: 12px;
5
+ line-height: 16px;
6
+ font-weight: 700;
7
+ letter-spacing: 1.25px;
8
+ text-transform: uppercase;
9
+ font-family: var(--font-family-alfasans);
10
+ }
11
+
12
+ @define-mixin accent_component_primary {
13
+ font-size: 16px;
14
+ line-height: 20px;
15
+ font-weight: 700;
16
+ letter-spacing: 0.43px;
17
+ font-family: var(--font-family-alfasans);
18
+ }
19
+
20
+ @define-mixin accent_component_secondary {
21
+ font-size: 14px;
22
+ line-height: 18px;
23
+ font-weight: 700;
24
+ letter-spacing: 0.47px;
25
+ font-family: var(--font-family-alfasans);
26
+ }
27
+
28
+ @define-mixin accent_primary_large {
29
+ font-size: 18px;
30
+ line-height: 24px;
31
+ font-weight: 700;
32
+ letter-spacing: 0.38px;
33
+ font-family: var(--font-family-alfasans);
34
+ }
35
+
36
+ @define-mixin accent_primary_medium {
37
+ font-size: 16px;
38
+ line-height: 24px;
39
+ font-weight: 700;
40
+ letter-spacing: 0.43px;
41
+ font-family: var(--font-family-alfasans);
42
+ }
43
+
44
+ @define-mixin accent_primary_small {
45
+ font-size: 14px;
46
+ line-height: 20px;
47
+ font-weight: 700;
48
+ letter-spacing: 0.47px;
49
+ font-family: var(--font-family-alfasans);
50
+ }
51
+
52
+ @define-mixin accent_secondary_large {
53
+ font-size: 13px;
54
+ line-height: 16px;
55
+ font-weight: 700;
56
+ letter-spacing: 0.54px;
57
+ font-family: var(--font-family-alfasans);
58
+ }
59
+
60
+ @define-mixin accent_secondary_medium {
61
+ font-size: 12px;
62
+ line-height: 16px;
63
+ font-weight: 700;
64
+ letter-spacing: 0.57px;
65
+ font-family: var(--font-family-alfasans);
66
+ }
67
+
68
+ @define-mixin accent_secondary_small {
69
+ font-size: 11px;
70
+ line-height: 16px;
71
+ font-weight: 700;
72
+ letter-spacing: 0.54px;
73
+ font-family: var(--font-family-alfasans);
74
+ }
75
+
76
+ @define-mixin accent_tagline {
77
+ font-size: 12px;
78
+ line-height: 16px;
79
+ font-weight: 700;
80
+ letter-spacing: 1.25px;
81
+ text-transform: uppercase;
82
+ font-family: var(--font-family-alfasans);
83
+ }
84
+
85
+ @define-mixin action_caps {
86
+ font-size: 12px;
87
+ line-height: 16px;
88
+ font-weight: 500;
89
+ letter-spacing: 1.25px;
90
+ text-transform: uppercase;
91
+ font-family: var(--font-family-alfasans);
92
+ }
93
+
94
+ @define-mixin action_component_primary {
95
+ font-size: 16px;
96
+ line-height: 20px;
97
+ font-weight: 500;
98
+ letter-spacing: 0.17px;
99
+ font-family: var(--font-family-alfasans);
100
+ }
101
+
102
+ @define-mixin action_component_secondary {
103
+ font-size: 14px;
104
+ line-height: 18px;
105
+ font-weight: 500;
106
+ letter-spacing: 0.27px;
107
+ font-family: var(--font-family-alfasans);
108
+ }
109
+
110
+ @define-mixin action_primary_large {
111
+ font-size: 18px;
112
+ line-height: 24px;
113
+ font-weight: 500;
114
+ letter-spacing: 0.17px;
115
+ font-family: var(--font-family-alfasans);
116
+ }
117
+
118
+ @define-mixin action_primary_medium {
119
+ font-size: 16px;
120
+ line-height: 24px;
121
+ font-weight: 500;
122
+ letter-spacing: 0.17px;
123
+ font-family: var(--font-family-alfasans);
124
+ }
125
+
126
+ @define-mixin action_primary_small {
127
+ font-size: 14px;
128
+ line-height: 20px;
129
+ font-weight: 500;
130
+ letter-spacing: 0.27px;
131
+ font-family: var(--font-family-alfasans);
132
+ }
133
+
134
+ @define-mixin action_secondary_large {
135
+ font-size: 13px;
136
+ line-height: 16px;
137
+ font-weight: 500;
138
+ letter-spacing: 0.33px;
139
+ font-family: var(--font-family-alfasans);
140
+ }
141
+
142
+ @define-mixin action_secondary_medium {
143
+ font-size: 12px;
144
+ line-height: 16px;
145
+ font-weight: 500;
146
+ letter-spacing: 0.38px;
147
+ font-family: var(--font-family-alfasans);
148
+ }
149
+
150
+ @define-mixin action_secondary_small {
151
+ font-size: 11px;
152
+ line-height: 16px;
153
+ font-weight: 500;
154
+ letter-spacing: 0.41px;
155
+ font-family: var(--font-family-alfasans);
156
+ }
157
+
158
+ @define-mixin action_tagline {
159
+ font-size: 12px;
160
+ line-height: 16px;
161
+ font-weight: 500;
162
+ letter-spacing: 1.25px;
163
+ text-transform: uppercase;
164
+ font-family: var(--font-family-alfasans);
165
+ }
166
+
167
+ @define-mixin headline-mobile_xlarge {
168
+ font-size: 34px;
169
+ line-height: 40px;
170
+ font-weight: 500;
171
+ letter-spacing: -0.32px;
172
+ font-family: var(--font-family-alfasans);
173
+ }
174
+
175
+ @define-mixin headline-mobile_large {
176
+ font-size: 30px;
177
+ line-height: 36px;
178
+ font-weight: 500;
179
+ letter-spacing: -0.25px;
180
+ font-family: var(--font-family-alfasans);
181
+ }
182
+
183
+ @define-mixin headline-mobile_medium {
184
+ font-size: 26px;
185
+ line-height: 32px;
186
+ font-weight: 500;
187
+ letter-spacing: -0.25px;
188
+ font-family: var(--font-family-alfasans);
189
+ }
190
+
191
+ @define-mixin headline-mobile_small {
192
+ font-size: 20px;
193
+ line-height: 28px;
194
+ font-weight: 500;
195
+ letter-spacing: -0.15px;
196
+ font-family: var(--font-family-alfasans);
197
+ }
198
+
199
+ @define-mixin headline-mobile_xsmall {
200
+ font-size: 16px;
201
+ line-height: 20px;
202
+ font-weight: 500;
203
+ letter-spacing: 0.17px;
204
+ font-family: var(--font-family-alfasans);
205
+ }
206
+
207
+ @define-mixin headline_xlarge {
208
+ font-size: 48px;
209
+ line-height: 64px;
210
+ font-weight: 700;
211
+ letter-spacing: 0.1px;
212
+ font-family: var(--font-family-alfasans);
213
+ }
214
+
215
+ @define-mixin headline_large {
216
+ font-size: 40px;
217
+ line-height: 48px;
218
+ font-weight: 700;
219
+ letter-spacing: 0.1px;
220
+ font-family: var(--font-family-alfasans);
221
+ }
222
+
223
+ @define-mixin headline_medium {
224
+ font-size: 32px;
225
+ line-height: 40px;
226
+ font-weight: 700;
227
+ letter-spacing: 0.3px;
228
+ font-family: var(--font-family-alfasans);
229
+ }
230
+
231
+ @define-mixin headline_small {
232
+ font-size: 24px;
233
+ line-height: 32px;
234
+ font-weight: 700;
235
+ letter-spacing: 0.39px;
236
+ font-family: var(--font-family-alfasans);
237
+ }
238
+
239
+ @define-mixin headline_xsmall {
240
+ font-size: 20px;
241
+ line-height: 24px;
242
+ font-weight: 700;
243
+ letter-spacing: 0.33px;
244
+ font-family: var(--font-family-alfasans);
245
+ }
246
+
247
+ @define-mixin key_large {
248
+ font-size: 120px;
249
+ line-height: 132px;
250
+ font-weight: 500;
251
+ font-family: var(--font-family-alfasans);
252
+ } /* deprecated */
253
+
254
+ @define-mixin key_medium {
255
+ font-size: 96px;
256
+ line-height: 120px;
257
+ font-weight: 500;
258
+ font-family: var(--font-family-alfasans);
259
+ } /* deprecated */
260
+
261
+ @define-mixin key_small {
262
+ font-size: 80px;
263
+ line-height: 96px;
264
+ font-weight: 500;
265
+ font-family: var(--font-family-alfasans);
266
+ } /* deprecated */
267
+
268
+ @define-mixin key_xlarge {
269
+ font-size: 144px;
270
+ line-height: 180px;
271
+ font-weight: 500;
272
+ font-family: var(--font-family-alfasans);
273
+ } /* deprecated */
274
+
275
+ @define-mixin key_xsmall {
276
+ font-size: 64px;
277
+ line-height: 80px;
278
+ font-weight: 500;
279
+ font-family: var(--font-family-alfasans);
280
+ } /* deprecated */
281
+
282
+ @define-mixin paragraph_caps {
283
+ font-size: 12px;
284
+ line-height: 16px;
285
+ font-weight: 400;
286
+ letter-spacing: 1.25px;
287
+ text-transform: uppercase;
288
+ font-family: var(--font-family-alfasans);
289
+ }
290
+
291
+ @define-mixin paragraph_component_primary {
292
+ font-size: 16px;
293
+ line-height: 20px;
294
+ font-weight: 400;
295
+ letter-spacing: -0.24px;
296
+ font-family: var(--font-family-alfasans);
297
+ }
298
+
299
+ @define-mixin paragraph_component_secondary {
300
+ font-size: 14px;
301
+ line-height: 18px;
302
+ font-weight: 400;
303
+ letter-spacing: -0.08px;
304
+ font-family: var(--font-family-alfasans);
305
+ }
306
+
307
+ @define-mixin paragraph_primary_large {
308
+ font-size: 18px;
309
+ line-height: 24px;
310
+ font-weight: 400;
311
+ letter-spacing: -0.36px;
312
+ font-family: var(--font-family-alfasans);
313
+ }
314
+
315
+ @define-mixin paragraph_primary_medium {
316
+ font-size: 16px;
317
+ line-height: 24px;
318
+ font-weight: 400;
319
+ letter-spacing: -0.24px;
320
+ font-family: var(--font-family-alfasans);
321
+ }
322
+
323
+ @define-mixin paragraph_primary_small {
324
+ font-size: 14px;
325
+ line-height: 20px;
326
+ font-weight: 400;
327
+ letter-spacing: -0.08px;
328
+ font-family: var(--font-family-alfasans);
329
+ }
330
+
331
+ @define-mixin paragraph_secondary_large {
332
+ font-size: 13px;
333
+ line-height: 16px;
334
+ font-weight: 400;
335
+ letter-spacing: 0;
336
+ font-family: var(--font-family-alfasans);
337
+ }
338
+
339
+ @define-mixin paragraph_secondary_medium {
340
+ font-size: 12px;
341
+ line-height: 16px;
342
+ font-weight: 400;
343
+ letter-spacing: 0.06px;
344
+ font-family: var(--font-family-alfasans);
345
+ }
346
+
347
+ @define-mixin paragraph_secondary_small {
348
+ font-size: 11px;
349
+ line-height: 16px;
350
+ font-weight: 400;
351
+ letter-spacing: 0.15px;
352
+ font-family: var(--font-family-alfasans);
353
+ }
354
+
355
+ @define-mixin paragraph_tagline {
356
+ font-size: 12px;
357
+ line-height: 16px;
358
+ font-weight: 400;
359
+ letter-spacing: 1.25px;
360
+ text-transform: uppercase;
361
+ font-family: var(--font-family-alfasans);
362
+ }
363
+
364
+ @define-mixin promo-mobile_xlarge {
365
+ font-size: 34px;
366
+ line-height: 40px;
367
+ font-weight: 400;
368
+ letter-spacing: -1.36px;
369
+ font-family: var(--font-family-alfasans);
370
+ }
371
+
372
+ @define-mixin promo-mobile_large {
373
+ font-size: 30px;
374
+ line-height: 36px;
375
+ font-weight: 400;
376
+ letter-spacing: -1.25px;
377
+ font-family: var(--font-family-alfasans);
378
+ }
379
+
380
+ @define-mixin promo-mobile_medium {
381
+ font-size: 26px;
382
+ line-height: 32px;
383
+ font-weight: 400;
384
+ letter-spacing: -1px;
385
+ font-family: var(--font-family-alfasans);
386
+ }
387
+
388
+ @define-mixin promo-mobile_small {
389
+ font-size: 20px;
390
+ line-height: 28px;
391
+ font-weight: 400;
392
+ letter-spacing: -0.68px;
393
+ font-family: var(--font-family-alfasans);
394
+ }
395
+
396
+ @define-mixin promo-mobile_xsmall {
397
+ font-size: 16px;
398
+ line-height: 20px;
399
+ font-weight: 400;
400
+ letter-spacing: -0.24px;
401
+ font-family: var(--font-family-alfasans);
402
+ }
403
+
404
+ @define-mixin promo_xlarge {
405
+ font-size: 48px;
406
+ line-height: 64px;
407
+ font-weight: 400;
408
+ letter-spacing: -2.1px;
409
+ font-family: var(--font-family-alfasans);
410
+ }
411
+
412
+ @define-mixin promo_large {
413
+ font-size: 40px;
414
+ line-height: 48px;
415
+ font-weight: 400;
416
+ letter-spacing: -1.7px;
417
+ font-family: var(--font-family-alfasans);
418
+ }
419
+
420
+ @define-mixin promo_medium {
421
+ font-size: 32px;
422
+ line-height: 40px;
423
+ font-weight: 400;
424
+ letter-spacing: -1.36px;
425
+ font-family: var(--font-family-alfasans);
426
+ }
427
+
428
+ @define-mixin promo_small {
429
+ font-size: 24px;
430
+ line-height: 32px;
431
+ font-weight: 400;
432
+ letter-spacing: -0.9px;
433
+ font-family: var(--font-family-alfasans);
434
+ }
435
+
436
+ @define-mixin promo_xsmall {
437
+ font-size: 20px;
438
+ line-height: 24px;
439
+ font-weight: 400;
440
+ letter-spacing: -0.68px;
441
+ font-family: var(--font-family-alfasans);
442
+ }
443
+
444
+ @define-mixin accent_component {
445
+ font-size: 16px;
446
+ line-height: 20px;
447
+ font-weight: 700;
448
+ letter-spacing: 0.43px;
449
+ font-family: var(--font-family-alfasans);
450
+ }
451
+
452
+ @define-mixin action_component {
453
+ font-size: 16px;
454
+ line-height: 20px;
455
+ font-weight: 500;
456
+ letter-spacing: 0.17px;
457
+ font-family: var(--font-family-alfasans);
458
+ }
459
+
460
+ @define-mixin paragraph_component {
461
+ font-size: 16px;
462
+ line-height: 20px;
463
+ font-weight: 400;
464
+ letter-spacing: -0.24px;
465
+ font-family: var(--font-family-alfasans);
466
+ }
467
+
468
+ @define-mixin headline-system-mobile_xlarge {
469
+ font-size: 34px;
470
+ line-height: 40px;
471
+ font-weight: 500;
472
+ letter-spacing: -0.32px;
473
+ font-family: var(--font-family-alfasans);
474
+ }
475
+
476
+ @define-mixin headline-system-mobile_large {
477
+ font-size: 30px;
478
+ line-height: 36px;
479
+ font-weight: 500;
480
+ letter-spacing: -0.25px;
481
+ font-family: var(--font-family-alfasans);
482
+ }
483
+
484
+ @define-mixin headline-system-mobile_medium {
485
+ font-size: 26px;
486
+ line-height: 32px;
487
+ font-weight: 500;
488
+ letter-spacing: -0.25px;
489
+ font-family: var(--font-family-alfasans);
490
+ }
491
+
492
+ @define-mixin headline-system-mobile_small {
493
+ font-size: 20px;
494
+ line-height: 28px;
495
+ font-weight: 500;
496
+ letter-spacing: -0.15px;
497
+ font-family: var(--font-family-alfasans);
498
+ }
499
+
500
+ @define-mixin headline-system-mobile_xsmall {
501
+ font-size: 16px;
502
+ line-height: 20px;
503
+ font-weight: 500;
504
+ letter-spacing: 0.17px;
505
+ font-family: var(--font-family-alfasans);
506
+ }
507
+
508
+ @define-mixin headline-system_xlarge {
509
+ font-size: 48px;
510
+ line-height: 52px;
511
+ font-weight: 700;
512
+ letter-spacing: 0.1px;
513
+ font-family: var(--font-family-alfasans);
514
+ }
515
+
516
+ @define-mixin headline-system_large {
517
+ font-size: 40px;
518
+ line-height: 48px;
519
+ font-weight: 700;
520
+ letter-spacing: 0.1px;
521
+ font-family: var(--font-family-alfasans);
522
+ }
523
+
524
+ @define-mixin headline-system_medium {
525
+ font-size: 30px;
526
+ line-height: 36px;
527
+ font-weight: 700;
528
+ letter-spacing: 0.1px;
529
+ font-family: var(--font-family-alfasans);
530
+ }
531
+
532
+ @define-mixin headline-system_small {
533
+ font-size: 22px;
534
+ line-height: 26px;
535
+ font-weight: 700;
536
+ letter-spacing: 0.2px;
537
+ font-family: var(--font-family-alfasans);
538
+ }
539
+
540
+ @define-mixin headline-system_xsmall {
541
+ font-size: 18px;
542
+ line-height: 22px;
543
+ font-weight: 700;
544
+ letter-spacing: 0.38px;
545
+ font-family: var(--font-family-alfasans);
546
+ }
547
+
548
+ @define-mixin promo-system-mobile_xlarge {
549
+ font-size: 34px;
550
+ line-height: 40px;
551
+ font-weight: 400;
552
+ letter-spacing: -1.36px;
553
+ font-family: var(--font-family-alfasans);
554
+ }
555
+
556
+ @define-mixin promo-system-mobile_large {
557
+ font-size: 30px;
558
+ line-height: 36px;
559
+ font-weight: 400;
560
+ letter-spacing: -1.25px;
561
+ font-family: var(--font-family-alfasans);
562
+ }
563
+
564
+ @define-mixin promo-system-mobile_medium {
565
+ font-size: 26px;
566
+ line-height: 32px;
567
+ font-weight: 400;
568
+ letter-spacing: -1px;
569
+ font-family: var(--font-family-alfasans);
570
+ }
571
+
572
+ @define-mixin promo-system-mobile_small {
573
+ font-size: 20px;
574
+ line-height: 28px;
575
+ font-weight: 400;
576
+ letter-spacing: -0.68px;
577
+ font-family: var(--font-family-alfasans);
578
+ }
579
+
580
+ @define-mixin promo-system-mobile_xsmall {
581
+ font-size: 16px;
582
+ line-height: 20px;
583
+ font-weight: 400;
584
+ letter-spacing: -0.24px;
585
+ font-family: var(--font-family-alfasans);
586
+ }
587
+
588
+ @define-mixin promo-system_xlarge {
589
+ font-size: 48px;
590
+ line-height: 52px;
591
+ font-weight: 400;
592
+ letter-spacing: -2.1px;
593
+ font-family: var(--font-family-alfasans);
594
+ }
595
+
596
+ @define-mixin promo-system_large {
597
+ font-size: 40px;
598
+ line-height: 48px;
599
+ font-weight: 400;
600
+ letter-spacing: -1.7px;
601
+ font-family: var(--font-family-alfasans);
602
+ }
603
+
604
+ @define-mixin promo-system_medium {
605
+ font-size: 30px;
606
+ line-height: 36px;
607
+ font-weight: 400;
608
+ letter-spacing: -1.25px;
609
+ font-family: var(--font-family-alfasans);
610
+ }
611
+
612
+ @define-mixin promo-system_small {
613
+ font-size: 22px;
614
+ line-height: 26px;
615
+ font-weight: 400;
616
+ letter-spacing: -0.8px;
617
+ font-family: var(--font-family-alfasans);
618
+ }
619
+
620
+ @define-mixin promo-system_xsmall {
621
+ font-size: 18px;
622
+ line-height: 22px;
623
+ font-weight: 400;
624
+ letter-spacing: -0.36px;
625
+ font-family: var(--font-family-alfasans);
626
+ }
package/border-radius.css ADDED
@@ -0,0 +1,27 @@
1
+ :root {
2
+ --border-radius-xs: 2px; /* deprecated */
3
+ --border-radius-s: 4px; /* deprecated */
4
+ --border-radius-m: 8px; /* deprecated */
5
+ --border-radius-l: 12px; /* deprecated */
6
+ --border-radius-xl: 16px; /* deprecated */
7
+ --border-radius-xxl: 20px; /* deprecated */
8
+ --border-radius-3xl: 24px; /* deprecated */
9
+ --border-radius-circle: 50%;
10
+ --border-radius-pill: 99px;
11
+
12
+ /* новые значения, используйте их */
13
+ --border-radius-0: 0;
14
+ --border-radius-2: var(--border-radius-xs);
15
+ --border-radius-4: var(--border-radius-s);
16
+ --border-radius-6: 6px;
17
+ --border-radius-8: var(--border-radius-m);
18
+ --border-radius-10: 10px;
19
+ --border-radius-12: var(--border-radius-l);
20
+ --border-radius-14: 14px;
21
+ --border-radius-16: var(--border-radius-xl);
22
+ --border-radius-20: var(--border-radius-xxl);
23
+ --border-radius-24: var(--border-radius-3xl);
24
+ --border-radius-32: 32px;
25
+ --border-radius-36: 36px;
26
+ --border-radius-64: 64px;
27
+ }
package/bundle/alfasans-click.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../alfasans-typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';
package/bundle/alfasans-corp.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../alfasans-typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';
package/bundle/alfasans-intranet.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../alfasans-typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';
package/bundle/click.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';
package/bundle/corp.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';
package/bundle/intranet.css ADDED
@@ -0,0 +1,8 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../common.css';
8
+ @import '../mixins.css';