@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (417) hide show
  1. package/README.md +151 -11
  2. package/es/assets/iconFont/demo.css +539 -0
  3. package/es/assets/iconFont/demo_index.html +4400 -0
  4. package/es/assets/iconFont/iconfont.css +22 -6
  5. package/es/assets/iconFont/iconfont.eot +0 -0
  6. package/es/assets/iconFont/iconfont.json +28 -0
  7. package/es/assets/iconFont/iconfont.svg +8 -0
  8. package/es/assets/iconFont/iconfont.ttf +0 -0
  9. package/es/assets/iconFont/iconfont.woff +0 -0
  10. package/es/assets/iconFont/iconfont.woff2 +0 -0
  11. package/es/assets/react.svg +1 -0
  12. package/es/assets/token.json +902 -238
  13. package/es/components/Accordion/designTokens.d.ts +11 -0
  14. package/es/components/Accordion/designTokens.js +16 -0
  15. package/es/components/Accordion/index.d.ts +21 -0
  16. package/es/components/Accordion/index.js +77 -0
  17. package/es/components/Accordion/style/index.less +14 -0
  18. package/es/components/Accordion/style/variables.less +4 -0
  19. package/es/components/Amount/designTokens.d.ts +6 -0
  20. package/es/components/Amount/designTokens.js +9 -0
  21. package/es/components/Amount/index.d.ts +23 -0
  22. package/es/components/Amount/index.js +144 -0
  23. package/es/components/Amount/style/index.less +10 -0
  24. package/es/components/Amount/style/variables.less +4 -0
  25. package/es/components/Button/designTokens.js +6 -7
  26. package/es/components/Button/index.d.ts +17 -22
  27. package/es/components/Button/index.js +85 -46
  28. package/es/components/Button/style/{button.less → index.less} +6 -2
  29. package/es/components/Chip/designTokens.d.ts +15 -0
  30. package/es/components/Chip/designTokens.js +22 -0
  31. package/es/components/Chip/index.d.ts +13 -0
  32. package/es/components/Chip/index.js +98 -0
  33. package/es/components/Chip/style/index.less +9 -0
  34. package/es/components/Chip/style/variables.less +4 -0
  35. package/es/components/Divider/index.d.ts +16 -0
  36. package/es/components/Divider/index.js +55 -0
  37. package/es/components/Divider/style/index.less +78 -0
  38. package/es/components/Divider/style/variables.less +4 -0
  39. package/es/components/Drawer/designTokens.d.ts +16 -0
  40. package/es/components/Drawer/designTokens.js +27 -0
  41. package/es/components/Drawer/index.d.ts +21 -0
  42. package/es/components/Drawer/index.js +189 -0
  43. package/es/components/Drawer/style/index.less +73 -0
  44. package/es/components/Drawer/style/variables.less +8 -0
  45. package/es/components/Icon/Icon.d.ts +9 -0
  46. package/es/components/Icon/Icon.js +18 -0
  47. package/es/components/Icon/designTokens.d.ts +6 -0
  48. package/es/components/Icon/designTokens.js +7 -0
  49. package/es/components/Icon/index.d.ts +12 -0
  50. package/es/components/Icon/index.js +29 -0
  51. package/es/components/IconButton/designTokens.d.ts +21 -0
  52. package/es/components/IconButton/designTokens.js +39 -0
  53. package/es/components/IconButton/index.d.ts +24 -0
  54. package/es/components/IconButton/index.js +106 -0
  55. package/es/components/IconButton/style/index.less +59 -0
  56. package/es/components/IconButton/style/variables.less +5 -0
  57. package/es/components/IconButtonGroup/index.d.ts +15 -0
  58. package/es/components/IconButtonGroup/index.js +22 -0
  59. package/es/components/Image/index.d.ts +12 -0
  60. package/es/components/Image/index.js +33 -0
  61. package/es/components/ListItem/designTokens.d.ts +30 -0
  62. package/es/components/ListItem/designTokens.js +31 -0
  63. package/es/components/ListItem/index.d.ts +60 -0
  64. package/es/components/ListItem/index.js +227 -0
  65. package/es/components/ListItem/style/index.less +77 -0
  66. package/es/components/ListItem/style/variables.less +1 -0
  67. package/es/components/Modal/designTokens.d.ts +31 -0
  68. package/es/components/Modal/designTokens.js +35 -0
  69. package/es/components/Modal/index.d.ts +14 -0
  70. package/es/components/Modal/index.js +101 -0
  71. package/es/components/Modal/style/index.less +92 -0
  72. package/es/components/Modal/style/variables.less +5 -0
  73. package/es/components/Navigation/designTokens.d.ts +16 -0
  74. package/es/components/Navigation/designTokens.js +19 -0
  75. package/es/components/Navigation/index.d.ts +31 -0
  76. package/es/components/Navigation/index.js +110 -0
  77. package/es/components/Navigation/style/index.less +52 -0
  78. package/es/components/Navigation/style/variables.less +1 -0
  79. package/es/components/Search/designTokens.d.ts +34 -0
  80. package/es/components/Search/designTokens.js +51 -0
  81. package/es/components/Search/index.d.ts +13 -0
  82. package/es/components/Search/index.js +85 -0
  83. package/es/components/Search/style/index.less +32 -0
  84. package/es/components/Search/style/variables.less +5 -0
  85. package/es/components/Stepper/designTokens.d.ts +26 -0
  86. package/es/components/Stepper/designTokens.js +60 -0
  87. package/es/components/Stepper/index.d.ts +22 -0
  88. package/es/components/Stepper/index.js +153 -0
  89. package/es/components/Stepper/style/index.less +140 -0
  90. package/es/components/Stepper/style/variables.less +5 -0
  91. package/es/components/StickyFooter/designTokens.d.ts +10 -0
  92. package/es/components/StickyFooter/designTokens.js +17 -0
  93. package/es/components/StickyFooter/index.d.ts +17 -0
  94. package/es/components/StickyFooter/index.js +83 -0
  95. package/es/components/StickyFooter/style/index.less +18 -0
  96. package/es/components/StickyFooter/style/variables.less +4 -0
  97. package/es/components/Tabs/designTokens.d.ts +44 -0
  98. package/es/components/Tabs/designTokens.js +64 -0
  99. package/es/components/Tabs/index.d.ts +14 -0
  100. package/es/components/Tabs/index.js +102 -0
  101. package/es/components/Tabs/style/index.less +25 -0
  102. package/es/components/Tabs/style/variables.less +4 -0
  103. package/es/components/Tag/designTokens.d.ts +90 -0
  104. package/es/components/Tag/designTokens.js +124 -0
  105. package/es/components/Tag/index.d.ts +15 -0
  106. package/es/components/Tag/index.js +85 -0
  107. package/es/components/Tag/style/index.less +9 -0
  108. package/es/components/Tag/style/variables.less +4 -0
  109. package/es/components/Text/designTokens.d.ts +51 -0
  110. package/es/components/Text/designTokens.js +52 -0
  111. package/es/components/Text/index.d.ts +6 -25
  112. package/es/components/Text/index.js +69 -56
  113. package/es/components/Text/style/index.less +2 -0
  114. package/es/components/TextInputInside/designTokens.d.ts +38 -0
  115. package/es/components/TextInputInside/designTokens.js +59 -0
  116. package/es/components/TextInputInside/index.d.ts +10 -0
  117. package/es/components/TextInputInside/index.js +141 -0
  118. package/es/components/TextInputInside/style/index.less +36 -0
  119. package/es/components/TextInputInside/style/variables.less +5 -0
  120. package/es/components/TextInputOutside/designTokens.d.ts +41 -0
  121. package/es/components/TextInputOutside/designTokens.js +67 -0
  122. package/es/components/TextInputOutside/index.d.ts +18 -0
  123. package/es/components/TextInputOutside/index.js +66 -0
  124. package/es/components/TextInputOutside/style/index.less +4 -0
  125. package/es/components/TextInputOutside/style/variables.less +5 -0
  126. package/es/components/TextLink/designTokens.d.ts +10 -0
  127. package/es/components/TextLink/designTokens.js +11 -0
  128. package/es/components/TextLink/index.d.ts +20 -0
  129. package/es/components/TextLink/index.js +95 -0
  130. package/es/components/Toast/designTokens.d.ts +13 -0
  131. package/es/components/Toast/designTokens.js +20 -0
  132. package/es/components/Toast/index.d.ts +26 -0
  133. package/es/components/Toast/index.js +175 -0
  134. package/es/components/Toast/style/index.less +9 -0
  135. package/es/components/Toast/style/variables.less +12 -0
  136. package/es/components/Toggle/designTokens.d.ts +9 -0
  137. package/es/components/Toggle/designTokens.js +13 -0
  138. package/es/components/Toggle/index.d.ts +27 -0
  139. package/es/components/Toggle/index.js +21 -0
  140. package/es/components/index.d.ts +45 -0
  141. package/es/components/index.js +26 -2
  142. package/es/constants/index.d.ts +1 -0
  143. package/es/constants/index.js +2 -2
  144. package/es/fonts/SF/SF-Pro-Display-BlackItalic.otf +0 -0
  145. package/es/fonts/SF/SF-Pro-Text-Bold.otf +0 -0
  146. package/es/fonts/SF/SF-Pro-Text-Medium.eot +0 -0
  147. package/es/fonts/SF/SF-Pro-Text-Medium.otf +0 -0
  148. package/es/fonts/SF/SF-Pro-Text-Medium.svg +40549 -0
  149. package/es/fonts/SF/SF-Pro-Text-Medium.ttf +0 -0
  150. package/es/fonts/SF/SF-Pro-Text-Medium.woff +0 -0
  151. package/es/fonts/SF/SF-Pro-Text-Medium.woff2 +0 -0
  152. package/es/fonts/SF/SF-Pro-Text-Regular.otf +0 -0
  153. package/es/fonts/SF/SF-Pro-Text-Regular.ttf +0 -0
  154. package/es/fonts/SF/SF-Pro-Text-Semibold.otf +0 -0
  155. package/es/fonts/SF/SF-Pro-Text-SemiboldItalic.otf +0 -0
  156. package/es/index.d.ts +1 -0
  157. package/es/index.js +1 -2
  158. package/es/style/variables.less +53 -27
  159. package/es/tokens/DXPGlobal.d.ts +255 -193
  160. package/es/tokens/DXPGlobal.js +4 -3
  161. package/es/utils/noop.js +1 -2
  162. package/es/utils/scaleTool.d.ts +12 -0
  163. package/es/utils/scaleTool.js +48 -0
  164. package/es/utils/theme.d.ts +11 -0
  165. package/es/utils/theme.js +15 -0
  166. package/es/utils/themeContext.d.ts +35 -2
  167. package/es/utils/themeContext.js +27 -7
  168. package/es/utils/tokenHelper.js +1 -2
  169. package/es/utils/tokenManager.d.ts +110 -2
  170. package/es/utils/tokenManager.js +778 -724
  171. package/lib/assets/iconFont/demo.css +539 -0
  172. package/lib/assets/iconFont/demo_index.html +4400 -0
  173. package/lib/assets/iconFont/iconfont.css +750 -0
  174. package/lib/assets/iconFont/iconfont.eot +0 -0
  175. package/lib/assets/iconFont/iconfont.json +1290 -0
  176. package/lib/assets/iconFont/iconfont.svg +385 -0
  177. package/lib/assets/iconFont/iconfont.ttf +0 -0
  178. package/lib/assets/iconFont/iconfont.woff +0 -0
  179. package/lib/assets/iconFont/iconfont.woff2 +0 -0
  180. package/lib/assets/react.svg +1 -0
  181. package/lib/assets/token.json +903 -0
  182. package/lib/components/Accordion/designTokens.d.ts +11 -0
  183. package/lib/components/Accordion/designTokens.js +42 -0
  184. package/lib/components/Accordion/index.d.ts +21 -0
  185. package/lib/components/Accordion/index.js +96 -0
  186. package/lib/components/Accordion/style/index.less +14 -0
  187. package/lib/components/Accordion/style/variables.less +4 -0
  188. package/lib/components/Amount/designTokens.d.ts +6 -0
  189. package/lib/components/Amount/designTokens.js +33 -0
  190. package/lib/components/Amount/index.d.ts +23 -0
  191. package/lib/components/Amount/index.js +160 -0
  192. package/lib/components/Amount/style/index.less +10 -0
  193. package/lib/components/Amount/style/variables.less +4 -0
  194. package/lib/components/Button/demo/index.d.ts +3 -0
  195. package/lib/components/Button/demo/index.js +138 -0
  196. package/lib/components/Button/designTokens.d.ts +66 -0
  197. package/lib/components/Button/designTokens.js +139 -0
  198. package/lib/components/Button/index.d.ts +39 -0
  199. package/lib/components/Button/index.js +132 -0
  200. package/lib/components/Button/style/index.less +38 -0
  201. package/lib/components/Button/style/variables.less +5 -0
  202. package/lib/components/Chip/designTokens.d.ts +15 -0
  203. package/lib/components/Chip/designTokens.js +45 -0
  204. package/lib/components/Chip/index.d.ts +13 -0
  205. package/lib/components/Chip/index.js +178 -0
  206. package/lib/components/Chip/style/index.less +9 -0
  207. package/lib/components/Chip/style/variables.less +4 -0
  208. package/lib/components/Divider/index.d.ts +16 -0
  209. package/lib/components/Divider/index.js +111 -0
  210. package/lib/components/Divider/style/index.less +78 -0
  211. package/lib/components/Divider/style/variables.less +4 -0
  212. package/lib/components/Drawer/designTokens.d.ts +16 -0
  213. package/lib/components/Drawer/designTokens.js +62 -0
  214. package/lib/components/Drawer/index.d.ts +21 -0
  215. package/lib/components/Drawer/index.js +229 -0
  216. package/lib/components/Drawer/style/index.less +73 -0
  217. package/lib/components/Drawer/style/variables.less +8 -0
  218. package/lib/components/Icon/Icon.d.ts +9 -0
  219. package/lib/components/Icon/Icon.js +74 -0
  220. package/lib/components/Icon/designTokens.d.ts +6 -0
  221. package/lib/components/Icon/designTokens.js +41 -0
  222. package/lib/components/Icon/index.d.ts +12 -0
  223. package/lib/components/Icon/index.js +73 -0
  224. package/lib/components/IconButton/designTokens.d.ts +21 -0
  225. package/lib/components/IconButton/designTokens.js +61 -0
  226. package/lib/components/IconButton/index.d.ts +24 -0
  227. package/lib/components/IconButton/index.js +202 -0
  228. package/lib/components/IconButton/style/index.less +59 -0
  229. package/lib/components/IconButton/style/variables.less +5 -0
  230. package/lib/components/IconButtonGroup/index.d.ts +15 -0
  231. package/lib/components/IconButtonGroup/index.js +53 -0
  232. package/lib/components/Image/index.d.ts +12 -0
  233. package/lib/components/Image/index.js +102 -0
  234. package/lib/components/ListItem/designTokens.d.ts +30 -0
  235. package/lib/components/ListItem/designTokens.js +65 -0
  236. package/lib/components/ListItem/index.d.ts +60 -0
  237. package/lib/components/ListItem/index.js +348 -0
  238. package/lib/components/ListItem/style/index.less +77 -0
  239. package/lib/components/ListItem/style/variables.less +1 -0
  240. package/lib/components/Modal/designTokens.d.ts +31 -0
  241. package/lib/components/Modal/designTokens.js +88 -0
  242. package/lib/components/Modal/index.d.ts +14 -0
  243. package/lib/components/Modal/index.js +168 -0
  244. package/lib/components/Modal/style/index.less +92 -0
  245. package/lib/components/Modal/style/variables.less +5 -0
  246. package/lib/components/Navigation/designTokens.d.ts +16 -0
  247. package/lib/components/Navigation/designTokens.js +53 -0
  248. package/lib/components/Navigation/index.d.ts +31 -0
  249. package/lib/components/Navigation/index.js +174 -0
  250. package/lib/components/Navigation/style/index.less +52 -0
  251. package/lib/components/Navigation/style/variables.less +1 -0
  252. package/lib/components/Search/designTokens.d.ts +34 -0
  253. package/lib/components/Search/designTokens.js +77 -0
  254. package/lib/components/Search/index.d.ts +13 -0
  255. package/lib/components/Search/index.js +137 -0
  256. package/lib/components/Search/style/index.less +32 -0
  257. package/lib/components/Search/style/variables.less +5 -0
  258. package/lib/components/Stepper/designTokens.d.ts +26 -0
  259. package/lib/components/Stepper/designTokens.js +90 -0
  260. package/lib/components/Stepper/index.d.ts +22 -0
  261. package/lib/components/Stepper/index.js +118 -0
  262. package/lib/components/Stepper/style/index.less +140 -0
  263. package/lib/components/Stepper/style/variables.less +5 -0
  264. package/lib/components/StickyFooter/designTokens.d.ts +10 -0
  265. package/lib/components/StickyFooter/designTokens.js +41 -0
  266. package/lib/components/StickyFooter/index.d.ts +17 -0
  267. package/lib/components/StickyFooter/index.js +150 -0
  268. package/lib/components/StickyFooter/style/index.less +18 -0
  269. package/lib/components/StickyFooter/style/variables.less +4 -0
  270. package/lib/components/Tabs/designTokens.d.ts +44 -0
  271. package/lib/components/Tabs/designTokens.js +90 -0
  272. package/lib/components/Tabs/index.d.ts +14 -0
  273. package/lib/components/Tabs/index.js +145 -0
  274. package/lib/components/Tabs/style/index.less +25 -0
  275. package/lib/components/Tabs/style/variables.less +4 -0
  276. package/lib/components/Tag/designTokens.d.ts +90 -0
  277. package/lib/components/Tag/designTokens.js +181 -0
  278. package/lib/components/Tag/index.d.ts +15 -0
  279. package/lib/components/Tag/index.js +146 -0
  280. package/lib/components/Tag/style/index.less +9 -0
  281. package/lib/components/Tag/style/variables.less +4 -0
  282. package/lib/components/Text/designTokens.d.ts +51 -0
  283. package/lib/components/Text/designTokens.js +75 -0
  284. package/lib/components/Text/index.d.ts +13 -0
  285. package/lib/components/Text/index.js +432 -0
  286. package/lib/components/Text/style/index.less +2 -0
  287. package/lib/components/Text/style/variables.less +4 -0
  288. package/lib/components/TextInputInside/designTokens.d.ts +38 -0
  289. package/lib/components/TextInputInside/designTokens.js +100 -0
  290. package/lib/components/TextInputInside/index.d.ts +10 -0
  291. package/lib/components/TextInputInside/index.js +230 -0
  292. package/lib/components/TextInputInside/style/index.less +36 -0
  293. package/lib/components/TextInputInside/style/variables.less +5 -0
  294. package/lib/components/TextInputOutside/designTokens.d.ts +41 -0
  295. package/lib/components/TextInputOutside/designTokens.js +95 -0
  296. package/lib/components/TextInputOutside/index.d.ts +18 -0
  297. package/lib/components/TextInputOutside/index.js +110 -0
  298. package/lib/components/TextInputOutside/style/index.less +4 -0
  299. package/lib/components/TextInputOutside/style/variables.less +5 -0
  300. package/lib/components/TextLink/designTokens.d.ts +10 -0
  301. package/lib/components/TextLink/designTokens.js +45 -0
  302. package/lib/components/TextLink/index.d.ts +20 -0
  303. package/lib/components/TextLink/index.js +120 -0
  304. package/lib/components/Toast/designTokens.d.ts +13 -0
  305. package/lib/components/Toast/designTokens.js +40 -0
  306. package/lib/components/Toast/index.d.ts +26 -0
  307. package/lib/components/Toast/index.js +213 -0
  308. package/lib/components/Toast/style/index.less +9 -0
  309. package/lib/components/Toast/style/variables.less +12 -0
  310. package/lib/components/Toggle/designTokens.d.ts +9 -0
  311. package/lib/components/Toggle/designTokens.js +47 -0
  312. package/lib/components/Toggle/index.d.ts +27 -0
  313. package/lib/components/Toggle/index.js +67 -0
  314. package/lib/components/index.d.ts +49 -0
  315. package/lib/components/index.js +90 -0
  316. package/lib/constants/index.d.ts +16 -0
  317. package/lib/constants/index.js +42 -0
  318. package/lib/fonts/Poppins/Poppins-Bold.ttf +0 -0
  319. package/lib/fonts/Poppins/Poppins-BoldItalic.ttf +0 -0
  320. package/lib/fonts/Poppins/Poppins-ExtraBold.ttf +0 -0
  321. package/lib/fonts/Poppins/Poppins-ExtraBoldItalic.ttf +0 -0
  322. package/lib/fonts/Poppins/Poppins-ExtraLight.ttf +0 -0
  323. package/lib/fonts/Poppins/Poppins-ExtraLightItalic.ttf +0 -0
  324. package/lib/fonts/Poppins/Poppins-Italic.ttf +0 -0
  325. package/lib/fonts/Poppins/Poppins-Light.ttf +0 -0
  326. package/lib/fonts/Poppins/Poppins-LightItalic.ttf +0 -0
  327. package/lib/fonts/Poppins/Poppins-Medium.ttf +0 -0
  328. package/lib/fonts/Poppins/Poppins-MediumItalic.ttf +0 -0
  329. package/lib/fonts/Poppins/Poppins-Regular.ttf +0 -0
  330. package/lib/fonts/Poppins/Poppins-SemiBold.ttf +0 -0
  331. package/lib/fonts/Poppins/Poppins-SemiBoldItalic.ttf +0 -0
  332. package/lib/fonts/Poppins/Poppins-Thin.ttf +0 -0
  333. package/lib/fonts/Poppins/Poppins-ThinItalic.ttf +0 -0
  334. package/lib/fonts/Roboto/Roboto-Black.ttf +0 -0
  335. package/lib/fonts/Roboto/Roboto-BlackItalic.ttf +0 -0
  336. package/lib/fonts/Roboto/Roboto-Bold.ttf +0 -0
  337. package/lib/fonts/Roboto/Roboto-BoldItalic.ttf +0 -0
  338. package/lib/fonts/Roboto/Roboto-ExtraBold.ttf +0 -0
  339. package/lib/fonts/Roboto/Roboto-ExtraBoldItalic.ttf +0 -0
  340. package/lib/fonts/Roboto/Roboto-ExtraLight.ttf +0 -0
  341. package/lib/fonts/Roboto/Roboto-ExtraLightItalic.ttf +0 -0
  342. package/lib/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf +0 -0
  343. package/lib/fonts/Roboto/Roboto-Italic.ttf +0 -0
  344. package/lib/fonts/Roboto/Roboto-Light.ttf +0 -0
  345. package/lib/fonts/Roboto/Roboto-LightItalic.ttf +0 -0
  346. package/lib/fonts/Roboto/Roboto-Medium.ttf +0 -0
  347. package/lib/fonts/Roboto/Roboto-MediumItalic.ttf +0 -0
  348. package/lib/fonts/Roboto/Roboto-Regular.ttf +0 -0
  349. package/lib/fonts/Roboto/Roboto-SemiBold.ttf +0 -0
  350. package/lib/fonts/Roboto/Roboto-SemiBoldItalic.ttf +0 -0
  351. package/lib/fonts/Roboto/Roboto-Thin.ttf +0 -0
  352. package/lib/fonts/Roboto/Roboto-ThinItalic.ttf +0 -0
  353. package/lib/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf +0 -0
  354. package/lib/fonts/SF/SF-Pro-Display-BlackItalic.otf +0 -0
  355. package/lib/fonts/SF/SF-Pro-Text-Bold.otf +0 -0
  356. package/lib/fonts/SF/SF-Pro-Text-Medium.eot +0 -0
  357. package/lib/fonts/SF/SF-Pro-Text-Medium.otf +0 -0
  358. package/lib/fonts/SF/SF-Pro-Text-Medium.svg +40549 -0
  359. package/lib/fonts/SF/SF-Pro-Text-Medium.ttf +0 -0
  360. package/lib/fonts/SF/SF-Pro-Text-Medium.woff +0 -0
  361. package/lib/fonts/SF/SF-Pro-Text-Medium.woff2 +0 -0
  362. package/lib/fonts/SF/SF-Pro-Text-Regular.otf +0 -0
  363. package/lib/fonts/SF/SF-Pro-Text-Regular.ttf +0 -0
  364. package/lib/fonts/SF/SF-Pro-Text-Semibold.otf +0 -0
  365. package/lib/fonts/SF/SF-Pro-Text-SemiboldItalic.otf +0 -0
  366. package/lib/index.d.ts +3 -0
  367. package/lib/index.js +21 -0
  368. package/lib/style/antdDesignToken.json +503 -0
  369. package/lib/style/themes/base-vars.css +6 -0
  370. package/lib/style/themes/colorful.css +5 -0
  371. package/lib/style/themes/index.css +4 -0
  372. package/lib/style/variables.less +60 -0
  373. package/lib/tokens/DXPGlobal.d.ts +302 -0
  374. package/lib/tokens/DXPGlobal.js +37 -0
  375. package/lib/utils/noop.d.ts +1 -0
  376. package/lib/utils/noop.js +26 -0
  377. package/lib/utils/scaleTool.d.ts +12 -0
  378. package/lib/utils/scaleTool.js +66 -0
  379. package/lib/utils/theme.d.ts +11 -0
  380. package/lib/utils/theme.js +32 -0
  381. package/lib/utils/themeContext.d.ts +44 -0
  382. package/lib/utils/themeContext.js +117 -0
  383. package/lib/utils/tokenHelper.d.ts +1 -0
  384. package/lib/utils/tokenHelper.js +38 -0
  385. package/lib/utils/tokenManager.d.ts +1572 -0
  386. package/lib/utils/tokenManager.js +833 -0
  387. package/package.json +29 -22
  388. package/umd/dxp-ui.min.css +1 -2
  389. package/umd/dxp-ui.min.js +1 -2
  390. package/umd/static/SF-Pro-Text-Bold.89d66db4.otf +0 -0
  391. package/umd/static/SF-Pro-Text-Regular.e042d171.ttf +0 -0
  392. package/umd/static/SF-Pro-Text-Regular.f09e811b.otf +0 -0
  393. package/umd/static/SF-Pro-Text-Semibold.a5a4b4bc.otf +0 -0
  394. package/umd/static/SF-Pro-Text-SemiboldItalic.ed8f4a28.otf +0 -0
  395. package/umd/static/iconfont.176e7470.svg +1 -0
  396. package/umd/static/iconfont.47a0c957.ttf +0 -0
  397. package/umd/static/iconfont.6f470e01.eot +0 -0
  398. package/umd/static/iconfont.796b49bb.woff +0 -0
  399. package/es/assets/iconFont/iconfont.js +0 -44
  400. package/es/assets/iconFont/iconfont.js.map +0 -1
  401. package/es/components/Button/designTokens.js.map +0 -1
  402. package/es/components/Button/index.js.map +0 -1
  403. package/es/components/Button/index_backup.d.ts +0 -72
  404. package/es/components/Button/index_backup.js +0 -111
  405. package/es/components/Button/index_backup.js.map +0 -1
  406. package/es/components/Text/index.js.map +0 -1
  407. package/es/components/Text/style/text.less +0 -116
  408. package/es/components/index.js.map +0 -1
  409. package/es/constants/index.js.map +0 -1
  410. package/es/index.js.map +0 -1
  411. package/es/tokens/DXPGlobal.js.map +0 -1
  412. package/es/utils/noop.js.map +0 -1
  413. package/es/utils/themeContext.js.map +0 -1
  414. package/es/utils/tokenHelper.js.map +0 -1
  415. package/es/utils/tokenManager.js.map +0 -1
  416. package/umd/dxp-ui.min.css.map +0 -1
  417. package/umd/dxp-ui.min.js.map +0 -1
