@jpmorganchase/mosaic-theme 0.1.0-beta.8

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 (447) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +9 -0
  3. package/dist/Add.js +16 -0
  4. package/dist/AddDocument.js +21 -0
  5. package/dist/AddDocumentSolid.js +16 -0
  6. package/dist/Api.js +18 -0
  7. package/dist/AppSwitcher.js +16 -0
  8. package/dist/ArrowDown.js +16 -0
  9. package/dist/ArrowLeft.js +16 -0
  10. package/dist/ArrowRight.js +16 -0
  11. package/dist/ArrowUp.js +16 -0
  12. package/dist/Attach.js +16 -0
  13. package/dist/BankCheck.js +21 -0
  14. package/dist/BankCheckSolid.js +16 -0
  15. package/dist/BarChart.js +16 -0
  16. package/dist/Bookmark.js +18 -0
  17. package/dist/BookmarkSolid.js +18 -0
  18. package/dist/BuildReport.js +16 -0
  19. package/dist/BuildReportSolid.js +18 -0
  20. package/dist/Building.js +31 -0
  21. package/dist/BuildingSolid.js +18 -0
  22. package/dist/Buildings.js +26 -0
  23. package/dist/BuildingsSolid.js +18 -0
  24. package/dist/Calculator.js +26 -0
  25. package/dist/CalculatorSolid.js +18 -0
  26. package/dist/Calendar.js +16 -0
  27. package/dist/CalendarSolid.js +16 -0
  28. package/dist/Call.js +16 -0
  29. package/dist/CallSolid.js +16 -0
  30. package/dist/Chat.js +16 -0
  31. package/dist/ChatGroup.js +16 -0
  32. package/dist/ChatGroupSolid.js +21 -0
  33. package/dist/ChatSolid.js +16 -0
  34. package/dist/Chatting.js +21 -0
  35. package/dist/ChattingSolid.js +16 -0
  36. package/dist/ChevronDown.js +16 -0
  37. package/dist/ChevronLeft.js +16 -0
  38. package/dist/ChevronRight.js +16 -0
  39. package/dist/ChevronUp.js +16 -0
  40. package/dist/Clock.js +21 -0
  41. package/dist/ClockSolid.js +16 -0
  42. package/dist/Clone.js +21 -0
  43. package/dist/Close.js +16 -0
  44. package/dist/CloseSmall.js +16 -0
  45. package/dist/Closedcaption.js +23 -0
  46. package/dist/ClosedcaptionDisabled.js +21 -0
  47. package/dist/ClosedcaptionSolid.js +18 -0
  48. package/dist/Cloud.js +18 -0
  49. package/dist/CloudSolid.js +16 -0
  50. package/dist/Coffee.js +28 -0
  51. package/dist/CoffeeSolid.js +23 -0
  52. package/dist/ColumnChooser.js +16 -0
  53. package/dist/ColumnChooserSolid.js +16 -0
  54. package/dist/Commentary.js +21 -0
  55. package/dist/CommentarySolid.js +16 -0
  56. package/dist/Compass.js +18 -0
  57. package/dist/CompassSolid.js +18 -0
  58. package/dist/Cookie.js +26 -0
  59. package/dist/CookieSolid.js +23 -0
  60. package/dist/Copy.js +16 -0
  61. package/dist/CopySolid.js +21 -0
  62. package/dist/CreditCard.js +21 -0
  63. package/dist/CreditCardSolid.js +16 -0
  64. package/dist/Csv.js +16 -0
  65. package/dist/CsvSolid.js +23 -0
  66. package/dist/Cut.js +21 -0
  67. package/dist/Dark.js +23 -0
  68. package/dist/DarkSolid.js +21 -0
  69. package/dist/Dashboard.js +21 -0
  70. package/dist/DashboardSolid.js +21 -0
  71. package/dist/Database.js +21 -0
  72. package/dist/DatabaseSolid.js +16 -0
  73. package/dist/Delete.js +21 -0
  74. package/dist/DeleteSolid.js +16 -0
  75. package/dist/Diamond.js +18 -0
  76. package/dist/Document.js +16 -0
  77. package/dist/DocumentSolid.js +16 -0
  78. package/dist/DoubleChevronDown.js +21 -0
  79. package/dist/DoubleChevronLeft.js +21 -0
  80. package/dist/DoubleChevronRight.js +21 -0
  81. package/dist/DoubleChevronUp.js +21 -0
  82. package/dist/Download.js +16 -0
  83. package/dist/Edit.js +21 -0
  84. package/dist/EditSolid.js +16 -0
  85. package/dist/Error.js +23 -0
  86. package/dist/ErrorExecute.js +16 -0
  87. package/dist/ErrorSecondary.js +24 -0
  88. package/dist/ErrorSolid.js +18 -0
  89. package/dist/Expand.js +16 -0
  90. package/dist/Export.js +21 -0
  91. package/dist/ExportSolid.js +16 -0
  92. package/dist/Favorite.js +16 -0
  93. package/dist/FavoriteSolid.js +16 -0
  94. package/dist/Filter.js +16 -0
  95. package/dist/FilterClear.js +18 -0
  96. package/dist/FilterClearSolid.js +18 -0
  97. package/dist/FilterSolid.js +16 -0
  98. package/dist/Flag.js +16 -0
  99. package/dist/FlagSolid.js +16 -0
  100. package/dist/FolderClosed.js +18 -0
  101. package/dist/FolderClosedSolid.js +18 -0
  102. package/dist/FolderOpen.js +18 -0
  103. package/dist/FolderOpenSolid.js +18 -0
  104. package/dist/Forward10.js +21 -0
  105. package/dist/Forward15.js +21 -0
  106. package/dist/Forward30.js +21 -0
  107. package/dist/Forward5.js +21 -0
  108. package/dist/Globe.js +16 -0
  109. package/dist/GlobeSolid.js +21 -0
  110. package/dist/Grid.js +16 -0
  111. package/dist/GridSolid.js +16 -0
  112. package/dist/GuideClosed.js +21 -0
  113. package/dist/GuideClosedSolid.js +18 -0
  114. package/dist/GuideOpen.js +21 -0
  115. package/dist/GuideOpenSolid.js +18 -0
  116. package/dist/Help.js +23 -0
  117. package/dist/HelpSecondary.js +24 -0
  118. package/dist/HelpSolid.js +18 -0
  119. package/dist/Hidden.js +16 -0
  120. package/dist/Home.js +16 -0
  121. package/dist/HomeSolid.js +16 -0
  122. package/dist/Image.js +23 -0
  123. package/dist/ImageSolid.js +18 -0
  124. package/dist/Import.js +21 -0
  125. package/dist/ImportSolid.js +16 -0
  126. package/dist/Inbox.js +21 -0
  127. package/dist/InboxSolid.js +21 -0
  128. package/dist/Info.js +23 -0
  129. package/dist/InfoSecondary.js +24 -0
  130. package/dist/InfoSolid.js +18 -0
  131. package/dist/Key.js +23 -0
  132. package/dist/KeySolid.js +18 -0
  133. package/dist/Light.js +23 -0
  134. package/dist/LightSolid.js +16 -0
  135. package/dist/LineChart.js +16 -0
  136. package/dist/LineChartSolid.js +16 -0
  137. package/dist/Linked.js +21 -0
  138. package/dist/List.js +16 -0
  139. package/dist/Loader.js +16 -0
  140. package/dist/Location.js +25 -0
  141. package/dist/LocationSolid.js +18 -0
  142. package/dist/Locked.js +21 -0
  143. package/dist/LockedSolid.js +16 -0
  144. package/dist/Maximize.js +16 -0
  145. package/dist/Menu.js +16 -0
  146. package/dist/Message.js +16 -0
  147. package/dist/MessageSolid.js +16 -0
  148. package/dist/MicroMenu.js +16 -0
  149. package/dist/Minimize.js +16 -0
  150. package/dist/MoveAll.js +16 -0
  151. package/dist/MoveHorizontal.js +16 -0
  152. package/dist/MoveVertical.js +16 -0
  153. package/dist/Note.js +16 -0
  154. package/dist/NoteSolid.js +16 -0
  155. package/dist/Notification.js +16 -0
  156. package/dist/NotificationSolid.js +16 -0
  157. package/dist/OverflowMenu.js +16 -0
  158. package/dist/Paste.js +21 -0
  159. package/dist/PasteSolid.js +21 -0
  160. package/dist/Pause.js +16 -0
  161. package/dist/PauseSolid.js +16 -0
  162. package/dist/Pdf.js +16 -0
  163. package/dist/PdfSolid.js +23 -0
  164. package/dist/Pin.js +16 -0
  165. package/dist/PinSolid.js +16 -0
  166. package/dist/Pivot.js +16 -0
  167. package/dist/PivotSolid.js +18 -0
  168. package/dist/PlaceIn.js +21 -0
  169. package/dist/Play.js +16 -0
  170. package/dist/PlaySolid.js +16 -0
  171. package/dist/Presentation.js +21 -0
  172. package/dist/PresentationSolid.js +16 -0
  173. package/dist/PriceLadder.js +16 -0
  174. package/dist/Print.js +21 -0
  175. package/dist/PrintSolid.js +16 -0
  176. package/dist/ProgressCancelled.js +18 -0
  177. package/dist/ProgressClosed.js +23 -0
  178. package/dist/ProgressComplete.js +18 -0
  179. package/dist/ProgressDraft.js +18 -0
  180. package/dist/ProgressInprogress.js +18 -0
  181. package/dist/ProgressOnhold.js +18 -0
  182. package/dist/ProgressPending.js +18 -0
  183. package/dist/ProgressRejected.js +18 -0
  184. package/dist/ProgressTodo.js +18 -0
  185. package/dist/Protection.js +16 -0
  186. package/dist/ProtectionSolid.js +16 -0
  187. package/dist/Redo.js +16 -0
  188. package/dist/Refresh.js +16 -0
  189. package/dist/Remove.js +16 -0
  190. package/dist/RemoveDocument.js +21 -0
  191. package/dist/RemoveDocumentSolid.js +16 -0
  192. package/dist/Replay10.js +21 -0
  193. package/dist/Replay15.js +21 -0
  194. package/dist/Replay30.js +21 -0
  195. package/dist/Replay5.js +16 -0
  196. package/dist/Restore.js +21 -0
  197. package/dist/RunReport.js +21 -0
  198. package/dist/RunReportSolid.js +18 -0
  199. package/dist/Save.js +21 -0
  200. package/dist/SaveSolid.js +24 -0
  201. package/dist/ScheduleTime.js +21 -0
  202. package/dist/ScheduleTimeSolid.js +23 -0
  203. package/dist/Search.js +16 -0
  204. package/dist/Send.js +16 -0
  205. package/dist/Settings.js +21 -0
  206. package/dist/SettingsSolid.js +16 -0
  207. package/dist/Share.js +16 -0
  208. package/dist/ShareSolid.js +16 -0
  209. package/dist/SortAlphaAscend.js +23 -0
  210. package/dist/SortAlphaDescend.js +23 -0
  211. package/dist/SortNumAscend.js +16 -0
  212. package/dist/SortNumDescend.js +16 -0
  213. package/dist/Stackoverflow.js +21 -0
  214. package/dist/StepActive.js +16 -0
  215. package/dist/StepDefault.js +16 -0
  216. package/dist/StepSuccess.js +16 -0
  217. package/dist/Storage.js +21 -0
  218. package/dist/StorageSolid.js +16 -0
  219. package/dist/Success.js +18 -0
  220. package/dist/SuccessSecondary.js +16 -0
  221. package/dist/SuccessSolid.js +18 -0
  222. package/dist/SuccessTick.js +16 -0
  223. package/dist/Sum.js +16 -0
  224. package/dist/SumSolid.js +16 -0
  225. package/dist/Swap.js +16 -0
  226. package/dist/Symphony.js +16 -0
  227. package/dist/Tag.js +25 -0
  228. package/dist/TagClear.js +26 -0
  229. package/dist/TagClearSolid.js +26 -0
  230. package/dist/TagSolid.js +23 -0
  231. package/dist/Tails.js +25 -0
  232. package/dist/TailsSolid.js +23 -0
  233. package/dist/Target.js +18 -0
  234. package/dist/TearOut.js +21 -0
  235. package/dist/ThumbsDown.js +16 -0
  236. package/dist/ThumbsDownSolid.js +16 -0
  237. package/dist/ThumbsUp.js +16 -0
  238. package/dist/ThumbsUpSolid.js +16 -0
  239. package/dist/Tree.js +16 -0
  240. package/dist/TreeSolid.js +16 -0
  241. package/dist/TriangleDown.js +16 -0
  242. package/dist/TriangleLeft.js +16 -0
  243. package/dist/TriangleRight.js +16 -0
  244. package/dist/TriangleRightDown.js +16 -0
  245. package/dist/TriangleUp.js +16 -0
  246. package/dist/Undo.js +16 -0
  247. package/dist/Unlinked.js +16 -0
  248. package/dist/Unlocked.js +21 -0
  249. package/dist/UnlockedSolid.js +16 -0
  250. package/dist/Upload.js +16 -0
  251. package/dist/UrgencyCritical.js +21 -0
  252. package/dist/UrgencyHigh.js +24 -0
  253. package/dist/UrgencyLow.js +18 -0
  254. package/dist/UrgencyMedium.js +21 -0
  255. package/dist/UrgencyNone.js +16 -0
  256. package/dist/User.js +16 -0
  257. package/dist/UserAdmin.js +16 -0
  258. package/dist/UserAdminSolid.js +16 -0
  259. package/dist/UserBadge.js +16 -0
  260. package/dist/UserGroup.js +16 -0
  261. package/dist/UserGroupSolid.js +21 -0
  262. package/dist/UserSolid.js +16 -0
  263. package/dist/Video.js +18 -0
  264. package/dist/VideoDisabled.js +26 -0
  265. package/dist/VideoSolid.js +16 -0
  266. package/dist/Visible.js +21 -0
  267. package/dist/VisibleSolid.js +21 -0
  268. package/dist/VolumeDown.js +16 -0
  269. package/dist/VolumeOff.js +16 -0
  270. package/dist/VolumeUp.js +21 -0
  271. package/dist/Warning.js +23 -0
  272. package/dist/WarningSecondary.js +24 -0
  273. package/dist/WarningSolid.js +18 -0
  274. package/dist/Xls.js +16 -0
  275. package/dist/XlsSolid.js +23 -0
  276. package/dist/Zip.js +16 -0
  277. package/dist/ZipSolid.js +23 -0
  278. package/dist/baseline/baseline.css.d.ts +1 -0
  279. package/dist/baseline/index.css +1 -0
  280. package/dist/baseline/index.d.ts +1 -0
  281. package/dist/baseline/index.js +1 -0
  282. package/dist/blockquote/blockquote.css.d.ts +11 -0
  283. package/dist/blockquote/index.css +1 -0
  284. package/dist/blockquote/index.d.ts +1 -0
  285. package/dist/blockquote/index.js +1 -0
  286. package/dist/border/border.css.d.ts +693 -0
  287. package/dist/border/brand.css.d.ts +42 -0
  288. package/dist/border/callout.css.d.ts +41 -0
  289. package/dist/border/createWidthVariants.d.ts +33 -0
  290. package/dist/border/index.css +1 -0
  291. package/dist/border/index.d.ts +8 -0
  292. package/dist/border/index.js +1 -0
  293. package/dist/border/navigable.css.d.ts +41 -0
  294. package/dist/border/neutral.css.d.ts +39 -0
  295. package/dist/border/selectable.css.d.ts +38 -0
  296. package/dist/border/site.css.d.ts +38 -0
  297. package/dist/border/status.css.d.ts +40 -0
  298. package/dist/border/vars.css.d.ts +11 -0
  299. package/dist/button/button.css.d.ts +128 -0
  300. package/dist/button/index.css +1 -0
  301. package/dist/button/index.d.ts +1 -0
  302. package/dist/button/index.js +1 -0
  303. package/dist/button/vars.css.d.ts +18 -0
  304. package/dist/chunk-4F6MVIOF.js +1 -0
  305. package/dist/chunk-5JBAU6D4.js +1 -0
  306. package/dist/chunk-7QU4VXT6.js +0 -0
  307. package/dist/chunk-7U6HP6OY.js +1 -0
  308. package/dist/chunk-CAY5MG4E.js +1 -0
  309. package/dist/chunk-CU7PSQMC.js +1 -0
  310. package/dist/chunk-ETUGF7CC.js +1 -0
  311. package/dist/chunk-G3CSRPQ2.js +1 -0
  312. package/dist/chunk-GJ36A4H6.js +1 -0
  313. package/dist/chunk-IF3XWB5F.js +6 -0
  314. package/dist/chunk-IMT6AODQ.js +1 -0
  315. package/dist/chunk-M3GSPX56.js +1 -0
  316. package/dist/chunk-M4FJPBV7.js +1 -0
  317. package/dist/chunk-M5Y7QPNW.js +1 -0
  318. package/dist/chunk-NGX6WN2M.js +1 -0
  319. package/dist/chunk-OWQDHW35.js +0 -0
  320. package/dist/chunk-P5OBPOC4.js +0 -0
  321. package/dist/chunk-PO4WKZ73.js +1 -0
  322. package/dist/chunk-QH6AWE54.js +1 -0
  323. package/dist/chunk-RQ5A5EWF.js +0 -0
  324. package/dist/chunk-TMYK6VHD.js +1 -0
  325. package/dist/chunk-UCXZJP3U.js +1 -0
  326. package/dist/chunk-VSZA2SJL.js +1 -0
  327. package/dist/chunk-WTFOA623.js +1 -0
  328. package/dist/chunk-ZCC6EPTW.js +1 -0
  329. package/dist/chunk-ZXYH6CNZ.js +1 -0
  330. package/dist/color/actionable.css.d.ts +376 -0
  331. package/dist/color/beforeElement.css.d.ts +71 -0
  332. package/dist/color/brand.css.d.ts +94 -0
  333. package/dist/color/callout.css.d.ts +92 -0
  334. package/dist/color/index.css +1 -0
  335. package/dist/color/index.d.ts +9 -0
  336. package/dist/color/index.js +1 -0
  337. package/dist/color/lightMode.d.ts +10 -0
  338. package/dist/color/navigable.css.d.ts +321 -0
  339. package/dist/color/neutral.css.d.ts +100 -0
  340. package/dist/color/selectable.css.d.ts +131 -0
  341. package/dist/color/status.css.d.ts +90 -0
  342. package/dist/color/vars.css.d.ts +195 -0
  343. package/dist/componentExample/componentExample.css.d.ts +93 -0
  344. package/dist/componentExample/index.css +1 -0
  345. package/dist/componentExample/index.d.ts +1 -0
  346. package/dist/componentExample/index.js +1 -0
  347. package/dist/componentExample/vars.css.d.ts +13 -0
  348. package/dist/config.d.ts +18 -0
  349. package/dist/feature/feature.css.d.ts +7 -0
  350. package/dist/feature/index.css +1 -0
  351. package/dist/feature/index.d.ts +1 -0
  352. package/dist/feature/index.js +1 -0
  353. package/dist/grid/grid.css.d.ts +269 -0
  354. package/dist/grid/index.css +1 -0
  355. package/dist/grid/index.d.ts +1 -0
  356. package/dist/grid/index.js +1 -0
  357. package/dist/grid/vars.css.d.ts +39 -0
  358. package/dist/hero/hero.css.d.ts +1 -0
  359. package/dist/hero/index.css +1 -0
  360. package/dist/hero/index.d.ts +1 -0
  361. package/dist/hero/index.js +1 -0
  362. package/dist/hero/vars.css.d.ts +19 -0
  363. package/dist/icon/StackOverflowIcon.d.ts +3 -0
  364. package/dist/icon/icons.css.d.ts +1 -0
  365. package/dist/icon/icons.d.ts +9 -0
  366. package/dist/icon/index.css +1 -0
  367. package/dist/icon/index.d.ts +2 -0
  368. package/dist/icon/index.js +1 -0
  369. package/dist/impact/impact.css.d.ts +4 -0
  370. package/dist/impact/index.css +1 -0
  371. package/dist/impact/index.d.ts +1 -0
  372. package/dist/impact/index.js +1 -0
  373. package/dist/impact/vars.css.d.ts +41 -0
  374. package/dist/index.css +1 -0
  375. package/dist/index.d.ts +1011 -0
  376. package/dist/index.js +1 -0
  377. package/dist/link/index.css +1 -0
  378. package/dist/link/index.d.ts +1 -0
  379. package/dist/link/index.js +1 -0
  380. package/dist/link/link.css.d.ts +14 -0
  381. package/dist/list/index.css +1 -0
  382. package/dist/list/index.d.ts +2 -0
  383. package/dist/list/index.js +1 -0
  384. package/dist/list/ordered.css.d.ts +2 -0
  385. package/dist/list/unordered.css.d.ts +29 -0
  386. package/dist/list/vars.css.d.ts +121 -0
  387. package/dist/opacity/index.css +1 -0
  388. package/dist/opacity/index.d.ts +1 -0
  389. package/dist/opacity/index.js +1 -0
  390. package/dist/opacity/opacity.css.d.ts +50 -0
  391. package/dist/opacity/vars.css.d.ts +13 -0
  392. package/dist/responsive/breakpoint.d.ts +7 -0
  393. package/dist/responsive/index.css +1 -0
  394. package/dist/responsive/index.d.ts +3 -0
  395. package/dist/responsive/index.js +1 -0
  396. package/dist/responsive/responsive.css.d.ts +2658 -0
  397. package/dist/responsive/responsiveStyle.d.ts +9 -0
  398. package/dist/responsive/sidebars.css.d.ts +582 -0
  399. package/dist/responsive/vars.css.d.ts +61 -0
  400. package/dist/shadow/index.css +1 -0
  401. package/dist/shadow/index.d.ts +1 -0
  402. package/dist/shadow/index.js +1 -0
  403. package/dist/shadow/shadow.css.d.ts +53 -0
  404. package/dist/shadow/vars.css.d.ts +18 -0
  405. package/dist/story/index.css +1 -0
  406. package/dist/story/index.d.ts +1 -0
  407. package/dist/story/index.js +1 -0
  408. package/dist/story/story.css.d.ts +1 -0
  409. package/dist/table/index.css +1 -0
  410. package/dist/table/index.d.ts +6 -0
  411. package/dist/table/index.js +1 -0
  412. package/dist/table/table.css.d.ts +74 -0
  413. package/dist/table/tbody.css.d.ts +3 -0
  414. package/dist/table/td.css.d.ts +68 -0
  415. package/dist/table/th.css.d.ts +3 -0
  416. package/dist/table/thead.css.d.ts +3 -0
  417. package/dist/table/tr.css.d.ts +3 -0
  418. package/dist/table/vars.css.d.ts +31 -0
  419. package/dist/tag/index.css +1 -0
  420. package/dist/tag/index.d.ts +1 -0
  421. package/dist/tag/index.js +1 -0
  422. package/dist/tag/tag.css.d.ts +7 -0
  423. package/dist/thematicBreak/index.css +1 -0
  424. package/dist/thematicBreak/index.d.ts +1 -0
  425. package/dist/thematicBreak/index.js +1 -0
  426. package/dist/thematicBreak/thematicBreak.css.d.ts +7 -0
  427. package/dist/typography/action.css.d.ts +116 -0
  428. package/dist/typography/amount.css.d.ts +109 -0
  429. package/dist/typography/caption.css.d.ts +114 -0
  430. package/dist/typography/code.css.d.ts +10 -0
  431. package/dist/typography/emphasis.css.d.ts +15 -0
  432. package/dist/typography/eyebrow.css.d.ts +109 -0
  433. package/dist/typography/heading.css.d.ts +150 -0
  434. package/dist/typography/index.css +1 -0
  435. package/dist/typography/index.d.ts +11 -0
  436. package/dist/typography/index.js +1 -0
  437. package/dist/typography/paragraph.css.d.ts +114 -0
  438. package/dist/typography/subtitle.css.d.ts +114 -0
  439. package/dist/typography/textDecoration.css.d.ts +35 -0
  440. package/dist/typography/vars.css.d.ts +32 -0
  441. package/dist/typography/watermark.css.d.ts +110 -0
  442. package/dist/uitk/index.css +1 -0
  443. package/dist/uitk/index.d.ts +1 -0
  444. package/dist/uitk/index.js +1 -0
  445. package/dist/uitk/uitk.css.d.ts +145 -0
  446. package/dist/vars.css.d.ts +560 -0
  447. package/package.json +39 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,1011 @@
