@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/color/vars.css.d.ts ADDED
@@ -0,0 +1,195 @@
1
+ export declare var RESERVED_HOT_PINK: string;
2
+ declare const dpColors: {
3
+ unknown: string;
4
+ light: {
5
+ actionable: {
6
+ cta: {
7
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ };
12
+ primary: {
13
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ };
18
+ secondary: {
19
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ regular: string;
21
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ disabled: string;
23
+ };
24
+ label: {
25
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ };
30
+ };
31
+ navigable: {
32
+ link: {
33
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ };
37
+ documentLink: {
38
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ };
43
+ headingLink: {
44
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ };
49
+ selectableLink: {
50
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ };
56
+ };
57
+ selectable: {
58
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ };
65
+ status: {
66
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ };
71
+ brand: {
72
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ };
79
+ callout: {
80
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ };
86
+ neutral: {
87
+ foreground: {
88
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ };
92
+ background: {
93
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ };
96
+ };
97
+ };
98
+ dark: {
99
+ actionable: {
100
+ cta: {
101
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ };
106
+ primary: {
107
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ };
112
+ secondary: {
113
+ active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ regular: string;
115
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ disabled: string;
117
+ };
118
+ label: {
119
+ dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ darkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ lighDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ };
124
+ };
125
+ navigable: {
126
+ link: {
127
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ };
131
+ documentLink: {
132
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ };
137
+ headingLink: {
138
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ visited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ };
143
+ selectableLink: {
144
+ selected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ unselected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ };
150
+ };
151
+ selectable: {
152
+ inEdit: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ hoverLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ selectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ unselectedLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ disabledLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ };
159
+ status: {
160
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ alert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ negative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ positive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ };
165
+ brand: {
166
+ category1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ category2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ category3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ category4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ category5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ category6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ };
173
+ callout: {
174
+ note: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ important: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ tip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ caution: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ };
180
+ neutral: {
181
+ foreground: {
182
+ high: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ mid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ low: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ };
186
+ background: {
187
+ emphasis: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ };
190
+ };
191
+ };
192
+ };
193
+ declare type ColorVars = typeof dpColors;
194
+ export declare const colorVars: ColorVars;
195
+ export {};
package/dist/componentExample/componentExample.css.d.ts ADDED
@@ -0,0 +1,93 @@
1
+ import { RecipeVariants } from '@vanilla-extract/recipes';
2
+ export declare const innerBackgroundProperties: {
3
+ conditions: {
4
+ defaultCondition: ("lightMode" | "darkMode")[];
5
+ conditionNames: ("lightMode" | "darkMode")[];
6
+ };
7
+ styles: {
8
+ backgroundColor: {
9
+ values: {
10
+ [x: `var(--${string})`]: {
11
+ defaultClass: string;
12
+ conditions: {
13
+ lightMode: string;
14
+ darkMode: string;
15
+ };
16
+ };
17
+ [x: `var(--${string}, ${string})`]: {
18
+ defaultClass: string;
19
+ conditions: {
20
+ lightMode: string;
21
+ darkMode: string;
22
+ };
23
+ };
24
+ [x: `var(--${string}, ${number})`]: {
25
+ defaultClass: string;
26
+ conditions: {
27
+ lightMode: string;
28
+ darkMode: string;
29
+ };
30
+ };
31
+ };
32
+ };
33
+ };
34
+ };
35
+ export declare const innerBackgroundSprinkles: ((props: {
36
+ backgroundColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
37
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
38
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
39
+ }) | undefined;
40
+ }) => string) & {
41
+ properties: Set<"backgroundColor">;
42
+ };
43
+ export declare type InnerBackgroundSprinkles = Parameters<typeof innerBackgroundSprinkles>[0];
44
+ export declare const outerBackgroundProperties: {
45
+ conditions: {
46
+ defaultCondition: ("lightMode" | "darkMode")[];
47
+ conditionNames: ("lightMode" | "darkMode")[];
48
+ };
49
+ styles: {
50
+ backgroundColor: {
51
+ values: {
52
+ [x: `var(--${string})`]: {
53
+ defaultClass: string;
54
+ conditions: {
55
+ lightMode: string;
56
+ darkMode: string;
57
+ };
58
+ };
59
+ [x: `var(--${string}, ${string})`]: {
60
+ defaultClass: string;
61
+ conditions: {
62
+ lightMode: string;
63
+ darkMode: string;
64
+ };
65
+ };
66
+ [x: `var(--${string}, ${number})`]: {
67
+ defaultClass: string;
68
+ conditions: {
69
+ lightMode: string;
70
+ darkMode: string;
71
+ };
72
+ };
73
+ };
74
+ };
75
+ };
76
+ };
77
+ export declare const outerBackgroundSprinkles: ((props: {
78
+ backgroundColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
79
+ lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
80
+ darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
81
+ }) | undefined;
82
+ }) => string) & {
83
+ properties: Set<"backgroundColor">;
84
+ };
85
+ export declare type OuterBackgroundSprinkles = Parameters<typeof outerBackgroundSprinkles>[0];
86
+ export declare const componentExample: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
87
+ backgroundColor: {
88
+ component: string;
89
+ inner: string;
90
+ outer: string;
91
+ };
92
+ }>;
93
+ export declare type ComponentExampleVariants = RecipeVariants<typeof componentExample>;