package/es/assets/token.json CHANGED
@@ -1,239 +1,903 @@
1
1
  {
2
- "borderRadiusLg": 32,
3
- "borderRadiusMd": 16,
4
- "borderRadiusSm": 8,
5
- "borderRadiusXl": 40,
6
- "borderUpload": "[object Object]",
7
- "borderWidthCta": 2,
8
- "borderWidthHover": 1,
9
- "borderWidthSelected": 2,
10
- "borderWidthStandard": 1,
11
- "borderWidthStrikeout": 2,
12
- "colorBackgroundActive": "#4D28E8",
13
- "colorBackgroundActiveInverse": "#E5FF17",
14
- "colorBackgroundActiveWeak": "#EDE9FD",
15
- "colorBackgroundActiveWeakInverse": "#F5FFC0",
16
- "colorBackgroundCoachmark": "#4D28E8",
17
- "colorBackgroundCta": "#4D28E8",
18
- "colorBackgroundCtaInverse": "#E5FF17",
19
- "colorBackgroundCtaInversePressed": "rgba(229,255,23,0.5)",
20
- "colorBackgroundCtaPressed": "rgba(77,40,232,0.5)",
21
- "colorBackgroundCtaSuccess": "#00B379",
22
- "colorBackgroundDark": "#242328",
23
- "colorBackgroundDark2": "#151518",
24
- "colorBackgroundDisabled": "#DFDFE4",
25
- "colorBackgroundFooter": "#F5F5F8",
26
- "colorBackgroundHeader": "#3E20BA",
27
- "colorBackgroundHover": "#EDE9FD",
28
- "colorBackgroundHoverNeutral": "rgba(245,245,248,0.8)",
29
- "colorBackgroundOverlay": "rgba(21,21,24,0.8)",
30
- "colorBackgroundOverlayLight": "rgba(223,223,228,0.8)",
31
- "colorBackgroundSelected": "#EDE9FD",
32
- "colorBackgroundStandard": "#ffffff",
33
- "colorBackgroundSubtle": "#F5F5F8",
34
- "colorBackgroundSubtle2": "#EDE9FD",
35
- "colorBackgroundWeak": "#BFBFC7",
36
- "colorBorderActive": "#4D28E8",
37
- "colorBorderActiveInverse": "#E5FF17",
38
- "colorBorderBenchmark": "#3E20BA",
39
- "colorBorderBenchmarkInverse": "#D5E516",
40
- "colorBorderCta": "#4D28E8",
41
- "colorBorderCtaInverse": "#E5FF17",
42
- "colorBorderDisabled": "rgba(140,140,152,0.5)",
43
- "colorBorderError": "#BD341C",
44
- "colorBorderSelected": "#4D28E8",
45
- "colorBorderStandard": "#BFBFC7",
46
- "colorBorderStrikeout": "#DFDFE4",
47
- "colorBorderStrikeoutInverse": "#ffffff",
48
- "colorBorderStrong": "#8C8C98",
49
- "colorBorderWeak": "#DFDFE4",
50
- "colorBorderWeakInverse": "#ffffff",
51
- "colorDivider": "#DFDFE4",
52
- "colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
53
- "colorGraph1": "#0062F5",
54
- "colorGraph2": "#FFB824",
55
- "colorGraph3": "#FF5D76",
56
- "colorGraph4": "#0CAA8F",
57
- "colorGraph5": "#6699FF",
58
- "colorGraph6": "#FFD47C",
59
- "colorGraph7": "#FFD2D9",
60
- "colorGraph8": "#6DCCBC",
61
- "colorGraph9": "#151560",
62
- "colorGraph10": "#FFEABD",
63
- "colorGraph11": "#FCEAED",
64
- "colorGraph12": "#B6E6DD",
65
- "colorIconActive": "#8C8C98",
66
- "colorIconAlert": "#BD341C",
67
- "colorIconAlertInverse": "#ff5d76",
68
- "colorIconBottomNavigationActive": "#4D28E8",
69
- "colorIconBottomNavigationInactive": "#8C8C98",
70
- "colorIconCta": "#4D28E8",
71
- "colorIconCtaInverse": "#E5FF17",
72
- "colorIconDisabled": "#DFDFE4",
73
- "colorIconInactive": "#DFDFE4",
74
- "colorIconInverse": "#ffffff",
75
- "colorIconLink": "#4D28E8",
76
- "colorIconLinkInverse": "#E5FF17",
77
- "colorIconLoader": "#8C8C98",
78
- "colorIconLocationPin": "#D01660",
79
- "colorIconLocationPinActive": "#4D28E8",
80
- "colorIconNeutral": "#242328",
81
- "colorIconNotice": "#e71336",
82
- "colorIconPending": "#FFB524",
83
- "colorIconRating": "#FFB524",
84
- "colorIconSubtle": "#8C8C98",
85
- "colorIconSubtleInverse": "#DFDFE4",
86
- "colorIconSuccess": "#00B379",
87
- "colorIconWeak": "#BFBFC7",
88
- "colorNotificationAlert": "#FDEAE7",
89
- "colorNotificationDefault": "#EDE9FD",
90
- "colorNotificationPromo": "#F5FFC0",
91
- "colorRewards1": "#FFC9AA",
92
- "colorRewards2": "#D4E6EC",
93
- "colorRewards3": "#FEE8B6",
94
- "colorRibbonPrimary": "#D01660",
95
- "colorRibbonPrimary2": "#FFEAF2",
96
- "colorRibbonPrimary3": "#D01660",
97
- "colorRibbonPrimaryDark": "#D01660",
98
- "colorRibbonSecondary": "#1482CC",
99
- "colorRibbonSecondary2": "#E8F6FF",
100
- "colorRibbonSecondaryDark": "#1482CC",
101
- "colorTagPrimary": "#D01660",
102
- "colorTagSecondary": "#1482CC",
103
- "colorTextAlert": "#bc1430",
104
- "colorTextCoachmark": "#ffffff",
105
- "colorTextCta": "#4D28E8",
106
- "colorTextCtaInverse": "#E5FF17",
107
- "colorTextDisabled": "#8C8C98",
108
- "colorTextHeaderActive": "#E5FF17",
109
- "colorTextHeaderActiveInverse": "#ffffff",
110
- "colorTextHeaderHighlight": "#151518",
111
- "colorTextHeaderHighlightInverse": "#F5FFC0",
112
- "colorTextInverse": "#ffffff",
113
- "colorTextLabel": "#70707A",
114
- "colorTextLink": "#4D28E8",
115
- "colorTextLinkInverse": "#E5FF17",
116
- "colorTextNavigationActive": "#4D28E8",
117
- "colorTextNeutral": "#242328",
118
- "colorTextStrikethrough": "#8C8C98",
119
- "colorTextSubtle": "#70707A",
120
- "colorTextSubtleInverse": "#DFDFE4",
121
- "colorTextSuccess": "#00B379",
122
- "colorToggleActiveStrong": "#4D28E8",
123
- "colorToggleActiveWeak": "#ffffff",
124
- "colorToggleInactiveStrong": "#DFDFE4",
125
- "colorToggleInactiveWeak": "#ffffff",
126
- "colorToggleIndicator": "rgba(34,34,34,0.05)",
127
- "opacityDisabled": 0.5,
128
- "opacityHover": 0.8,
129
- "opacityOverlay": 0.8,
130
- "opacityPressed": 0.5,
131
- "opacitySubtle": 0.3,
132
- "shadowHigh": {
133
- "elevation": 0,
134
- "shadowColor": "rgba(0, 0, 0, 0.10)",
135
- "shadowOffset": {
136
- "width": 0,
137
- "height": 6
138
- },
139
- "shadowOpacity": 0.1,
140
- "shadowRadius": 6
141
- },
142
- "shadowHighInverse": {
143
- "elevation": 4,
144
- "shadowColor": "rgba(0, 0, 0, 0.10)",
145
- "shadowOffset": {
146
- "width": 0,
147
- "height": -6
148
- },
149
- "shadowOpacity": 0.1,
150
- "shadowRadius": 8
151
- },
152
- "shadowLow": {
153
- "elevation": 5,
154
- "shadowColor": "#000000",
155
- "shadowOffset": {
156
- "width": 0,
157
- "height": 4
158
- },
159
- "shadowOpacity": 0.1,
160
- "shadowRadius": 5
161
- },
162
- "sizingBullet": 6,
163
- "sizingBulletSm": 4,
164
- "sizingCirclePatternLg": 242,
165
- "sizingCirclePatternMd": 215,
166
- "sizingCirclePatternSm": 188,
167
- "sizingCirclePatternXs": 88,
168
- "sizingColorList": 12,
169
- "sizingFileInput": 218,
170
- "sizingFileInputLg": 227,
171
- "sizingIconGeneralLg": 40,
172
- "sizingIconGeneralMd": 32,
173
- "sizingIconGeneralSm": 24,
174
- "sizingIconGeneralXl": 48,
175
- "sizingIconGeneralXs": 16,
176
- "sizingIconGeneralXs2": 20,
177
- "sizingIconSpotLg": 72,
178
- "sizingIconSpotMd": 64,
179
- "sizingIconSpotSm": 56,
180
- "sizingIconSpotXl": 80,
181
- "sizingIconSpotXs": 48,
182
- "sizingIconSpotXxl": 88,
183
- "sizingIconUtilityLg": 40,
184
- "sizingIconUtilityMd": 32,
185
- "sizingIconUtilitySm": 24,
186
- "sizingIconUtilityXs": 16,
187
- "sizingIconUtilityXs2": 20,
188
- "sizingIconUtilityXxs": 12,
189
- "sizingImageLg": 56,
190
- "sizingImageMd": 48,
191
- "sizingImageSm": 40,
192
- "sizingImageXl": 72,
193
- "sizingImageXs": 32,
194
- "sizingImageXxl": 104,
195
- "sizingImageXxs": 24,
196
- "sizingTagLg": 32,
197
- "sizingTagMd": 24,
198
- "sizingTagSm": 20,
199
- "sizingTextBoxLg": 64,
200
- "sizingTextBoxMd": 56,
201
- "sizingTextBoxSm": 48,
202
- "sizingTextBoxXs": 40,
203
- "sizingTextBoxXxs": 24,
204
- "sizingVoucherMd": 142,
205
- "sizingVoucherSm": 104,
206
- "spacingBulletMd": 10,
207
- "spacingBulletSm": 9,
208
- "spacingBulletXs": 7,
209
- "spacingGapLg": 24,
210
- "spacingGapMd": 16,
211
- "spacingGapSm": 8,
212
- "spacingGapSm2": 12,
213
- "spacingGapXl": 32,
214
- "spacingGapXs": 4,
215
- "spacingGapXxl": 40,
216
- "spacingGapXxxl": 64,
217
- "spacingIconLg": 24,
218
- "spacingIconMd": 16,
219
- "spacingIconSm": 8,
220
- "spacingIconXs": 4,
221
- "spacingIconXxs": 1.50,
222
- "spacingImageLg": 24,
223
- "spacingImageMd": 16,
224
- "spacingImageSm": 8,
225
- "spacingImageXs": 4,
226
- "spacingInputMd": 16,
227
- "spacingInputMd2": 20,
228
- "spacingInputMd3": 22.5,
229
- "spacingInputSm": 8,
230
- "spacingInputSm2": 11,
231
- "spacingInputSm3": 12,
232
- "spacingInputXs": 4,
233
- "spacingTextLg": 24,
234
- "spacingTextMd": 16,
235
- "spacingTextSm": 8,
236
- "spacingTextXl": 32,
237
- "spacingTextXs": 4,
238
- "spacingTextXxl": 40
239
- }
2
+ "gomo": {
3
+ "colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
4
+ "spacingGapXs": 4,
5
+ "spacingGapSm": 8,
6
+ "spacingGapLg": 24,
7
+ "spacingGapXl": 32,
8
+ "spacingGapXxl": 40,
9
+ "spacingGapXxxl": 64,
10
+ "spacingIconXs": 4,
11
+ "spacingIconSm": 8,
12
+ "spacingIconMd": 16,
13
+ "spacingIconLg": 24,
14
+ "spacingTextXs": 4,
15
+ "spacingTextSm": 8,
16
+ "spacingTextMd": 16,
17
+ "spacingTextLg": 24,
18
+ "spacingTextXl": 32,
19
+ "spacingTextXxl": 40,
20
+ "spacingInputXs": 4,
21
+ "spacingInputSm": 8,
22
+ "spacingInputMd": 16,
23
+ "spacingImageXs": 4,
24
+ "spacingImageSm": 8,
25
+ "spacingImageMd": 16,
26
+ "spacingImageLg": 24,
27
+ "spacingBulletXs": 4,
28
+ "spacingBulletSm": 8,
29
+ "spacingBulletMd": 16,
30
+ "opacityHover": 80,
31
+ "opacityPressed": 50,
32
+ "opacityDisabled": 50,
33
+ "opacityOverlay": 80,
34
+ "colorBackgroundCta": "#4d28e8",
35
+ "colorBackgroundCtaInversePressed": "#e5ff177f",
36
+ "colorBackgroundCtaPressed": "#4d28e87f",
37
+ "colorBackgroundStandard": "#ffffff",
38
+ "colorBackgroundSubtle": "#f5f5f8",
39
+ "colorBackgroundHover": "#ede9fd",
40
+ "colorBackgroundHoverNeutral": "#f5f5f8cc",
41
+ "colorBackgroundSelected": "#ede9fd",
42
+ "colorBackgroundActive": "#4d28e8",
43
+ "colorBackgroundOverlay": "#00000099",
44
+ "colorBackgroundOverlayLight": "#dfdfe4cc",
45
+ "colorBackgroundCtaSuccess": "#00b379",
46
+ "colorBackgroundDark": "#242328",
47
+ "colorBackgroundDark2": "#151518",
48
+ "colorBackgroundDisabled": "#dfdfe4",
49
+ "colorBackgroundWeak": "#bfbfc7",
50
+ "colorBackgroundActiveWeak": "#d6d6f9",
51
+ "colorBackgroundActiveWeakInverse": "#f5ffc0",
52
+ "colorBackgroundActiveInverse": "#e5ff17",
53
+ "colorBackgroundSubtle2": "#ede9fd",
54
+ "colorBackgroundHeader": "#3e20ba",
55
+ "colorBackgroundFooter": "#f5f5f8",
56
+ "colorBackgroundCoachmark": "#4d28e8",
57
+ "colorTextNeutral": "#242328",
58
+ "colorTextSubtle": "#70707a",
59
+ "colorTextLabel": "#70707a",
60
+ "colorTextStrikethrough": "#8c8c98",
61
+ "colorTextDisabled": "#8c8c98",
62
+ "colorTextInverse": "#ffffff",
63
+ "colorTextLink": "#4d28e8",
64
+ "colorTextLinkInverse": "#e5ff17",
65
+ "colorTextAlert": "#bc1430",
66
+ "colorTextSuccess": "#00b379",
67
+ "colorTextNavigationActive": "#4d28e8",
68
+ "colorTextHeaderActive": "#e5ff17",
69
+ "colorTextCta": "#4d28e8",
70
+ "colorTextCtaInverse": "#e5ff17",
71
+ "colorTextSubtleInverse": "#dfdfe4",
72
+ "colorTextHeaderHighlight": "#151518",
73
+ "colorTextHeaderHighlightInverse": "#f5ffc0",
74
+ "colorTextHeaderActiveInverse": "#ffffff",
75
+ "colorTextCoachmark": "#ffffff",
76
+ "colorIconLink": "#4d28e8",
77
+ "colorIconNeutral": "#242328",
78
+ "colorIconCta": "#4d28e8",
79
+ "colorIconCtaInverse": "#e5ff17",
80
+ "colorIconSubtle": "#8c8c98",
81
+ "colorIconWeak": "#bfbfc7",
82
+ "colorIconDisabled": "#dfdfe4",
83
+ "colorIconAlert": "#bd341c",
84
+ "colorIconAlertInverse": "#ff5d76",
85
+ "colorIconSuccess": "#00b379",
86
+ "colorIconPending": "#ffb524",
87
+ "colorIconInverse": "#ffffff",
88
+ "colorIconInactive": "#dfdfe4",
89
+ "colorIconActive": "#8c8c98",
90
+ "colorIconLocationPin": "#d01660",
91
+ "colorIconLocationPinActive": "#4d28e8",
92
+ "colorIconLoader": "#8c8c98",
93
+ "colorIconNotice": "#ff5d76",
94
+ "colorBottomNavigationInactive": "#8c8c98",
95
+ "colorBottomNavigationActive": "#4d28e8",
96
+ "colorIconLinkInverse": "#e5ff17",
97
+ "colorIconSubtleInverse": "#dfdfe4",
98
+ "colorIconRating": "#ffb524",
99
+ "colorTagPrimary": "#d01660",
100
+ "colorTagSecondary": "#1700e8",
101
+ "colorBorderDivider": "#bfbfc7",
102
+ "colorBorderCta": "#4d28e8",
103
+ "colorBorderCtaInverse": "#e5ff17",
104
+ "colorBorderError": "#bd341c",
105
+ "colorBorderSelected": "#4d28e8",
106
+ "colorBorderStandard": "#bfbfc7",
107
+ "colorBorderActive": "#4d28e8",
108
+ "colorBorderDisabled": "#8c8c987f",
109
+ "colorBorderWeak": "#dfdfe4",
110
+ "colorBorderStrikeout": "#dfdfe4",
111
+ "colorBorderStrikeoutInverse": "#ffffff",
112
+ "colorBorderStrong": "#8c8c98",
113
+ "colorBorderWeakInverse": "#ffffff",
114
+ "colorBorderActiveInverse": "#e5ff17",
115
+ "colorBorderBenchmark": "#3e20ba",
116
+ "colorBorderBenchmarkInverse": "#d5e516",
117
+ "colorNotificationAlert": "#fdeae7",
118
+ "colorNotificationPromo": "#f5ffc0",
119
+ "colorNotificationDefault": "#ede9fd",
120
+ "colorToggleActiveStrong": "#4d28e8",
121
+ "colorToggleActiveWeak": "#ffffff",
122
+ "colorToggleInactiveStrong": "#dfdfe4",
123
+ "colorToggleInactiveWeak": "#ffffff",
124
+ "colorToggleIndicator": "#f5f5f8",
125
+ "colorRibbonPrimary": "#d01660",
126
+ "colorRibbonPrimaryDark": "#d01660",
127
+ "colorRibbonPrimary2": "#ffeaf2",
128
+ "colorRibbonPrimary3": "#d01660",
129
+ "colorRibbonSecondary": "#1482cc",
130
+ "colorRibbonSecondary2": "#e8f6ff",
131
+ "colorRibbonSecondaryDark": "#1482cc",
132
+ "colorRewards1": "#ffc9aa",
133
+ "colorRewards2": "#d4e6ec",
134
+ "colorRewards3": "#fee8b6",
135
+ "colorGraph1": "#5d5de7",
136
+ "colorGraph2": "#ffc300",
137
+ "colorGraph3": "#ed1a3d",
138
+ "colorGraph4": "#07d39f",
139
+ "colorGraph5": "#aeaef3",
140
+ "colorGraph6": "#fde499",
141
+ "colorGraph7": "#ffd2d9",
142
+ "colorGraph8": "#acf5e3",
143
+ "colorGraph9": "#0129a8",
144
+ "colorGraph10": "#fef1cc",
145
+ "colorGraph11": "#ffeaea",
146
+ "colorGraph12": "#defdf3",
147
+ "sizingIconUtilityXxs": 12,
148
+ "sizingIconUtilityXs": 16,
149
+ "sizingIconUtilitySm": 24,
150
+ "sizingIconUtilityMd": 32,
151
+ "sizingIconUtilityLg": 40,
152
+ "sizingIconGeneralXs": 16,
153
+ "sizingIconGeneralSm": 24,
154
+ "sizingIconGeneralMd": 32,
155
+ "sizingIconGeneralLg": 40,
156
+ "sizingIconGeneralXl": 48,
157
+ "sizingIconSpotXs": 48,
158
+ "sizingIconSpotSm": 56,
159
+ "sizingIconSpotMd": 64,
160
+ "sizingIconSpotLg": 72,
161
+ "sizingIconSpotXl": 80,
162
+ "sizingIconSpotXxl": 88,
163
+ "sizingTagMd": 24,
164
+ "sizingTagLg": 32,
165
+ "sizingVoucherSm": 104,
166
+ "sizingVoucherMd": 142,
167
+ "sizingFileInput": 218,
168
+ "sizingFileInputLg": 56,
169
+ "sizingImageXxs": 24,
170
+ "sizingImageXs": 32,
171
+ "sizingImageSm": 40,
172
+ "sizingImageMd": 48,
173
+ "sizingImageLg": 56,
174
+ "sizingImageXl": 72,
175
+ "sizingImageXxl": 104,
176
+ "sizingTextBoxXs": 40,
177
+ "sizingTextBoxSm": 48,
178
+ "sizingTextBoxMd": 56,
179
+ "sizingTextBoxXxs": 24,
180
+ "sizingTextBoxLg": 64,
181
+ "sizingCirclePatternXs": 88,
182
+ "sizingCirclePatternSm": 188,
183
+ "sizingCirclePatternMd": 215,
184
+ "sizingCirclePatternLg": 242,
185
+ "sizingBullet": 6,
186
+ "sizingBulletSm": 4,
187
+ "sizingColorList": 12,
188
+ "borderWidthStandard": 1,
189
+ "borderWidthCta": 2,
190
+ "borderWidthSelected": 2,
191
+ "borderWidthHover": 1,
192
+ "borderWidthStrikeout": 2,
193
+ "borderRadiusSm": 8,
194
+ "borderRadiusMd": 16,
195
+ "borderRadiusXl": 32,
196
+ "borderRadiusLg": 40,
197
+ "opacitySubtle": 30,
198
+ "colorBackgroundSubtle3": "#dfdfe4",
199
+ "colorBackgroundDelete": "#ca112f",
200
+ "spacingIconXxxl": 64,
201
+ "spacingIconXxl": 40,
202
+ "spacingIconXl": 32,
203
+ "spacingTextXxxl": 64,
204
+ "spacingInputXxxl": 64,
205
+ "spacingInputXxl": 40,
206
+ "spacingInputXl": 32,
207
+ "spacingInputLg": 24,
208
+ "spacingBulletXxxl": 64,
209
+ "spacingBulletXxl": 40,
210
+ "spacingBulletLg": 24,
211
+ "spacingBulletXl": 32,
212
+ "spacingImageXxxl": 64,
213
+ "spacingImageXxl": 40,
214
+ "spacingImageXl": 32,
215
+ "colorBackgroundCtaInverse": "#e5ff17",
216
+ "sizingTagSm": 20,
217
+ "sizingTagXs": 12,
218
+ "spacingGapMd": 16,
219
+ "spacingGapSm2": 8,
220
+ "spacingIconXxs": 1.5,
221
+ "spacingInputSm2": 10,
222
+ "spacingInputSm3": 12,
223
+ "spacingInputMd2": 20,
224
+ "spacingInputMd3": 22.5,
225
+ "colorBackgroundCtaSecondary": "#ebebfc",
226
+ "colorTextCtaSecondary": "#aeaef3",
227
+ "colorIconCtaSecondary": "#aeaef3",
228
+ "sizingIconUtilityXs2": 24,
229
+ "sizingIconGeneralXs2": 20,
230
+ "borderRadiusXs": 4,
231
+ "colorTextAmount": "#4d28e8",
232
+ "opacityDefault": 100,
233
+ "fontFamilySecondaryRegular": "Roboto",
234
+ "fontFamilyPromaryRegular": "Poppins",
235
+ "fontFamilyPromaryBold": "Poppins",
236
+ "fontFamilyPromarySemiBold": "Poppins",
237
+ "fontFamilySecondarySemiBold": "Roboto",
238
+ "fontFamilySecondaryBold": "Roboto",
239
+ "boolean": false,
240
+ "colorTagGrey": "#b5b5b5",
241
+ "colorTagRed": "#fa2c2c",
242
+ "colorTagYellow": "#ffc300",
243
+ "colorTagGreen": "#00bc6f",
244
+ "colorTagCyan": "#1482cc",
245
+ "colorTagOrange": "#ff8d1b",
246
+ "colorTagPrimarylight": "#ffeaf2",
247
+ "colorTagSecondarylight": "#e8e6fd",
248
+ "colorTagGreylight": "#e6e6e6",
249
+ "colorTagRedlight": "#ffeaea",
250
+ "colorTagYellowlight": "#fff8e5",
251
+ "colorTagGreenlight": "#e8fbf3",
252
+ "colorTagCyanlight": "#e8f6ff",
253
+ "colorTagOrangelight": "#fff4e9",
254
+ "colorTagBlack": "#545454",
255
+ "fontSizeDesktopTitleT23": 32,
256
+ "fontSizeDesktopContentC14": 18,
257
+ "fontSizeDesktopContentC21": 20,
258
+ "fontSizeDesktopTitleT21": 24,
259
+ "fontSizeDesktopTitleT15": 20,
260
+ "fontSizeDesktopContentC12": 14,
261
+ "fontSizeDesktopContentC10": 10,
262
+ "fontSizeDesktopContentC11": 12,
263
+ "fontSizeDesktopContentC13": 16,
264
+ "fontSizeDesktopTitleT1": 12,
265
+ "fontSizeDesktopTitleT32": 40,
266
+ "fontSizeDesktopTitleT41": 48,
267
+ "fontSizeDesktopContentC05": 8,
268
+ "fontSizeDesktopContentC04": 6,
269
+ "borderRadiusButton": 32,
270
+ "colorTextItemtitle": "#242328",
271
+ "fontSizeDesktopTitleT7": 24,
272
+ "fontSizeDesktopTitleT8": 24,
273
+ "fontSizeDesktopTitleT2": 20,
274
+ "fontSizeDesktopTitleT5": 20,
275
+ "fontSizeDesktopTitleT3": 16,
276
+ "fontSizeDesktopTitleT4": 18,
277
+ "fontSizeDesktopTitleT10": 36,
278
+ "fontSizeMobileContentC04": 6,
279
+ "fontSizeMobileContentC05": 8,
280
+ "fontSizeMobileContentC11": 10,
281
+ "fontSizeMobileContentC12": 12,
282
+ "fontSizeMobileContentC13": 14,
283
+ "fontSizeMobileContentC14": 16,
284
+ "fontSizeMobileContentC15": 18,
285
+ "fontSizeMobileContentC21": 20,
286
+ "fontSizeMobileTitleT12": 12,
287
+ "fontSizeMobileTitleT13": 14,
288
+ "fontSizeMobileTitleT14": 16,
289
+ "fontSizeMobileTitleT15": 18,
290
+ "fontSizeMobileTitleT21": 20,
291
+ "fontSizeMobileTitleT23": 24,
292
+ "fontSizeMobileTitleT24": 24,
293
+ "fontSizeMobileTitleT25": 24,
294
+ "fontSizeMobileTitleT32": 32,
295
+ "fontSizeMobileTitleT34": 36,
296
+ "fontSizeMobileTitleT41": 40,
297
+ "fontSizeMobileTitleT45": 48,
298
+ "fontSizeMobileNavigation": 16,
299
+ "colorTextHintMessage": "#151518",
300
+ "colorIconCta2": "#4d28e8",
301
+ "colorTextCta2": "#4d28e8"
302
+ },
303
+ "eSales": {
304
+ "colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
305
+ "spacingGapXs": 4,
306
+ "spacingGapSm": 8,
307
+ "spacingGapLg": 24,
308
+ "spacingGapXl": 32,
309
+ "spacingGapXxl": 40,
310
+ "spacingGapXxxl": 64,
311
+ "spacingIconXs": 4,
312
+ "spacingIconSm": 8,
313
+ "spacingIconMd": 16,
314
+ "spacingIconLg": 24,
315
+ "spacingTextXs": 4,
316
+ "spacingTextSm": 8,
317
+ "spacingTextMd": 16,
318
+ "spacingTextLg": 24,
319
+ "spacingTextXl": 32,
320
+ "spacingTextXxl": 40,
321
+ "spacingInputXs": 4,
322
+ "spacingInputSm": 8,
323
+ "spacingInputMd": 16,
324
+ "spacingImageXs": 4,
325
+ "spacingImageSm": 8,
326
+ "spacingImageMd": 16,
327
+ "spacingImageLg": 24,
328
+ "spacingBulletXs": 4,
329
+ "spacingBulletSm": 8,
330
+ "spacingBulletMd": 16,
331
+ "opacityHover": 80,
332
+ "opacityPressed": 50,
333
+ "opacityDisabled": 50,
334
+ "opacityOverlay": 80,
335
+ "colorBackgroundCta": "#180c8e",
336
+ "colorBackgroundCtaInversePressed": "#e5ff177f",
337
+ "colorBackgroundCtaPressed": "#4d28e87f",
338
+ "colorBackgroundStandard": "#ffffff",
339
+ "colorBackgroundSubtle": "#f2f2f2",
340
+ "colorBackgroundHover": "#e8e7f4",
341
+ "colorBackgroundHoverNeutral": "#f5f5f8cc",
342
+ "colorBackgroundSelected": "#e8e7f4",
343
+ "colorBackgroundActive": "#180c8e",
344
+ "colorBackgroundOverlay": "#00000099",
345
+ "colorBackgroundOverlayLight": "#dfdfe4cc",
346
+ "colorBackgroundCtaSuccess": "#00b379",
347
+ "colorBackgroundDark": "#545454",
348
+ "colorBackgroundDark2": "#242424",
349
+ "colorBackgroundDisabled": "#e6e6e6",
350
+ "colorBackgroundWeak": "#b5b5b5",
351
+ "colorBackgroundActiveWeak": "#d1cee8",
352
+ "colorBackgroundActiveWeakInverse": "#f5ffc0",
353
+ "colorBackgroundActiveInverse": "#07d39f",
354
+ "colorBackgroundSubtle2": "#f6f5fb",
355
+ "colorBackgroundHeader": "#160b7f",
356
+ "colorBackgroundFooter": "#d5d5d5",
357
+ "colorBackgroundCoachmark": "#180c8e",
358
+ "colorTextNeutral": "#242424",
359
+ "colorTextSubtle": "#545454",
360
+ "colorTextLabel": "#8c8c8c",
361
+ "colorTextStrikethrough": "#b5b5b5",
362
+ "colorTextDisabled": "#8c8c8c",
363
+ "colorTextInverse": "#ffffff",
364
+ "colorTextLink": "#3e51f4",
365
+ "colorTextLinkInverse": "#07d39f",
366
+ "colorTextAlert": "#d82e00",
367
+ "colorTextSuccess": "#00b379",
368
+ "colorTextNavigationActive": "#180c8e",
369
+ "colorTextHeaderActive": "#e5ff17",
370
+ "colorTextCta": "#180c8e",
371
+ "colorTextCtaInverse": "#07d39f",
372
+ "colorTextSubtleInverse": "#b5b5b5",
373
+ "colorTextHeaderHighlight": "#242424",
374
+ "colorTextHeaderHighlightInverse": "#f5ffc0",
375
+ "colorTextHeaderActiveInverse": "#ffffff",
376
+ "colorTextCoachmark": "#ffffff",
377
+ "colorIconLink": "#3e51f4",
378
+ "colorIconNeutral": "#242424",
379
+ "colorIconCta": "#3e51f4",
380
+ "colorIconCtaInverse": "#07d39f",
381
+ "colorIconSubtle": "#545454",
382
+ "colorIconWeak": "#b5b5b5",
383
+ "colorIconDisabled": "#b5b5b5",
384
+ "colorIconAlert": "#d82e00",
385
+ "colorIconAlertInverse": "#e05833",
386
+ "colorIconSuccess": "#00b379",
387
+ "colorIconPending": "#ffb524",
388
+ "colorIconInverse": "#ffffff",
389
+ "colorIconInactive": "#d5d5d5",
390
+ "colorIconActive": "#b5b5b5",
391
+ "colorIconLocationPin": "#d01660",
392
+ "colorIconLocationPinActive": "#180c8e",
393
+ "colorIconLoader": "#8c8c8c",
394
+ "colorIconNotice": "#ff5d76",
395
+ "colorBottomNavigationInactive": "#8c8c8c",
396
+ "colorBottomNavigationActive": "#180c8e",
397
+ "colorIconLinkInverse": "#07d39f",
398
+ "colorIconSubtleInverse": "#b5b5b5",
399
+ "colorIconRating": "#ffb524",
400
+ "colorTagPrimary": "#d01660",
401
+ "colorTagSecondary": "#180c8e",
402
+ "colorBorderDivider": "#f2f2f2",
403
+ "colorBorderCta": "#180c8e",
404
+ "colorBorderCtaInverse": "#07d39f",
405
+ "colorBorderError": "#d82e00",
406
+ "colorBorderSelected": "#180c8e",
407
+ "colorBorderStandard": "#d9d9d9",
408
+ "colorBorderActive": "#180c8e",
409
+ "colorBorderDisabled": "#8c8c987f",
410
+ "colorBorderWeak": "#d5d5d5",
411
+ "colorBorderStrikeout": "#b5b5b5",
412
+ "colorBorderStrikeoutInverse": "#ffffff",
413
+ "colorBorderStrong": "#b5b5b5",
414
+ "colorBorderWeakInverse": "#ffffff",
415
+ "colorBorderActiveInverse": "#07d39f",
416
+ "colorBorderBenchmark": "#160b7f",
417
+ "colorBorderBenchmarkInverse": "#d5e516",
418
+ "colorNotificationAlert": "#fdeae7",
419
+ "colorNotificationPromo": "#f5ffc0",
420
+ "colorNotificationDefault": "#ebebfc",
421
+ "colorToggleActiveStrong": "#180c8e",
422
+ "colorToggleActiveWeak": "#ffffff",
423
+ "colorToggleInactiveStrong": "#d5d5d5",
424
+ "colorToggleInactiveWeak": "#ffffff",
425
+ "colorToggleIndicator": "#f2f2f2",
426
+ "colorRibbonPrimary": "#d01660",
427
+ "colorRibbonPrimaryDark": "#d01660",
428
+ "colorRibbonPrimary2": "#ffeaf2",
429
+ "colorRibbonPrimary3": "#d01660",
430
+ "colorRibbonSecondary": "#1482cc",
431
+ "colorRibbonSecondary2": "#e8f6ff",
432
+ "colorRibbonSecondaryDark": "#1482cc",
433
+ "colorRewards1": "#ffc9aa",
434
+ "colorRewards2": "#d4e6ec",
435
+ "colorRewards3": "#fee8b6",
436
+ "colorGraph1": "#5d5de7",
437
+ "colorGraph2": "#ffc300",
438
+ "colorGraph3": "#ed1a3d",
439
+ "colorGraph4": "#07d39f",
440
+ "colorGraph5": "#aeaef3",
441
+ "colorGraph6": "#fde499",
442
+ "colorGraph7": "#ffd2d9",
443
+ "colorGraph8": "#acf5e3",
444
+ "colorGraph9": "#160b7f",
445
+ "colorGraph10": "#fef1cc",
446
+ "colorGraph11": "#ffeaea",
447
+ "colorGraph12": "#defdf3",
448
+ "sizingIconUtilityXxs": 12,
449
+ "sizingIconUtilityXs": 16,
450
+ "sizingIconUtilitySm": 24,
451
+ "sizingIconUtilityMd": 32,
452
+ "sizingIconUtilityLg": 40,
453
+ "sizingIconGeneralXs": 16,
454
+ "sizingIconGeneralSm": 24,
455
+ "sizingIconGeneralMd": 32,
456
+ "sizingIconGeneralLg": 40,
457
+ "sizingIconGeneralXl": 48,
458
+ "sizingIconSpotXs": 48,
459
+ "sizingIconSpotSm": 56,
460
+ "sizingIconSpotMd": 64,
461
+ "sizingIconSpotLg": 72,
462
+ "sizingIconSpotXl": 80,
463
+ "sizingIconSpotXxl": 88,
464
+ "sizingTagMd": 24,
465
+ "sizingTagLg": 32,
466
+ "sizingVoucherSm": 104,
467
+ "sizingVoucherMd": 142,
468
+ "sizingFileInput": 218,
469
+ "sizingFileInputLg": 56,
470
+ "sizingImageXxs": 24,
471
+ "sizingImageXs": 32,
472
+ "sizingImageSm": 40,
473
+ "sizingImageMd": 48,
474
+ "sizingImageLg": 56,
475
+ "sizingImageXl": 72,
476
+ "sizingImageXxl": 104,
477
+ "sizingTextBoxXs": 40,
478
+ "sizingTextBoxSm": 48,
479
+ "sizingTextBoxMd": 56,
480
+ "sizingTextBoxXxs": 24,
481
+ "sizingTextBoxLg": 64,
482
+ "sizingCirclePatternXs": 88,
483
+ "sizingCirclePatternSm": 188,
484
+ "sizingCirclePatternMd": 215,
485
+ "sizingCirclePatternLg": 242,
486
+ "sizingBullet": 6,
487
+ "sizingBulletSm": 4,
488
+ "sizingColorList": 12,
489
+ "borderWidthStandard": 1,
490
+ "borderWidthCta": 1,
491
+ "borderWidthSelected": 1,
492
+ "borderWidthHover": 1,
493
+ "borderWidthStrikeout": 2,
494
+ "borderRadiusSm": 8,
495
+ "borderRadiusMd": 16,
496
+ "borderRadiusXl": 32,
497
+ "borderRadiusLg": 40,
498
+ "opacitySubtle": 30,
499
+ "colorBackgroundSubtle3": "#e6e6e6",
500
+ "colorBackgroundDelete": "#d82e00",
501
+ "spacingIconXxxl": 64,
502
+ "spacingIconXxl": 40,
503
+ "spacingIconXl": 32,
504
+ "spacingTextXxxl": 64,
505
+ "spacingInputXxxl": 64,
506
+ "spacingInputXxl": 40,
507
+ "spacingInputXl": 32,
508
+ "spacingInputLg": 24,
509
+ "spacingBulletXxxl": 64,
510
+ "spacingBulletXxl": 40,
511
+ "spacingBulletLg": 24,
512
+ "spacingBulletXl": 32,
513
+ "spacingImageXxxl": 64,
514
+ "spacingImageXxl": 40,
515
+ "spacingImageXl": 32,
516
+ "colorBackgroundCtaInverse": "#07d39f",
517
+ "sizingTagSm": 20,
518
+ "sizingTagXs": 12,
519
+ "spacingGapMd": 16,
520
+ "spacingGapSm2": 8,
521
+ "spacingIconXxs": 1.5,
522
+ "spacingInputSm2": 11.5,
523
+ "spacingInputSm3": 12,
524
+ "spacingInputMd2": 20,
525
+ "spacingInputMd3": 22.5,
526
+ "colorBackgroundCtaSecondary": "#e8e7f4",
527
+ "colorTextCtaSecondary": "#a39ed2",
528
+ "colorIconCtaSecondary": "#a39ed2",
529
+ "sizingIconUtilityXs2": 24,
530
+ "sizingIconGeneralXs2": 20,
531
+ "borderRadiusXs": 4,
532
+ "colorTextAmount": "#180c8e",
533
+ "opacityDefault": 100,
534
+ "fontFamilySecondaryRegular": "SF Pro Text",
535
+ "fontFamilyPromaryRegular": "SF Pro Text",
536
+ "fontFamilyPromaryBold": "SF Pro Text",
537
+ "fontFamilyPromarySemiBold": "SF Pro Text",
538
+ "fontFamilySecondarySemiBold": "SF Pro Text",
539
+ "fontFamilySecondaryBold": "SF Pro Text",
540
+ "boolean": false,
541
+ "colorTagGrey": "#b5b5b5",
542
+ "colorTagRed": "#d82e00",
543
+ "colorTagYellow": "#ffc300",
544
+ "colorTagGreen": "#00bc6f",
545
+ "colorTagCyan": "#1482cc",
546
+ "colorTagOrange": "#ff8d1b",
547
+ "colorTagPrimarylight": "#ffeaf2",
548
+ "colorTagSecondarylight": "#e8e6fd",
549
+ "colorTagGreylight": "#e6e6e6",
550
+ "colorTagRedlight": "#ffeaea",
551
+ "colorTagYellowlight": "#fff8e5",
552
+ "colorTagGreenlight": "#e8fbf3",
553
+ "colorTagCyanlight": "#e8f6ff",
554
+ "colorTagOrangelight": "#fff4e9",
555
+ "colorTagBlack": "#545454",
556
+ "fontSizeDesktopTitleT23": 32,
557
+ "fontSizeDesktopContentC14": 18,
558
+ "fontSizeDesktopContentC21": 16,
559
+ "fontSizeDesktopTitleT21": 24,
560
+ "fontSizeDesktopContentC12": 14,
561
+ "fontSizeDesktopContentC10": 10,
562
+ "fontSizeDesktopContentC11": 12,
563
+ "fontSizeDesktopContentC13": 16,
564
+ "fontSizeDesktopTitleT1": 12,
565
+ "fontSizeDesktopTitleT32": 40,
566
+ "fontSizeDesktopTitleT41": 48,
567
+ "fontSizeDesktopContentC05": 8,
568
+ "fontSizeDesktopContentC04": 6,
569
+ "borderRadiusButton": 8,
570
+ "colorTextItemtitle": "#8c8c8c",
571
+ "fontSizeDesktopTitleT7": 24,
572
+ "fontSizeDesktopTitleT8": 24,
573
+ "fontSizeDesktopTitleT2": 20,
574
+ "fontSizeDesktopTitleT5": 20,
575
+ "fontSizeDesktopTitleT3": 16,
576
+ "fontSizeDesktopTitleT4": 18,
577
+ "fontSizeDesktopTitleT10": 36,
578
+ "fontSizeMobileContentC04": 6,
579
+ "fontSizeMobileContentC05": 8,
580
+ "fontSizeMobileContentC11": 10,
581
+ "fontSizeMobileContentC12": 12,
582
+ "fontSizeMobileContentC13": 14,
583
+ "fontSizeMobileContentC14": 14,
584
+ "fontSizeMobileContentC15": 16,
585
+ "fontSizeMobileContentC21": 20,
586
+ "fontSizeMobileTitleT12": 12,
587
+ "fontSizeMobileTitleT13": 14,
588
+ "fontSizeMobileTitleT14": 16,
589
+ "fontSizeMobileTitleT15": 18,
590
+ "fontSizeMobileTitleT21": 20,
591
+ "fontSizeMobileTitleT23": 24,
592
+ "fontSizeMobileTitleT24": 24,
593
+ "fontSizeMobileTitleT25": 24,
594
+ "fontSizeMobileTitleT32": 32,
595
+ "fontSizeMobileTitleT34": 36,
596
+ "fontSizeMobileTitleT41": 40,
597
+ "fontSizeMobileTitleT45": 48,
598
+ "fontSizeMobileNavigation": 18,
599
+ "colorTextHintMessage": "#8c8c8c",
600
+ "colorIconCta2": "#180c8e",
601
+ "colorTextCta2": "#180c8e"
602
+ },
603
+ "tm": {
604
+ "colorGradientNeutral": "linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)",
605
+ "spacingGapXs": 4,
606
+ "spacingGapSm": 8,
607
+ "spacingGapLg": 24,
608
+ "spacingGapXl": 32,
609
+ "spacingGapXxl": 40,
610
+ "spacingGapXxxl": 64,
611
+ "spacingIconXs": 4,
612
+ "spacingIconSm": 8,
613
+ "spacingIconMd": 16,
614
+ "spacingIconLg": 24,
615
+ "spacingTextXs": 4,
616
+ "spacingTextSm": 8,
617
+ "spacingTextMd": 16,
618
+ "spacingTextLg": 24,
619
+ "spacingTextXl": 32,
620
+ "spacingTextXxl": 40,
621
+ "spacingInputXs": 4,
622
+ "spacingInputSm": 8,
623
+ "spacingInputMd": 16,
624
+ "spacingImageXs": 4,
625
+ "spacingImageSm": 8,
626
+ "spacingImageMd": 16,
627
+ "spacingImageLg": 24,
628
+ "spacingBulletXs": 4,
629
+ "spacingBulletSm": 8,
630
+ "spacingBulletMd": 16,
631
+ "opacityHover": 80,
632
+ "opacityPressed": 50,
633
+ "opacityDisabled": 50,
634
+ "opacityOverlay": 80,
635
+ "colorBackgroundCta": "#ff5e00",
636
+ "colorBackgroundCtaInversePressed": "#1700e87f",
637
+ "colorBackgroundCtaPressed": "#ff5e007f",
638
+ "colorBackgroundStandard": "#ffffff",
639
+ "colorBackgroundSubtle": "#f2f2f2",
640
+ "colorBackgroundHover": "#ffefe6",
641
+ "colorBackgroundHoverNeutral": "#f5f5f8cc",
642
+ "colorBackgroundSelected": "#ffefe6",
643
+ "colorBackgroundActive": "#ff5e00",
644
+ "colorBackgroundOverlay": "#00000099",
645
+ "colorBackgroundOverlayLight": "#dfdfe4cc",
646
+ "colorBackgroundCtaSuccess": "#00b379",
647
+ "colorBackgroundDark": "#545454",
648
+ "colorBackgroundDark2": "#242424",
649
+ "colorBackgroundDisabled": "#b5b5b5",
650
+ "colorBackgroundWeak": "#b5b5b5",
651
+ "colorBackgroundActiveWeak": "#ffdfcc",
652
+ "colorBackgroundActiveWeakInverse": "#f5ffc0",
653
+ "colorBackgroundActiveInverse": "#1700e8",
654
+ "colorBackgroundSubtle2": "#ffefe6",
655
+ "colorBackgroundHeader": "#e65500",
656
+ "colorBackgroundFooter": "#d5d5d5",
657
+ "colorBackgroundCoachmark": "#3434e1",
658
+ "colorTextNeutral": "#242424",
659
+ "colorTextSubtle": "#545454",
660
+ "colorTextLabel": "#8c8c8c",
661
+ "colorTextStrikethrough": "#b5b5b5",
662
+ "colorTextDisabled": "#8c8c8c",
663
+ "colorTextInverse": "#ffffff",
664
+ "colorTextLink": "#1700e8",
665
+ "colorTextLinkInverse": "#1700e8",
666
+ "colorTextAlert": "#fa2c2c",
667
+ "colorTextSuccess": "#00b379",
668
+ "colorTextNavigationActive": "#ff5e00",
669
+ "colorTextHeaderActive": "#1700e8",
670
+ "colorTextCta": "#ff5e00",
671
+ "colorTextCtaInverse": "#1700e8",
672
+ "colorTextSubtleInverse": "#b5b5b5",
673
+ "colorTextHeaderHighlight": "#242424",
674
+ "colorTextHeaderHighlightInverse": "#f5ffc0",
675
+ "colorTextHeaderActiveInverse": "#ffffff",
676
+ "colorTextCoachmark": "#ffffff",
677
+ "colorIconLink": "#1700e8",
678
+ "colorIconNeutral": "#242424",
679
+ "colorIconCta": "#ff5e00",
680
+ "colorIconCtaInverse": "#1700e8",
681
+ "colorIconSubtle": "#545454",
682
+ "colorIconWeak": "#b5b5b5",
683
+ "colorIconDisabled": "#b5b5b5",
684
+ "colorIconAlert": "#bd341c",
685
+ "colorIconAlertInverse": "#ff5d76",
686
+ "colorIconSuccess": "#00b379",
687
+ "colorIconPending": "#ffb524",
688
+ "colorIconInverse": "#ffffff",
689
+ "colorIconInactive": "#d5d5d5",
690
+ "colorIconActive": "#b5b5b5",
691
+ "colorIconLocationPin": "#d01660",
692
+ "colorIconLocationPinActive": "#ff5e00",
693
+ "colorIconLoader": "#8c8c8c",
694
+ "colorIconNotice": "#ff5d76",
695
+ "colorBottomNavigationInactive": "#8c8c8c",
696
+ "colorBottomNavigationActive": "#ff5e00",
697
+ "colorIconLinkInverse": "#1700e8",
698
+ "colorIconSubtleInverse": "#b5b5b5",
699
+ "colorIconRating": "#ffb524",
700
+ "colorTagPrimary": "#ff5e00",
701
+ "colorTagSecondary": "#1700e8",
702
+ "colorBorderDivider": "#f2f2f2",
703
+ "colorBorderCta": "#ff5e00",
704
+ "colorBorderCtaInverse": "#07d39f",
705
+ "colorBorderError": "#fa2c2c",
706
+ "colorBorderSelected": "#ff5e00",
707
+ "colorBorderStandard": "#b5b5b5",
708
+ "colorBorderActive": "#ff5e00",
709
+ "colorBorderDisabled": "#8c8c987f",
710
+ "colorBorderWeak": "#d5d5d5",
711
+ "colorBorderStrikeout": "#b5b5b5",
712
+ "colorBorderStrikeoutInverse": "#ffffff",
713
+ "colorBorderStrong": "#b5b5b5",
714
+ "colorBorderWeakInverse": "#ffffff",
715
+ "colorBorderActiveInverse": "#07d39f",
716
+ "colorBorderBenchmark": "#e65500",
717
+ "colorBorderBenchmarkInverse": "#d5e516",
718
+ "colorNotificationAlert": "#fdeae7",
719
+ "colorNotificationPromo": "#f5ffc0",
720
+ "colorNotificationDefault": "#ebebfc",
721
+ "colorToggleActiveStrong": "#ff5e00",
722
+ "colorToggleActiveWeak": "#ffffff",
723
+ "colorToggleInactiveStrong": "#d5d5d5",
724
+ "colorToggleInactiveWeak": "#ffffff",
725
+ "colorToggleIndicator": "#f2f2f2",
726
+ "colorRibbonPrimary": "#d01660",
727
+ "colorRibbonPrimaryDark": "#d01660",
728
+ "colorRibbonPrimary2": "#ffeaf2",
729
+ "colorRibbonPrimary3": "#d01660",
730
+ "colorRibbonSecondary": "#1482cc",
731
+ "colorRibbonSecondary2": "#e8f6ff",
732
+ "colorRibbonSecondaryDark": "#1482cc",
733
+ "colorRewards1": "#ffc9aa",
734
+ "colorRewards2": "#d4e6ec",
735
+ "colorRewards3": "#fee8b6",
736
+ "colorGraph1": "#ff7e33",
737
+ "colorGraph2": "#ffc300",
738
+ "colorGraph3": "#ed1a3d",
739
+ "colorGraph4": "#07d39f",
740
+ "colorGraph5": "#aeaef3",
741
+ "colorGraph6": "#fde499",
742
+ "colorGraph7": "#ffd2d9",
743
+ "colorGraph8": "#acf5e3",
744
+ "colorGraph9": "#e65500",
745
+ "colorGraph10": "#fef1cc",
746
+ "colorGraph11": "#ffeaea",
747
+ "colorGraph12": "#defdf3",
748
+ "sizingIconUtilityXxs": 12,
749
+ "sizingIconUtilityXs": 16,
750
+ "sizingIconUtilitySm": 24,
751
+ "sizingIconUtilityMd": 32,
752
+ "sizingIconUtilityLg": 40,
753
+ "sizingIconGeneralXs": 16,
754
+ "sizingIconGeneralSm": 24,
755
+ "sizingIconGeneralMd": 32,
756
+ "sizingIconGeneralLg": 40,
757
+ "sizingIconGeneralXl": 48,
758
+ "sizingIconSpotXs": 48,
759
+ "sizingIconSpotSm": 56,
760
+ "sizingIconSpotMd": 64,
761
+ "sizingIconSpotLg": 72,
762
+ "sizingIconSpotXl": 80,
763
+ "sizingIconSpotXxl": 88,
764
+ "sizingTagMd": 24,
765
+ "sizingTagLg": 32,
766
+ "sizingVoucherSm": 104,
767
+ "sizingVoucherMd": 142,
768
+ "sizingFileInput": 218,
769
+ "sizingFileInputLg": 56,
770
+ "sizingImageXxs": 24,
771
+ "sizingImageXs": 32,
772
+ "sizingImageSm": 40,
773
+ "sizingImageMd": 48,
774
+ "sizingImageLg": 56,
775
+ "sizingImageXl": 72,
776
+ "sizingImageXxl": 104,
777
+ "sizingTextBoxXs": 40,
778
+ "sizingTextBoxSm": 48,
779
+ "sizingTextBoxMd": 56,
780
+ "sizingTextBoxXxs": 24,
781
+ "sizingTextBoxLg": 64,
782
+ "sizingCirclePatternXs": 88,
783
+ "sizingCirclePatternSm": 188,
784
+ "sizingCirclePatternMd": 215,
785
+ "sizingCirclePatternLg": 242,
786
+ "sizingBullet": 6,
787
+ "sizingBulletSm": 4,
788
+ "sizingColorList": 12,
789
+ "borderWidthStandard": 1,
790
+ "borderWidthCta": 2,
791
+ "borderWidthSelected": 2,
792
+ "borderWidthHover": 1,
793
+ "borderWidthStrikeout": 2,
794
+ "borderRadiusSm": 12,
795
+ "borderRadiusMd": 16,
796
+ "borderRadiusXl": 32,
797
+ "borderRadiusLg": 40,
798
+ "opacitySubtle": 30,
799
+ "colorBackgroundSubtle3": "#e6e6e6",
800
+ "colorBackgroundDelete": "#ca112f",
801
+ "spacingIconXxxl": 64,
802
+ "spacingIconXxl": 40,
803
+ "spacingIconXl": 32,
804
+ "spacingTextXxxl": 64,
805
+ "spacingInputXxxl": 64,
806
+ "spacingInputXxl": 40,
807
+ "spacingInputXl": 32,
808
+ "spacingInputLg": 24,
809
+ "spacingBulletXxxl": 64,
810
+ "spacingBulletXxl": 40,
811
+ "spacingBulletLg": 24,
812
+ "spacingBulletXl": 32,
813
+ "spacingImageXxxl": 64,
814
+ "spacingImageXxl": 40,
815
+ "spacingImageXl": 32,
816
+ "colorBackgroundCtaInverse": "#1700e8",
817
+ "sizingTagSm": 20,
818
+ "sizingTagXs": 12,
819
+ "spacingGapMd": 16,
820
+ "spacingGapSm2": 8,
821
+ "spacingIconXxs": 1.5,
822
+ "spacingInputSm2": 10,
823
+ "spacingInputSm3": 12,
824
+ "spacingInputMd2": 20,
825
+ "spacingInputMd3": 22.5,
826
+ "colorBackgroundCtaSecondary": "#ffefe6",
827
+ "colorTextCtaSecondary": "#aeaef3",
828
+ "colorIconCtaSecondary": "#ffbf99",
829
+ "sizingIconUtilityXs2": 24,
830
+ "sizingIconGeneralXs2": 20,
831
+ "borderRadiusXs": 4,
832
+ "colorTextAmount": "#ff5e00",
833
+ "opacityDefault": 100,
834
+ "fontFamilySecondaryRegular": "SF Pro Text",
835
+ "fontFamilyPromaryRegular": "SF Pro Text",
836
+ "fontFamilyPromaryBold": "SF Pro Text",
837
+ "fontFamilyPromarySemiBold": "SF Pro Text",
838
+ "fontFamilySecondarySemiBold": "SF Pro Text",
839
+ "fontFamilySecondaryBold": "SF Pro Text",
840
+ "boolean": true,
841
+ "colorTagGrey": "#545454",
842
+ "colorTagRed": "#fa2c2c",
843
+ "colorTagYellow": "#ffc300",
844
+ "colorTagGreen": "#00bc6f",
845
+ "colorTagCyan": "#1482cc",
846
+ "colorTagOrange": "#ff8d1b",
847
+ "colorTagPrimarylight": "#ffefe6",
848
+ "colorTagSecondarylight": "#e8e6fd",
849
+ "colorTagGreylight": "#e6e6e6",
850
+ "colorTagRedlight": "#ffeaea",
851
+ "colorTagYellowlight": "#fff8e5",
852
+ "colorTagGreenlight": "#e8fbf3",
853
+ "colorTagCyanlight": "#e8f6ff",
854
+ "colorTagOrangelight": "#fff4e9",
855
+ "colorTagBlack": "#545454",
856
+ "fontSizeDesktopTitleT23": 32,
857
+ "fontSizeDesktopContentC14": 18,
858
+ "fontSizeDesktopContentC21": 16,
859
+ "fontSizeDesktopTitleT21": 24,
860
+ "fontSizeDesktopContentC12": 14,
861
+ "fontSizeDesktopContentC10": 10,
862
+ "fontSizeDesktopContentC11": 12,
863
+ "fontSizeDesktopContentC13": 16,
864
+ "fontSizeDesktopTitleT1": 12,
865
+ "fontSizeDesktopTitleT32": 40,
866
+ "fontSizeDesktopTitleT41": 48,
867
+ "fontSizeDesktopContentC05": 8,
868
+ "fontSizeDesktopContentC04": 6,
869
+ "borderRadiusButton": 8,
870
+ "colorTextItemtitle": "#242424",
871
+ "fontSizeDesktopTitleT7": 24,
872
+ "fontSizeDesktopTitleT8": 24,
873
+ "fontSizeDesktopTitleT2": 20,
874
+ "fontSizeDesktopTitleT5": 20,
875
+ "fontSizeDesktopTitleT3": 16,
876
+ "fontSizeDesktopTitleT4": 18,
877
+ "fontSizeDesktopTitleT10": 36,
878
+ "fontSizeMobileContentC04": 6,
879
+ "fontSizeMobileContentC05": 8,
880
+ "fontSizeMobileContentC11": 10,
881
+ "fontSizeMobileContentC12": 12,
882
+ "fontSizeMobileContentC13": 14,
883
+ "fontSizeMobileContentC14": 16,
884
+ "fontSizeMobileContentC15": 18,
885
+ "fontSizeMobileContentC21": 20,
886
+ "fontSizeMobileTitleT12": 12,
887
+ "fontSizeMobileTitleT13": 14,
888
+ "fontSizeMobileTitleT14": 16,
889
+ "fontSizeMobileTitleT15": 18,
890
+ "fontSizeMobileTitleT21": 20,
891
+ "fontSizeMobileTitleT23": 24,
892
+ "fontSizeMobileTitleT24": 24,
893
+ "fontSizeMobileTitleT25": 24,
894
+ "fontSizeMobileTitleT32": 32,
895
+ "fontSizeMobileTitleT34": 36,
896
+ "fontSizeMobileTitleT41": 40,
897
+ "fontSizeMobileTitleT45": 48,
898
+ "fontSizeMobileNavigation": 16,
899
+ "colorTextHintMessage": "#242424",
900
+ "colorIconCta2": "#ff5e00",
901
+ "colorTextCta2": "#ff5e00"
902
+ }
903
+ }