@lucca-front/scss 16.4.2 → 16.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (398) hide show
  1. package/.jenkins/npmrc +1 -0
  2. package/dockerRegistry-514df42c-5e08-4017-8742-cea13d9a7985.env +1 -0
  3. package/package.json +28 -28
  4. package/src/commons/base.scss +105 -105
  5. package/src/commons/config.scss +339 -339
  6. package/src/commons/core.scss +107 -107
  7. package/src/commons/exports.scss +3 -3
  8. package/src/commons/index.scss +6 -6
  9. package/src/commons/utils/a11y.scss +21 -21
  10. package/src/commons/utils/form.scss +19 -19
  11. package/src/commons/utils/index.scss +9 -9
  12. package/src/commons/utils/loading.scss +45 -45
  13. package/src/commons/utils/media.scss +35 -35
  14. package/src/commons/utils/reset.scss +39 -39
  15. package/src/commons/utils/text.scss +5 -5
  16. package/src/commons/vars.scss +55 -55
  17. package/src/components/actionIcon/component.scss +40 -40
  18. package/src/components/actionIcon/exports.scss +4 -4
  19. package/src/components/actionIcon/index.scss +38 -38
  20. package/src/components/actionIcon/mods.scss +68 -68
  21. package/src/components/actionIcon/states.scss +24 -24
  22. package/src/components/actionIcon/vars.scss +2 -2
  23. package/src/components/box/component.scss +18 -18
  24. package/src/components/box/exports.scss +4 -4
  25. package/src/components/box/index.scss +19 -19
  26. package/src/components/box/mods.scss +60 -60
  27. package/src/components/box/vars.scss +8 -8
  28. package/src/components/breadcrumbs/component.scss +51 -51
  29. package/src/components/breadcrumbs/exports.scss +4 -4
  30. package/src/components/breadcrumbs/index.scss +16 -16
  31. package/src/components/breadcrumbs/mods.scss +27 -27
  32. package/src/components/breadcrumbs/states.scss +16 -16
  33. package/src/components/breadcrumbs/vars.scss +2 -2
  34. package/src/components/button/component.scss +52 -52
  35. package/src/components/button/exports.scss +4 -4
  36. package/src/components/button/index.scss +98 -98
  37. package/src/components/button/mods.scss +157 -157
  38. package/src/components/button/states.scss +96 -96
  39. package/src/components/button/vars.scss +7 -7
  40. package/src/components/buttonGroup/component.scss +86 -86
  41. package/src/components/buttonGroup/exports.scss +4 -4
  42. package/src/components/buttonGroup/index.scss +14 -14
  43. package/src/components/buttonGroup/mods.scss +43 -43
  44. package/src/components/buttonGroup/vars.scss +2 -2
  45. package/src/components/callout/component.scss +61 -61
  46. package/src/components/callout/exports.scss +4 -4
  47. package/src/components/callout/index.scss +14 -14
  48. package/src/components/callout/mods.scss +21 -21
  49. package/src/components/callout/vars.scss +2 -2
  50. package/src/components/card/component.scss +48 -48
  51. package/src/components/card/exports.scss +4 -4
  52. package/src/components/card/index.scss +26 -26
  53. package/src/components/card/mods.scss +42 -42
  54. package/src/components/card/states.scss +21 -21
  55. package/src/components/card/vars.scss +9 -9
  56. package/src/components/checkbox/component.scss +94 -94
  57. package/src/components/checkbox/exports.scss +4 -4
  58. package/src/components/checkbox/index.scss +48 -48
  59. package/src/components/checkbox/mods.scss +35 -35
  60. package/src/components/checkbox/states.scss +53 -53
  61. package/src/components/checkbox/vars.scss +5 -5
  62. package/src/components/checkboxField/component.scss +75 -75
  63. package/src/components/checkboxField/exports.scss +4 -4
  64. package/src/components/checkboxField/index.scss +72 -72
  65. package/src/components/checkboxField/mods.scss +9 -9
  66. package/src/components/checkboxField/states.scss +122 -122
  67. package/src/components/checkboxField/vars.scss +6 -6
  68. package/src/components/chip/component.scss +56 -56
  69. package/src/components/chip/exports.scss +4 -4
  70. package/src/components/chip/index.scss +22 -22
  71. package/src/components/chip/mods.scss +29 -29
  72. package/src/components/chip/states.scss +8 -8
  73. package/src/components/chip/vars.scss +2 -2
  74. package/src/components/clear/component.scss +33 -33
  75. package/src/components/clear/exports.scss +4 -4
  76. package/src/components/clear/index.scss +19 -19
  77. package/src/components/clear/mods.scss +17 -17
  78. package/src/components/clear/states.scss +4 -4
  79. package/src/components/clear/vars.scss +4 -4
  80. package/src/components/code/component.scss +11 -11
  81. package/src/components/code/exports.scss +4 -4
  82. package/src/components/code/index.scss +10 -10
  83. package/src/components/code/mods.scss +6 -6
  84. package/src/components/code/vars.scss +2 -2
  85. package/src/components/collapse/component.scss +33 -33
  86. package/src/components/collapse/exports.scss +4 -4
  87. package/src/components/collapse/index.scss +14 -14
  88. package/src/components/collapse/states.scss +13 -13
  89. package/src/components/collapse/vars.scss +2 -2
  90. package/src/components/container/component.scss +5 -5
  91. package/src/components/container/exports.scss +4 -4
  92. package/src/components/container/index.scss +34 -34
  93. package/src/components/container/mods.scss +33 -33
  94. package/src/components/container/vars.scss +4 -4
  95. package/src/components/contentSection/component.scss +3 -3
  96. package/src/components/contentSection/exports.scss +4 -4
  97. package/src/components/contentSection/index.scss +6 -6
  98. package/src/components/contentSection/vars.scss +3 -3
  99. package/src/components/divider/component.scss +8 -8
  100. package/src/components/divider/exports.scss +4 -4
  101. package/src/components/divider/index.scss +6 -6
  102. package/src/components/divider/vars.scss +2 -2
  103. package/src/components/emptyState/component.scss +16 -16
  104. package/src/components/emptyState/exports.scss +4 -4
  105. package/src/components/emptyState/index.scss +6 -6
  106. package/src/components/emptyState/vars.scss +2 -2
  107. package/src/components/errorPage/component.scss +61 -61
  108. package/src/components/errorPage/exports.scss +4 -4
  109. package/src/components/errorPage/index.scss +11 -11
  110. package/src/components/errorPage/vars.scss +4 -4
  111. package/src/components/field/component.scss +112 -112
  112. package/src/components/field/exports.scss +4 -4
  113. package/src/components/field/index.scss +125 -125
  114. package/src/components/field/mods.scss +337 -337
  115. package/src/components/field/states.scss +184 -184
  116. package/src/components/field/vars.scss +37 -37
  117. package/src/components/fieldset/component.scss +48 -48
  118. package/src/components/fieldset/exports.scss +4 -4
  119. package/src/components/fieldset/index.scss +14 -14
  120. package/src/components/fieldset/mods.scss +17 -17
  121. package/src/components/fieldset/vars.scss +4 -4
  122. package/src/components/file/component.scss +122 -122
  123. package/src/components/file/exports.scss +4 -4
  124. package/src/components/file/index.scss +44 -44
  125. package/src/components/file/mods.scss +66 -66
  126. package/src/components/file/states.scss +97 -97
  127. package/src/components/file/vars.scss +2 -2
  128. package/src/components/filters/component.scss +38 -38
  129. package/src/components/filters/exports.scss +4 -4
  130. package/src/components/filters/index.scss +24 -24
  131. package/src/components/filters/mods.scss +21 -21
  132. package/src/components/filters/vars.scss +5 -5
  133. package/src/components/footer/component.scss +36 -36
  134. package/src/components/footer/exports.scss +4 -4
  135. package/src/components/footer/index.scss +10 -10
  136. package/src/components/footer/mods.scss +4 -4
  137. package/src/components/footer/vars.scss +2 -2
  138. package/src/components/form/component.scss +97 -97
  139. package/src/components/form/exports.scss +4 -4
  140. package/src/components/form/index.scss +118 -118
  141. package/src/components/form/mods.scss +266 -266
  142. package/src/components/form/states.scss +24 -24
  143. package/src/components/form/vars.scss +19 -19
  144. package/src/components/formLabel/component.scss +21 -21
  145. package/src/components/formLabel/exports.scss +4 -4
  146. package/src/components/formLabel/index.scss +18 -18
  147. package/src/components/formLabel/mods.scss +19 -19
  148. package/src/components/formLabel/states.scss +8 -8
  149. package/src/components/formLabel/vars.scss +7 -7
  150. package/src/components/gauge/component.scss +21 -21
  151. package/src/components/gauge/exports.scss +4 -4
  152. package/src/components/gauge/index.scss +14 -14
  153. package/src/components/gauge/mods.scss +14 -14
  154. package/src/components/gauge/vars.scss +3 -3
  155. package/src/components/grid/component.scss +68 -68
  156. package/src/components/grid/exports.scss +4 -4
  157. package/src/components/grid/index.scss +20 -20
  158. package/src/components/grid/mods.scss +17 -17
  159. package/src/components/grid/vars.scss +18 -18
  160. package/src/components/gridLegacy/component.scss +34 -34
  161. package/src/components/gridLegacy/exports.scss +4 -4
  162. package/src/components/gridLegacy/index.scss +94 -94
  163. package/src/components/gridLegacy/mods.scss +46 -46
  164. package/src/components/gridLegacy/vars.scss +2 -2
  165. package/src/components/header/component.scss +72 -72
  166. package/src/components/header/exports.scss +4 -4
  167. package/src/components/header/index.scss +28 -28
  168. package/src/components/header/mods.scss +34 -34
  169. package/src/components/header/states.scss +13 -13
  170. package/src/components/header/vars.scss +5 -5
  171. package/src/components/index.scss +75 -75
  172. package/src/components/inlineMessage/component.scss +13 -13
  173. package/src/components/inlineMessage/exports.scss +4 -4
  174. package/src/components/inlineMessage/index.scss +22 -22
  175. package/src/components/inlineMessage/mods.scss +5 -5
  176. package/src/components/inlineMessage/states.scss +41 -41
  177. package/src/components/inlineMessage/vars.scss +7 -7
  178. package/src/components/keyframe/exports.scss +4 -4
  179. package/src/components/keyframe/index.scss +1 -1
  180. package/src/components/keyframe/mods.scss +184 -184
  181. package/src/components/label/component.scss +19 -19
  182. package/src/components/label/exports.scss +4 -4
  183. package/src/components/label/index.scss +18 -18
  184. package/src/components/label/mods.scss +16 -16
  185. package/src/components/label/vars.scss +12 -12
  186. package/src/components/layout/component.scss +172 -172
  187. package/src/components/layout/exports.scss +4 -4
  188. package/src/components/layout/index.scss +68 -68
  189. package/src/components/layout/mods.scss +109 -109
  190. package/src/components/layout/states.scss +26 -26
  191. package/src/components/layout/vars.scss +3 -3
  192. package/src/components/link/component.scss +22 -22
  193. package/src/components/link/exports.scss +4 -4
  194. package/src/components/link/index.scss +18 -18
  195. package/src/components/link/mods.scss +16 -16
  196. package/src/components/link/states.scss +4 -4
  197. package/src/components/link/vars.scss +2 -2
  198. package/src/components/list/component.scss +48 -48
  199. package/src/components/list/exports.scss +4 -4
  200. package/src/components/list/index.scss +20 -20
  201. package/src/components/list/mods.scss +53 -53
  202. package/src/components/list/vars.scss +5 -5
  203. package/src/components/loading/component.scss +15 -15
  204. package/src/components/loading/exports.scss +4 -4
  205. package/src/components/loading/index.scss +30 -30
  206. package/src/components/loading/mods.scss +78 -78
  207. package/src/components/loading/vars.scss +3 -3
  208. package/src/components/main/component.scss +9 -9
  209. package/src/components/main/exports.scss +4 -4
  210. package/src/components/main/index.scss +32 -32
  211. package/src/components/main/mods.scss +21 -21
  212. package/src/components/main/states.scss +8 -8
  213. package/src/components/main/vars.scss +2 -2
  214. package/src/components/menu/component.scss +102 -102
  215. package/src/components/menu/exports.scss +4 -4
  216. package/src/components/menu/index.scss +26 -26
  217. package/src/components/menu/mods.scss +25 -25
  218. package/src/components/menu/states.scss +37 -37
  219. package/src/components/menu/vars.scss +3 -3
  220. package/src/components/mobileHeader/component.scss +30 -30
  221. package/src/components/mobileHeader/exports.scss +4 -4
  222. package/src/components/mobileHeader/index.scss +10 -10
  223. package/src/components/mobileHeader/mods.scss +23 -23
  224. package/src/components/mobileHeader/vars.scss +3 -3
  225. package/src/components/mobileNavigation/component.scss +56 -56
  226. package/src/components/mobileNavigation/exports.scss +4 -4
  227. package/src/components/mobileNavigation/index.scss +10 -10
  228. package/src/components/mobileNavigation/mods.scss +5 -5
  229. package/src/components/mobileNavigation/vars.scss +2 -2
  230. package/src/components/navside/component.scss +221 -221
  231. package/src/components/navside/exports.scss +4 -4
  232. package/src/components/navside/index.scss +99 -99
  233. package/src/components/navside/mods.scss +138 -138
  234. package/src/components/navside/states.scss +63 -63
  235. package/src/components/navside/vars.scss +55 -55
  236. package/src/components/newBadge/component.scss +10 -10
  237. package/src/components/newBadge/exports.scss +4 -4
  238. package/src/components/newBadge/index.scss +6 -6
  239. package/src/components/newBadge/vars.scss +2 -2
  240. package/src/components/notchBox/component.scss +83 -83
  241. package/src/components/notchBox/exports.scss +4 -4
  242. package/src/components/notchBox/index.scss +22 -22
  243. package/src/components/notchBox/mods.scss +224 -224
  244. package/src/components/notchBox/vars.scss +22 -22
  245. package/src/components/numericBadge/component.scss +17 -17
  246. package/src/components/numericBadge/exports.scss +4 -4
  247. package/src/components/numericBadge/index.scss +14 -14
  248. package/src/components/numericBadge/mods.scss +13 -13
  249. package/src/components/numericBadge/vars.scss +8 -8
  250. package/src/components/pageHeader/component.scss +58 -58
  251. package/src/components/pageHeader/exports.scss +4 -4
  252. package/src/components/pageHeader/index.scss +18 -18
  253. package/src/components/pageHeader/mods.scss +27 -27
  254. package/src/components/pageHeader/vars.scss +3 -3
  255. package/src/components/pagination/component.scss +39 -39
  256. package/src/components/pagination/exports.scss +4 -4
  257. package/src/components/pagination/index.scss +16 -16
  258. package/src/components/pagination/mods.scss +4 -4
  259. package/src/components/pagination/states.scss +5 -5
  260. package/src/components/pagination/vars.scss +2 -2
  261. package/src/components/progress/component.scss +42 -42
  262. package/src/components/progress/exports.scss +4 -4
  263. package/src/components/progress/index.scss +18 -18
  264. package/src/components/progress/mods.scss +19 -19
  265. package/src/components/progress/states.scss +21 -21
  266. package/src/components/progress/vars.scss +8 -8
  267. package/src/components/radio/component.scss +93 -93
  268. package/src/components/radio/exports.scss +4 -4
  269. package/src/components/radio/index.scss +25 -25
  270. package/src/components/radio/mods.scss +32 -32
  271. package/src/components/radio/states.scss +30 -30
  272. package/src/components/radio/vars.scss +7 -7
  273. package/src/components/radioButtons/component.scss +84 -84
  274. package/src/components/radioButtons/exports.scss +4 -4
  275. package/src/components/radioButtons/index.scss +20 -20
  276. package/src/components/radioButtons/mods.scss +11 -11
  277. package/src/components/radioButtons/states.scss +13 -13
  278. package/src/components/radioButtons/vars.scss +5 -5
  279. package/src/components/radioField/component.scss +99 -99
  280. package/src/components/radioField/exports.scss +4 -4
  281. package/src/components/radioField/index.scss +40 -40
  282. package/src/components/radioField/mods.scss +41 -41
  283. package/src/components/radioField/states.scss +122 -122
  284. package/src/components/radioField/vars.scss +7 -7
  285. package/src/components/section/component.scss +5 -5
  286. package/src/components/section/exports.scss +4 -4
  287. package/src/components/section/index.scss +19 -19
  288. package/src/components/section/mods.scss +13 -13
  289. package/src/components/section/vars.scss +2 -2
  290. package/src/components/skeleton/component.scss +17 -17
  291. package/src/components/skeleton/exports.scss +4 -4
  292. package/src/components/skeleton/index.scss +26 -26
  293. package/src/components/skeleton/mods.scss +27 -27
  294. package/src/components/skeleton/states.scss +84 -84
  295. package/src/components/skeleton/vars.scss +8 -8
  296. package/src/components/sortableList/component.scss +68 -68
  297. package/src/components/sortableList/exports.scss +4 -4
  298. package/src/components/sortableList/index.scss +16 -16
  299. package/src/components/sortableList/mods.scss +19 -19
  300. package/src/components/sortableList/vars.scss +8 -8
  301. package/src/components/status/component.scss +47 -47
  302. package/src/components/status/exports.scss +4 -4
  303. package/src/components/status/index.scss +18 -18
  304. package/src/components/status/states.scss +17 -17
  305. package/src/components/status/vars.scss +2 -2
  306. package/src/components/statusBadge/component.scss +27 -27
  307. package/src/components/statusBadge/exports.scss +4 -4
  308. package/src/components/statusBadge/index.scss +10 -10
  309. package/src/components/statusBadge/mods.scss +6 -6
  310. package/src/components/statusBadge/vars.scss +6 -6
  311. package/src/components/switch/component.scss +67 -67
  312. package/src/components/switch/exports.scss +4 -4
  313. package/src/components/switch/index.scss +48 -48
  314. package/src/components/switch/mods.scss +15 -15
  315. package/src/components/switch/states.scss +91 -91
  316. package/src/components/switch/vars.scss +12 -12
  317. package/src/components/switchField/component.scss +95 -95
  318. package/src/components/switchField/exports.scss +4 -4
  319. package/src/components/switchField/index.scss +32 -32
  320. package/src/components/switchField/mods.scss +11 -11
  321. package/src/components/switchField/states.scss +80 -80
  322. package/src/components/switchField/vars.scss +7 -7
  323. package/src/components/table/component.scss +75 -75
  324. package/src/components/table/exports.scss +4 -4
  325. package/src/components/table/index.scss +102 -102
  326. package/src/components/table/mods.scss +312 -312
  327. package/src/components/table/vars.scss +8 -8
  328. package/src/components/tableFixed/exports.scss +4 -4
  329. package/src/components/tableFixed/index.scss +21 -21
  330. package/src/components/tableFixed/mods.scss +5 -5
  331. package/src/components/tableOfContent/component.scss +29 -29
  332. package/src/components/tableOfContent/exports.scss +4 -4
  333. package/src/components/tableOfContent/index.scss +42 -42
  334. package/src/components/tableOfContent/states.scss +41 -41
  335. package/src/components/tableOfContent/vars.scss +14 -14
  336. package/src/components/tableSorted/exports.scss +4 -4
  337. package/src/components/tableSorted/index.scss +58 -58
  338. package/src/components/tableSorted/mods.scss +93 -93
  339. package/src/components/tableSorted/states.scss +167 -167
  340. package/src/components/tableSticked/exports.scss +4 -4
  341. package/src/components/tableSticked/index.scss +70 -70
  342. package/src/components/tableSticked/mods.scss +212 -212
  343. package/src/components/tableSticked/vars.scss +8 -8
  344. package/src/components/tag/component.scss +13 -13
  345. package/src/components/tag/exports.scss +4 -4
  346. package/src/components/tag/index.scss +18 -18
  347. package/src/components/tag/mods.scss +19 -19
  348. package/src/components/tag/vars.scss +2 -2
  349. package/src/components/textField/component.scss +112 -112
  350. package/src/components/textField/exports.scss +4 -4
  351. package/src/components/textField/index.scss +22 -22
  352. package/src/components/textField/mods.scss +34 -34
  353. package/src/components/textField/states.scss +15 -15
  354. package/src/components/textField/vars.scss +11 -11
  355. package/src/components/textfields/component.scss +77 -77
  356. package/src/components/textfields/exports.scss +4 -4
  357. package/src/components/textfields/index.scss +402 -402
  358. package/src/components/textfields/mods.scss +648 -648
  359. package/src/components/textfields/states.scss +229 -229
  360. package/src/components/textfields/vars.scss +41 -41
  361. package/src/components/timeline/component.scss +81 -81
  362. package/src/components/timeline/exports.scss +4 -4
  363. package/src/components/timeline/index.scss +101 -101
  364. package/src/components/timeline/mods.scss +384 -384
  365. package/src/components/timeline/states.scss +22 -22
  366. package/src/components/timeline/vars.scss +3 -3
  367. package/src/components/timepicker/component.scss +91 -91
  368. package/src/components/timepicker/exports.scss +4 -4
  369. package/src/components/timepicker/index.scss +14 -14
  370. package/src/components/timepicker/mods.scss +4 -4
  371. package/src/components/timepicker/states.scss +13 -13
  372. package/src/components/timepicker/vars.scss +5 -5
  373. package/src/components/title/component.scss +15 -15
  374. package/src/components/title/exports.scss +4 -4
  375. package/src/components/title/index.scss +39 -39
  376. package/src/components/title/mods.scss +48 -48
  377. package/src/components/title/vars.scss +2 -2
  378. package/src/components/titleSection/component.scss +34 -34
  379. package/src/components/titleSection/exports.scss +4 -4
  380. package/src/components/titleSection/index.scss +25 -25
  381. package/src/components/titleSection/mods.scss +10 -10
  382. package/src/components/titleSection/vars.scss +2 -2
  383. package/src/components/toast/component.scss +73 -73
  384. package/src/components/toast/exports.scss +4 -4
  385. package/src/components/toast/index.scss +14 -14
  386. package/src/components/toast/mods.scss +95 -95
  387. package/src/components/toast/vars.scss +11 -11
  388. package/src/components/util/exports.scss +4 -4
  389. package/src/components/util/index.scss +329 -329
  390. package/src/components/util/mods.scss +3 -3
  391. package/src/components/verticalNavigation/component.scss +55 -55
  392. package/src/components/verticalNavigation/exports.scss +4 -4
  393. package/src/components/verticalNavigation/index.scss +30 -30
  394. package/src/components/verticalNavigation/mods.scss +9 -9
  395. package/src/components/verticalNavigation/states.scss +28 -28
  396. package/src/components/verticalNavigation/vars.scss +5 -5
  397. package/src/main-all.scss +2 -2
  398. package/src/main.scss +1 -1
