@jpmorganchase/mosaic-theme 0.1.0-beta.10

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 (448) hide show
  1. package/README.md +9 -0
  2. package/dist/Add.js +16 -0
  3. package/dist/AddDocument.js +21 -0
  4. package/dist/AddDocumentSolid.js +16 -0
  5. package/dist/Api.js +18 -0
  6. package/dist/AppSwitcher.js +16 -0
  7. package/dist/ArrowDown.js +16 -0
  8. package/dist/ArrowLeft.js +16 -0
  9. package/dist/ArrowRight.js +16 -0
  10. package/dist/ArrowUp.js +16 -0
  11. package/dist/Attach.js +16 -0
  12. package/dist/BankCheck.js +21 -0
  13. package/dist/BankCheckSolid.js +16 -0
  14. package/dist/BarChart.js +16 -0
  15. package/dist/Bookmark.js +18 -0
  16. package/dist/BookmarkSolid.js +18 -0
  17. package/dist/BuildReport.js +16 -0
  18. package/dist/BuildReportSolid.js +18 -0
  19. package/dist/Building.js +31 -0
  20. package/dist/BuildingSolid.js +18 -0
  21. package/dist/Buildings.js +26 -0
  22. package/dist/BuildingsSolid.js +18 -0
  23. package/dist/Calculator.js +26 -0
  24. package/dist/CalculatorSolid.js +18 -0
  25. package/dist/Calendar.js +16 -0
  26. package/dist/CalendarSolid.js +16 -0
  27. package/dist/Call.js +16 -0
  28. package/dist/CallSolid.js +16 -0
  29. package/dist/Chat.js +16 -0
  30. package/dist/ChatGroup.js +16 -0
  31. package/dist/ChatGroupSolid.js +21 -0
  32. package/dist/ChatSolid.js +16 -0
  33. package/dist/Chatting.js +21 -0
  34. package/dist/ChattingSolid.js +16 -0
  35. package/dist/ChevronDown.js +16 -0
  36. package/dist/ChevronLeft.js +16 -0
  37. package/dist/ChevronRight.js +16 -0
  38. package/dist/ChevronUp.js +16 -0
  39. package/dist/Clock.js +21 -0
  40. package/dist/ClockSolid.js +16 -0
  41. package/dist/Clone.js +21 -0
  42. package/dist/Close.js +16 -0
  43. package/dist/CloseSmall.js +16 -0
  44. package/dist/Closedcaption.js +23 -0
  45. package/dist/ClosedcaptionDisabled.js +21 -0
  46. package/dist/ClosedcaptionSolid.js +18 -0
  47. package/dist/Cloud.js +18 -0
  48. package/dist/CloudSolid.js +16 -0
  49. package/dist/Coffee.js +28 -0
  50. package/dist/CoffeeSolid.js +23 -0
  51. package/dist/ColumnChooser.js +16 -0
  52. package/dist/ColumnChooserSolid.js +16 -0
  53. package/dist/Commentary.js +21 -0
  54. package/dist/CommentarySolid.js +16 -0
  55. package/dist/Compass.js +18 -0
  56. package/dist/CompassSolid.js +18 -0
  57. package/dist/Cookie.js +26 -0
  58. package/dist/CookieSolid.js +23 -0
  59. package/dist/Copy.js +16 -0
  60. package/dist/CopySolid.js +21 -0
  61. package/dist/CreditCard.js +21 -0
  62. package/dist/CreditCardSolid.js +16 -0
  63. package/dist/Csv.js +16 -0
  64. package/dist/CsvSolid.js +23 -0
  65. package/dist/Cut.js +21 -0
  66. package/dist/Dark.js +23 -0
  67. package/dist/DarkSolid.js +21 -0
  68. package/dist/Dashboard.js +21 -0
  69. package/dist/DashboardSolid.js +21 -0
  70. package/dist/Database.js +21 -0
  71. package/dist/DatabaseSolid.js +16 -0
  72. package/dist/Delete.js +21 -0
  73. package/dist/DeleteSolid.js +16 -0
  74. package/dist/Diamond.js +18 -0
  75. package/dist/Document.js +16 -0
  76. package/dist/DocumentSolid.js +16 -0
  77. package/dist/DoubleChevronDown.js +21 -0
  78. package/dist/DoubleChevronLeft.js +21 -0
  79. package/dist/DoubleChevronRight.js +21 -0
  80. package/dist/DoubleChevronUp.js +21 -0
  81. package/dist/Download.js +16 -0
  82. package/dist/Edit.js +21 -0
  83. package/dist/EditSolid.js +16 -0
  84. package/dist/Error.js +23 -0
  85. package/dist/ErrorExecute.js +16 -0
  86. package/dist/ErrorSolid.js +18 -0
  87. package/dist/Expand.js +16 -0
  88. package/dist/Export.js +21 -0
  89. package/dist/ExportSolid.js +16 -0
  90. package/dist/Favorite.js +16 -0
  91. package/dist/FavoriteSolid.js +16 -0
  92. package/dist/Filter.js +16 -0
  93. package/dist/FilterClear.js +18 -0
  94. package/dist/FilterClearSolid.js +18 -0
  95. package/dist/FilterSolid.js +16 -0
  96. package/dist/Flag.js +16 -0
  97. package/dist/FlagSolid.js +16 -0
  98. package/dist/FolderClosed.js +18 -0
  99. package/dist/FolderClosedSolid.js +18 -0
  100. package/dist/FolderOpen.js +18 -0
  101. package/dist/FolderOpenSolid.js +18 -0
  102. package/dist/Forward10.js +21 -0
  103. package/dist/Forward15.js +21 -0
  104. package/dist/Forward30.js +21 -0
  105. package/dist/Forward5.js +21 -0
  106. package/dist/Globe.js +16 -0
  107. package/dist/GlobeSolid.js +21 -0
  108. package/dist/Grid.js +16 -0
  109. package/dist/GridSolid.js +16 -0
  110. package/dist/GuideClosed.js +21 -0
  111. package/dist/GuideClosedSolid.js +18 -0
  112. package/dist/GuideOpen.js +21 -0
  113. package/dist/GuideOpenSolid.js +18 -0
  114. package/dist/Help.js +23 -0
  115. package/dist/HelpSolid.js +18 -0
  116. package/dist/Hidden.js +16 -0
  117. package/dist/Home.js +16 -0
  118. package/dist/HomeSolid.js +16 -0
  119. package/dist/Image.js +23 -0
  120. package/dist/ImageSolid.js +18 -0
  121. package/dist/Import.js +21 -0
  122. package/dist/ImportSolid.js +16 -0
  123. package/dist/Inbox.js +21 -0
  124. package/dist/InboxSolid.js +21 -0
  125. package/dist/Info.js +23 -0
  126. package/dist/InfoSolid.js +18 -0
  127. package/dist/Key.js +23 -0
  128. package/dist/KeyBackspace.js +23 -0
  129. package/dist/KeyCapslock.js +18 -0
  130. package/dist/KeyCommand.js +16 -0
  131. package/dist/KeyControl.js +18 -0
  132. package/dist/KeyEnter.js +18 -0
  133. package/dist/KeyOption.js +18 -0
  134. package/dist/KeyShift.js +18 -0
  135. package/dist/KeySolid.js +18 -0
  136. package/dist/KeyTab.js +16 -0
  137. package/dist/Light.js +23 -0
  138. package/dist/LightSolid.js +16 -0
  139. package/dist/LineChart.js +16 -0
  140. package/dist/LineChartSolid.js +16 -0
  141. package/dist/Linked.js +21 -0
  142. package/dist/List.js +16 -0
  143. package/dist/Loader.js +16 -0
  144. package/dist/Location.js +25 -0
  145. package/dist/LocationSolid.js +18 -0
  146. package/dist/Locked.js +21 -0
  147. package/dist/LockedSolid.js +16 -0
  148. package/dist/Maximize.js +16 -0
  149. package/dist/Menu.js +16 -0
  150. package/dist/Message.js +16 -0
  151. package/dist/MessageSolid.js +16 -0
  152. package/dist/MicroMenu.js +16 -0
  153. package/dist/Minimize.js +16 -0
  154. package/dist/MoveAll.js +16 -0
  155. package/dist/MoveHorizontal.js +16 -0
  156. package/dist/MoveVertical.js +16 -0
  157. package/dist/Note.js +16 -0
  158. package/dist/NoteSolid.js +16 -0
  159. package/dist/Notification.js +16 -0
  160. package/dist/NotificationSolid.js +16 -0
  161. package/dist/OverflowMenu.js +16 -0
  162. package/dist/Paste.js +21 -0
  163. package/dist/PasteSolid.js +21 -0
  164. package/dist/Pause.js +16 -0
  165. package/dist/PauseSolid.js +16 -0
  166. package/dist/Pdf.js +16 -0
  167. package/dist/PdfSolid.js +23 -0
  168. package/dist/Pin.js +16 -0
  169. package/dist/PinSolid.js +16 -0
  170. package/dist/Pivot.js +16 -0
  171. package/dist/PivotSolid.js +18 -0
  172. package/dist/PlaceIn.js +21 -0
  173. package/dist/Play.js +16 -0
  174. package/dist/PlaySolid.js +16 -0
  175. package/dist/Presentation.js +21 -0
  176. package/dist/PresentationSolid.js +16 -0
  177. package/dist/PriceLadder.js +16 -0
  178. package/dist/Print.js +21 -0
  179. package/dist/PrintSolid.js +16 -0
  180. package/dist/ProgressCancelled.js +18 -0
  181. package/dist/ProgressClosed.js +23 -0
  182. package/dist/ProgressComplete.js +18 -0
  183. package/dist/ProgressDraft.js +18 -0
  184. package/dist/ProgressInprogress.js +18 -0
  185. package/dist/ProgressOnhold.js +18 -0
  186. package/dist/ProgressPending.js +18 -0
  187. package/dist/ProgressRejected.js +18 -0
  188. package/dist/ProgressTodo.js +18 -0
  189. package/dist/Protection.js +16 -0
  190. package/dist/ProtectionSolid.js +16 -0
  191. package/dist/Redo.js +16 -0
  192. package/dist/Refresh.js +16 -0
  193. package/dist/Remove.js +16 -0
  194. package/dist/RemoveDocument.js +21 -0
  195. package/dist/RemoveDocumentSolid.js +16 -0
  196. package/dist/Replay10.js +21 -0
  197. package/dist/Replay15.js +21 -0
  198. package/dist/Replay30.js +21 -0
  199. package/dist/Replay5.js +16 -0
  200. package/dist/Restore.js +21 -0
  201. package/dist/RunReport.js +21 -0
  202. package/dist/RunReportSolid.js +18 -0
  203. package/dist/Save.js +21 -0
  204. package/dist/SaveSolid.js +24 -0
  205. package/dist/ScheduleTime.js +21 -0
  206. package/dist/ScheduleTimeSolid.js +23 -0
  207. package/dist/Search.js +16 -0
  208. package/dist/Send.js +16 -0
  209. package/dist/Settings.js +21 -0
  210. package/dist/SettingsSolid.js +16 -0
  211. package/dist/Share.js +16 -0
  212. package/dist/ShareSolid.js +16 -0
  213. package/dist/SortAlphaAscend.js +23 -0
  214. package/dist/SortAlphaDescend.js +23 -0
  215. package/dist/SortNumAscend.js +16 -0
  216. package/dist/SortNumDescend.js +16 -0
  217. package/dist/Stackoverflow.js +21 -0
  218. package/dist/StepActive.js +16 -0
  219. package/dist/StepDefault.js +16 -0
  220. package/dist/StepSuccess.js +16 -0
  221. package/dist/Storage.js +21 -0
  222. package/dist/StorageSolid.js +16 -0
  223. package/dist/Success.js +18 -0
  224. package/dist/SuccessSolid.js +18 -0
  225. package/dist/SuccessTick.js +16 -0
  226. package/dist/Sum.js +16 -0
  227. package/dist/SumSolid.js +16 -0
  228. package/dist/Swap.js +16 -0
  229. package/dist/Symphony.js +16 -0
  230. package/dist/Tag.js +25 -0
  231. package/dist/TagClear.js +26 -0
  232. package/dist/TagClearSolid.js +26 -0
  233. package/dist/TagSolid.js +23 -0
  234. package/dist/Tails.js +25 -0
  235. package/dist/TailsSolid.js +23 -0
  236. package/dist/Target.js +18 -0
  237. package/dist/TearOut.js +21 -0
  238. package/dist/ThumbsDown.js +16 -0
  239. package/dist/ThumbsDownSolid.js +16 -0
  240. package/dist/ThumbsUp.js +16 -0
  241. package/dist/ThumbsUpSolid.js +16 -0
  242. package/dist/Tree.js +16 -0
  243. package/dist/TreeSolid.js +16 -0
  244. package/dist/TriangleDown.js +16 -0
  245. package/dist/TriangleLeft.js +16 -0
  246. package/dist/TriangleRight.js +16 -0
  247. package/dist/TriangleRightDown.js +16 -0
  248. package/dist/TriangleUp.js +16 -0
  249. package/dist/Undo.js +16 -0
  250. package/dist/Unlinked.js +16 -0
  251. package/dist/Unlocked.js +21 -0
  252. package/dist/UnlockedSolid.js +16 -0
  253. package/dist/Upload.js +16 -0
  254. package/dist/UrgencyCritical.js +21 -0
  255. package/dist/UrgencyHigh.js +24 -0
  256. package/dist/UrgencyLow.js +18 -0
  257. package/dist/UrgencyMedium.js +21 -0
  258. package/dist/UrgencyNone.js +16 -0
  259. package/dist/User.js +16 -0
  260. package/dist/UserAdmin.js +16 -0
  261. package/dist/UserAdminSolid.js +16 -0
  262. package/dist/UserBadge.js +16 -0
  263. package/dist/UserGroup.js +16 -0
  264. package/dist/UserGroupSolid.js +21 -0
  265. package/dist/UserSolid.js +16 -0
  266. package/dist/Video.js +18 -0
  267. package/dist/VideoDisabled.js +26 -0
  268. package/dist/VideoSolid.js +16 -0
  269. package/dist/Visible.js +21 -0
  270. package/dist/VisibleSolid.js +21 -0
  271. package/dist/VolumeDown.js +16 -0
  272. package/dist/VolumeOff.js +16 -0
  273. package/dist/VolumeUp.js +21 -0
  274. package/dist/Warning.js +23 -0
  275. package/dist/WarningSolid.js +18 -0
  276. package/dist/Xls.js +16 -0
  277. package/dist/XlsSolid.js +23 -0
  278. package/dist/Zip.js +16 -0
  279. package/dist/ZipSolid.js +23 -0
  280. package/dist/baseline/baseline.css.d.ts +1 -0
  281. package/dist/baseline/index.css +1 -0
  282. package/dist/baseline/index.d.ts +1 -0
  283. package/dist/baseline/index.js +1 -0
  284. package/dist/blockquote/blockquote.css.d.ts +11 -0
  285. package/dist/blockquote/index.css +1 -0
  286. package/dist/blockquote/index.d.ts +1 -0
  287. package/dist/blockquote/index.js +1 -0
  288. package/dist/border/border.css.d.ts +693 -0
  289. package/dist/border/brand.css.d.ts +42 -0
  290. package/dist/border/callout.css.d.ts +41 -0
  291. package/dist/border/createWidthVariants.d.ts +33 -0
  292. package/dist/border/index.css +1 -0
  293. package/dist/border/index.d.ts +8 -0
  294. package/dist/border/index.js +1 -0
  295. package/dist/border/navigable.css.d.ts +41 -0
  296. package/dist/border/neutral.css.d.ts +39 -0
  297. package/dist/border/selectable.css.d.ts +38 -0
  298. package/dist/border/site.css.d.ts +38 -0
  299. package/dist/border/status.css.d.ts +40 -0
  300. package/dist/border/vars.css.d.ts +11 -0
  301. package/dist/button/button.css.d.ts +128 -0
  302. package/dist/button/index.css +1 -0
  303. package/dist/button/index.d.ts +1 -0
  304. package/dist/button/index.js +1 -0
  305. package/dist/button/vars.css.d.ts +18 -0
  306. package/dist/chunk-5OS4CYXP.js +1 -0
  307. package/dist/chunk-6CEHDQV3.js +1 -0
  308. package/dist/chunk-7JHXNKD5.js +1 -0
  309. package/dist/chunk-7K37MWOQ.js +1 -0
  310. package/dist/chunk-7QU4VXT6.js +0 -0
  311. package/dist/chunk-AHNO4XOW.js +6 -0
  312. package/dist/chunk-BVCSYDLR.js +1 -0
  313. package/dist/chunk-DQQSLDRF.js +1 -0
  314. package/dist/chunk-EXXRPW3V.js +1 -0
  315. package/dist/chunk-J4SXORS6.js +1 -0
  316. package/dist/chunk-JVFY5UIP.js +1 -0
  317. package/dist/chunk-KJJPGYSJ.js +1 -0
  318. package/dist/chunk-LTNXT5QO.js +1 -0
  319. package/dist/chunk-LZAPE7NG.js +1 -0
  320. package/dist/chunk-OWQDHW35.js +0 -0
  321. package/dist/chunk-P5OBPOC4.js +0 -0
  322. package/dist/chunk-Q2EUZS3Z.js +1 -0
  323. package/dist/chunk-Q6RRGFVJ.js +1 -0
  324. package/dist/chunk-R6V4IHYK.js +1 -0
  325. package/dist/chunk-RQ5A5EWF.js +0 -0
  326. package/dist/chunk-S3VJO6ST.js +1 -0
  327. package/dist/chunk-SX7MTZUV.js +1 -0
  328. package/dist/chunk-UKOUOQFJ.js +1 -0
  329. package/dist/chunk-WWPES6WD.js +1 -0
  330. package/dist/chunk-XDKPHNDO.js +1 -0
  331. package/dist/chunk-ZTRMPQPP.js +1 -0
  332. package/dist/color/actionable.css.d.ts +376 -0
  333. package/dist/color/beforeElement.css.d.ts +71 -0
  334. package/dist/color/brand.css.d.ts +94 -0
  335. package/dist/color/callout.css.d.ts +92 -0
  336. package/dist/color/index.css +1 -0
  337. package/dist/color/index.d.ts +9 -0
  338. package/dist/color/index.js +1 -0
  339. package/dist/color/lightMode.d.ts +10 -0
  340. package/dist/color/navigable.css.d.ts +321 -0
  341. package/dist/color/neutral.css.d.ts +100 -0
  342. package/dist/color/selectable.css.d.ts +131 -0
  343. package/dist/color/status.css.d.ts +90 -0
  344. package/dist/color/vars.css.d.ts +195 -0
  345. package/dist/componentExample/componentExample.css.d.ts +93 -0
  346. package/dist/componentExample/index.css +1 -0
  347. package/dist/componentExample/index.d.ts +1 -0
  348. package/dist/componentExample/index.js +1 -0
  349. package/dist/componentExample/vars.css.d.ts +13 -0
  350. package/dist/config.d.ts +18 -0
  351. package/dist/feature/feature.css.d.ts +7 -0
  352. package/dist/feature/index.css +1 -0
  353. package/dist/feature/index.d.ts +1 -0
  354. package/dist/feature/index.js +1 -0
  355. package/dist/grid/grid.css.d.ts +269 -0
  356. package/dist/grid/index.css +1 -0
  357. package/dist/grid/index.d.ts +1 -0
  358. package/dist/grid/index.js +1 -0
  359. package/dist/grid/vars.css.d.ts +39 -0
  360. package/dist/hero/hero.css.d.ts +1 -0
  361. package/dist/hero/index.css +1 -0
  362. package/dist/hero/index.d.ts +1 -0
  363. package/dist/hero/index.js +1 -0
  364. package/dist/hero/vars.css.d.ts +19 -0
  365. package/dist/icon/icons.css.d.ts +1 -0
  366. package/dist/icon/icons.d.ts +9 -0
  367. package/dist/icon/index.css +1 -0
  368. package/dist/icon/index.d.ts +2 -0
  369. package/dist/icon/index.js +1 -0
  370. package/dist/impact/impact.css.d.ts +4 -0
  371. package/dist/impact/index.css +1 -0
  372. package/dist/impact/index.d.ts +1 -0
  373. package/dist/impact/index.js +1 -0
  374. package/dist/impact/vars.css.d.ts +41 -0
  375. package/dist/index.css +1 -0
  376. package/dist/index.d.ts +1011 -0
  377. package/dist/index.js +1 -0
  378. package/dist/link/index.css +1 -0
  379. package/dist/link/index.d.ts +1 -0
  380. package/dist/link/index.js +1 -0
  381. package/dist/link/link.css.d.ts +14 -0
  382. package/dist/list/index.css +1 -0
  383. package/dist/list/index.d.ts +2 -0
  384. package/dist/list/index.js +1 -0
  385. package/dist/list/ordered.css.d.ts +2 -0
  386. package/dist/list/unordered.css.d.ts +29 -0
  387. package/dist/list/vars.css.d.ts +121 -0
  388. package/dist/opacity/index.css +1 -0
  389. package/dist/opacity/index.d.ts +1 -0
  390. package/dist/opacity/index.js +1 -0
  391. package/dist/opacity/opacity.css.d.ts +50 -0
  392. package/dist/opacity/vars.css.d.ts +13 -0
  393. package/dist/responsive/breakpoint.d.ts +7 -0
  394. package/dist/responsive/index.css +1 -0
  395. package/dist/responsive/index.d.ts +3 -0
  396. package/dist/responsive/index.js +1 -0
  397. package/dist/responsive/responsive.css.d.ts +2658 -0
  398. package/dist/responsive/responsiveStyle.d.ts +9 -0
  399. package/dist/responsive/sidebars.css.d.ts +582 -0
  400. package/dist/responsive/vars.css.d.ts +61 -0
  401. package/dist/salt/index.css +1 -0
  402. package/dist/salt/index.d.ts +1 -0
  403. package/dist/salt/index.js +1 -0
  404. package/dist/salt/salt.css.d.ts +142 -0
  405. package/dist/shadow/index.css +1 -0
  406. package/dist/shadow/index.d.ts +1 -0
  407. package/dist/shadow/index.js +1 -0
  408. package/dist/shadow/shadow.css.d.ts +53 -0
  409. package/dist/shadow/vars.css.d.ts +18 -0
  410. package/dist/story/index.css +1 -0
  411. package/dist/story/index.d.ts +1 -0
  412. package/dist/story/index.js +1 -0
  413. package/dist/story/story.css.d.ts +1 -0
  414. package/dist/table/index.css +1 -0
  415. package/dist/table/index.d.ts +6 -0
  416. package/dist/table/index.js +1 -0
  417. package/dist/table/table.css.d.ts +74 -0
  418. package/dist/table/tbody.css.d.ts +3 -0
  419. package/dist/table/td.css.d.ts +68 -0
  420. package/dist/table/th.css.d.ts +3 -0
  421. package/dist/table/thead.css.d.ts +3 -0
  422. package/dist/table/tr.css.d.ts +3 -0
  423. package/dist/table/vars.css.d.ts +31 -0
  424. package/dist/tag/index.css +1 -0
  425. package/dist/tag/index.d.ts +1 -0
  426. package/dist/tag/index.js +1 -0
  427. package/dist/tag/tag.css.d.ts +7 -0
  428. package/dist/thematicBreak/index.css +1 -0
  429. package/dist/thematicBreak/index.d.ts +1 -0
  430. package/dist/thematicBreak/index.js +1 -0
  431. package/dist/thematicBreak/thematicBreak.css.d.ts +7 -0
  432. package/dist/typography/action.css.d.ts +116 -0
  433. package/dist/typography/amount.css.d.ts +109 -0
  434. package/dist/typography/caption.css.d.ts +114 -0
  435. package/dist/typography/code.css.d.ts +10 -0
  436. package/dist/typography/emphasis.css.d.ts +15 -0
  437. package/dist/typography/eyebrow.css.d.ts +109 -0
  438. package/dist/typography/heading.css.d.ts +150 -0
  439. package/dist/typography/index.css +1 -0
  440. package/dist/typography/index.d.ts +11 -0
  441. package/dist/typography/index.js +1 -0
  442. package/dist/typography/paragraph.css.d.ts +114 -0
  443. package/dist/typography/subtitle.css.d.ts +114 -0
  444. package/dist/typography/textDecoration.css.d.ts +35 -0
  445. package/dist/typography/vars.css.d.ts +32 -0
  446. package/dist/typography/watermark.css.d.ts +110 -0
  447. package/dist/vars.css.d.ts +560 -0
  448. package/package.json +40 -0