1
+ export { themeClassName, vars } from './vars.css';
2
+ export * from './blockquote';
3
+ export * from './button';
4
+ export * from './border';
5
+ export * from './color';
6
+ export * from './componentExample';
7
+ export * from './config';
8
+ export * from './feature';
9
+ export * from './grid';
10
+ export * from './hero';
11
+ export * from './icon';
12
+ export * from './impact';
13
+ export * from './link';
14
+ export * from './list';
15
+ export * from './responsive';
16
+ export * from './shadow';
17
+ export * from './story';
18
+ export * from './table';
19
+ export * from './tag';
20
+ export * from './thematicBreak';
21
+ export * from './typography';
22
+ export * from './responsive/responsiveStyle';
23
+ export type { SpaceVars } from './responsive/vars.css';
24
+ export declare const recipes: {
25
+ borderSprinkles: ((props: {
26
+ borderWidth?: ("none" | "medium" | "thick" | "thin" | {
27
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
28
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
29
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
30
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
31
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
32
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
33
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
34
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
35
+ }) | undefined;
36
+ borderStyle?: (string | {
37
+ lightMode?: string | undefined;
38
+ lightModeUnselected?: string | undefined;
39
+ lightModeHover?: string | undefined;
40
+ lightModeSelected?: string | undefined;
41
+ darkMode?: string | undefined;
42
+ darkModeUnselected?: string | undefined;
43
+ darkModeHover?: string | undefined;
44
+ darkModeSelected?: string | undefined;
45
+ }) | undefined;
46
+ borderColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
47
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
48
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
49
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
50
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
51
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
52
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
53
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
54
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
55
+ }) | undefined;
56
+ borderTopColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
57
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
58
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
59
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
60
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
61
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
62
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
63
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
64
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
65
+ }) | undefined;
66
+ borderRightColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
67
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
68
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
69
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
70
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
71
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
72
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
73
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
74
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
75
+ }) | undefined;
76
+ borderBottomColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
77
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
78
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
79
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
80
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
81
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
82
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
83
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
84
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
85
+ }) | undefined;
86
+ borderLeftColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
87
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
88
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
89
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
90
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
91
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
92
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
93
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
94
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
95
+ }) | undefined;
96
+ borderTopWidth?: ("none" | "medium" | "thick" | "thin" | {
97
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
98
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
99
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
100
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
101
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
102
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
103
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
104
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
105
+ }) | undefined;
106
+ borderRightWidth?: ("none" | "medium" | "thick" | "thin" | {
107
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
108
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
109
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
110
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
111
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
112
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
113
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
114
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
115
+ }) | undefined;
116
+ borderBottomWidth?: ("none" | "medium" | "thick" | "thin" | {
117
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
118
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
119
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
120
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
121
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
122
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
123
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
124
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
125
+ }) | undefined;
126
+ borderLeftWidth?: ("none" | "medium" | "thick" | "thin" | {
127
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
128
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
129
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
130
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
131
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
132
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
133
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
134
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
135
+ }) | undefined;
136
+ borderColorX?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
137
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
138
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
139
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
140
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
141
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
142
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
143
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
144
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
145
+ }) | undefined;
146
+ borderColorY?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
147
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
148
+ lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
149
+ lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
150
+ lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
151
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
152
+ darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
153
+ darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
154
+ darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
155
+ }) | undefined;
156
+ borderWidthX?: ("none" | "medium" | "thick" | "thin" | {
157
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
158
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
159
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
160
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
161
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
162
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
163
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
164
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
165
+ }) | undefined;
166
+ borderWidthY?: ("none" | "medium" | "thick" | "thin" | {
167
+ lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
168
+ lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
169
+ lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
170
+ lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
171
+ darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
172
+ darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
173
+ darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
174
+ darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
175
+ }) | undefined;
176
+ }) => string) & {
177
+ properties: Set<"borderBottomColor" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopWidth" | "borderColor" | "borderStyle" | "borderWidth" | "borderColorX" | "borderColorY" | "borderWidthX" | "borderWidthY">;
178
+ };
179
+ brandBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
180
+ borderWidth: {
181
+ none: string;
182
+ thin: string;
183
+ medium: string;
184
+ thick: string;
185
+ };
186
+ borderTopWidth: {
187
+ none: string;
188
+ thin: string;
189
+ medium: string;
190
+ thick: string;
191
+ };
192
+ borderRightWidth: {
193
+ none: string;
194
+ thin: string;
195
+ medium: string;
196
+ thick: string;
197
+ };
198
+ borderBottomWidth: {
199
+ none: string;
200
+ thin: string;
201
+ medium: string;
202
+ thick: string;
203
+ };
204
+ borderLeftWidth: {
205
+ none: string;
206
+ thin: string;
207
+ medium: string;
208
+ thick: string;
209
+ };
210
+ variant: {
211
+ category1: string;
212
+ category2: string;
213
+ category3: string;
214
+ category4: string;
215
+ category5: string;
216
+ category6: string;
217
+ };
218
+ }>;
219
+ calloutBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
220
+ borderWidth: {
221
+ none: string;
222
+ thin: string;
223
+ medium: string;
224
+ thick: string;
225
+ };
226
+ borderTopWidth: {
227
+ none: string;
228
+ thin: string;
229
+ medium: string;
230
+ thick: string;
231
+ };
232
+ borderRightWidth: {
233
+ none: string;
234
+ thin: string;
235
+ medium: string;
236
+ thick: string;
237
+ };
238
+ borderBottomWidth: {
239
+ none: string;
240
+ thin: string;
241
+ medium: string;
242
+ thick: string;
243
+ };
244
+ borderLeftWidth: {
245
+ none: string;
246
+ thin: string;
247
+ medium: string;
248
+ thick: string;
249
+ };
250
+ variant: {
251
+ note: string;
252
+ important: string;
253
+ tip: string;
254
+ caution: string;
255
+ warning: string;
256
+ };
257
+ }>;
258
+ navigableBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
259
+ borderWidth: {
260
+ none: string;
261
+ thin: string;
262
+ medium: string;
263
+ thick: string;
264
+ };
265
+ borderTopWidth: {
266
+ none: string;
267
+ thin: string;
268
+ medium: string;
269
+ thick: string;
270
+ };
271
+ borderRightWidth: {
272
+ none: string;
273
+ thin: string;
274
+ medium: string;
275
+ thick: string;
276
+ };
277
+ borderBottomWidth: {
278
+ none: string;
279
+ thin: string;
280
+ medium: string;
281
+ thick: string;
282
+ };
283
+ borderLeftWidth: {
284
+ none: string;
285
+ thin: string;
286
+ medium: string;
287
+ thick: string;
288
+ };
289
+ variant: {
290
+ selected: string;
291
+ hover: string;
292
+ unselected: string;
293
+ inEdit: string;
294
+ focusRing: string;
295
+ };
296
+ }>;
297
+ neutralBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
298
+ borderWidth: {
299
+ none: string;
300
+ thin: string;
301
+ medium: string;
302
+ thick: string;
303
+ };
304
+ borderTopWidth: {
305
+ none: string;
306
+ thin: string;
307
+ medium: string;
308
+ thick: string;
309
+ };
310
+ borderRightWidth: {
311
+ none: string;
312
+ thin: string;
313
+ medium: string;
314
+ thick: string;
315
+ };
316
+ borderBottomWidth: {
317
+ none: string;
318
+ thin: string;
319
+ medium: string;
320
+ thick: string;
321
+ };
322
+ borderLeftWidth: {
323
+ none: string;
324
+ thin: string;
325
+ medium: string;
326
+ thick: string;
327
+ };
328
+ variant: {
329
+ low: string;
330
+ mid: string;
331
+ high: string;
332
+ };
333
+ }>;
334
+ selectableBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
335
+ borderWidth: {
336
+ none: string;
337
+ thin: string;
338
+ medium: string;
339
+ thick: string;
340
+ };
341
+ borderTopWidth: {
342
+ none: string;
343
+ thin: string;
344
+ medium: string;
345
+ thick: string;
346
+ };
347
+ borderRightWidth: {
348
+ none: string;
349
+ thin: string;
350
+ medium: string;
351
+ thick: string;
352
+ };
353
+ borderBottomWidth: {
354
+ none: string;
355
+ thin: string;
356
+ medium: string;
357
+ thick: string;
358
+ };
359
+ borderLeftWidth: {
360
+ none: string;
361
+ thin: string;
362
+ medium: string;
363
+ thick: string;
364
+ };
365
+ variant: {
366
+ inEdit: string;
367
+ focusRing: string;
368
+ };
369
+ }>;
370
+ statusBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
371
+ borderWidth: {
372
+ none: string;
373
+ thin: string;
374
+ medium: string;
375
+ thick: string;
376
+ };
377
+ borderTopWidth: {
378
+ none: string;
379
+ thin: string;
380
+ medium: string;
381
+ thick: string;
382
+ };
383
+ borderRightWidth: {
384
+ none: string;
385
+ thin: string;
386
+ medium: string;
387
+ thick: string;
388
+ };
389
+ borderBottomWidth: {
390
+ none: string;
391
+ thin: string;
392
+ medium: string;
393
+ thick: string;
394
+ };
395
+ borderLeftWidth: {
396
+ none: string;
397
+ thin: string;
398
+ medium: string;
399
+ thick: string;
400
+ };
401
+ variant: {
402
+ info: string;
403
+ alert: string;
404
+ negative: string;
405
+ positive: string;
406
+ };
407
+ }>;
408
+ siteBorder: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
409
+ borderWidth: {
410
+ none: string;
411
+ thin: string;
412
+ medium: string;
413
+ thick: string;
414
+ };
415
+ borderTopWidth: {
416
+ none: string;
417
+ thin: string;
418
+ medium: string;
419
+ thick: string;
420
+ };
421
+ borderRightWidth: {
422
+ none: string;
423
+ thin: string;
424
+ medium: string;
425
+ thick: string;
426
+ };
427
+ borderBottomWidth: {
428
+ none: string;
429
+ thin: string;
430
+ medium: string;
431
+ thick: string;
432
+ };
433
+ borderLeftWidth: {
434
+ none: string;
435
+ thin: string;
436
+ medium: string;
437
+ thick: string;
438
+ };
439
+ variant: {
440
+ unknown: string;
441
+ boundary: string;
442
+ };
443
+ }>;
444
+ shadow: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
445
+ variant: {
446
+ unknown: string;
447
+ elevation1: string;
448
+ elevation2: string;
449
+ elevation3: string;
450
+ elevation4: string;
451
+ };
452
+ }>;
453
+ vars: {
454
+ border: {
455
+ width: {
456
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
+ thick: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ };
461
+ };
462
+ color: {
463
+ unknown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
464
+ light: {
465
+ actionable: {
466
+ cta: {
467
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
+ };
472
+ primary: {
473
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
477
+ };
478
+ secondary: {
479
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
480
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
481
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
482
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
483
+ };
484
+ label: {
485
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
486
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
487
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
488
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ };
490
+ };
491
+ navigable: {
492
+ link: {
493
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
494
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
495
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
496
+ };
497
+ documentLink: {
498
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ };
503
+ headingLink: {
504
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
507
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ };
509
+ selectableLink: {
510
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ };
516
+ };
517
+ selectable: {
518
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ };
525
+ status: {
526
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ };
531
+ brand: {
532
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ };
539
+ callout: {
540
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
+ };
546
+ neutral: {
547
+ foreground: {
548
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
551
+ };
552
+ background: {
553
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
+ };
556
+ };
557
+ };
558
+ dark: {
559
+ actionable: {
560
+ cta: {
561
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
565
+ };
566
+ primary: {
567
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
568
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
570
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
571
+ };
572
+ secondary: {
573
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
574
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
575
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
576
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
577
+ };
578
+ label: {
579
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
580
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
581
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
582
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
583
+ };
584
+ };
585
+ navigable: {
586
+ link: {
587
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
588
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
589
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
590
+ };
591
+ documentLink: {
592
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
593
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
594
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
595
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
596
+ };
597
+ headingLink: {
598
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
599
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
601
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
602
+ };
603
+ selectableLink: {
604
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
605
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
606
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
607
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
608
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
609
+ };
610
+ };
611
+ selectable: {
612
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
613
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
614
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
615
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
616
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
617
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
618
+ };
619
+ status: {
620
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
621
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
622
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
623
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
624
+ };
625
+ brand: {
626
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
627
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
628
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
629
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
630
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
631
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
632
+ };
633
+ callout: {
634
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
635
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
636
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
637
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
638
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
639
+ };
640
+ neutral: {
641
+ foreground: {
642
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
643
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
644
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
645
+ };
646
+ background: {
647
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
+ };
650
+ };
651
+ };
652
+ };
653
+ component: {
654
+ button: {
655
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
656
+ mobile: {
657
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
658
+ };
659
+ tablet: {
660
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
+ };
662
+ web: {
663
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
664
+ };
665
+ desktop: {
666
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
667
+ };
668
+ };
669
+ componentExample: {
670
+ light: {
671
+ innerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
672
+ outerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
673
+ };
674
+ dark: {
675
+ innerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
676
+ outerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
677
+ };
678
+ };
679
+ grid: {
680
+ row: {
681
+ desktopSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
+ desktopMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
+ desktopLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
+ webSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
685
+ webMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
686
+ webLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
687
+ tabletSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
688
+ tabletMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
689
+ tabletLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
690
+ mobileSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
691
+ mobileMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
692
+ mobileLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
693
+ };
694
+ column: {
695
+ desktopSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
+ desktopMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
+ desktopLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
698
+ webSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
699
+ webMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
700
+ webLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
701
+ tabletSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
702
+ tabletMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
703
+ tabletLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
704
+ mobileSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
705
+ mobileMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
+ mobileLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
+ };
708
+ gap: {
709
+ desktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
710
+ web: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
711
+ mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
712
+ tablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
+ };
714
+ };
715
+ hero: {
716
+ frame: {
717
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
718
+ minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
719
+ };
720
+ frameImage: {
721
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
722
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
723
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
724
+ left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
725
+ };
726
+ frameBackgroundImage: {
727
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
728
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
729
+ };
730
+ };
731
+ impact: {
732
+ image: {
733
+ mobile: {
734
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
735
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
736
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
737
+ };
738
+ tablet: {
739
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
740
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
741
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
742
+ };
743
+ web: {
744
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
745
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
746
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
747
+ };
748
+ desktop: {
749
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
750
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
751
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
752
+ };
753
+ };
754
+ line: {
755
+ mobile: {
756
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
757
+ };
758
+ tablet: {
759
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
760
+ };
761
+ web: {
762
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
763
+ };
764
+ desktop: {
765
+ top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
766
+ };
767
+ };
768
+ };
769
+ list: {
770
+ unordered: {
771
+ document: {
772
+ small: {
773
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
774
+ level1: {
775
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
+ };
777
+ level2: {
778
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
779
+ };
780
+ level3: {
781
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
782
+ };
783
+ };
784
+ medium: {
785
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
786
+ level1: {
787
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
788
+ };
789
+ level2: {
790
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
791
+ };
792
+ level3: {
793
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
794
+ };
795
+ };
796
+ large: {
797
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
798
+ level1: {
799
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
800
+ };
801
+ level2: {
802
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
803
+ };
804
+ level3: {
805
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
806
+ };
807
+ };
808
+ };
809
+ regular: {
810
+ small: {
811
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
812
+ level1: {
813
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
814
+ };
815
+ level2: {
816
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
817
+ };
818
+ level3: {
819
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
820
+ };
821
+ };
822
+ medium: {
823
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
824
+ level1: {
825
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
826
+ };
827
+ level2: {
828
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
829
+ };
830
+ level3: {
831
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
+ };
833
+ };
834
+ large: {
835
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
+ level1: {
837
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ };
839
+ level2: {
840
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ };
842
+ level3: {
843
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
844
+ };
845
+ };
846
+ };
847
+ image: {
848
+ small: {
849
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
850
+ level1: {
851
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
852
+ };
853
+ level2: {
854
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
855
+ };
856
+ level3: {
857
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
858
+ };
859
+ };
860
+ medium: {
861
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
862
+ level1: {
863
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
864
+ };
865
+ level2: {
866
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
867
+ };
868
+ level3: {
869
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
870
+ };
871
+ };
872
+ large: {
873
+ size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ level1: {
875
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
+ };
877
+ level2: {
878
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
879
+ };
880
+ level3: {
881
+ url: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
882
+ };
883
+ };
884
+ };
885
+ };
886
+ };
887
+ table: {
888
+ mobile: {
889
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
890
+ };
891
+ tablet: {
892
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
893
+ };
894
+ web: {
895
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
896
+ };
897
+ desktop: {
898
+ maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
899
+ };
900
+ td: {
901
+ mobile: {
902
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
903
+ };
904
+ tablet: {
905
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
906
+ };
907
+ web: {
908
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
909
+ };
910
+ desktop: {
911
+ minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
+ };
913
+ };
914
+ };
915
+ };
916
+ fontSize: {
917
+ s30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
918
+ s40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
919
+ s50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
920
+ s60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
921
+ s70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
922
+ s80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
923
+ s90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
924
+ s100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
925
+ s110: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
926
+ s120: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
927
+ s125: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
928
+ s130: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
929
+ s140: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
930
+ s150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
931
+ s170: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
932
+ s180: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
933
+ s190: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
934
+ s210: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
935
+ s240: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
936
+ s270: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
937
+ s300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
938
+ };
939
+ fontWeight: {
940
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
941
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
942
+ semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
+ extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
+ };
946
+ opacity: {
947
+ light: {
948
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ watermark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
+ };
951
+ dark: {
952
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
953
+ watermark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
954
+ };
955
+ };
956
+ shadow: {
957
+ unknown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
958
+ light: {
959
+ elevation1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
960
+ elevation2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
961
+ elevation3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
962
+ elevation4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
963
+ };
964
+ dark: {
965
+ elevation1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
966
+ elevation2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
967
+ elevation3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
968
+ elevation4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
969
+ };
970
+ };
971
+ space: {
972
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
+ horizontal: {
974
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
975
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
976
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
+ gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ x1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ x2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
980
+ x3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
981
+ x4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ x6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ x8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ x10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
+ x12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
986
+ x13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
987
+ x15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
+ x20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
989
+ x25: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
990
+ x30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
991
+ };
992
+ vertical: {
993
+ auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
994
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
995
+ x1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
996
+ x2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
997
+ x3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
998
+ x4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
999
+ x6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1000
+ x8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1001
+ x10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1002
+ x12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1003
+ x13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1004
+ x15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1005
+ x20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1006
+ x25: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1007
+ x30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1008
+ };
1009
+ };
1010
+ };
1011
+ };