mapping.json 107 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242
  1. {
  2. "strict": {
  3. "text-heading-1-font-size": 32,
  4. "text-heading-2-font-size": 30,
  5. "text-heading-3-font-size": 26,
  6. "text-heading-4-font-size": 22,
  7. "text-heading-5-font-size": 18,
  8. "text-heading-6-font-size": 16,
  9. "text-subtitle-1-font-weight": "400",
  10. "text-subtitle-2-font-weight": "400",
  11. "text-label-font-size": 10,
  12. "text-label-font-weight": "400",
  13. "text-label-font-family": "$text-font-family",
  14. "border-radius": 3
  15. },
  16. "components": {
  17. "Avatar": {
  18. "meta": {
  19. "scope": "all",
  20. "parameters": {
  21. "roundCoefficient": {
  22. "type": "number"
  23. },
  24. "width": {
  25. "type": "number"
  26. },
  27. "height": {
  28. "type": "number"
  29. }
  30. },
  31. "appearances": {
  32. "default": {
  33. "default": true
  34. }
  35. },
  36. "variantGroups": {
  37. "shape": {
  38. "round": {
  39. "default": true
  40. },
  41. "rounded": {
  42. "default": false
  43. },
  44. "square": {
  45. "default": false
  46. }
  47. },
  48. "size": {
  49. "tiny": {
  50. "default": false
  51. },
  52. "small": {
  53. "default": false
  54. },
  55. "medium": {
  56. "default": true
  57. },
  58. "large": {
  59. "default": false
  60. },
  61. "giant": {
  62. "default": false
  63. }
  64. }
  65. },
  66. "states": {}
  67. },
  68. "appearances": {
  69. "default": {
  70. "mapping": {},
  71. "variantGroups": {
  72. "shape": {
  73. "round": {
  74. "roundCoefficient": 0.5
  75. },
  76. "rounded": {
  77. "roundCoefficient": 0.03
  78. },
  79. "square": {
  80. "roundCoefficient": 0.0
  81. }
  82. },
  83. "size": {
  84. "tiny": {
  85. "width": "size-tiny",
  86. "height": "size-tiny"
  87. },
  88. "small": {
  89. "width": "size-small",
  90. "height": "size-small"
  91. },
  92. "medium": {
  93. "width": "size-medium",
  94. "height": "size-medium"
  95. },
  96. "large": {
  97. "width": "size-large",
  98. "height": "size-large"
  99. },
  100. "giant": {
  101. "width": "size-giant",
  102. "height": "size-giant"
  103. }
  104. }
  105. }
  106. }
  107. }
  108. },
  109. "Input": {
  110. "appearances": {
  111. "default": {
  112. "mapping": {
  113. "paddingHorizontal": 8,
  114. "textMarginHorizontal": 8,
  115. "iconWidth": 24,
  116. "iconHeight": 24,
  117. "iconMarginHorizontal": 8,
  118. "labelMarginBottom": 4,
  119. "labelFontSize": "text-label-font-size",
  120. "labelFontWeight": "text-label-font-weight",
  121. "captionMarginTop": 0,
  122. "captionFontSize": "text-caption-1-font-size",
  123. "captionFontWeight": "text-caption-1-font-weight",
  124. "captionFontFamily": "text-caption-1-font-family",
  125. "captionIconWidth": 10,
  126. "captionIconHeight": 10,
  127. "captionIconMarginRight": 8
  128. },
  129. "variantGroups": {
  130. "status": {
  131. "basic": {
  132. "backgroundColor": "#F0F0F0",
  133. "labelColor": "text-basic-color",
  134. "captionColor": "color-danger-500",
  135. "state": {
  136. "focused": {
  137. "backgroundColor": "#F0F0F0"
  138. },
  139. "active": {
  140. "backgroundColor": "#F0F0F0"
  141. },
  142. "hover": {
  143. "backgroundColor": "#F0F0F0"
  144. },
  145. "disabled": {
  146. "backgroundColor": "#F0F0F0"
  147. }
  148. }
  149. }
  150. },
  151. "size": {
  152. "small": {
  153. "minHeight": "size-small",
  154. "borderRadius": "border-radius",
  155. "borderWidth": "border-width",
  156. "paddingVertical": 3,
  157. "textFontSize": "text-subtitle-2-font-size",
  158. "textFontWeight": "normal"
  159. }
  160. }
  161. }
  162. }
  163. }
  164. },
  165. "Button": {
  166. "appearances": {
  167. "filled": {
  168. "variantGroups": {
  169. "size": {
  170. "tiny": {
  171. "minWidth": 0,
  172. "minHeight": 0,
  173. "borderRadius": "border-radius",
  174. "borderWidth": 0,
  175. "paddingHorizontal": 6,
  176. "paddingVertical": 3,
  177. "textMarginHorizontal": 0,
  178. "textFontSize": 12,
  179. "textFontWeight": "bold",
  180. "iconWidth": 12,
  181. "iconHeight": 12,
  182. "iconMarginHorizontal": 6
  183. },
  184. "small": {
  185. "minWidth": 49,
  186. "minHeight": 22,
  187. "borderRadius": "border-radius",
  188. "borderWidth": "border-width",
  189. "paddingHorizontal": 7,
  190. "paddingVertical": 3,
  191. "textMarginHorizontal": 7,
  192. "textFontSize": 12,
  193. "textFontWeight": "normal",
  194. "iconWidth": 16,
  195. "iconHeight": 16,
  196. "iconMarginHorizontal": 8
  197. },
  198. "medium": {
  199. "minWidth": 112,
  200. "minHeight": 11,
  201. "borderRadius": "border-radius",
  202. "borderWidth": "border-width",
  203. "paddingHorizontal": 10,
  204. "paddingVertical": 6,
  205. "textMarginHorizontal": 10,
  206. "textFontSize": 12,
  207. "textFontWeight": "bold",
  208. "iconWidth": 20,
  209. "iconHeight": 20,
  210. "iconMarginHorizontal": 10
  211. },
  212. "large": {
  213. "minWidth": "size-large",
  214. "minHeight": "size-large",
  215. "borderRadius": "border-radius",
  216. "borderWidth": "border-width",
  217. "paddingHorizontal": 10,
  218. "paddingVertical": 14,
  219. "textMarginHorizontal": 10,
  220. "textFontSize": 16,
  221. "textFontWeight": "bold",
  222. "iconWidth": 24,
  223. "iconHeight": 24,
  224. "iconMarginHorizontal": 10
  225. },
  226. "giant": {
  227. "minWidth": "size-giant",
  228. "minHeight": "size-giant",
  229. "borderRadius": "border-radius",
  230. "borderWidth": "border-width",
  231. "paddingHorizontal": 12,
  232. "paddingVertical": 16,
  233. "textMarginHorizontal": 12,
  234. "textFontSize": 18,
  235. "textFontWeight": "bold",
  236. "iconWidth": 24,
  237. "iconHeight": 24,
  238. "iconMarginHorizontal": 12
  239. }
  240. }
  241. }
  242. },
  243. "outline": {
  244. "mapping": {},
  245. "variantGroups": {
  246. "status": {
  247. "basic": {
  248. "borderColor": "color-basic-transparent-default-border",
  249. "backgroundColor": "color-basic-transparent-default",
  250. "textColor": "text-hint-color",
  251. "iconTintColor": "text-hint-color",
  252. "state": {
  253. "focused": {
  254. "borderColor": "color-basic-transparent-focus-border",
  255. "backgroundColor": "color-basic-transparent-focus",
  256. "textColor": "text-hint-color",
  257. "iconTintColor": "text-hint-color"
  258. },
  259. "hover": {
  260. "borderColor": "color-basic-transparent-hover-border",
  261. "backgroundColor": "color-basic-transparent-hover",
  262. "textColor": "text-hint-color",
  263. "iconTintColor": "text-hint-color"
  264. },
  265. "active": {
  266. "borderColor": "color-basic-transparent-active-border",
  267. "backgroundColor": "color-basic-transparent-active",
  268. "textColor": "text-hint-color",
  269. "iconTintColor": "text-hint-color"
  270. },
  271. "disabled": {
  272. "borderColor": "color-basic-transparent-disabled-border",
  273. "backgroundColor": "color-basic-transparent-disabled",
  274. "textColor": "text-disabled-color",
  275. "iconTintColor": "text-disabled-color"
  276. }
  277. }
  278. },
  279. "primary": {
  280. "borderColor": "color-primary-transparent-default-border",
  281. "backgroundColor": "#fff",
  282. "textColor": "text-primary-color",
  283. "iconTintColor": "text-primary-color",
  284. "state": {
  285. "focused": {
  286. "borderColor": "color-primary-transparent-focus-border",
  287. "backgroundColor": "color-primary-transparent-focus",
  288. "textColor": "text-primary-color",
  289. "iconTintColor": "text-primary-color"
  290. },
  291. "hover": {
  292. "borderColor": "color-primary-transparent-hover-border",
  293. "backgroundColor": "color-primary-transparent-hover",
  294. "textColor": "text-primary-color",
  295. "iconTintColor": "text-primary-color"
  296. },
  297. "active": {
  298. "borderColor": "color-primary-transparent-active-border",
  299. "backgroundColor": "color-primary-transparent-active",
  300. "textColor": "text-primary-color",
  301. "iconTintColor": "text-primary-color"
  302. },
  303. "disabled": {
  304. "borderColor": "color-primary-transparent-disabled-border",
  305. "backgroundColor": "color-primary-transparent-disabled",
  306. "textColor": "text-disabled-color",
  307. "iconTintColor": "text-disabled-color"
  308. }
  309. }
  310. },
  311. "success": {
  312. "borderColor": "color-success-transparent-default-border",
  313. "backgroundColor": "color-success-transparent-default",
  314. "textColor": "text-success-color",
  315. "iconTintColor": "text-success-color",
  316. "state": {
  317. "focused": {
  318. "borderColor": "color-success-transparent-focus-border",
  319. "backgroundColor": "color-success-transparent-focus",
  320. "textColor": "text-success-color",
  321. "iconTintColor": "text-success-color"
  322. },
  323. "hover": {
  324. "borderColor": "color-success-transparent-hover-border",
  325. "backgroundColor": "color-success-transparent-hover",
  326. "textColor": "text-success-color",
  327. "iconTintColor": "text-success-color"
  328. },
  329. "active": {
  330. "borderColor": "color-success-transparent-active-border",
  331. "backgroundColor": "color-success-transparent-active",
  332. "textColor": "text-success-color",
  333. "iconTintColor": "text-success-color"
  334. },
  335. "disabled": {
  336. "borderColor": "color-success-transparent-disabled-border",
  337. "backgroundColor": "color-success-transparent-disabled",
  338. "textColor": "text-disabled-color",
  339. "iconTintColor": "text-disabled-color"
  340. }
  341. }
  342. },
  343. "info": {
  344. "borderColor": "color-info-transparent-default-border",
  345. "backgroundColor": "color-info-transparent-default",
  346. "textColor": "text-info-color",
  347. "iconTintColor": "text-info-color",
  348. "state": {
  349. "focused": {
  350. "borderColor": "color-info-transparent-focus-border",
  351. "backgroundColor": "color-info-transparent-focus",
  352. "textColor": "text-info-color",
  353. "iconTintColor": "text-info-color"
  354. },
  355. "hover": {
  356. "borderColor": "color-info-transparent-hover-border",
  357. "backgroundColor": "color-info-transparent-hover",
  358. "textColor": "text-info-color",
  359. "iconTintColor": "text-info-color"
  360. },
  361. "active": {
  362. "borderColor": "color-info-transparent-active-border",
  363. "backgroundColor": "color-info-transparent-active",
  364. "textColor": "text-info-color",
  365. "iconTintColor": "text-info-color"
  366. },
  367. "disabled": {
  368. "borderColor": "color-info-transparent-disabled-border",
  369. "backgroundColor": "color-info-transparent-disabled",
  370. "textColor": "text-disabled-color",
  371. "iconTintColor": "text-disabled-color"
  372. }
  373. }
  374. },
  375. "warning": {
  376. "borderColor": "color-warning-transparent-default-border",
  377. "backgroundColor": "color-warning-transparent-default",
  378. "textColor": "text-warning-color",
  379. "iconTintColor": "text-warning-color",
  380. "state": {
  381. "focused": {
  382. "borderColor": "color-warning-transparent-focus-border",
  383. "backgroundColor": "color-warning-transparent-focus",
  384. "textColor": "text-warning-color",
  385. "iconTintColor": "text-warning-color"
  386. },
  387. "hover": {
  388. "borderColor": "color-warning-transparent-hover-border",
  389. "backgroundColor": "color-warning-transparent-hover",
  390. "textColor": "text-warning-color",
  391. "iconTintColor": "text-warning-color"
  392. },
  393. "active": {
  394. "borderColor": "color-warning-transparent-active-border",
  395. "backgroundColor": "color-warning-transparent-active",
  396. "textColor": "text-warning-color",
  397. "iconTintColor": "text-warning-color"
  398. },
  399. "disabled": {
  400. "borderColor": "color-warning-transparent-disabled-border",
  401. "backgroundColor": "color-warning-transparent-disabled",
  402. "textColor": "text-disabled-color",
  403. "iconTintColor": "text-disabled-color"
  404. }
  405. }
  406. },
  407. "danger": {
  408. "borderColor": "color-danger-transparent-default-border",
  409. "backgroundColor": "color-danger-transparent-default",
  410. "textColor": "text-danger-color",
  411. "iconTintColor": "text-danger-color",
  412. "state": {
  413. "focused": {
  414. "borderColor": "color-danger-transparent-focus-border",
  415. "backgroundColor": "color-danger-transparent-focus",
  416. "textColor": "text-danger-color",
  417. "iconTintColor": "text-danger-color"
  418. },
  419. "hover": {
  420. "borderColor": "color-danger-transparent-hover-border",
  421. "backgroundColor": "color-danger-transparent-hover",
  422. "textColor": "text-danger-color",
  423. "iconTintColor": "text-danger-color"
  424. },
  425. "active": {
  426. "borderColor": "color-danger-transparent-active-border",
  427. "backgroundColor": "color-danger-transparent-active",
  428. "textColor": "text-danger-color",
  429. "iconTintColor": "text-danger-color"
  430. },
  431. "disabled": {
  432. "borderColor": "color-danger-transparent-disabled-border",
  433. "backgroundColor": "color-danger-transparent-disabled",
  434. "textColor": "text-disabled-color",
  435. "iconTintColor": "text-disabled-color"
  436. }
  437. }
  438. },
  439. "control": {
  440. "borderColor": "color-control-transparent-default-border",
  441. "backgroundColor": "color-control-transparent-default",
  442. "textColor": "text-control-color",
  443. "iconTintColor": "text-control-color",
  444. "state": {
  445. "focused": {
  446. "borderColor": "color-control-transparent-focus-border",
  447. "backgroundColor": "color-control-transparent-focus",
  448. "textColor": "text-control-color",
  449. "iconTintColor": "text-control-color"
  450. },
  451. "hover": {
  452. "borderColor": "color-control-transparent-hover-border",
  453. "backgroundColor": "color-control-transparent-hover",
  454. "textColor": "text-control-color",
  455. "iconTintColor": "text-control-color"
  456. },
  457. "active": {
  458. "borderColor": "color-control-transparent-active-border",
  459. "backgroundColor": "color-control-transparent-active",
  460. "textColor": "text-control-color",
  461. "iconTintColor": "text-control-color"
  462. },
  463. "disabled": {
  464. "borderColor": "color-control-transparent-disabled-border",
  465. "backgroundColor": "color-control-transparent-disabled",
  466. "textColor": "text-disabled-color",
  467. "iconTintColor": "text-disabled-color"
  468. }
  469. }
  470. }
  471. }
  472. }
  473. },
  474. "ghost": {
  475. "mapping": {},
  476. "variantGroups": {
  477. "status": {
  478. "basic": {
  479. "borderColor": "transparent",
  480. "backgroundColor": "transparent",
  481. "textColor": "text-hint-color",
  482. "iconTintColor": "text-hint-color",
  483. "state": {
  484. "focused": {
  485. "borderColor": "transparent",
  486. "backgroundColor": "transparent",
  487. "textColor": "text-hint-color",
  488. "iconTintColor": "text-hint-color"
  489. },
  490. "hover": {
  491. "borderColor": "transparent",
  492. "backgroundColor": "color-basic-transparent-100",
  493. "textColor": "text-hint-color",
  494. "iconTintColor": "text-hint-color"
  495. },
  496. "active": {
  497. "borderColor": "transparent",
  498. "backgroundColor": "color-basic-transparent-200",
  499. "textColor": "text-hint-color",
  500. "iconTintColor": "text-hint-color"
  501. },
  502. "disabled": {
  503. "borderColor": "transparent",
  504. "backgroundColor": "color-basic-transparent-200",
  505. "textColor": "text-disabled-color",
  506. "iconTintColor": "text-disabled-color"
  507. }
  508. }
  509. },
  510. "primary": {
  511. "borderColor": "transparent",
  512. "backgroundColor": "transparent",
  513. "textColor": "text-primary-color",
  514. "iconTintColor": "text-primary-color",
  515. "state": {
  516. "focused": {
  517. "borderColor": "color-basic-transparent-500",
  518. "backgroundColor": "color-basic-transparent-200",
  519. "textColor": "text-primary-color",
  520. "iconTintColor": "text-primary-color"
  521. },
  522. "hover": {
  523. "borderColor": "transparent",
  524. "backgroundColor": "color-basic-transparent-100",
  525. "textColor": "text-primary-color",
  526. "iconTintColor": "text-primary-color"
  527. },
  528. "active": {
  529. "borderColor": "transparent",
  530. "backgroundColor": "color-basic-transparent-200",
  531. "textColor": "text-primary-color",
  532. "iconTintColor": "text-primary-color"
  533. },
  534. "disabled": {
  535. "borderColor": "transparent",
  536. "backgroundColor": "color-basic-transparent-200",
  537. "textColor": "text-disabled-color",
  538. "iconTintColor": "text-disabled-color"
  539. }
  540. }
  541. },
  542. "success": {
  543. "borderColor": "transparent",
  544. "backgroundColor": "transparent",
  545. "textColor": "text-success-color",
  546. "iconTintColor": "text-success-color",
  547. "state": {
  548. "focused": {
  549. "borderColor": "color-basic-transparent-500",
  550. "backgroundColor": "color-basic-transparent-200",
  551. "textColor": "text-success-color",
  552. "iconTintColor": "text-success-color"
  553. },
  554. "hover": {
  555. "borderColor": "transparent",
  556. "backgroundColor": "color-basic-transparent-100",
  557. "textColor": "text-success-color",
  558. "iconTintColor": "text-success-color"
  559. },
  560. "active": {
  561. "borderColor": "transparent",
  562. "backgroundColor": "color-basic-transparent-200",
  563. "textColor": "text-success-color",
  564. "iconTintColor": "text-success-color"
  565. },
  566. "disabled": {
  567. "borderColor": "transparent",
  568. "backgroundColor": "color-basic-transparent-200",
  569. "textColor": "text-disabled-color",
  570. "iconTintColor": "text-disabled-color"
  571. }
  572. }
  573. },
  574. "info": {
  575. "borderColor": "transparent",
  576. "backgroundColor": "transparent",
  577. "textColor": "text-info-color",
  578. "iconTintColor": "text-info-color",
  579. "state": {
  580. "focused": {
  581. "borderColor": "color-basic-transparent-500",
  582. "backgroundColor": "color-basic-transparent-200",
  583. "textColor": "text-info-color",
  584. "iconTintColor": "text-info-color"
  585. },
  586. "hover": {
  587. "borderColor": "transparent",
  588. "backgroundColor": "color-basic-transparent-100",
  589. "textColor": "text-info-color",
  590. "iconTintColor": "text-info-color"
  591. },
  592. "active": {
  593. "borderColor": "transparent",
  594. "backgroundColor": "color-basic-transparent-200",
  595. "textColor": "text-info-color",
  596. "iconTintColor": "text-info-color"
  597. },
  598. "disabled": {
  599. "borderColor": "transparent",
  600. "backgroundColor": "color-basic-transparent-200",
  601. "textColor": "text-disabled-color",
  602. "iconTintColor": "text-disabled-color"
  603. }
  604. }
  605. },
  606. "warning": {
  607. "borderColor": "transparent",
  608. "backgroundColor": "transparent",
  609. "textColor": "text-warning-color",
  610. "iconTintColor": "text-warning-color",
  611. "state": {
  612. "focused": {
  613. "borderColor": "color-basic-transparent-500",
  614. "backgroundColor": "color-basic-transparent-200",
  615. "textColor": "text-info-color",
  616. "iconTintColor": "text-info-color"
  617. },
  618. "hover": {
  619. "borderColor": "transparent",
  620. "backgroundColor": "color-basic-transparent-100",
  621. "textColor": "text-warning-color",
  622. "iconTintColor": "text-warning-color"
  623. },
  624. "active": {
  625. "borderColor": "transparent",
  626. "backgroundColor": "color-basic-transparent-200",
  627. "textColor": "text-warning-color",
  628. "iconTintColor": "text-warning-color"
  629. },
  630. "disabled": {
  631. "borderColor": "transparent",
  632. "backgroundColor": "color-basic-transparent-200",
  633. "textColor": "text-disabled-color",
  634. "iconTintColor": "text-disabled-color"
  635. }
  636. }
  637. },
  638. "danger": {
  639. "borderColor": "transparent",
  640. "backgroundColor": "transparent",
  641. "textColor": "text-danger-color",
  642. "iconTintColor": "text-danger-color",
  643. "state": {
  644. "focused": {
  645. "borderColor": "color-basic-transparent-500",
  646. "backgroundColor": "color-basic-transparent-200",
  647. "textColor": "text-danger-color",
  648. "iconTintColor": "text-danger-color"
  649. },
  650. "hover": {
  651. "borderColor": "transparent",
  652. "backgroundColor": "color-basic-transparent-100",
  653. "textColor": "text-danger-color",
  654. "iconTintColor": "text-danger-color"
  655. },
  656. "active": {
  657. "borderColor": "transparent",
  658. "backgroundColor": "color-basic-transparent-200",
  659. "textColor": "text-danger-color",
  660. "iconTintColor": "text-danger-color"
  661. },
  662. "disabled": {
  663. "borderColor": "transparent",
  664. "backgroundColor": "color-basic-transparent-200",
  665. "textColor": "text-disabled-color",
  666. "iconTintColor": "text-disabled-color"
  667. }
  668. }
  669. },
  670. "control": {
  671. "borderColor": "transparent",
  672. "backgroundColor": "transparent",
  673. "textColor": "text-control-color",
  674. "iconTintColor": "text-control-color",
  675. "state": {
  676. "focused": {
  677. "borderColor": "color-basic-transparent-500",
  678. "backgroundColor": "color-basic-transparent-200",
  679. "textColor": "text-control-color",
  680. "iconTintColor": "text-control-color"
  681. },
  682. "hover": {
  683. "borderColor": "transparent",
  684. "backgroundColor": "color-basic-transparent-100",
  685. "textColor": "text-control-color",
  686. "iconTintColor": "text-control-color"
  687. },
  688. "active": {
  689. "borderColor": "transparent",
  690. "backgroundColor": "color-basic-transparent-200",
  691. "textColor": "text-control-color",
  692. "iconTintColor": "text-control-color"
  693. },
  694. "disabled": {
  695. "borderColor": "transparent",
  696. "backgroundColor": "color-basic-transparent-200",
  697. "textColor": "text-disabled-color",
  698. "iconTintColor": "text-disabled-color"
  699. }
  700. }
  701. }
  702. },
  703. "size": {
  704. "medium": {
  705. "minWidth": 0,
  706. "minHeight": 20,
  707. "iconWidth": 12,
  708. "iconHeight": 12,
  709. "paddingHorizontal": 5,
  710. "paddingVertical": 5,
  711. "borderRadius": "border-radius",
  712. "borderWidth": "border-width",
  713. "textMarginHorizontal": 2,
  714. "textFontSize": 12,
  715. "textFontWeight": "normal",
  716. "iconMarginHorizontal": 0
  717. }
  718. }
  719. }
  720. },
  721. "imageButton": {
  722. "mapping": {
  723. "textFontFamily": "text-font-family",
  724. "iconMarginHorizontal": 4
  725. },
  726. "variantGroups": {
  727. "status": {
  728. "primary": {
  729. "borderColor": "#FFF5D8",
  730. "backgroundColor": "#FFF5D8"
  731. }
  732. },
  733. "size": {
  734. "medium": {
  735. "minWidth": 67,
  736. "minHeight": 67,
  737. "iconWidth": 50,
  738. "iconHeight": 50,
  739. "paddingHorizontal": 0,
  740. "paddingVertical": 0
  741. }
  742. }
  743. }
  744. },
  745. "bannerButton": {
  746. "mapping": {
  747. "textFontFamily": "text-font-family",
  748. "iconMarginHorizontal": 4
  749. },
  750. "variantGroups": {
  751. "status": {
  752. "primary": {
  753. "borderColor": "transparent",
  754. "backgroundColor": "transparent",
  755. "state": {
  756. "focused": {
  757. "borderColor": "transparent",
  758. "backgroundColor": "transparent"
  759. },
  760. "hover": {
  761. "borderColor": "transparent",
  762. "backgroundColor": "transparent"
  763. },
  764. "active": {
  765. "borderColor": "transparent",
  766. "backgroundColor": "transparent"
  767. },
  768. "disabled": {
  769. "borderColor": "transparent",
  770. "backgroundColor": "transparent",
  771. "textColor": "text-disabled-color",
  772. "iconTintColor": "text-disabled-color"
  773. }
  774. }
  775. }
  776. },
  777. "size": {
  778. "medium": {
  779. "minWidth": "100%",
  780. "minHeight": 66
  781. }
  782. }
  783. }
  784. },
  785. "labelButton": {
  786. "mapping": {
  787. "textFontFamily": "text-font-family",
  788. "iconMarginHorizontal": 4
  789. },
  790. "variantGroups": {
  791. "status": {
  792. "primary": {
  793. "borderColor": "transparent",
  794. "backgroundColor": "transparent",
  795. "textColor": "#787878",
  796. "iconTintColor": "#787878",
  797. "state": {
  798. "focused": {
  799. "borderColor": "transparent",
  800. "backgroundColor": "transparent"
  801. },
  802. "hover": {
  803. "borderColor": "transparent",
  804. "backgroundColor": "transparent"
  805. },
  806. "active": {
  807. "borderColor": "transparent",
  808. "backgroundColor": "transparent"
  809. },
  810. "disabled": {
  811. "borderColor": "transparent",
  812. "backgroundColor": "transparent",
  813. "textColor": "text-disabled-color",
  814. "iconTintColor": "text-disabled-color"
  815. }
  816. }
  817. }
  818. },
  819. "size": {
  820. "medium": {
  821. "minWidth": "100%",
  822. "minHeight": "100%",
  823. "textFontSize": 10
  824. }
  825. }
  826. }
  827. },
  828. "classification": {
  829. "mapping": {
  830. "textFontFamily": "text-font-family",
  831. "iconMarginHorizontal": 4
  832. },
  833. "variantGroups": {
  834. "size": {
  835. "medium": {
  836. "minWidth": 33,
  837. "minHeight": 33,
  838. "textFontSize": 10,
  839. "paddingHorizontal": 6,
  840. "paddingVertical": 6,
  841. "textMarginHorizontal": 0
  842. }
  843. }
  844. }
  845. },
  846. "badge": {
  847. "variantGroups": {
  848. "status": {
  849. "basic": {
  850. "borderColor": "color-basic-default-border",
  851. "backgroundColor": "color-basic-default",
  852. "textColor": "color-basic-800",
  853. "iconTintColor": "color-basic-800",
  854. "state": {
  855. "focused": {
  856. "borderColor": "color-basic-focus-border",
  857. "backgroundColor": "color-basic-focus"
  858. },
  859. "hover": {
  860. "borderColor": "color-basic-hover-border",
  861. "backgroundColor": "color-basic-hover"
  862. },
  863. "active": {
  864. "borderColor": "color-basic-active-border",
  865. "backgroundColor": "color-basic-active"
  866. },
  867. "disabled": {
  868. "borderColor": "color-basic-disabled-border",
  869. "backgroundColor": "color-basic-disabled",
  870. "textColor": "text-disabled-color",
  871. "iconTintColor": "text-disabled-color"
  872. }
  873. }
  874. },
  875. "primary": {
  876. "borderColor": "#F8ECD6",
  877. "backgroundColor": "#F8ECD6",
  878. "textColor": "#FFC21C",
  879. "iconTintColor": "#FFC21C",
  880. "state": {
  881. "focused": {
  882. "borderColor": "rgba(248,236,214,0.8)",
  883. "backgroundColor": "rgba(248,236,214,0.8)"
  884. },
  885. "hover": {
  886. "borderColor": "rgba(248,236,214,0.8)",
  887. "backgroundColor": "rgba(248,236,214,0.8)"
  888. },
  889. "active": {
  890. "borderColor": "rgba(248,236,214,0.8)",
  891. "backgroundColor": "rgba(248,236,214,0.8)"
  892. },
  893. "disabled": {
  894. "borderColor": "color-primary-disabled-border",
  895. "backgroundColor": "color-primary-disabled",
  896. "textColor": "text-disabled-color",
  897. "iconTintColor": "text-disabled-color"
  898. }
  899. }
  900. },
  901. "success": {
  902. "borderColor": "color-success-default-border",
  903. "backgroundColor": "color-success-default",
  904. "textColor": "text-control-color",
  905. "iconTintColor": "text-control-color",
  906. "state": {
  907. "focused": {
  908. "borderColor": "color-success-focus-border",
  909. "backgroundColor": "color-success-focus"
  910. },
  911. "hover": {
  912. "borderColor": "color-success-hover-border",
  913. "backgroundColor": "color-success-hover"
  914. },
  915. "active": {
  916. "borderColor": "color-success-active-border",
  917. "backgroundColor": "color-success-active"
  918. },
  919. "disabled": {
  920. "borderColor": "color-success-disabled-border",
  921. "backgroundColor": "color-success-disabled",
  922. "textColor": "text-disabled-color",
  923. "iconTintColor": "text-disabled-color"
  924. }
  925. }
  926. },
  927. "info": {
  928. "borderColor": "color-info-transparent-300",
  929. "backgroundColor": "color-info-transparent-300",
  930. "textColor": "#B5B5B5",
  931. "iconTintColor": "#B5B5B5",
  932. "state": {
  933. "focused": {
  934. "borderColor": "color-info-transparent-200",
  935. "backgroundColor": "color-info-transparent-200"
  936. },
  937. "hover": {
  938. "borderColor": "color-info-transparent-200",
  939. "backgroundColor": "color-info-transparent-200"
  940. },
  941. "active": {
  942. "borderColor": "color-info-transparent-200",
  943. "backgroundColor": "color-info-transparent-200"
  944. },
  945. "disabled": {
  946. "borderColor": "color-info-disabled-border",
  947. "backgroundColor": "color-info-disabled",
  948. "textColor": "text-disabled-color",
  949. "iconTintColor": "text-disabled-color"
  950. }
  951. }
  952. },
  953. "warning": {
  954. "borderColor": "color-primary-default-border",
  955. "backgroundColor": "color-primary-default",
  956. "textColor": "text-control-color",
  957. "iconTintColor": "text-control-color",
  958. "state": {
  959. "focused": {
  960. "borderColor": "color-primary-focus-border",
  961. "backgroundColor": "color-primary-focus"
  962. },
  963. "hover": {
  964. "borderColor": "color-primary-hover-border",
  965. "backgroundColor": "color-primary-hover"
  966. },
  967. "active": {
  968. "borderColor": "color-primary-active-border",
  969. "backgroundColor": "color-primary-active"
  970. },
  971. "disabled": {
  972. "borderColor": "color-primary-disabled-border",
  973. "backgroundColor": "color-primary-disabled",
  974. "textColor": "text-disabled-color",
  975. "iconTintColor": "text-disabled-color"
  976. }
  977. }
  978. },
  979. "danger": {
  980. "borderColor": "color-danger-default-border",
  981. "backgroundColor": "color-danger-default",
  982. "textColor": "text-control-color",
  983. "iconTintColor": "text-control-color",
  984. "state": {
  985. "focused": {
  986. "borderColor": "color-danger-focus-border",
  987. "backgroundColor": "color-danger-focus"
  988. },
  989. "hover": {
  990. "borderColor": "color-danger-hover-border",
  991. "backgroundColor": "color-danger-hover"
  992. },
  993. "active": {
  994. "borderColor": "color-danger-active-border",
  995. "backgroundColor": "color-danger-active"
  996. },
  997. "disabled": {
  998. "borderColor": "color-danger-disabled-border",
  999. "backgroundColor": "color-danger-disabled",
  1000. "textColor": "text-disabled-color",
  1001. "iconTintColor": "text-disabled-color"
  1002. }
  1003. }
  1004. },
  1005. "control": {
  1006. "borderColor": "color-control-default-border",
  1007. "backgroundColor": "color-control-default",
  1008. "textColor": "color-basic-800",
  1009. "iconTintColor": "color-basic-800",
  1010. "state": {
  1011. "focused": {
  1012. "borderColor": "color-control-focus-border",
  1013. "backgroundColor": "color-control-focus"
  1014. },
  1015. "hover": {
  1016. "borderColor": "color-control-hover-border",
  1017. "backgroundColor": "color-control-hover"
  1018. },
  1019. "active": {
  1020. "borderColor": "color-control-active-border",
  1021. "backgroundColor": "color-control-active"
  1022. },
  1023. "disabled": {
  1024. "borderColor": "color-control-disabled-border",
  1025. "backgroundColor": "color-control-disabled",
  1026. "textColor": "text-disabled-color",
  1027. "iconTintColor": "text-disabled-color"
  1028. }
  1029. }
  1030. }
  1031. },
  1032. "size": {
  1033. "medium": {
  1034. "minWidth": 50,
  1035. "minHeight": 25,
  1036. "borderRadius": "border-radius",
  1037. "borderWidth": "border-width",
  1038. "paddingHorizontal": 10,
  1039. "paddingVertical": 7,
  1040. "textMarginHorizontal": 0,
  1041. "textFontSize": 12,
  1042. "textFontWeight": "normal",
  1043. "iconWidth": 20,
  1044. "iconHeight": 20,
  1045. "iconMarginHorizontal": 0
  1046. }
  1047. }
  1048. }
  1049. }
  1050. }
  1051. },
  1052. "Card": {
  1053. "meta": {
  1054. "scope": "all",
  1055. "parameters": {
  1056. "backgroundColor": {
  1057. "type": "string"
  1058. },
  1059. "borderRadius": {
  1060. "type": "number"
  1061. },
  1062. "borderColor": {
  1063. "type": "string"
  1064. },
  1065. "borderWidth": {
  1066. "type": "number"
  1067. },
  1068. "bodyPaddingHorizontal": {
  1069. "type": "number"
  1070. },
  1071. "bodyPaddingVertical": {
  1072. "type": "number"
  1073. },
  1074. "headerPaddingHorizontal": {
  1075. "type": "number"
  1076. },
  1077. "headerPaddingVertical": {
  1078. "type": "number"
  1079. },
  1080. "footerPaddingHorizontal": {
  1081. "type": "number"
  1082. },
  1083. "footerPaddingVertical": {
  1084. "type": "number"
  1085. },
  1086. "accentBackgroundColor": {
  1087. "type": "string"
  1088. },
  1089. "accentHeight": {
  1090. "type": "number"
  1091. }
  1092. },
  1093. "appearances": {
  1094. "filled": {
  1095. "default": false
  1096. },
  1097. "outline": {
  1098. "default": true
  1099. }
  1100. },
  1101. "variantGroups": {
  1102. "status": {
  1103. "basic": {
  1104. "default": false
  1105. },
  1106. "primary": {
  1107. "default": false
  1108. },
  1109. "success": {
  1110. "default": false
  1111. },
  1112. "info": {
  1113. "default": false
  1114. },
  1115. "warning": {
  1116. "default": false
  1117. },
  1118. "danger": {
  1119. "default": false
  1120. },
  1121. "control": {
  1122. "default": false
  1123. }
  1124. },
  1125. "direction": {
  1126. "horizontal": {
  1127. "default": true
  1128. },
  1129. "vertical": {
  1130. "default": false
  1131. }
  1132. }
  1133. },
  1134. "states": {
  1135. "active": {
  1136. "default": false,
  1137. "priority": 0,
  1138. "scope": "all"
  1139. }
  1140. }
  1141. },
  1142. "appearances": {
  1143. "outline": {
  1144. "mapping": {
  1145. "backgroundColor": "background-basic-color-1",
  1146. "borderRadius": "border-radius",
  1147. "borderColor": "border-basic-color-4",
  1148. "borderWidth": 1,
  1149. "accentHeight": 0,
  1150. "bodyPaddingHorizontal": 24,
  1151. "bodyPaddingVertical": 16,
  1152. "headerPaddingHorizontal": 24,
  1153. "headerPaddingVertical": 16,
  1154. "footerPaddingHorizontal": 24,
  1155. "footerPaddingVertical": 16,
  1156. "state": {
  1157. "active": {
  1158. "backgroundColor": "background-basic-color-2"
  1159. }
  1160. }
  1161. },
  1162. "variantGroups": {
  1163. "status": {
  1164. "basic": {
  1165. "accentHeight": 4,
  1166. "accentBackgroundColor": "color-basic-default"
  1167. },
  1168. "primary": {
  1169. "accentHeight": 4,
  1170. "accentBackgroundColor": "color-primary-default"
  1171. },
  1172. "success": {
  1173. "accentHeight": 4,
  1174. "accentBackgroundColor": "color-success-default"
  1175. },
  1176. "info": {
  1177. "accentHeight": 4,
  1178. "accentBackgroundColor": "color-info-default"
  1179. },
  1180. "warning": {
  1181. "accentHeight": 4,
  1182. "accentBackgroundColor": "color-warning-default"
  1183. },
  1184. "danger": {
  1185. "accentHeight": 4,
  1186. "accentBackgroundColor": "color-danger-default"
  1187. },
  1188. "control": {
  1189. "accentHeight": 4,
  1190. "accentBackgroundColor": "color-control-default"
  1191. }
  1192. }
  1193. }
  1194. },
  1195. "filled": {
  1196. "mapping": {
  1197. "backgroundColor": "transparent",
  1198. "borderWidth": 0,
  1199. "accentBackgroundColor": "#eee",
  1200. "accentHeight": 7,
  1201. "state": {
  1202. "active": {
  1203. "backgroundColor": "transparent"
  1204. }
  1205. }
  1206. }
  1207. },
  1208. "headFilled": {
  1209. "mapping": {
  1210. "backgroundColor": "transparent",
  1211. "borderWidth": 0,
  1212. "accentBackgroundColor": "#eee",
  1213. "accentHeight": 7,
  1214. "bodyPaddingHorizontal": 50,
  1215. "bodyPaddingVertical": 20,
  1216. "headerPaddingHorizontal": 50,
  1217. "headerPaddingVertical": 20,
  1218. "footerPaddingHorizontal": 50,
  1219. "footerPaddingVertical": 20,
  1220. "state": {
  1221. "active": {
  1222. "backgroundColor": "transparent"
  1223. }
  1224. }
  1225. }
  1226. },
  1227. "formFilled": {
  1228. "mapping": {
  1229. "backgroundColor": "transparent",
  1230. "borderWidth": 0,
  1231. "accentBackgroundColor": "#eee",
  1232. "accentHeight": 7,
  1233. "bodyPaddingHorizontal": 15,
  1234. "bodyPaddingVertical": 10,
  1235. "headerPaddingHorizontal": 15,
  1236. "headerPaddingVertical": 10,
  1237. "footerPaddingHorizontal": 15,
  1238. "footerPaddingVertical": 10,
  1239. "state": {
  1240. "active": {
  1241. "backgroundColor": "transparent"
  1242. }
  1243. }
  1244. }
  1245. },
  1246. "modalCrad": {
  1247. "mapping": {
  1248. "bodyPaddingHorizontal": 10,
  1249. "bodyPaddingVertical": 10,
  1250. "headerPaddingHorizontal": 10,
  1251. "headerPaddingVertical": 10,
  1252. "footerPaddingHorizontal": 10,
  1253. "footerPaddingVertical": 10
  1254. }
  1255. },
  1256. "diaogOutline": {
  1257. "mapping": {
  1258. "accentHeight": 0,
  1259. "bodyPaddingHorizontal": 24,
  1260. "bodyPaddingVertical": 10,
  1261. "headerPaddingHorizontal": 24,
  1262. "headerPaddingVertical": 20,
  1263. "footerPaddingHorizontal": 24,
  1264. "footerPaddingVertical": 15,
  1265. "state": {
  1266. "active": {
  1267. "backgroundColor": "background-basic-color-2"
  1268. }
  1269. }
  1270. },
  1271. "variantGroups": {
  1272. "status": {
  1273. "basic": {
  1274. "accentHeight": 4,
  1275. "accentBackgroundColor": "color-basic-default"
  1276. },
  1277. "primary": {
  1278. "accentHeight": 4,
  1279. "accentBackgroundColor": "color-primary-default"
  1280. },
  1281. "success": {
  1282. "accentHeight": 4,
  1283. "accentBackgroundColor": "color-success-default"
  1284. },
  1285. "info": {
  1286. "accentHeight": 4,
  1287. "accentBackgroundColor": "color-info-default"
  1288. },
  1289. "warning": {
  1290. "accentHeight": 4,
  1291. "accentBackgroundColor": "color-warning-default"
  1292. },
  1293. "danger": {
  1294. "accentHeight": 4,
  1295. "accentBackgroundColor": "color-danger-default"
  1296. },
  1297. "control": {
  1298. "accentHeight": 4,
  1299. "accentBackgroundColor": "color-control-default"
  1300. }
  1301. }
  1302. }
  1303. },
  1304. "headerList": {
  1305. "mapping": {
  1306. "backgroundColor": "transparent",
  1307. "accentHeight": 0,
  1308. "bodyPaddingHorizontal": 15,
  1309. "bodyPaddingVertical": 10,
  1310. "headerPaddingHorizontal": 15,
  1311. "headerPaddingVertical": 0,
  1312. "footerPaddingHorizontal": 15,
  1313. "footerPaddingVertical": 0,
  1314. "borderColor": "transparent",
  1315. "state": {
  1316. "active": {
  1317. "backgroundColor": "background-basic-color-2"
  1318. }
  1319. }
  1320. },
  1321. "variantGroups": {
  1322. "status": {
  1323. "basic": {
  1324. "accentHeight": 4,
  1325. "accentBackgroundColor": "color-basic-default"
  1326. },
  1327. "primary": {
  1328. "accentHeight": 4,
  1329. "accentBackgroundColor": "color-primary-default"
  1330. },
  1331. "success": {
  1332. "accentHeight": 4,
  1333. "accentBackgroundColor": "color-success-default"
  1334. },
  1335. "info": {
  1336. "accentHeight": 4,
  1337. "accentBackgroundColor": "color-info-default"
  1338. },
  1339. "warning": {
  1340. "accentHeight": 4,
  1341. "accentBackgroundColor": "color-warning-default"
  1342. },
  1343. "danger": {
  1344. "accentHeight": 4,
  1345. "accentBackgroundColor": "color-danger-default"
  1346. },
  1347. "control": {
  1348. "accentHeight": 4,
  1349. "accentBackgroundColor": "color-control-default"
  1350. }
  1351. }
  1352. }
  1353. },
  1354. "goodsCard": {
  1355. "mapping": {
  1356. "accentHeight": 0,
  1357. "bodyPaddingHorizontal": 13,
  1358. "bodyPaddingVertical": 20,
  1359. "borderColor": "transparent",
  1360. "borderRadius": 3,
  1361. "state": {
  1362. "active": {
  1363. "backgroundColor": "background-basic-color-2"
  1364. }
  1365. }
  1366. },
  1367. "variantGroups": {
  1368. "status": {
  1369. "basic": {
  1370. "accentHeight": 4,
  1371. "accentBackgroundColor": "color-basic-default"
  1372. },
  1373. "primary": {
  1374. "accentHeight": 4,
  1375. "accentBackgroundColor": "color-primary-default"
  1376. },
  1377. "success": {
  1378. "accentHeight": 4,
  1379. "accentBackgroundColor": "color-success-default"
  1380. },
  1381. "info": {
  1382. "accentHeight": 4,
  1383. "accentBackgroundColor": "color-info-default"
  1384. },
  1385. "warning": {
  1386. "accentHeight": 4,
  1387. "accentBackgroundColor": "color-warning-default"
  1388. },
  1389. "danger": {
  1390. "accentHeight": 4,
  1391. "accentBackgroundColor": "color-danger-default"
  1392. },
  1393. "control": {
  1394. "accentHeight": 4,
  1395. "accentBackgroundColor": "color-control-default"
  1396. }
  1397. },
  1398. "direction": {
  1399. "vertical": {
  1400. "bodyPaddingHorizontal": 0,
  1401. "bodyPaddingVertical": 0
  1402. }
  1403. }
  1404. }
  1405. },
  1406. "classification": {
  1407. "mapping": {
  1408. "accentHeight": 0,
  1409. "bodyPaddingHorizontal": 10,
  1410. "bodyPaddingVertical": 5,
  1411. "borderColor": "transparent",
  1412. "borderRadius": 3,
  1413. "state": {
  1414. "active": {
  1415. "backgroundColor": "background-basic-color-2"
  1416. }
  1417. }
  1418. },
  1419. "variantGroups": {
  1420. "status": {
  1421. "basic": {
  1422. "accentHeight": 4,
  1423. "accentBackgroundColor": "color-basic-default"
  1424. },
  1425. "primary": {
  1426. "accentHeight": 4,
  1427. "accentBackgroundColor": "color-primary-default"
  1428. },
  1429. "success": {
  1430. "accentHeight": 4,
  1431. "accentBackgroundColor": "color-success-default"
  1432. },
  1433. "info": {
  1434. "accentHeight": 4,
  1435. "accentBackgroundColor": "color-info-default"
  1436. },
  1437. "warning": {
  1438. "accentHeight": 4,
  1439. "accentBackgroundColor": "color-warning-default"
  1440. },
  1441. "danger": {
  1442. "accentHeight": 4,
  1443. "accentBackgroundColor": "color-danger-default"
  1444. },
  1445. "control": {
  1446. "accentHeight": 4,
  1447. "accentBackgroundColor": "color-control-default"
  1448. }
  1449. },
  1450. "direction": {
  1451. "vertical": {
  1452. "bodyPaddingHorizontal": 0,
  1453. "bodyPaddingVertical": 0
  1454. }
  1455. }
  1456. }
  1457. },
  1458. "homeCard": {
  1459. "mapping": {
  1460. "accentHeight": 0,
  1461. "bodyPaddingHorizontal": 10,
  1462. "bodyPaddingVertical": 10,
  1463. "borderRadius": 3,
  1464. "headerPaddingVertical": 0,
  1465. "footerPaddingVertical": 0
  1466. }
  1467. },
  1468. "homePage1Card": {
  1469. "mapping": {
  1470. "accentHeight": 0,
  1471. "bodyPaddingHorizontal": 15,
  1472. "bodyPaddingVertical": 0,
  1473. "borderRadius": 3,
  1474. "headerPaddingVertical": 10,
  1475. "headerPaddingHorizontal": 15,
  1476. "footerPaddingVertical": 5,
  1477. "borderWidth": 0
  1478. }
  1479. },
  1480. "CommentCard": {
  1481. "mapping": {
  1482. "accentHeight": 0,
  1483. "bodyPaddingHorizontal": 13,
  1484. "bodyPaddingVertical": 0,
  1485. "borderColor": "transparent",
  1486. "borderRadius": 3,
  1487. "state": {
  1488. "active": {
  1489. "backgroundColor": "background-basic-color-2"
  1490. }
  1491. }
  1492. },
  1493. "variantGroups": {
  1494. "status": {
  1495. "basic": {
  1496. "accentHeight": 4,
  1497. "accentBackgroundColor": "color-basic-default"
  1498. },
  1499. "primary": {
  1500. "accentHeight": 4,
  1501. "accentBackgroundColor": "color-primary-default"
  1502. },
  1503. "success": {
  1504. "accentHeight": 4,
  1505. "accentBackgroundColor": "color-success-default"
  1506. },
  1507. "info": {
  1508. "accentHeight": 4,
  1509. "accentBackgroundColor": "color-info-default"
  1510. },
  1511. "warning": {
  1512. "accentHeight": 4,
  1513. "accentBackgroundColor": "color-warning-default"
  1514. },
  1515. "danger": {
  1516. "accentHeight": 4,
  1517. "accentBackgroundColor": "color-danger-default"
  1518. },
  1519. "control": {
  1520. "accentHeight": 4,
  1521. "accentBackgroundColor": "color-control-default"
  1522. }
  1523. },
  1524. "direction": {
  1525. "vertical": {
  1526. "bodyPaddingHorizontal": 0,
  1527. "bodyPaddingVertical": 0
  1528. }
  1529. }
  1530. }
  1531. }
  1532. }
  1533. },
  1534. "SelectOption": {
  1535. "appearances": {
  1536. "default": {
  1537. "mapping": {
  1538. "paddingHorizontal": 8,
  1539. "paddingVertical": 12,
  1540. "backgroundColor": "background-basic-color-1",
  1541. "textMarginHorizontal": 8,
  1542. "textFontSize": "text-subtitle-1-font-size",
  1543. "textFontWeight": "text-subtitle-1-font-weight",
  1544. "textFontFamily": "text-subtitle-1-font-family",
  1545. "textColor": "text-basic-color",
  1546. "iconWidth": 20,
  1547. "iconHeight": 20,
  1548. "iconMarginHorizontal": 8,
  1549. "iconTintColor": "text-hint-color",
  1550. "state": {
  1551. "hover": {
  1552. "iconTintColor": "text-primary-hover-color",
  1553. "backgroundColor": "color-basic-transparent-hover"
  1554. },
  1555. "active": {
  1556. "backgroundColor": "color-basic-transparent-active"
  1557. },
  1558. "selected": {
  1559. "backgroundColor": "color-primary-transparent-default",
  1560. "textColor": "text-basic-color",
  1561. "iconTintColor": "text-primary-color"
  1562. },
  1563. "selected.hover": {
  1564. "background-color": "color-primary-transparent-100",
  1565. "textColor": "text-basic-color"
  1566. },
  1567. "disabled": {
  1568. "backgroundColor": "background-basic-color-1",
  1569. "textColor": "text-disabled-color",
  1570. "iconTintColor": "text-disabled-color"
  1571. }
  1572. }
  1573. }
  1574. },
  1575. "grouped": {
  1576. "mapping": {
  1577. "paddingLeft": 16
  1578. }
  1579. },
  1580. "form": {
  1581. "mapping": {
  1582. "paddingVertical": 5,
  1583. "textFontSize": "text-subtitle-2-font-size"
  1584. }
  1585. }
  1586. }
  1587. },
  1588. "MenuItem": {
  1589. "appearances": {
  1590. "default": {
  1591. "mapping": {
  1592. "paddingHorizontal": 8,
  1593. "paddingVertical": 12,
  1594. "backgroundColor": "background-basic-color-1",
  1595. "indicatorWidth": 0,
  1596. "indicatorBackgroundColor": "transparent",
  1597. "titleMarginHorizontal": 8,
  1598. "titleFontSize": "text-subtitle-2-font-size",
  1599. "titleFontWeight": "text-subtitle-2-font-weight",
  1600. "titleFontFamily": "text-subtitle-2-font-family",
  1601. "titleColor": "text-basic-color",
  1602. "iconWidth": 20,
  1603. "iconHeight": 20,
  1604. "iconMarginHorizontal": 8,
  1605. "iconTintColor": "text-hint-color",
  1606. "state": {
  1607. "hover": {
  1608. "titleColor": "text-primary-hover-color",
  1609. "iconTintColor": "text-primary-hover-color"
  1610. },
  1611. "active": {
  1612. "backgroundColor": "color-basic-transparent-active"
  1613. },
  1614. "selected": {
  1615. "backgroundColor": "color-primary-transparent-default",
  1616. "indicatorWidth": 4,
  1617. "indicatorBackgroundColor": "color-primary-default",
  1618. "titleColor": "text-primary-color",
  1619. "iconTintColor": "text-primary-color"
  1620. },
  1621. "disabled": {
  1622. "titleColor": "text-disabled-color",
  1623. "iconTintColor": "text-disabled-color"
  1624. }
  1625. }
  1626. }
  1627. },
  1628. "grouped": {
  1629. "mapping": {
  1630. "paddingLeft": 16
  1631. }
  1632. },
  1633. "cardContent": {
  1634. "mapping": {
  1635. "paddingHorizontal": 0
  1636. }
  1637. }
  1638. }
  1639. },
  1640. "TopNavigation": {
  1641. "meta": {
  1642. "scope": "mobile",
  1643. "parameters": {
  1644. "minHeight": {
  1645. "type": "number"
  1646. },
  1647. "paddingVertical": {
  1648. "type": "number"
  1649. },
  1650. "paddingHorizontal": {
  1651. "type": "number"
  1652. },
  1653. "backgroundColor": {
  1654. "type": "string"
  1655. },
  1656. "titleTextAlign": {
  1657. "type": "string"
  1658. },
  1659. "titleFontFamily": {
  1660. "type": "string"
  1661. },
  1662. "titleFontSize": {
  1663. "type": "number"
  1664. },
  1665. "titleFontWeight": {
  1666. "type": "string"
  1667. },
  1668. "titleColor": {
  1669. "type": "string"
  1670. },
  1671. "subtitleTextAlign": {
  1672. "type": "string"
  1673. },
  1674. "subtitleFontFamily": {
  1675. "type": "string"
  1676. },
  1677. "subtitleFontSize": {
  1678. "type": "number"
  1679. },
  1680. "subtitleFontWeight": {
  1681. "type": "string"
  1682. },
  1683. "subtitleColor": {
  1684. "type": "string"
  1685. }
  1686. },
  1687. "appearances": {
  1688. "default": {
  1689. "default": true
  1690. },
  1691. "control": {
  1692. "default": false
  1693. }
  1694. },
  1695. "variantGroups": {
  1696. "alignment": {
  1697. "start": {
  1698. "default": true
  1699. },
  1700. "center": {
  1701. "default": false
  1702. }
  1703. }
  1704. },
  1705. "states": {}
  1706. },
  1707. "appearances": {
  1708. "default": {
  1709. "mapping": {
  1710. "minHeight": 56,
  1711. "paddingVertical": 8,
  1712. "paddingHorizontal": 8,
  1713. "backgroundColor": "color-primary-500",
  1714. "titleColor": "#fff",
  1715. "iconTintColor": "#fff"
  1716. },
  1717. "variantGroups": {
  1718. "alignment": {
  1719. "start": {
  1720. "titleTextAlign": "left",
  1721. "subtitleTextAlign": "left"
  1722. },
  1723. "center": {
  1724. "titleTextAlign": "center",
  1725. "subtitleTextAlign": "center"
  1726. }
  1727. }
  1728. }
  1729. },
  1730. "control": {
  1731. "mapping": {
  1732. "backgroundColor": "transparent"
  1733. }
  1734. },
  1735. "homeBar": {
  1736. "mapping": {
  1737. "minHeight": 56,
  1738. "paddingVertical": 8,
  1739. "paddingHorizontal": 8,
  1740. "backgroundColor": "#fff",
  1741. "titleColor": "#000000",
  1742. "iconTintColor": "#000000"
  1743. }
  1744. }
  1745. }
  1746. },
  1747. "Text": {
  1748. "meta": {
  1749. "scope": "all",
  1750. "parameters": {
  1751. "fontFamily": {
  1752. "type": "string"
  1753. },
  1754. "fontSize": {
  1755. "type": "number"
  1756. },
  1757. "fontWeight": {
  1758. "type": "string"
  1759. },
  1760. "color": {
  1761. "type": "string"
  1762. }
  1763. },
  1764. "appearances": {
  1765. "default": {
  1766. "default": true
  1767. },
  1768. "alternative": {
  1769. "default": false
  1770. },
  1771. "hint": {
  1772. "default": false
  1773. }
  1774. },
  1775. "variantGroups": {
  1776. "category": {
  1777. "h1": {
  1778. "default": false
  1779. },
  1780. "h2": {
  1781. "default": false
  1782. },
  1783. "h3": {
  1784. "default": false
  1785. },
  1786. "h4": {
  1787. "default": false
  1788. },
  1789. "h5": {
  1790. "default": false
  1791. },
  1792. "h6": {
  1793. "default": false
  1794. },
  1795. "s1": {
  1796. "default": false
  1797. },
  1798. "s2": {
  1799. "default": false
  1800. },
  1801. "p1": {
  1802. "default": true
  1803. },
  1804. "p2": {
  1805. "default": false
  1806. },
  1807. "c1": {
  1808. "default": false
  1809. },
  1810. "c2": {
  1811. "default": false
  1812. },
  1813. "label": {
  1814. "default": false
  1815. }
  1816. },
  1817. "status": {
  1818. "basic": {
  1819. "default": false
  1820. },
  1821. "primary": {
  1822. "default": false
  1823. },
  1824. "success": {
  1825. "default": false
  1826. },
  1827. "info": {
  1828. "default": false
  1829. },
  1830. "warning": {
  1831. "default": false
  1832. },
  1833. "danger": {
  1834. "default": false
  1835. },
  1836. "control": {
  1837. "default": false
  1838. }
  1839. }
  1840. },
  1841. "states": {}
  1842. },
  1843. "appearances": {
  1844. "default": {
  1845. "mapping": {
  1846. "color": "text-basic-color"
  1847. },
  1848. "variantGroups": {
  1849. "category": {
  1850. "h1": {
  1851. "fontSize": "text-heading-1-font-size",
  1852. "fontWeight": "text-heading-1-font-weight",
  1853. "fontFamily": "text-heading-1-font-family"
  1854. },
  1855. "h2": {
  1856. "fontSize": "text-heading-2-font-size",
  1857. "fontWeight": "text-heading-2-font-weight",
  1858. "fontFamily": "text-heading-2-font-family"
  1859. },
  1860. "h3": {
  1861. "fontSize": "text-heading-3-font-size",
  1862. "fontWeight": "text-heading-3-font-weight",
  1863. "fontFamily": "text-heading-3-font-family"
  1864. },
  1865. "h4": {
  1866. "fontSize": "text-heading-4-font-size",
  1867. "fontWeight": "text-heading-4-font-weight",
  1868. "fontFamily": "text-heading-4-font-family"
  1869. },
  1870. "h5": {
  1871. "fontSize": "text-heading-5-font-size",
  1872. "fontWeight": "text-heading-5-font-weight",
  1873. "fontFamily": "text-heading-5-font-family"
  1874. },
  1875. "h6": {
  1876. "fontSize": "text-heading-6-font-size",
  1877. "fontWeight": "text-heading-6-font-weight",
  1878. "fontFamily": "text-heading-6-font-family"
  1879. },
  1880. "s1": {
  1881. "fontSize": "text-subtitle-1-font-size",
  1882. "fontWeight": "text-subtitle-1-font-weight",
  1883. "fontFamily": "text-subtitle-1-font-family"
  1884. },
  1885. "s2": {
  1886. "fontSize": "text-subtitle-2-font-size",
  1887. "fontWeight": "text-subtitle-2-font-weight",
  1888. "fontFamily": "text-subtitle-2-font-family"
  1889. },
  1890. "p1": {
  1891. "fontSize": "text-paragraph-1-font-size",
  1892. "fontWeight": "text-paragraph-1-font-weight",
  1893. "fontFamily": "text-paragraph-1-font-family"
  1894. },
  1895. "p2": {
  1896. "fontSize": "text-paragraph-2-font-size",
  1897. "fontWeight": "text-paragraph-2-font-weight",
  1898. "fontFamily": "text-paragraph-2-font-family"
  1899. },
  1900. "c1": {
  1901. "fontSize": "text-caption-1-font-size",
  1902. "fontWeight": "text-caption-1-font-weight",
  1903. "fontFamily": "text-caption-1-font-family"
  1904. },
  1905. "c2": {
  1906. "fontSize": "text-caption-2-font-size",
  1907. "fontWeight": "text-caption-2-font-weight",
  1908. "fontFamily": "text-caption-2-font-family"
  1909. },
  1910. "label": {
  1911. "fontSize": "text-label-font-size",
  1912. "fontWeight": "text-label-font-weight",
  1913. "fontFamily": "text-label-font-family"
  1914. }
  1915. },
  1916. "status": {
  1917. "basic": {
  1918. "color": "text-basic-color"
  1919. },
  1920. "primary": {
  1921. "color": "text-primary-color"
  1922. },
  1923. "success": {
  1924. "color": "text-success-color"
  1925. },
  1926. "info": {
  1927. "color": "#B5B5B5"
  1928. },
  1929. "warning": {
  1930. "color": "text-warning-color"
  1931. },
  1932. "danger": {
  1933. "color": "text-danger-color"
  1934. },
  1935. "control": {
  1936. "color": "text-control-color"
  1937. }
  1938. }
  1939. }
  1940. },
  1941. "alternative": {
  1942. "mapping": {
  1943. "color": "text-alternate-color"
  1944. }
  1945. },
  1946. "hint": {
  1947. "mapping": {
  1948. "color": "text-hint-color"
  1949. }
  1950. }
  1951. }
  1952. },
  1953. "Tab": {
  1954. "meta": {
  1955. "scope": "all",
  1956. "parameters": {
  1957. "textFontFamily": {
  1958. "type": "string"
  1959. },
  1960. "textFontSize": {
  1961. "type": "number"
  1962. },
  1963. "textFontWeight": {
  1964. "type": "number"
  1965. },
  1966. "textMarginVertical": {
  1967. "type": "number"
  1968. },
  1969. "textColor": {
  1970. "type": "string"
  1971. },
  1972. "iconWidth": {
  1973. "type": "number"
  1974. },
  1975. "iconHeight": {
  1976. "type": "number"
  1977. },
  1978. "iconMarginVertical": {
  1979. "type": "number"
  1980. },
  1981. "iconTintColor": {
  1982. "type": "string"
  1983. }
  1984. },
  1985. "appearances": {
  1986. "default": {
  1987. "default": true
  1988. }
  1989. },
  1990. "variantGroups": {},
  1991. "states": {
  1992. "selected": {
  1993. "default": false,
  1994. "priority": 0,
  1995. "scope": "all"
  1996. },
  1997. "hover": {
  1998. "default": false,
  1999. "priority": 1,
  2000. "scope": "all"
  2001. },
  2002. "focused": {
  2003. "default": false,
  2004. "priority": 2,
  2005. "scope": "all"
  2006. }
  2007. }
  2008. },
  2009. "appearances": {
  2010. "default": {
  2011. "mapping": {
  2012. "textMarginVertical": 2,
  2013. "textFontSize": 14,
  2014. "textFontWeight": "bold",
  2015. "textFontFamily": "text-font-family",
  2016. "textColor": "text-hint-color",
  2017. "iconWidth": 24,
  2018. "iconHeight": 24,
  2019. "iconMarginVertical": 2,
  2020. "iconTintColor": "text-hint-color",
  2021. "state": {
  2022. "hover": {
  2023. "textColor": "text-primary-hover-color",
  2024. "iconTintColor": "text-primary-hover-color"
  2025. },
  2026. "selected": {
  2027. "textColor": "text-primary-color",
  2028. "iconTintColor": "text-primary-color"
  2029. }
  2030. }
  2031. }
  2032. },
  2033. "homeTab": {
  2034. "mapping": {
  2035. "textMarginVertical": 5,
  2036. "textFontSize": 15,
  2037. "textFontWeight": "blod",
  2038. "textFontFamily": "text-font-family",
  2039. "textColor": "#000",
  2040. "iconWidth": 24,
  2041. "iconHeight": 24,
  2042. "iconMarginVertical": 8,
  2043. "iconTintColor": "#000",
  2044. "state": {
  2045. "hover": {
  2046. "textColor": "#000",
  2047. "iconTintColor": "text-primary-hover-color"
  2048. },
  2049. "selected": {
  2050. "textColor": "#000",
  2051. "iconTintColor": "text-primary-color"
  2052. }
  2053. }
  2054. }
  2055. }
  2056. }
  2057. },
  2058. "TabBar": {
  2059. "meta": {
  2060. "scope": "all",
  2061. "parameters": {
  2062. "paddingVertical": {
  2063. "type": "number"
  2064. },
  2065. "backgroundColor": {
  2066. "type": "string"
  2067. },
  2068. "indicatorHeight": {
  2069. "type": "number"
  2070. },
  2071. "indicatorBorderRadius": {
  2072. "type": "number"
  2073. },
  2074. "indicatorBackgroundColor": {
  2075. "type": "string"
  2076. }
  2077. },
  2078. "appearances": {
  2079. "default": {
  2080. "default": true
  2081. }
  2082. },
  2083. "variantGroups": {},
  2084. "states": {}
  2085. },
  2086. "appearances": {
  2087. "default": {
  2088. "mapping": {
  2089. "paddingVertical": 4,
  2090. "backgroundColor": "background-basic-color-1",
  2091. "indicatorHeight": 4,
  2092. "indicatorBorderRadius": 2,
  2093. "indicatorBackgroundColor": "color-primary-default"
  2094. }
  2095. },
  2096. "homeTab": {
  2097. "mapping": {
  2098. "paddingVertical": 4,
  2099. "backgroundColor": "transparent",
  2100. "indicatorHeight": 4,
  2101. "indicatorBorderRadius": 2,
  2102. "indicatorBackgroundColor": "transparent"
  2103. }
  2104. }
  2105. }
  2106. },
  2107. "ListItem": {
  2108. "meta": {
  2109. "scope": "all",
  2110. "parameters": {
  2111. "paddingVertical": {
  2112. "type": "number"
  2113. },
  2114. "paddingHorizontal": {
  2115. "type": "number"
  2116. },
  2117. "backgroundColor": {
  2118. "type": "string"
  2119. },
  2120. "iconWidth": {
  2121. "type": "number"
  2122. },
  2123. "iconHeight": {
  2124. "type": "number"
  2125. },
  2126. "iconMarginHorizontal": {
  2127. "type": "number"
  2128. },
  2129. "iconTintColor": {
  2130. "type": "string"
  2131. },
  2132. "titleMarginHorizontal": {
  2133. "type": "number"
  2134. },
  2135. "titleFontFamily": {
  2136. "type": "string"
  2137. },
  2138. "titleFontSize": {
  2139. "type": "number"
  2140. },
  2141. "titleFontWeight": {
  2142. "type": "string"
  2143. },
  2144. "titleColor": {
  2145. "type": "string"
  2146. },
  2147. "descriptionColor": {
  2148. "type": "string"
  2149. },
  2150. "descriptionFontFamily": {
  2151. "type": "string"
  2152. },
  2153. "descriptionFontSize": {
  2154. "type": "number"
  2155. },
  2156. "descriptionFontWeight": {
  2157. "type": "string"
  2158. },
  2159. "descriptionMarginHorizontal": {
  2160. "type": "number"
  2161. },
  2162. "accessoryMarginHorizontal": {
  2163. "type": "number"
  2164. },
  2165. "alignItems": {
  2166. "type": "String"
  2167. }
  2168. },
  2169. "appearances": {
  2170. "default": {
  2171. "default": true
  2172. }
  2173. },
  2174. "variantGroups": {},
  2175. "states": {
  2176. "active": {
  2177. "default": false,
  2178. "priority": 0,
  2179. "scope": "all"
  2180. }
  2181. }
  2182. },
  2183. "appearances": {
  2184. "default": {
  2185. "mapping": {
  2186. "paddingHorizontal": 8,
  2187. "paddingVertical": 12,
  2188. "backgroundColor": "background-basic-color-1",
  2189. "iconWidth": 24,
  2190. "iconHeight": 24,
  2191. "iconMarginHorizontal": 8,
  2192. "iconTintColor": "text-hint-color",
  2193. "titleMarginHorizontal": 8,
  2194. "titleFontSize": "text-subtitle-2-font-size",
  2195. "titleFontWeight": "text-subtitle-2-font-weight",
  2196. "titleFontFamily": "text-subtitle-2-font-family",
  2197. "titleColor": "text-basic-color",
  2198. "descriptionMarginHorizontal": 8,
  2199. "descriptionFontSize": "text-caption-1-font-size",
  2200. "descriptionFontWeight": "text-caption-1-font-weight",
  2201. "descriptionFontFamily": "text-caption-1-font-family",
  2202. "descriptionColor": "text-hint-color",
  2203. "accessoryMarginHorizontal": 8,
  2204. "state": {
  2205. "active": {
  2206. "backgroundColor": "color-basic-transparent-active"
  2207. }
  2208. }
  2209. }
  2210. },
  2211. "classification": {
  2212. "mapping": {
  2213. "paddingHorizontal": 8,
  2214. "paddingVertical": 12,
  2215. "backgroundColor": "transparent",
  2216. "iconWidth": 24,
  2217. "iconHeight": 24,
  2218. "iconMarginHorizontal": 8,
  2219. "iconTintColor": "text-hint-color",
  2220. "titleMarginHorizontal": 8,
  2221. "titleFontSize": "text-subtitle-2-font-size",
  2222. "titleFontWeight": "text-subtitle-2-font-weight",
  2223. "titleFontFamily": "text-subtitle-2-font-family",
  2224. "titleColor": "text-basic-color",
  2225. "descriptionMarginHorizontal": 8,
  2226. "descriptionFontSize": "text-caption-1-font-size",
  2227. "descriptionFontWeight": "text-caption-1-font-weight",
  2228. "descriptionFontFamily": "text-caption-1-font-family",
  2229. "descriptionColor": "text-hint-color",
  2230. "accessoryMarginHorizontal": 8,
  2231. "alignItems": "center",
  2232. "state": {
  2233. "active": {
  2234. "backgroundColor": "color-basic-transparent-active"
  2235. }
  2236. }
  2237. }
  2238. }
  2239. }
  2240. }
  2241. }
  2242. }