package/dist/vars.css.d.ts ADDED
@@ -0,0 +1,560 @@
1
+ declare const vars: {
2
+ border: {
3
+ width: {
4
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ thick: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ };
9
+ };
10
+ color: {
11
+ unknown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ light: {
13
+ actionable: {
14
+ cta: {
15
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ };
20
+ primary: {
21
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ };
26
+ secondary: {
27
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ };
32
+ label: {
33
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ };
38
+ };
39
+ navigable: {
40
+ link: {
41
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ };
45
+ documentLink: {
46
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ };
51
+ headingLink: {
52
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ };
57
+ selectableLink: {
58
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ };
64
+ };
65
+ selectable: {
66
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ };
73
+ status: {
74
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ };
79
+ brand: {
80
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ };
87
+ callout: {
88
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ };
94
+ neutral: {
95
+ foreground: {
96
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ };
100
+ background: {
101
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ };
104
+ };
105
+ };
106
+ dark: {
107
+ actionable: {
108
+ cta: {
109
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ };
114
+ primary: {
115
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ };
120
+ secondary: {
121
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ };
126
+ label: {
127
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
+ };
132
+ };
133
+ navigable: {
134
+ link: {
135
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ };
139
+ documentLink: {
140
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ };
145
+ headingLink: {
146
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ };
151
+ selectableLink: {
152
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ };
158
+ };
159
+ selectable: {
160
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ };
167
+ status: {
168
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ };
173
+ brand: {
174
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ };
181
+ callout: {
182
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ };
188
+ neutral: {
189
+ foreground: {
190
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ };
194
+ background: {
195
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ };
198
+ };
199
+ };
200
+ };
201
+ component: {
202
+ button: {
203
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ mobile: {
205
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ };
207
+ tablet: {
208
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ };
210
+ web: {
211
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
+ };
213
+ desktop: {
214
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ };
216
+ };
217
+ componentExample: {
218
+ light: {
219
+ innerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ outerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ };
222
+ dark: {
223
+ innerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
+ outerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ };
226
+ };
227
+ grid: {
228
+ row: {
229
+ desktopSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ desktopMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ desktopLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ webSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ webMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ webLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ tabletSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ tabletMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ tabletLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ mobileSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ mobileMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ mobileLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ };
242
+ column: {
243
+ desktopSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ desktopMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ desktopLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ webSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ webMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ webLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ tabletSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ tabletMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ tabletLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ mobileSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ mobileMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
+ mobileLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
+ };
256
+ gap: {
257
+ desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ web: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ };
262
+ };
263
+ hero: {
264
+ frame: {
265
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ };
268
+ frameImage: {
269
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
+ left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
+ };
274
+ frameBackgroundImage: {
275
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
277
+ };
278
+ };
279
+ impact: {
280
+ image: {
281
+ mobile: {
282
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
+ };
286
+ tablet: {
287
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
+ };
291
+ web: {
292
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
+ };
296
+ desktop: {
297
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
+ };
301
+ };
302
+ line: {
303
+ mobile: {
304
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ };
306
+ tablet: {
307
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
+ };
309
+ web: {
310
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ };
312
+ desktop: {
313
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ };
315
+ };
316
+ };
317
+ list: {
318
+ unordered: {
319
+ document: {
320
+ small: {
321
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ level1: {
323
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ };
325
+ level2: {
326
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ };
328
+ level3: {
329
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ };
331
+ };
332
+ medium: {
333
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ level1: {
335
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ };
337
+ level2: {
338
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ };
340
+ level3: {
341
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ };
343
+ };
344
+ large: {
345
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ level1: {
347
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ };
349
+ level2: {
350
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ };
352
+ level3: {
353
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
+ };
355
+ };
356
+ };
357
+ regular: {
358
+ small: {
359
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
360
+ level1: {
361
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
+ };
363
+ level2: {
364
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ };
366
+ level3: {
367
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
+ };
369
+ };
370
+ medium: {
371
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
+ level1: {
373
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
+ };
375
+ level2: {
376
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
+ };
378
+ level3: {
379
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
+ };
381
+ };
382
+ large: {
383
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
+ level1: {
385
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
+ };
387
+ level2: {
388
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
389
+ };
390
+ level3: {
391
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
392
+ };
393
+ };
394
+ };
395
+ image: {
396
+ small: {
397
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
398
+ level1: {
399
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
400
+ };
401
+ level2: {
402
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
+ };
404
+ level3: {
405
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
+ };
407
+ };
408
+ medium: {
409
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
410
+ level1: {
411
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
412
+ };
413
+ level2: {
414
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
+ };
416
+ level3: {
417
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ };
419
+ };
420
+ large: {
421
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
+ level1: {
423
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
+ };
425
+ level2: {
426
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
+ };
428
+ level3: {
429
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
+ };
431
+ };
432
+ };
433
+ };
434
+ };
435
+ table: {
436
+ mobile: {
437
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
+ };
439
+ tablet: {
440
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
+ };
442
+ web: {
443
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
444
+ };
445
+ desktop: {
446
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
447
+ };
448
+ td: {
449
+ mobile: {
450
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
+ };
452
+ tablet: {
453
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
454
+ };
455
+ web: {
456
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ };
458
+ desktop: {
459
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ };
461
+ };
462
+ };
463
+ };
464
+ fontSize: {
465
+ s30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
466
+ s40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
467
+ s50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
+ s60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
+ s70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
+ s80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
+ s90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
472
+ s100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
473
+ s110: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
+ s120: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ s125: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
+ s130: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
477
+ s140: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
478
+ s150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
479
+ s170: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
480
+ s180: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
481
+ s190: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
482
+ s210: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
483
+ s240: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
484
+ s270: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
485
+ s300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
486
+ };
487
+ fontWeight: {
488
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
490
+ semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
491
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
492
+ extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
493
+ };
494
+ opacity: {
495
+ light: {
496
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
497
+ watermark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ };
499
+ dark: {
500
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ watermark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ };
503
+ };
504
+ shadow: {
505
+ unknown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ light: {
507
+ elevation1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ elevation2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
+ elevation3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
510
+ elevation4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ };
512
+ dark: {
513
+ elevation1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ elevation2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ elevation3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ elevation4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ };
518
+ };
519
+ space: {
520
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ horizontal: {
522
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ x1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ x2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ x3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ x4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ x6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ x8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ x10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ x12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ x13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ x15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ x20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ x25: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ x30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ };
540
+ vertical: {
541
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ x1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
+ x2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
+ x3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
+ x4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
+ x6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
+ x8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
+ x10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ x12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
551
+ x13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
552
+ x15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
+ x20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
+ x25: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
+ x30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
556
+ };
557
+ };
558
+ };
559
+ declare const themeClassName: void;
560
+ export { themeClassName, vars };
package/package.json ADDED
@@ -0,0 +1,40 @@
1
+ {
2
+ "name": "@jpmorganchase/mosaic-theme",
3
+ "description": "Mosaic - theme",
4
+ "version": "0.1.0-beta.10",
5
+ "license": "Apache-2.0",
6
+ "author": "",
7
+ "main": "./dist/index.js",
8
+ "module": "./dist/index.js",
9
+ "types": "./dist/types/index.d.ts",
10
+ "files": [
11
+ "dist"
12
+ ],
13
+ "scripts": {
14
+ "build": "npm-run-all --parallel build:*",
15
+ "build:bundle": "node ./scripts/bundle.js",
16
+ "build:types": "tsc",
17
+ "clean": "npx del-cli 'dist/**' && find . -type d -empty -delete",
18
+ "lint": "eslint --ignore-pattern \"**/__tests__/**\"",
19
+ "dev": "node ./scripts/bundle.js watch"
20
+ },
21
+ "devDependencies": {
22
+ "@vanilla-extract/esbuild-plugin": "^2.0.0",
23
+ "esbuild": "0.14.35",
24
+ "typescript": "^4.8.3",
25
+ "fast-glob": "^3.2.7"
26
+ },
27
+ "dependencies": {
28
+ "@salt-ds/icons": "^1.0.0",
29
+ "@vanilla-extract/css": "^1.6.0",
30
+ "@vanilla-extract/css-utils": "^0.1.1",
31
+ "@vanilla-extract/sprinkles": "^1.3.0",
32
+ "@vanilla-extract/recipes": "^0.2.1",
33
+ "fast-deep-equal": "^3.1.3"
34
+ },
35
+ "peerDependencies": {
36
+ "@types/react": "^16.9.34",
37
+ "react": "^16.8.0",
38
+ "react-dom": "^16.9.0"
39
+ }
40
+ }