package/src/commons/config.scss CHANGED
@@ -1,339 +1,339 @@
1
- $states: 'error', 'warning', 'success' !default;
2
- $palettes: 'lucca', 'primary', 'secondary', 'grey', 'navigation' !default;
3
-
4
- // Colors : Lucca
5
-
6
- $lucca: (
7
- text: #ffffff,
8
- 50: #fff1eb,
9
- 100: #ffe0d1,
10
- 200: #ffccb3,
11
- 300: #ffbe9e,
12
- 400: #ffaa80,
13
- 500: #ff9361,
14
- 600: #ff7b3d,
15
- 700: #e06029,
16
- 800: #b43409,
17
- 900: #611405,
18
- ) !default;
19
-
20
- // Colors : Product
21
-
22
- $primary: (
23
- text: #ffffff,
24
- 50: #fff1eb,
25
- 100: #ffe0d1,
26
- 200: #ffccb3,
27
- 300: #ffbe9e,
28
- 400: #ffaa80,
29
- 500: #ff9361,
30
- 600: #ff7b3d,
31
- 700: #e06029,
32
- 800: #b43409,
33
- 900: #611405,
34
- ) !default;
35
-
36
- $secondary: (
37
- text: #ffffff,
38
- 50: #fff1eb,
39
- 100: #ffe0d1,
40
- 200: #ffccb3,
41
- 300: #ffbe9e,
42
- 400: #ffaa80,
43
- 500: #ff9361,
44
- 600: #ff7b3d,
45
- 700: #e06029,
46
- 800: #b43409,
47
- 900: #611405,
48
- ) !default;
49
-
50
- $navigation: (
51
- text: #ffffff,
52
- 700: #313972,
53
- 800: #192157,
54
- 900: #12183f,
55
- ) !default;
56
-
57
- // Colors : Semantics
58
-
59
- $success: (
60
- text: #ffffff,
61
- 50: #dbfae0,
62
- 100: #bef3c7,
63
- 200: #a2ebaf,
64
- 300: #84e695,
65
- 400: #68d97b,
66
- 500: #57c769,
67
- 600: #39b155,
68
- 700: #279b42,
69
- 800: #0a762e,
70
- 900: #004d20,
71
- ) !default;
72
-
73
- $warning: (
74
- text: #ffffff,
75
- 50: #fff2db,
76
- 100: #ffe9c2,
77
- 200: #ffdb9e,
78
- 300: #ffd080,
79
- 400: #ffc35c,
80
- 500: #ffb13d,
81
- 600: #ff9d00,
82
- 700: #f08800,
83
- 800: #c25100,
84
- 900: #802a00,
85
- ) !default;
86
-
87
- $error: (
88
- text: #ffffff,
89
- 50: #ffebec,
90
- 100: #ffd6d8,
91
- 200: #fdbebe,
92
- 300: #faa3a3,
93
- 400: #fa8989,
94
- 500: #f76e6e,
95
- 600: #f15050,
96
- 700: #da2f2f,
97
- 800: #aa0e0e,
98
- 900: #630303,
99
- ) !default;
100
-
101
- // Colors : Neutral
102
-
103
- $grey: (
104
- text: #ffffff,
105
- 25: #f3f6fc,
106
- 50: #e7edf9,
107
- 100: #dbe3f5,
108
- 200: #ced9ee,
109
- 300: #becbe4,
110
- 400: #acbbd7,
111
- 500: #96a6c5,
112
- 600: #667799,
113
- 700: #445473,
114
- 800: #2a3551,
115
- 900: #0b1732,
116
- ) !default;
117
-
118
- // Colors : Decoratives
119
-
120
- $kiwi: (
121
- 200: #c7e79c,
122
- 400: #96c856,
123
- 600: #68a716,
124
- 800: #3e6808,
125
- ) !default;
126
-
127
- $lime: (
128
- 200: #a7e69e,
129
- 400: #74cb67,
130
- 600: #45a437,
131
- 800: #16600b,
132
- ) !default;
133
-
134
- $cucumber: (
135
- 200: #98ecc2,
136
- 400: #54c98f,
137
- 600: #12a55c,
138
- 800: #006b36,
139
- ) !default;
140
-
141
- $mint: (
142
- 200: #99ebda,
143
- 400: #31c4a6,
144
- 600: #089b7e,
145
- 800: #006b56,
146
- ) !default;
147
-
148
- $glacier: (
149
- 200: #98ecec,
150
- 400: #4dc7c7,
151
- 600: #08a0a0,
152
- 800: #006b6b,
153
- ) !default;
154
-
155
- $lagoon: (
156
- 200: #9fdaf4,
157
- 400: #49b5e4,
158
- 600: #148ec2,
159
- 800: #065374,
160
- ) !default;
161
-
162
- $blueberry: (
163
- 200: #b1c8f6,
164
- 400: #769be5,
165
- 600: #4777d7,
166
- 800: #1b4498,
167
- ) !default;
168
-
169
- $lavender: (
170
- 200: #d9c4f8,
171
- 400: #b493e6,
172
- 600: #9165d2,
173
- 800: #5f369b,
174
- ) !default;
175
-
176
- $grape: (
177
- 200: #e9c2f9,
178
- 400: #ba86d0,
179
- 600: #9a57b7,
180
- 800: #620f85,
181
- ) !default;
182
-
183
- $watermelon: (
184
- 200: #eaa4b5,
185
- 400: #db6683,
186
- 600: #be2d51,
187
- 800: #8d0729,
188
- ) !default;
189
-
190
- $pumpkin: (
191
- 200: #f9cf9f,
192
- 400: #ef9c3e,
193
- 600: #db7500,
194
- 800: #8f4c00,
195
- ) !default;
196
-
197
- $pineapple: (
198
- 200: #f8eaa5,
199
- 400: #f8dc4f,
200
- 600: #d6b300,
201
- 800: #a88900,
202
- ) !default;
203
-
204
- $colors: (
205
- 'white': #ffffff,
206
- 'black': #121212,
207
- ) !default;
208
-
209
- $colorsRgb: (
210
- 'white': '255, 255, 255',
211
- 'grey-900': '19, 29, 53',
212
- ) !default;
213
-
214
- $breakpoints: (
215
- XXXS: 320px,
216
- XXS: 480px,
217
- XS: 640px,
218
- S: 800px,
219
- M: 1024px,
220
- L: 1280px,
221
- XL: 1366px,
222
- XXL: 1600px,
223
- XXXL: 1920px,
224
- );
225
-
226
- $spacings: (
227
- '0': 0,
228
- XXS: 0.25rem,
229
- XS: 0.5rem,
230
- S: 1rem,
231
- M: 1.5rem,
232
- L: 2rem,
233
- XL: 3rem,
234
- XXL: 4rem,
235
- );
236
-
237
- $sizes: (
238
- XS: (
239
- fontSize: 0.75rem,
240
- lineHeight: 1rem,
241
- verticalPadding: 0,
242
- ),
243
- S: (
244
- fontSize: 0.875rem,
245
- lineHeight: 1.25rem,
246
- verticalPadding: 0.125rem,
247
- ),
248
- M: (
249
- fontSize: 1rem,
250
- lineHeight: 1.5rem,
251
- verticalPadding: 0.125rem,
252
- ),
253
- L: (
254
- fontSize: 1.125rem,
255
- lineHeight: 1.5rem,
256
- verticalPadding: 0.25rem,
257
- ),
258
- XL: (
259
- fontSize: 1.375rem,
260
- lineHeight: 1.75rem,
261
- verticalPadding: 0.5rem,
262
- ),
263
- XXL: (
264
- fontSize: 1.75rem,
265
- lineHeight: 2rem,
266
- verticalPadding: 0.25rem,
267
- ),
268
- XXXL: (
269
- fontSize: 2.25rem,
270
- lineHeight: 2.5rem,
271
- verticalPadding: 0.5rem,
272
- ),
273
- );
274
-
275
- $borderRadius: (
276
- 'M': 4px,
277
- 'L': 8px,
278
- );
279
-
280
- $elevations: (
281
- // deprecated
282
- '1': '0 1px 2px rgba(var(--colors-grey-900-rgb), 0.06), 0px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04)',
283
- '2':
284
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.02), 0 2px 6px rgba(var(--colors-grey-900-rgb), 0.05)',
285
- '3':
286
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 2px 4px rgba(var(--colors-grey-900-rgb), 0.02), 0 4px 10px rgba(var(--colors-grey-900-rgb), 0.06)',
287
- '4':
288
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 3px 6px rgba(var(--colors-grey-900-rgb), 0.04), 0 4px 16px rgba(var(--colors-grey-900-rgb), 0.08)',
289
- '5':
290
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 4px 8px rgba(var(--colors-grey-900-rgb), 0.06), 0 12px 32px rgba(var(--colors-grey-900-rgb), 0.08)',
291
- '6':
292
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), -2px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04), -12px 6px 24px rgba(var(--colors-grey-900-rgb), 0.06)'
293
- );
294
-
295
- $boxShadows: (
296
- 'XXS': '0 2px 8px rgba(var(--colors-grey-900-rgb), .2), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.15)',
297
- // deprecated
298
- 'XS': '0 1px 2px rgba(var(--colors-grey-900-rgb), 0.06), 0 2px 8px rgba(var(--colors-grey-900-rgb), 0.04)',
299
- 'S':
300
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.02), 0 2px 6px rgba(var(--colors-grey-900-rgb), 0.06)',
301
- 'M':
302
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 2px 4px rgba(var(--colors-grey-900-rgb), 0.02), 0 4px 10px rgba(var(--colors-grey-900-rgb), 0.06)',
303
- 'L':
304
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 3px 6px rgba(var(--colors-grey-900-rgb), 0.04), 0 4px 16px rgba(var(--colors-grey-900-rgb), 0.08)',
305
- 'XL':
306
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 4px 8px rgba(var(--colors-grey-900-rgb), 0.06), 0 12px 32px rgba(var(--colors-grey-900-rgb), 0.08)',
307
- 'XXL':
308
- '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), -2px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04), -12px 6px 24px rgba(var(--colors-grey-900-rgb), 0.06)',
309
- );
310
-
311
- $disabled: (
312
- 'opacity': 0.4,
313
- 'background': 'var(--palettes-grey-100)',
314
- 'color': 'var(--palettes-grey-600)',
315
- 'placeholder': 'var(--palettes-grey-400)',
316
- );
317
-
318
- $animations: (
319
- 'translate': 3rem,
320
- 'function': ease,
321
- 'iteration-count': 5,
322
- );
323
-
324
- $durations: (
325
- 'fast': 150ms,
326
- 'standard': 250ms,
327
- 'slow': 350ms,
328
- );
329
-
330
- $loading: (
331
- 'frontground': var(--palettes-primary-500),
332
- 'speed': 600ms,
333
- );
334
-
335
- $textLink: (
336
- color: var(--palettes-primary-700),
337
- hover: var(--palettes-primary-600),
338
- disabled: var(--palettes-grey-500),
339
- );
1
+ $states: 'error', 'warning', 'success' !default;
2
+ $palettes: 'lucca', 'primary', 'secondary', 'grey', 'navigation' !default;
3
+
4
+ // Colors : Lucca
5
+
6
+ $lucca: (
7
+ text: #ffffff,
8
+ 50: #fff1eb,
9
+ 100: #ffe0d1,
10
+ 200: #ffccb3,
11
+ 300: #ffbe9e,
12
+ 400: #ffaa80,
13
+ 500: #ff9361,
14
+ 600: #ff7b3d,
15
+ 700: #e06029,
16
+ 800: #b43409,
17
+ 900: #611405,
18
+ ) !default;
19
+
20
+ // Colors : Product
21
+
22
+ $primary: (
23
+ text: #ffffff,
24
+ 50: #fff1eb,
25
+ 100: #ffe0d1,
26
+ 200: #ffccb3,
27
+ 300: #ffbe9e,
28
+ 400: #ffaa80,
29
+ 500: #ff9361,
30
+ 600: #ff7b3d,
31
+ 700: #e06029,
32
+ 800: #b43409,
33
+ 900: #611405,
34
+ ) !default;
35
+
36
+ $secondary: (
37
+ text: #ffffff,
38
+ 50: #fff1eb,
39
+ 100: #ffe0d1,
40
+ 200: #ffccb3,
41
+ 300: #ffbe9e,
42
+ 400: #ffaa80,
43
+ 500: #ff9361,
44
+ 600: #ff7b3d,
45
+ 700: #e06029,
46
+ 800: #b43409,
47
+ 900: #611405,
48
+ ) !default;
49
+
50
+ $navigation: (
51
+ text: #ffffff,
52
+ 700: #313972,
53
+ 800: #192157,
54
+ 900: #12183f,
55
+ ) !default;
56
+
57
+ // Colors : Semantics
58
+
59
+ $success: (
60
+ text: #ffffff,
61
+ 50: #dbfae0,
62
+ 100: #bef3c7,
63
+ 200: #a2ebaf,
64
+ 300: #84e695,
65
+ 400: #68d97b,
66
+ 500: #57c769,
67
+ 600: #39b155,
68
+ 700: #279b42,
69
+ 800: #0a762e,
70
+ 900: #004d20,
71
+ ) !default;
72
+
73
+ $warning: (
74
+ text: #ffffff,
75
+ 50: #fff2db,
76
+ 100: #ffe9c2,
77
+ 200: #ffdb9e,
78
+ 300: #ffd080,
79
+ 400: #ffc35c,
80
+ 500: #ffb13d,
81
+ 600: #ff9d00,
82
+ 700: #f08800,
83
+ 800: #c25100,
84
+ 900: #802a00,
85
+ ) !default;
86
+
87
+ $error: (
88
+ text: #ffffff,
89
+ 50: #ffebec,
90
+ 100: #ffd6d8,
91
+ 200: #fdbebe,
92
+ 300: #faa3a3,
93
+ 400: #fa8989,
94
+ 500: #f76e6e,
95
+ 600: #f15050,
96
+ 700: #da2f2f,
97
+ 800: #aa0e0e,
98
+ 900: #630303,
99
+ ) !default;
100
+
101
+ // Colors : Neutral
102
+
103
+ $grey: (
104
+ text: #ffffff,
105
+ 25: #f3f6fc,
106
+ 50: #e7edf9,
107
+ 100: #dbe3f5,
108
+ 200: #ced9ee,
109
+ 300: #becbe4,
110
+ 400: #acbbd7,
111
+ 500: #96a6c5,
112
+ 600: #667799,
113
+ 700: #445473,
114
+ 800: #2a3551,
115
+ 900: #0b1732,
116
+ ) !default;
117
+
118
+ // Colors : Decoratives
119
+
120
+ $kiwi: (
121
+ 200: #c7e79c,
122
+ 400: #96c856,
123
+ 600: #68a716,
124
+ 800: #3e6808,
125
+ ) !default;
126
+
127
+ $lime: (
128
+ 200: #a7e69e,
129
+ 400: #74cb67,
130
+ 600: #45a437,
131
+ 800: #16600b,
132
+ ) !default;
133
+
134
+ $cucumber: (
135
+ 200: #98ecc2,
136
+ 400: #54c98f,
137
+ 600: #12a55c,
138
+ 800: #006b36,
139
+ ) !default;
140
+
141
+ $mint: (
142
+ 200: #99ebda,
143
+ 400: #31c4a6,
144
+ 600: #089b7e,
145
+ 800: #006b56,
146
+ ) !default;
147
+
148
+ $glacier: (
149
+ 200: #98ecec,
150
+ 400: #4dc7c7,
151
+ 600: #08a0a0,
152
+ 800: #006b6b,
153
+ ) !default;
154
+
155
+ $lagoon: (
156
+ 200: #9fdaf4,
157
+ 400: #49b5e4,
158
+ 600: #148ec2,
159
+ 800: #065374,
160
+ ) !default;
161
+
162
+ $blueberry: (
163
+ 200: #b1c8f6,
164
+ 400: #769be5,
165
+ 600: #4777d7,
166
+ 800: #1b4498,
167
+ ) !default;
168
+
169
+ $lavender: (
170
+ 200: #d9c4f8,
171
+ 400: #b493e6,
172
+ 600: #9165d2,
173
+ 800: #5f369b,
174
+ ) !default;
175
+
176
+ $grape: (
177
+ 200: #e9c2f9,
178
+ 400: #ba86d0,
179
+ 600: #9a57b7,
180
+ 800: #620f85,
181
+ ) !default;
182
+
183
+ $watermelon: (
184
+ 200: #eaa4b5,
185
+ 400: #db6683,
186
+ 600: #be2d51,
187
+ 800: #8d0729,
188
+ ) !default;
189
+
190
+ $pumpkin: (
191
+ 200: #f9cf9f,
192
+ 400: #ef9c3e,
193
+ 600: #db7500,
194
+ 800: #8f4c00,
195
+ ) !default;
196
+
197
+ $pineapple: (
198
+ 200: #f8eaa5,
199
+ 400: #f8dc4f,
200
+ 600: #d6b300,
201
+ 800: #a88900,
202
+ ) !default;
203
+
204
+ $colors: (
205
+ 'white': #ffffff,
206
+ 'black': #121212,
207
+ ) !default;
208
+
209
+ $colorsRgb: (
210
+ 'white': '255, 255, 255',
211
+ 'grey-900': '19, 29, 53',
212
+ ) !default;
213
+
214
+ $breakpoints: (
215
+ XXXS: 320px,
216
+ XXS: 480px,
217
+ XS: 640px,
218
+ S: 800px,
219
+ M: 1024px,
220
+ L: 1280px,
221
+ XL: 1366px,
222
+ XXL: 1600px,
223
+ XXXL: 1920px,
224
+ );
225
+
226
+ $spacings: (
227
+ '0': 0,
228
+ XXS: 0.25rem,
229
+ XS: 0.5rem,
230
+ S: 1rem,
231
+ M: 1.5rem,
232
+ L: 2rem,
233
+ XL: 3rem,
234
+ XXL: 4rem,
235
+ );
236
+
237
+ $sizes: (
238
+ XS: (
239
+ fontSize: 0.75rem,
240
+ lineHeight: 1rem,
241
+ verticalPadding: 0,
242
+ ),
243
+ S: (
244
+ fontSize: 0.875rem,
245
+ lineHeight: 1.25rem,
246
+ verticalPadding: 0.125rem,
247
+ ),
248
+ M: (
249
+ fontSize: 1rem,
250
+ lineHeight: 1.5rem,
251
+ verticalPadding: 0.125rem,
252
+ ),
253
+ L: (
254
+ fontSize: 1.125rem,
255
+ lineHeight: 1.5rem,
256
+ verticalPadding: 0.25rem,
257
+ ),
258
+ XL: (
259
+ fontSize: 1.375rem,
260
+ lineHeight: 1.75rem,
261
+ verticalPadding: 0.5rem,
262
+ ),
263
+ XXL: (
264
+ fontSize: 1.75rem,
265
+ lineHeight: 2rem,
266
+ verticalPadding: 0.25rem,
267
+ ),
268
+ XXXL: (
269
+ fontSize: 2.25rem,
270
+ lineHeight: 2.5rem,
271
+ verticalPadding: 0.5rem,
272
+ ),
273
+ );
274
+
275
+ $borderRadius: (
276
+ 'M': 4px,
277
+ 'L': 8px,
278
+ );
279
+
280
+ $elevations: (
281
+ // deprecated
282
+ '1': '0 1px 2px rgba(var(--colors-grey-900-rgb), 0.06), 0px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04)',
283
+ '2':
284
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.02), 0 2px 6px rgba(var(--colors-grey-900-rgb), 0.05)',
285
+ '3':
286
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 2px 4px rgba(var(--colors-grey-900-rgb), 0.02), 0 4px 10px rgba(var(--colors-grey-900-rgb), 0.06)',
287
+ '4':
288
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 3px 6px rgba(var(--colors-grey-900-rgb), 0.04), 0 4px 16px rgba(var(--colors-grey-900-rgb), 0.08)',
289
+ '5':
290
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 4px 8px rgba(var(--colors-grey-900-rgb), 0.06), 0 12px 32px rgba(var(--colors-grey-900-rgb), 0.08)',
291
+ '6':
292
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), -2px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04), -12px 6px 24px rgba(var(--colors-grey-900-rgb), 0.06)'
293
+ );
294
+
295
+ $boxShadows: (
296
+ 'XXS': '0 2px 8px rgba(var(--colors-grey-900-rgb), .2), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.15)',
297
+ // deprecated
298
+ 'XS': '0 1px 2px rgba(var(--colors-grey-900-rgb), 0.06), 0 2px 8px rgba(var(--colors-grey-900-rgb), 0.04)',
299
+ 'S':
300
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 1px 2px rgba(var(--colors-grey-900-rgb), 0.02), 0 2px 6px rgba(var(--colors-grey-900-rgb), 0.06)',
301
+ 'M':
302
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 2px 4px rgba(var(--colors-grey-900-rgb), 0.02), 0 4px 10px rgba(var(--colors-grey-900-rgb), 0.06)',
303
+ 'L':
304
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 3px 6px rgba(var(--colors-grey-900-rgb), 0.04), 0 4px 16px rgba(var(--colors-grey-900-rgb), 0.08)',
305
+ 'XL':
306
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), 0 4px 8px rgba(var(--colors-grey-900-rgb), 0.06), 0 12px 32px rgba(var(--colors-grey-900-rgb), 0.08)',
307
+ 'XXL':
308
+ '0 0 0 1px rgba(var(--colors-grey-900-rgb), 0.03), -2px 2px 8px rgba(var(--colors-grey-900-rgb), 0.04), -12px 6px 24px rgba(var(--colors-grey-900-rgb), 0.06)',
309
+ );
310
+
311
+ $disabled: (
312
+ 'opacity': 0.4,
313
+ 'background': 'var(--palettes-grey-100)',
314
+ 'color': 'var(--palettes-grey-600)',
315
+ 'placeholder': 'var(--palettes-grey-400)',
316
+ );
317
+
318
+ $animations: (
319
+ 'translate': 3rem,
320
+ 'function': ease,
321
+ 'iteration-count': 5,
322
+ );
323
+
324
+ $durations: (
325
+ 'fast': 150ms,
326
+ 'standard': 250ms,
327
+ 'slow': 350ms,
328
+ );
329
+
330
+ $loading: (
331
+ 'frontground': var(--palettes-primary-500),
332
+ 'speed': 600ms,
333
+ );
334
+
335
+ $textLink: (
336
+ color: var(--palettes-primary-700),
337
+ hover: var(--palettes-primary-600),
338
+ disabled: var(--palettes-grey-500),
339
+ );