@veracity/vui 1.8.0-redesign.0 → 1.8.0

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 (358) hide show
  1. package/dist/cjs/accordion/accordion.d.ts +7 -1
  2. package/dist/cjs/accordion/accordion.d.ts.map +1 -1
  3. package/dist/cjs/accordion/accordion.js +2 -0
  4. package/dist/cjs/avatar/avatar.js +1 -1
  5. package/dist/cjs/button/button.d.ts +1 -1
  6. package/dist/cjs/button/button.d.ts.map +1 -1
  7. package/dist/cjs/button/button.js +23 -16
  8. package/dist/cjs/button/button.types.d.ts +4 -3
  9. package/dist/cjs/button/button.types.d.ts.map +1 -1
  10. package/dist/cjs/button/buttons.js +8 -8
  11. package/dist/cjs/button/consts.js +3 -3
  12. package/dist/cjs/button/theme.d.ts +44 -121
  13. package/dist/cjs/button/theme.d.ts.map +1 -1
  14. package/dist/cjs/button/theme.js +54 -135
  15. package/dist/cjs/buttonGroup/buttonGroup.d.ts.map +1 -1
  16. package/dist/cjs/buttonGroup/buttonGroup.js +5 -5
  17. package/dist/cjs/buttonGroup/buttonGroup.types.d.ts +3 -2
  18. package/dist/cjs/buttonGroup/buttonGroup.types.d.ts.map +1 -1
  19. package/dist/cjs/buttonGroup/helpers.d.ts.map +1 -1
  20. package/dist/cjs/buttonGroup/helpers.js +3 -2
  21. package/dist/cjs/buttonToggleGroup/buttonToggleGroup.d.ts.map +1 -1
  22. package/dist/cjs/buttonToggleGroup/buttonToggleGroup.js +1 -1
  23. package/dist/cjs/checkbox/checkbox.js +1 -1
  24. package/dist/cjs/copyToClipboard/copyToClipboard.js +1 -1
  25. package/dist/cjs/core/media.d.ts +8 -15
  26. package/dist/cjs/core/media.d.ts.map +1 -1
  27. package/dist/cjs/core/media.js +39 -24
  28. package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
  29. package/dist/cjs/core/vuiProvider/globalStyle.js +38 -55
  30. package/dist/cjs/footer/footerTrademark.js +1 -1
  31. package/dist/cjs/header/header.d.ts.map +1 -1
  32. package/dist/cjs/header/header.js +2 -2
  33. package/dist/cjs/header/headerServices.js +2 -2
  34. package/dist/cjs/header/loggedInHeader.js +3 -3
  35. package/dist/cjs/header/loggedOutHeader.js +3 -3
  36. package/dist/cjs/heading/theme.d.ts +1 -23
  37. package/dist/cjs/heading/theme.d.ts.map +1 -1
  38. package/dist/cjs/heading/theme.js +7 -29
  39. package/dist/cjs/icon/icon.types.d.ts +1 -1
  40. package/dist/cjs/icon/icon.types.d.ts.map +1 -1
  41. package/dist/cjs/icon/theme.d.ts +0 -5
  42. package/dist/cjs/icon/theme.d.ts.map +1 -1
  43. package/dist/cjs/icon/theme.js +0 -5
  44. package/dist/cjs/index.d.ts +0 -1
  45. package/dist/cjs/index.d.ts.map +1 -1
  46. package/dist/cjs/index.js +0 -1
  47. package/dist/cjs/input/input.js +1 -1
  48. package/dist/cjs/input/inputInput.js +1 -1
  49. package/dist/cjs/link/link.d.ts.map +1 -1
  50. package/dist/cjs/link/link.js +3 -3
  51. package/dist/cjs/link/link.types.d.ts +2 -0
  52. package/dist/cjs/link/link.types.d.ts.map +1 -1
  53. package/dist/cjs/link/theme.d.ts +4 -21
  54. package/dist/cjs/link/theme.d.ts.map +1 -1
  55. package/dist/cjs/link/theme.js +17 -30
  56. package/dist/cjs/list/listItem.d.ts.map +1 -1
  57. package/dist/cjs/list/listItem.js +2 -6
  58. package/dist/cjs/notification/consts.js +10 -10
  59. package/dist/cjs/notification/notification.d.ts.map +1 -1
  60. package/dist/cjs/notification/notification.js +8 -10
  61. package/dist/cjs/notification/notification.types.d.ts +2 -2
  62. package/dist/cjs/notification/notification.types.d.ts.map +1 -1
  63. package/dist/cjs/notification/notificationButton.d.ts.map +1 -1
  64. package/dist/cjs/notification/notificationButton.js +1 -5
  65. package/dist/cjs/notification/notificationIcon.d.ts.map +1 -1
  66. package/dist/cjs/notification/notificationIcon.js +2 -3
  67. package/dist/cjs/notification/notificationText.d.ts.map +1 -1
  68. package/dist/cjs/notification/notificationText.js +1 -1
  69. package/dist/cjs/notification/notificationTitle.d.ts +2 -2
  70. package/dist/cjs/notification/notificationTitle.d.ts.map +1 -1
  71. package/dist/cjs/notification/notificationTitle.js +2 -2
  72. package/dist/cjs/notification/theme.d.ts +16 -31
  73. package/dist/cjs/notification/theme.d.ts.map +1 -1
  74. package/dist/cjs/notification/theme.js +26 -32
  75. package/dist/cjs/p/theme.d.ts +8 -0
  76. package/dist/cjs/p/theme.d.ts.map +1 -1
  77. package/dist/cjs/p/theme.js +11 -3
  78. package/dist/cjs/progress/progress.js +1 -1
  79. package/dist/cjs/select/select.js +1 -1
  80. package/dist/cjs/select/selectButton.js +1 -1
  81. package/dist/cjs/select/theme.js +4 -4
  82. package/dist/cjs/t/theme.d.ts +1 -10
  83. package/dist/cjs/t/theme.d.ts.map +1 -1
  84. package/dist/cjs/t/theme.js +1 -10
  85. package/dist/cjs/table/tbody.d.ts.map +1 -1
  86. package/dist/cjs/table/tbody.js +0 -4
  87. package/dist/cjs/table/theme.d.ts +0 -5
  88. package/dist/cjs/table/theme.d.ts.map +1 -1
  89. package/dist/cjs/table/theme.js +1 -6
  90. package/dist/cjs/tabs/tabs.types.d.ts +2 -2
  91. package/dist/cjs/tabs/tabs.types.d.ts.map +1 -1
  92. package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
  93. package/dist/cjs/tabs/tabsNavBar.js +5 -13
  94. package/dist/cjs/tabs/theme.d.ts +4 -40
  95. package/dist/cjs/tabs/theme.d.ts.map +1 -1
  96. package/dist/cjs/tabs/theme.js +4 -41
  97. package/dist/cjs/tag/tag.d.ts.map +1 -1
  98. package/dist/cjs/tag/tag.js +6 -9
  99. package/dist/cjs/tag/tag.types.d.ts +2 -3
  100. package/dist/cjs/tag/tag.types.d.ts.map +1 -1
  101. package/dist/cjs/tag/tagButton.js +1 -3
  102. package/dist/cjs/tag/theme.d.ts +32 -178
  103. package/dist/cjs/tag/theme.d.ts.map +1 -1
  104. package/dist/cjs/tag/theme.js +65 -182
  105. package/dist/cjs/textarea/textarea.js +1 -1
  106. package/dist/cjs/theme/components.d.ts +39 -497
  107. package/dist/cjs/theme/components.d.ts.map +1 -1
  108. package/dist/cjs/theme/components.js +70 -72
  109. package/dist/cjs/theme/defaultTheme.d.ts +47 -795
  110. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  111. package/dist/cjs/theme/foundations/colors.d.ts +0 -523
  112. package/dist/cjs/theme/foundations/colors.d.ts.map +1 -1
  113. package/dist/cjs/theme/foundations/colors.js +1 -389
  114. package/dist/cjs/theme/foundations/fontWeights.d.ts +1 -0
  115. package/dist/cjs/theme/foundations/fontWeights.d.ts.map +1 -1
  116. package/dist/cjs/theme/foundations/fontWeights.js +2 -1
  117. package/dist/cjs/theme/foundations/index.d.ts +2 -292
  118. package/dist/cjs/theme/foundations/index.d.ts.map +1 -1
  119. package/dist/cjs/theme/foundations/radii.d.ts +0 -5
  120. package/dist/cjs/theme/foundations/radii.d.ts.map +1 -1
  121. package/dist/cjs/theme/foundations/radii.js +3 -8
  122. package/dist/cjs/theme/foundations/screens.d.ts +1 -0
  123. package/dist/cjs/theme/foundations/screens.d.ts.map +1 -1
  124. package/dist/cjs/theme/foundations/screens.js +6 -4
  125. package/dist/cjs/toast/toast.d.ts.map +1 -1
  126. package/dist/cjs/toast/toast.js +1 -1
  127. package/dist/cjs/toast/useToast.d.ts.map +1 -1
  128. package/dist/cjs/toast/useToast.js +1 -1
  129. package/dist/cjs/tutorial/tutorialCard.d.ts.map +1 -1
  130. package/dist/cjs/tutorial/tutorialCard.js +3 -3
  131. package/dist/esm/accordion/accordion.d.ts +7 -1
  132. package/dist/esm/accordion/accordion.d.ts.map +1 -1
  133. package/dist/esm/accordion/accordion.js +2 -0
  134. package/dist/esm/avatar/avatar.js +1 -1
  135. package/dist/esm/button/button.d.ts +1 -1
  136. package/dist/esm/button/button.d.ts.map +1 -1
  137. package/dist/esm/button/button.js +23 -16
  138. package/dist/esm/button/button.types.d.ts +4 -3
  139. package/dist/esm/button/button.types.d.ts.map +1 -1
  140. package/dist/esm/button/buttons.js +8 -8
  141. package/dist/esm/button/consts.js +3 -3
  142. package/dist/esm/button/theme.d.ts +44 -121
  143. package/dist/esm/button/theme.d.ts.map +1 -1
  144. package/dist/esm/button/theme.js +58 -135
  145. package/dist/esm/buttonGroup/buttonGroup.d.ts.map +1 -1
  146. package/dist/esm/buttonGroup/buttonGroup.js +6 -6
  147. package/dist/esm/buttonGroup/buttonGroup.types.d.ts +3 -2
  148. package/dist/esm/buttonGroup/buttonGroup.types.d.ts.map +1 -1
  149. package/dist/esm/buttonGroup/helpers.d.ts.map +1 -1
  150. package/dist/esm/buttonGroup/helpers.js +3 -2
  151. package/dist/esm/buttonToggleGroup/buttonToggleGroup.d.ts.map +1 -1
  152. package/dist/esm/buttonToggleGroup/buttonToggleGroup.js +1 -1
  153. package/dist/esm/checkbox/checkbox.js +1 -1
  154. package/dist/esm/copyToClipboard/copyToClipboard.js +1 -1
  155. package/dist/esm/core/media.d.ts +8 -15
  156. package/dist/esm/core/media.d.ts.map +1 -1
  157. package/dist/esm/core/media.js +38 -19
  158. package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
  159. package/dist/esm/core/vuiProvider/globalStyle.js +38 -55
  160. package/dist/esm/footer/footerTrademark.js +1 -1
  161. package/dist/esm/header/header.d.ts.map +1 -1
  162. package/dist/esm/header/header.js +3 -3
  163. package/dist/esm/header/headerServices.js +3 -3
  164. package/dist/esm/header/loggedInHeader.js +4 -4
  165. package/dist/esm/header/loggedOutHeader.js +4 -4
  166. package/dist/esm/heading/theme.d.ts +1 -23
  167. package/dist/esm/heading/theme.d.ts.map +1 -1
  168. package/dist/esm/heading/theme.js +7 -29
  169. package/dist/esm/icon/icon.types.d.ts +1 -1
  170. package/dist/esm/icon/icon.types.d.ts.map +1 -1
  171. package/dist/esm/icon/theme.d.ts +0 -5
  172. package/dist/esm/icon/theme.d.ts.map +1 -1
  173. package/dist/esm/icon/theme.js +0 -5
  174. package/dist/esm/index.d.ts +0 -1
  175. package/dist/esm/index.d.ts.map +1 -1
  176. package/dist/esm/index.js +0 -1
  177. package/dist/esm/input/input.js +1 -1
  178. package/dist/esm/input/inputInput.js +1 -1
  179. package/dist/esm/link/link.d.ts.map +1 -1
  180. package/dist/esm/link/link.js +3 -3
  181. package/dist/esm/link/link.types.d.ts +2 -0
  182. package/dist/esm/link/link.types.d.ts.map +1 -1
  183. package/dist/esm/link/theme.d.ts +4 -21
  184. package/dist/esm/link/theme.d.ts.map +1 -1
  185. package/dist/esm/link/theme.js +17 -30
  186. package/dist/esm/list/listItem.d.ts.map +1 -1
  187. package/dist/esm/list/listItem.js +2 -6
  188. package/dist/esm/notification/consts.js +10 -10
  189. package/dist/esm/notification/notification.d.ts.map +1 -1
  190. package/dist/esm/notification/notification.js +9 -11
  191. package/dist/esm/notification/notification.types.d.ts +2 -2
  192. package/dist/esm/notification/notification.types.d.ts.map +1 -1
  193. package/dist/esm/notification/notificationButton.d.ts.map +1 -1
  194. package/dist/esm/notification/notificationButton.js +1 -4
  195. package/dist/esm/notification/notificationIcon.d.ts.map +1 -1
  196. package/dist/esm/notification/notificationIcon.js +2 -3
  197. package/dist/esm/notification/notificationText.d.ts.map +1 -1
  198. package/dist/esm/notification/notificationText.js +1 -1
  199. package/dist/esm/notification/notificationTitle.d.ts +2 -2
  200. package/dist/esm/notification/notificationTitle.d.ts.map +1 -1
  201. package/dist/esm/notification/notificationTitle.js +2 -2
  202. package/dist/esm/notification/theme.d.ts +16 -31
  203. package/dist/esm/notification/theme.d.ts.map +1 -1
  204. package/dist/esm/notification/theme.js +26 -32
  205. package/dist/esm/p/theme.d.ts +8 -0
  206. package/dist/esm/p/theme.d.ts.map +1 -1
  207. package/dist/esm/p/theme.js +11 -3
  208. package/dist/esm/progress/progress.js +1 -1
  209. package/dist/esm/select/select.js +1 -1
  210. package/dist/esm/select/selectButton.js +1 -1
  211. package/dist/esm/select/theme.js +4 -4
  212. package/dist/esm/t/theme.d.ts +1 -10
  213. package/dist/esm/t/theme.d.ts.map +1 -1
  214. package/dist/esm/t/theme.js +1 -10
  215. package/dist/esm/table/tbody.d.ts.map +1 -1
  216. package/dist/esm/table/tbody.js +0 -4
  217. package/dist/esm/table/theme.d.ts +0 -5
  218. package/dist/esm/table/theme.d.ts.map +1 -1
  219. package/dist/esm/table/theme.js +1 -6
  220. package/dist/esm/tabs/tabs.types.d.ts +2 -2
  221. package/dist/esm/tabs/tabs.types.d.ts.map +1 -1
  222. package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
  223. package/dist/esm/tabs/tabsNavBar.js +4 -12
  224. package/dist/esm/tabs/theme.d.ts +4 -40
  225. package/dist/esm/tabs/theme.d.ts.map +1 -1
  226. package/dist/esm/tabs/theme.js +4 -41
  227. package/dist/esm/tag/tag.d.ts.map +1 -1
  228. package/dist/esm/tag/tag.js +6 -9
  229. package/dist/esm/tag/tag.types.d.ts +2 -3
  230. package/dist/esm/tag/tag.types.d.ts.map +1 -1
  231. package/dist/esm/tag/tagButton.js +1 -3
  232. package/dist/esm/tag/theme.d.ts +32 -178
  233. package/dist/esm/tag/theme.d.ts.map +1 -1
  234. package/dist/esm/tag/theme.js +65 -182
  235. package/dist/esm/textarea/textarea.js +1 -1
  236. package/dist/esm/theme/components.d.ts +39 -497
  237. package/dist/esm/theme/components.d.ts.map +1 -1
  238. package/dist/esm/theme/components.js +0 -2
  239. package/dist/esm/theme/defaultTheme.d.ts +47 -795
  240. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  241. package/dist/esm/theme/foundations/colors.d.ts +0 -523
  242. package/dist/esm/theme/foundations/colors.d.ts.map +1 -1
  243. package/dist/esm/theme/foundations/colors.js +0 -365
  244. package/dist/esm/theme/foundations/fontWeights.d.ts +1 -0
  245. package/dist/esm/theme/foundations/fontWeights.d.ts.map +1 -1
  246. package/dist/esm/theme/foundations/fontWeights.js +2 -1
  247. package/dist/esm/theme/foundations/index.d.ts +2 -292
  248. package/dist/esm/theme/foundations/index.d.ts.map +1 -1
  249. package/dist/esm/theme/foundations/radii.d.ts +0 -5
  250. package/dist/esm/theme/foundations/radii.d.ts.map +1 -1
  251. package/dist/esm/theme/foundations/radii.js +3 -8
  252. package/dist/esm/theme/foundations/screens.d.ts +1 -0
  253. package/dist/esm/theme/foundations/screens.d.ts.map +1 -1
  254. package/dist/esm/theme/foundations/screens.js +6 -4
  255. package/dist/esm/toast/toast.d.ts.map +1 -1
  256. package/dist/esm/toast/toast.js +1 -1
  257. package/dist/esm/toast/useToast.d.ts.map +1 -1
  258. package/dist/esm/toast/useToast.js +1 -1
  259. package/dist/esm/tutorial/tutorialCard.d.ts.map +1 -1
  260. package/dist/esm/tutorial/tutorialCard.js +3 -3
  261. package/package.json +1 -1
  262. package/src/accordion/accordion.tsx +8 -2
  263. package/src/avatar/avatar.tsx +1 -1
  264. package/src/button/button.tsx +28 -19
  265. package/src/button/button.types.ts +8 -4
  266. package/src/button/buttons.tsx +8 -8
  267. package/src/button/consts.ts +3 -3
  268. package/src/button/theme.ts +71 -143
  269. package/src/buttonGroup/buttonGroup.tsx +9 -6
  270. package/src/buttonGroup/buttonGroup.types.ts +3 -2
  271. package/src/buttonGroup/helpers.ts +4 -2
  272. package/src/buttonToggleGroup/buttonToggleGroup.tsx +2 -0
  273. package/src/checkbox/checkbox.tsx +1 -1
  274. package/src/copyToClipboard/copyToClipboard.tsx +1 -1
  275. package/src/core/media.tsx +48 -26
  276. package/src/core/vuiProvider/globalStyle.tsx +38 -55
  277. package/src/footer/footerTrademark.tsx +1 -1
  278. package/src/header/header.tsx +3 -3
  279. package/src/header/headerServices.tsx +5 -5
  280. package/src/header/loggedInHeader.tsx +6 -6
  281. package/src/header/loggedOutHeader.tsx +6 -6
  282. package/src/heading/theme.ts +7 -29
  283. package/src/icon/icon.types.ts +1 -1
  284. package/src/icon/theme.ts +0 -5
  285. package/src/index.ts +0 -1
  286. package/src/input/input.tsx +1 -1
  287. package/src/input/inputInput.tsx +1 -1
  288. package/src/link/link.tsx +3 -2
  289. package/src/link/link.types.ts +2 -0
  290. package/src/link/theme.ts +20 -30
  291. package/src/list/listItem.tsx +2 -6
  292. package/src/notification/consts.ts +10 -10
  293. package/src/notification/notification.tsx +11 -17
  294. package/src/notification/notification.types.ts +2 -2
  295. package/src/notification/notificationButton.tsx +5 -10
  296. package/src/notification/notificationIcon.tsx +3 -6
  297. package/src/notification/notificationText.tsx +1 -2
  298. package/src/notification/notificationTitle.tsx +9 -3
  299. package/src/notification/theme.ts +34 -32
  300. package/src/p/theme.ts +11 -3
  301. package/src/progress/progress.tsx +1 -1
  302. package/src/select/select.tsx +1 -1
  303. package/src/select/selectButton.tsx +1 -1
  304. package/src/select/theme.ts +4 -4
  305. package/src/t/theme.ts +1 -10
  306. package/src/table/tbody.tsx +0 -4
  307. package/src/table/theme.ts +1 -6
  308. package/src/tabs/tabs.types.ts +2 -2
  309. package/src/tabs/tabsNavBar.tsx +6 -23
  310. package/src/tabs/theme.ts +4 -41
  311. package/src/tag/tag.tsx +10 -11
  312. package/src/tag/tag.types.ts +31 -32
  313. package/src/tag/tagButton.tsx +2 -2
  314. package/src/tag/theme.ts +80 -183
  315. package/src/textarea/textarea.tsx +1 -1
  316. package/src/theme/components.ts +0 -2
  317. package/src/theme/foundations/colors.ts +0 -401
  318. package/src/theme/foundations/fontWeights.ts +2 -1
  319. package/src/theme/foundations/radii.ts +3 -8
  320. package/src/theme/foundations/screens.ts +6 -4
  321. package/src/toast/toast.tsx +1 -0
  322. package/src/toast/useToast.tsx +1 -2
  323. package/src/tutorial/tutorialCard.tsx +3 -10
  324. package/dist/cjs/badge/badge.d.ts +0 -9
  325. package/dist/cjs/badge/badge.d.ts.map +0 -1
  326. package/dist/cjs/badge/badge.js +0 -35
  327. package/dist/cjs/badge/badge.types.d.ts +0 -17
  328. package/dist/cjs/badge/badge.types.d.ts.map +0 -1
  329. package/dist/cjs/badge/badge.types.js +0 -2
  330. package/dist/cjs/badge/index.d.ts +0 -3
  331. package/dist/cjs/badge/index.d.ts.map +0 -1
  332. package/dist/cjs/badge/index.js +0 -23
  333. package/dist/cjs/badge/theme.d.ts +0 -130
  334. package/dist/cjs/badge/theme.d.ts.map +0 -1
  335. package/dist/cjs/badge/theme.js +0 -135
  336. package/dist/cjs/onedesign-tokens/dist/js/es6/rem/button.d.ts +0 -85
  337. package/dist/cjs/onedesign-tokens/dist/js/es6/rem/button.d.ts.map +0 -1
  338. package/dist/cjs/onedesign-tokens/dist/js/es6/rem/button.js +0 -88
  339. package/dist/esm/badge/badge.d.ts +0 -9
  340. package/dist/esm/badge/badge.d.ts.map +0 -1
  341. package/dist/esm/badge/badge.js +0 -17
  342. package/dist/esm/badge/badge.types.d.ts +0 -17
  343. package/dist/esm/badge/badge.types.d.ts.map +0 -1
  344. package/dist/esm/badge/badge.types.js +0 -1
  345. package/dist/esm/badge/index.d.ts +0 -3
  346. package/dist/esm/badge/index.d.ts.map +0 -1
  347. package/dist/esm/badge/index.js +0 -2
  348. package/dist/esm/badge/theme.d.ts +0 -130
  349. package/dist/esm/badge/theme.d.ts.map +0 -1
  350. package/dist/esm/badge/theme.js +0 -133
  351. package/dist/esm/onedesign-tokens/dist/js/es6/rem/button.d.ts +0 -85
  352. package/dist/esm/onedesign-tokens/dist/js/es6/rem/button.d.ts.map +0 -1
  353. package/dist/esm/onedesign-tokens/dist/js/es6/rem/button.js +0 -84
  354. package/src/badge/badge.tsx +0 -36
  355. package/src/badge/badge.types.ts +0 -17
  356. package/src/badge/index.ts +0 -2
  357. package/src/badge/theme.ts +0 -140
  358. package/src/onedesign-tokens/dist/js/es6/rem/button.js +0 -85
@@ -1,130 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {};
3
- defaultProps: {
4
- size: string;
5
- variant: string;
6
- };
7
- parts: string[];
8
- sizes: {
9
- xs: {
10
- container: {
11
- borderRadius: string;
12
- fontSize: string;
13
- h: number;
14
- spaceX: number;
15
- };
16
- icon: {
17
- size: string;
18
- };
19
- };
20
- sm: {
21
- container: {
22
- fontSize: string;
23
- h: number;
24
- spaceX: number;
25
- };
26
- icon: {
27
- size: string;
28
- };
29
- };
30
- md: {
31
- container: {
32
- fontSize: string;
33
- h: number;
34
- spaceX: number;
35
- };
36
- icon: {
37
- size: string;
38
- };
39
- };
40
- lg: {
41
- container: {
42
- fontSize: string;
43
- h: number;
44
- spaceX: number;
45
- };
46
- icon: {
47
- size: string;
48
- };
49
- };
50
- };
51
- variants: {
52
- subtleSandstone: {
53
- container: {
54
- bg: string;
55
- color: string;
56
- borderColor: string;
57
- };
58
- };
59
- subtleEarth: {
60
- container: {
61
- bg: string;
62
- color: string;
63
- };
64
- };
65
- subtleBlue: {
66
- container: {
67
- bg: string;
68
- color: string;
69
- };
70
- };
71
- subtleBlue2: {
72
- container: {
73
- bg: string;
74
- color: string;
75
- };
76
- };
77
- subtleRed: {
78
- container: {
79
- bg: string;
80
- color: string;
81
- };
82
- };
83
- subtleYellow: {
84
- container: {
85
- bg: string;
86
- color: string;
87
- };
88
- };
89
- subtleGreen: {
90
- container: {
91
- bg: string;
92
- color: string;
93
- };
94
- };
95
- /** solids next */
96
- solidBlue: {
97
- container: {
98
- bg: string;
99
- color: string;
100
- };
101
- };
102
- solidDarkBlue: {
103
- container: {
104
- bg: string;
105
- borderColor: string;
106
- color: string;
107
- };
108
- };
109
- solidRed: {
110
- container: {
111
- bg: string;
112
- color: string;
113
- };
114
- };
115
- solidYellow: {
116
- container: {
117
- bg: string;
118
- color: string;
119
- };
120
- };
121
- solidGreen: {
122
- container: {
123
- bg: string;
124
- color: string;
125
- };
126
- };
127
- };
128
- };
129
- export default _default;
130
- //# sourceMappingURL=theme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkGE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCpB,wBAMC"}
@@ -1,135 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const baseStyle = {};
4
- const defaultProps = {
5
- size: 'md',
6
- variant: 'subtleSandstone'
7
- };
8
- const parts = ['container', 'icon', 'text'];
9
- const sizes = {
10
- xs: {
11
- container: {
12
- borderRadius: 'lg',
13
- fontSize: 'sm',
14
- h: 20,
15
- spaceX: 4
16
- },
17
- icon: {
18
- size: 'xs'
19
- }
20
- },
21
- sm: {
22
- container: {
23
- fontSize: 'sm',
24
- h: 24,
25
- spaceX: 4
26
- },
27
- icon: {
28
- size: 'xs'
29
- }
30
- },
31
- md: {
32
- container: {
33
- fontSize: 'sm',
34
- h: 32,
35
- spaceX: 6
36
- },
37
- icon: {
38
- size: 'sm'
39
- }
40
- },
41
- lg: {
42
- container: {
43
- fontSize: 'md',
44
- h: 40,
45
- spaceX: 8
46
- },
47
- icon: {
48
- size: 'md'
49
- }
50
- }
51
- };
52
- const variants = {
53
- subtleSandstone: {
54
- container: {
55
- bg: 'sandstone.95',
56
- color: 'sandstone.20',
57
- borderColor: 'transparent'
58
- }
59
- },
60
- subtleEarth: {
61
- container: {
62
- bg: 'earth.95',
63
- color: 'earth.20'
64
- }
65
- },
66
- subtleBlue: {
67
- container: {
68
- bg: 'skyBlue.95',
69
- color: 'seaBlue.28'
70
- }
71
- },
72
- subtleBlue2: {
73
- container: {
74
- bg: 'skyBlue.95',
75
- color: 'skyBlue.20'
76
- }
77
- },
78
- subtleRed: {
79
- container: {
80
- bg: 'energyRed.95',
81
- color: 'energyRed.45'
82
- }
83
- },
84
- subtleYellow: {
85
- container: {
86
- bg: 'sunflower.85',
87
- color: 'sunflower.20'
88
- }
89
- },
90
- subtleGreen: {
91
- container: {
92
- bg: 'landGreen.95',
93
- color: 'landGreen.30'
94
- }
95
- },
96
- /** solids next */
97
- solidBlue: {
98
- container: {
99
- bg: 'skyBlue.65',
100
- color: 'skyBlue.20'
101
- }
102
- },
103
- solidDarkBlue: {
104
- container: {
105
- bg: 'darkBlue.18',
106
- borderColor: 'darkBlue.18',
107
- color: 'white'
108
- }
109
- },
110
- solidRed: {
111
- container: {
112
- bg: 'energyRed.45',
113
- color: 'white'
114
- }
115
- },
116
- solidYellow: {
117
- container: {
118
- bg: 'sunflower.65',
119
- color: 'sunflower.20'
120
- }
121
- },
122
- solidGreen: {
123
- container: {
124
- bg: 'landGreen.35',
125
- color: 'white'
126
- }
127
- }
128
- };
129
- exports.default = {
130
- baseStyle,
131
- defaultProps,
132
- parts,
133
- sizes,
134
- variants
135
- };
@@ -1,85 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 17 Feb 2022 11:35:15 GMT
4
- */
5
- export const buttonSizeLargeFontSize: "1.125rem";
6
- export const buttonSizeLargeLineHeight: "1.75rem";
7
- export const buttonSizeLargePadding: "0.5rem 1rem";
8
- export const buttonSizeMediumFontSize: "1rem";
9
- export const buttonSizeMediumLineHeight: "1.5rem";
10
- export const buttonSizeMediumPadding: "0.25rem calc(0.25rem * 3)";
11
- export const buttonSizeSmallFontSize: "0.875rem";
12
- export const buttonSizeSmallLineHeight: "1.25rem";
13
- export const buttonSizeSmallPadding: "calc(0.25rem / 2) 0.5rem";
14
- export const buttonSizeDefaultFontSize: "1rem";
15
- export const buttonSizeDefaultLineHeight: "1.5rem";
16
- export const buttonSizeDefaultPadding: "0.25rem calc(0.25rem * 3)";
17
- export const buttonTypePrimaryDefaultBorderColorDark: "hsla(0, 0%, 0%, 0)";
18
- export const buttonTypePrimaryDefaultBorderColorLight: "hsla(0, 0%, 0%, 0)";
19
- export const buttonTypePrimaryDefaultBackgroundColorDark: "hsla(218, 100%, 28%, 1)";
20
- export const buttonTypePrimaryDefaultBackgroundColorLight: "hsla(139, 100%, 78%, 1)";
21
- export const buttonTypePrimaryDefaultTextColorDark: "hsla(40, 3%, 100%, 1)";
22
- export const buttonTypePrimaryDefaultTextColorLight: "hsla(223, 67%, 18%, 1)";
23
- export const buttonTypePrimaryHoverBorderColorDark: "hsla(0, 0%, 0%, 0)";
24
- export const buttonTypePrimaryHoverBorderColorLight: "hsla(0, 0%, 0%, 0)";
25
- export const buttonTypePrimaryHoverBackgroundColorDark: "hsla(218, 100%, 20%, 1)";
26
- export const buttonTypePrimaryHoverBackgroundColorLight: "hsla(139, 100%, 70%, 1)";
27
- export const buttonTypePrimaryHoverTextColorDark: "hsla(40, 3%, 100%, 1)";
28
- export const buttonTypePrimaryHoverTextColorLight: "hsla(223, 67%, 18%, 1)";
29
- export const buttonTypePrimaryActiveBorderColorDark: "hsla(0, 0%, 0%, 0)";
30
- export const buttonTypePrimaryActiveBorderColorLight: "hsla(0, 0%, 0%, 0)";
31
- export const buttonTypePrimaryActiveBackgroundColorDark: "hsla(218, 100%, 35%, 1)";
32
- export const buttonTypePrimaryActiveBackgroundColorLight: "hsla(139, 100%, 85%, 1)";
33
- export const buttonTypePrimaryActiveTextColorDark: "hsla(40, 3%, 100%, 1)";
34
- export const buttonTypePrimaryActiveTextColorLight: "hsla(223, 67%, 18%, 1)";
35
- export const buttonTypePrimaryFocusOutline: "0.25rem solid hsla(196, 100%, 43%, 1)";
36
- export const buttonTypeSecondaryDefaultBorderColorDark: "hsla(218, 100%, 28%, 1)";
37
- export const buttonTypeSecondaryDefaultBorderColorLight: "hsla(139, 100%, 78%, 1)";
38
- export const buttonTypeSecondaryDefaultBackgroundColorDark: "hsla(0, 0%, 0%, 0)";
39
- export const buttonTypeSecondaryDefaultBackgroundColorLight: "hsla(0, 0%, 0%, 0)";
40
- export const buttonTypeSecondaryDefaultTextColorDark: "hsla(218, 100%, 28%, 1)";
41
- export const buttonTypeSecondaryDefaultTextColorLight: "hsla(139, 100%, 78%, 1)";
42
- export const buttonTypeSecondaryHoverBorderColorDark: "hsla(218, 100%, 28%, 1)";
43
- export const buttonTypeSecondaryHoverBorderColorLight: "hsla(139, 100%, 78%, 1)";
44
- export const buttonTypeSecondaryHoverBackgroundColorDark: "hsla(196, 74%, 90%, 1)";
45
- export const buttonTypeSecondaryHoverBackgroundColorLight: "hsla(218, 100%, 25%, 1)";
46
- export const buttonTypeSecondaryHoverTextColorDark: "hsla(218, 100%, 28%, 1)";
47
- export const buttonTypeSecondaryHoverTextColorLight: "hsla(139, 100%, 78%, 1)";
48
- export const buttonTypeSecondaryActiveBorderColorDark: "hsla(218, 100%, 28%, 1)";
49
- export const buttonTypeSecondaryActiveBorderColorLight: "hsla(139, 100%, 78%, 1)";
50
- export const buttonTypeSecondaryActiveBackgroundColorDark: "hsla(196, 74%, 95%, 1)";
51
- export const buttonTypeSecondaryActiveBackgroundColorLight: "hsla(218, 100%, 35%, 1)";
52
- export const buttonTypeSecondaryActiveTextColorDark: "hsla(218, 100%, 28%, 1)";
53
- export const buttonTypeSecondaryActiveTextColorLight: "hsla(139, 100%, 78%, 1)";
54
- export const buttonTypeSecondaryFocusOutline: "0.25rem solid hsla(196, 100%, 43%, 1)";
55
- export const buttonTypeTertiaryDefaultBorderColorDark: "hsla(0, 0%, 0%, 0)";
56
- export const buttonTypeTertiaryDefaultBorderColorLight: "hsla(0, 0%, 0%, 0)";
57
- export const buttonTypeTertiaryDefaultBackgroundColorDark: "hsla(0, 0%, 0%, 0)";
58
- export const buttonTypeTertiaryDefaultBackgroundColorLight: "hsla(0, 0%, 0%, 0)";
59
- export const buttonTypeTertiaryDefaultTextColorDark: "hsla(218, 100%, 28%, 1)";
60
- export const buttonTypeTertiaryDefaultTextColorLight: "hsla(139, 100%, 78%, 1)";
61
- export const buttonTypeTertiaryHoverBorderColorDark: "hsla(0, 0%, 0%, 0)";
62
- export const buttonTypeTertiaryHoverBorderColorLight: "hsla(0, 0%, 0%, 0)";
63
- export const buttonTypeTertiaryHoverBackgroundColorDark: "hsla(196, 74%, 90%, 1)";
64
- export const buttonTypeTertiaryHoverBackgroundColorLight: "hsla(218, 100%, 25%, 1)";
65
- export const buttonTypeTertiaryHoverTextColorDark: "hsla(218, 100%, 28%, 1)";
66
- export const buttonTypeTertiaryHoverTextColorLight: "hsla(139, 100%, 78%, 1)";
67
- export const buttonTypeTertiaryActiveBorderColorDark: "hsla(0, 0%, 0%, 0)";
68
- export const buttonTypeTertiaryActiveBorderColorLight: "hsla(0, 0%, 0%, 0)";
69
- export const buttonTypeTertiaryActiveBackgroundColorDark: "hsla(196, 74%, 95%, 1)";
70
- export const buttonTypeTertiaryActiveBackgroundColorLight: "hsla(218, 100%, 35%, 1)";
71
- export const buttonTypeTertiaryActiveTextColorDark: "hsla(218, 100%, 28%, 1)";
72
- export const buttonTypeTertiaryActiveTextColorLight: "hsla(139, 100%, 78%, 1)";
73
- export const buttonTypeTertiaryFocusOutline: "0.25rem solid hsla(196, 100%, 43%, 1)";
74
- export const buttonDisabledCursor: "default";
75
- export const buttonDisabledOpacity: "50%";
76
- export const buttonBorderStyle: "solid";
77
- export const buttonBorderWidth: "calc(0.125rem / 2)";
78
- export const buttonFontFamily: "'Avenir Next', Arial, sans-serif";
79
- export const buttonFontSize: "1rem";
80
- export const buttonLineHeight: "1.5rem";
81
- export const buttonFontWeight: "500";
82
- export const buttonPadding: "calc(0.25rem * 1.5) calc(0.25rem * 3)";
83
- export const buttonTransition: "all 0.15s ease-in-out";
84
- export const buttonCursor: "pointer";
85
- //# sourceMappingURL=button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../src/onedesign-tokens/dist/js/es6/rem/button.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iDAAkD;AAClD,kDAAmD;AACnD,mDAAoD;AACpD,8CAA+C;AAC/C,kDAAmD;AACnD,kEAAmE;AACnE,iDAAkD;AAClD,kDAAmD;AACnD,gEAAiE;AACjE,+CAAgD;AAChD,mDAAoD;AACpD,mEAAoE;AACpE,2EAA4E;AAC5E,4EAA6E;AAC7E,oFAAqF;AACrF,qFAAsF;AACtF,4EAA6E;AAC7E,8EAA+E;AAC/E,yEAA0E;AAC1E,0EAA2E;AAC3E,kFAAmF;AACnF,mFAAoF;AACpF,0EAA2E;AAC3E,4EAA6E;AAC7E,0EAA2E;AAC3E,2EAA4E;AAC5E,mFAAoF;AACpF,oFAAqF;AACrF,2EAA4E;AAC5E,6EAA8E;AAC9E,oFAAqF;AACrF,kFAAmF;AACnF,mFAAoF;AACpF,iFAAkF;AAClF,kFAAmF;AACnF,gFAAiF;AACjF,iFAAkF;AAClF,gFAAiF;AACjF,iFAAkF;AAClF,mFAAoF;AACpF,qFAAsF;AACtF,8EAA+E;AAC/E,+EAAgF;AAChF,iFAAkF;AAClF,kFAAmF;AACnF,oFAAqF;AACrF,sFAAuF;AACvF,+EAAgF;AAChF,gFAAiF;AACjF,sFAAuF;AACvF,4EAA6E;AAC7E,6EAA8E;AAC9E,gFAAiF;AACjF,iFAAkF;AAClF,+EAAgF;AAChF,gFAAiF;AACjF,0EAA2E;AAC3E,2EAA4E;AAC5E,kFAAmF;AACnF,oFAAqF;AACrF,6EAA8E;AAC9E,8EAA+E;AAC/E,2EAA4E;AAC5E,4EAA6E;AAC7E,mFAAoF;AACpF,qFAAsF;AACtF,8EAA+E;AAC/E,+EAAgF;AAChF,qFAAsF;AACtF,6CAA8C;AAC9C,0CAA2C;AAC3C,wCAAyC;AACzC,qDAAsD;AACtD,kEAAmE;AACnE,oCAAqC;AACrC,wCAAyC;AACzC,qCAAsC;AACtC,oEAAqE;AACrE,uDAAwD;AACxD,qCAAsC"}
@@ -1,88 +0,0 @@
1
- "use strict";
2
- /**
3
- * Do not edit directly
4
- * Generated on Thu, 17 Feb 2022 11:35:15 GMT
5
- */
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.buttonTypeSecondaryFocusOutline = exports.buttonTypeSecondaryActiveTextColorLight = exports.buttonTypeSecondaryActiveTextColorDark = exports.buttonTypeSecondaryActiveBackgroundColorLight = exports.buttonTypeSecondaryActiveBackgroundColorDark = exports.buttonTypeSecondaryActiveBorderColorLight = exports.buttonTypeSecondaryActiveBorderColorDark = exports.buttonTypeSecondaryHoverTextColorLight = exports.buttonTypeSecondaryHoverTextColorDark = exports.buttonTypeSecondaryHoverBackgroundColorLight = exports.buttonTypeSecondaryHoverBackgroundColorDark = exports.buttonTypeSecondaryHoverBorderColorLight = exports.buttonTypeSecondaryHoverBorderColorDark = exports.buttonTypeSecondaryDefaultTextColorLight = exports.buttonTypeSecondaryDefaultTextColorDark = exports.buttonTypeSecondaryDefaultBackgroundColorLight = exports.buttonTypeSecondaryDefaultBackgroundColorDark = exports.buttonTypeSecondaryDefaultBorderColorLight = exports.buttonTypeSecondaryDefaultBorderColorDark = exports.buttonTypePrimaryFocusOutline = exports.buttonTypePrimaryActiveTextColorLight = exports.buttonTypePrimaryActiveTextColorDark = exports.buttonTypePrimaryActiveBackgroundColorLight = exports.buttonTypePrimaryActiveBackgroundColorDark = exports.buttonTypePrimaryActiveBorderColorLight = exports.buttonTypePrimaryActiveBorderColorDark = exports.buttonTypePrimaryHoverTextColorLight = exports.buttonTypePrimaryHoverTextColorDark = exports.buttonTypePrimaryHoverBackgroundColorLight = exports.buttonTypePrimaryHoverBackgroundColorDark = exports.buttonTypePrimaryHoverBorderColorLight = exports.buttonTypePrimaryHoverBorderColorDark = exports.buttonTypePrimaryDefaultTextColorLight = exports.buttonTypePrimaryDefaultTextColorDark = exports.buttonTypePrimaryDefaultBackgroundColorLight = exports.buttonTypePrimaryDefaultBackgroundColorDark = exports.buttonTypePrimaryDefaultBorderColorLight = exports.buttonTypePrimaryDefaultBorderColorDark = exports.buttonSizeDefaultPadding = exports.buttonSizeDefaultLineHeight = exports.buttonSizeDefaultFontSize = exports.buttonSizeSmallPadding = exports.buttonSizeSmallLineHeight = exports.buttonSizeSmallFontSize = exports.buttonSizeMediumPadding = exports.buttonSizeMediumLineHeight = exports.buttonSizeMediumFontSize = exports.buttonSizeLargePadding = exports.buttonSizeLargeLineHeight = exports.buttonSizeLargeFontSize = void 0;
8
- exports.buttonCursor = exports.buttonTransition = exports.buttonPadding = exports.buttonFontWeight = exports.buttonLineHeight = exports.buttonFontSize = exports.buttonFontFamily = exports.buttonBorderWidth = exports.buttonBorderStyle = exports.buttonDisabledOpacity = exports.buttonDisabledCursor = exports.buttonTypeTertiaryFocusOutline = exports.buttonTypeTertiaryActiveTextColorLight = exports.buttonTypeTertiaryActiveTextColorDark = exports.buttonTypeTertiaryActiveBackgroundColorLight = exports.buttonTypeTertiaryActiveBackgroundColorDark = exports.buttonTypeTertiaryActiveBorderColorLight = exports.buttonTypeTertiaryActiveBorderColorDark = exports.buttonTypeTertiaryHoverTextColorLight = exports.buttonTypeTertiaryHoverTextColorDark = exports.buttonTypeTertiaryHoverBackgroundColorLight = exports.buttonTypeTertiaryHoverBackgroundColorDark = exports.buttonTypeTertiaryHoverBorderColorLight = exports.buttonTypeTertiaryHoverBorderColorDark = exports.buttonTypeTertiaryDefaultTextColorLight = exports.buttonTypeTertiaryDefaultTextColorDark = exports.buttonTypeTertiaryDefaultBackgroundColorLight = exports.buttonTypeTertiaryDefaultBackgroundColorDark = exports.buttonTypeTertiaryDefaultBorderColorLight = exports.buttonTypeTertiaryDefaultBorderColorDark = void 0;
9
- exports.buttonSizeLargeFontSize = "1.125rem";
10
- exports.buttonSizeLargeLineHeight = "1.75rem";
11
- exports.buttonSizeLargePadding = "0.5rem 1rem";
12
- exports.buttonSizeMediumFontSize = "1rem";
13
- exports.buttonSizeMediumLineHeight = "1.5rem";
14
- exports.buttonSizeMediumPadding = "0.25rem calc(0.25rem * 3)";
15
- exports.buttonSizeSmallFontSize = "0.875rem";
16
- exports.buttonSizeSmallLineHeight = "1.25rem";
17
- exports.buttonSizeSmallPadding = "calc(0.25rem / 2) 0.5rem";
18
- exports.buttonSizeDefaultFontSize = "1rem";
19
- exports.buttonSizeDefaultLineHeight = "1.5rem";
20
- exports.buttonSizeDefaultPadding = "0.25rem calc(0.25rem * 3)";
21
- exports.buttonTypePrimaryDefaultBorderColorDark = "hsla(0, 0%, 0%, 0)";
22
- exports.buttonTypePrimaryDefaultBorderColorLight = "hsla(0, 0%, 0%, 0)";
23
- exports.buttonTypePrimaryDefaultBackgroundColorDark = "hsla(218, 100%, 28%, 1)";
24
- exports.buttonTypePrimaryDefaultBackgroundColorLight = "hsla(139, 100%, 78%, 1)";
25
- exports.buttonTypePrimaryDefaultTextColorDark = "hsla(40, 3%, 100%, 1)";
26
- exports.buttonTypePrimaryDefaultTextColorLight = "hsla(223, 67%, 18%, 1)";
27
- exports.buttonTypePrimaryHoverBorderColorDark = "hsla(0, 0%, 0%, 0)";
28
- exports.buttonTypePrimaryHoverBorderColorLight = "hsla(0, 0%, 0%, 0)";
29
- exports.buttonTypePrimaryHoverBackgroundColorDark = "hsla(218, 100%, 20%, 1)";
30
- exports.buttonTypePrimaryHoverBackgroundColorLight = "hsla(139, 100%, 70%, 1)";
31
- exports.buttonTypePrimaryHoverTextColorDark = "hsla(40, 3%, 100%, 1)";
32
- exports.buttonTypePrimaryHoverTextColorLight = "hsla(223, 67%, 18%, 1)";
33
- exports.buttonTypePrimaryActiveBorderColorDark = "hsla(0, 0%, 0%, 0)";
34
- exports.buttonTypePrimaryActiveBorderColorLight = "hsla(0, 0%, 0%, 0)";
35
- exports.buttonTypePrimaryActiveBackgroundColorDark = "hsla(218, 100%, 35%, 1)";
36
- exports.buttonTypePrimaryActiveBackgroundColorLight = "hsla(139, 100%, 85%, 1)";
37
- exports.buttonTypePrimaryActiveTextColorDark = "hsla(40, 3%, 100%, 1)";
38
- exports.buttonTypePrimaryActiveTextColorLight = "hsla(223, 67%, 18%, 1)";
39
- exports.buttonTypePrimaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
40
- exports.buttonTypeSecondaryDefaultBorderColorDark = "hsla(218, 100%, 28%, 1)";
41
- exports.buttonTypeSecondaryDefaultBorderColorLight = "hsla(139, 100%, 78%, 1)";
42
- exports.buttonTypeSecondaryDefaultBackgroundColorDark = "hsla(0, 0%, 0%, 0)";
43
- exports.buttonTypeSecondaryDefaultBackgroundColorLight = "hsla(0, 0%, 0%, 0)";
44
- exports.buttonTypeSecondaryDefaultTextColorDark = "hsla(218, 100%, 28%, 1)";
45
- exports.buttonTypeSecondaryDefaultTextColorLight = "hsla(139, 100%, 78%, 1)";
46
- exports.buttonTypeSecondaryHoverBorderColorDark = "hsla(218, 100%, 28%, 1)";
47
- exports.buttonTypeSecondaryHoverBorderColorLight = "hsla(139, 100%, 78%, 1)";
48
- exports.buttonTypeSecondaryHoverBackgroundColorDark = "hsla(196, 74%, 90%, 1)";
49
- exports.buttonTypeSecondaryHoverBackgroundColorLight = "hsla(218, 100%, 25%, 1)";
50
- exports.buttonTypeSecondaryHoverTextColorDark = "hsla(218, 100%, 28%, 1)";
51
- exports.buttonTypeSecondaryHoverTextColorLight = "hsla(139, 100%, 78%, 1)";
52
- exports.buttonTypeSecondaryActiveBorderColorDark = "hsla(218, 100%, 28%, 1)";
53
- exports.buttonTypeSecondaryActiveBorderColorLight = "hsla(139, 100%, 78%, 1)";
54
- exports.buttonTypeSecondaryActiveBackgroundColorDark = "hsla(196, 74%, 95%, 1)";
55
- exports.buttonTypeSecondaryActiveBackgroundColorLight = "hsla(218, 100%, 35%, 1)";
56
- exports.buttonTypeSecondaryActiveTextColorDark = "hsla(218, 100%, 28%, 1)";
57
- exports.buttonTypeSecondaryActiveTextColorLight = "hsla(139, 100%, 78%, 1)";
58
- exports.buttonTypeSecondaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
59
- exports.buttonTypeTertiaryDefaultBorderColorDark = "hsla(0, 0%, 0%, 0)";
60
- exports.buttonTypeTertiaryDefaultBorderColorLight = "hsla(0, 0%, 0%, 0)";
61
- exports.buttonTypeTertiaryDefaultBackgroundColorDark = "hsla(0, 0%, 0%, 0)";
62
- exports.buttonTypeTertiaryDefaultBackgroundColorLight = "hsla(0, 0%, 0%, 0)";
63
- exports.buttonTypeTertiaryDefaultTextColorDark = "hsla(218, 100%, 28%, 1)";
64
- exports.buttonTypeTertiaryDefaultTextColorLight = "hsla(139, 100%, 78%, 1)";
65
- exports.buttonTypeTertiaryHoverBorderColorDark = "hsla(0, 0%, 0%, 0)";
66
- exports.buttonTypeTertiaryHoverBorderColorLight = "hsla(0, 0%, 0%, 0)";
67
- exports.buttonTypeTertiaryHoverBackgroundColorDark = "hsla(196, 74%, 90%, 1)";
68
- exports.buttonTypeTertiaryHoverBackgroundColorLight = "hsla(218, 100%, 25%, 1)";
69
- exports.buttonTypeTertiaryHoverTextColorDark = "hsla(218, 100%, 28%, 1)";
70
- exports.buttonTypeTertiaryHoverTextColorLight = "hsla(139, 100%, 78%, 1)";
71
- exports.buttonTypeTertiaryActiveBorderColorDark = "hsla(0, 0%, 0%, 0)";
72
- exports.buttonTypeTertiaryActiveBorderColorLight = "hsla(0, 0%, 0%, 0)";
73
- exports.buttonTypeTertiaryActiveBackgroundColorDark = "hsla(196, 74%, 95%, 1)";
74
- exports.buttonTypeTertiaryActiveBackgroundColorLight = "hsla(218, 100%, 35%, 1)";
75
- exports.buttonTypeTertiaryActiveTextColorDark = "hsla(218, 100%, 28%, 1)";
76
- exports.buttonTypeTertiaryActiveTextColorLight = "hsla(139, 100%, 78%, 1)";
77
- exports.buttonTypeTertiaryFocusOutline = "0.25rem solid hsla(196, 100%, 43%, 1)";
78
- exports.buttonDisabledCursor = "default";
79
- exports.buttonDisabledOpacity = "50%";
80
- exports.buttonBorderStyle = "solid";
81
- exports.buttonBorderWidth = "calc(0.125rem / 2)";
82
- exports.buttonFontFamily = "'Avenir Next', Arial, sans-serif";
83
- exports.buttonFontSize = "1rem";
84
- exports.buttonLineHeight = "1.5rem";
85
- exports.buttonFontWeight = "500";
86
- exports.buttonPadding = "calc(0.25rem * 1.5) calc(0.25rem * 3)";
87
- exports.buttonTransition = "all 0.15s ease-in-out";
88
- exports.buttonCursor = "pointer";
@@ -1,9 +0,0 @@
1
- import { BadgeProps } from './badge.types';
2
- /**
3
- * Badges are round, non-interactive tags.
4
- *
5
- * These components are used for displaying information only; they might be used as a “counter” for push notifications.
6
- */
7
- export declare const Badge: import("../core").VuiComponent<"span", BadgeProps>;
8
- export default Badge;
9
- //# sourceMappingURL=badge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAmBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { vui } from '../core';
3
- import { Tag } from '../tag';
4
- import theme from './theme';
5
- /**
6
- * Badges are round, non-interactive tags.
7
- *
8
- * These components are used for displaying information only; they might be used as a “counter” for push notifications.
9
- */
10
- export const Badge = vui(props => {
11
- const { variant, ...rest } = props;
12
- const { variants } = theme ?? {};
13
- const bg = variants[variant ?? 'subtleSandstone'].container.bg;
14
- const color = variants[variant ?? 'subtleSandstone'].container.color;
15
- return (React.createElement(Tag, { bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px", ...rest, onDelete: undefined }));
16
- });
17
- export default Badge;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProp } from '../icon';
3
- import { SystemProps } from '../system';
4
- import { TagInnerProps } from '../tag';
5
- import { ThemingProps } from '../theme';
6
- export declare type BadgeInnerProps = {
7
- /** Icon that replaces any other content. */
8
- icon?: IconProp | JSX.Element;
9
- /** Socket displaying icon on the left side. */
10
- iconLeft?: IconProp | JSX.Element;
11
- /** Socket displaying icon on the right side. */
12
- iconRight?: IconProp | JSX.Element;
13
- /** Socket displaying text as alternative to children. */
14
- text?: React.ReactNode;
15
- };
16
- export declare type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
17
- //# sourceMappingURL=badge.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe,GAAG;IAC5B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,aAAa,GAAG,eAAe,CAAA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- export * from './badge';
2
- export { default } from './badge';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './badge';
2
- export { default } from './badge';
@@ -1,130 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {};
3
- defaultProps: {
4
- size: string;
5
- variant: string;
6
- };
7
- parts: string[];
8
- sizes: {
9
- xs: {
10
- container: {
11
- borderRadius: string;
12
- fontSize: string;
13
- h: number;
14
- spaceX: number;
15
- };
16
- icon: {
17
- size: string;
18
- };
19
- };
20
- sm: {
21
- container: {
22
- fontSize: string;
23
- h: number;
24
- spaceX: number;
25
- };
26
- icon: {
27
- size: string;
28
- };
29
- };
30
- md: {
31
- container: {
32
- fontSize: string;
33
- h: number;
34
- spaceX: number;
35
- };
36
- icon: {
37
- size: string;
38
- };
39
- };
40
- lg: {
41
- container: {
42
- fontSize: string;
43
- h: number;
44
- spaceX: number;
45
- };
46
- icon: {
47
- size: string;
48
- };
49
- };
50
- };
51
- variants: {
52
- subtleSandstone: {
53
- container: {
54
- bg: string;
55
- color: string;
56
- borderColor: string;
57
- };
58
- };
59
- subtleEarth: {
60
- container: {
61
- bg: string;
62
- color: string;
63
- };
64
- };
65
- subtleBlue: {
66
- container: {
67
- bg: string;
68
- color: string;
69
- };
70
- };
71
- subtleBlue2: {
72
- container: {
73
- bg: string;
74
- color: string;
75
- };
76
- };
77
- subtleRed: {
78
- container: {
79
- bg: string;
80
- color: string;
81
- };
82
- };
83
- subtleYellow: {
84
- container: {
85
- bg: string;
86
- color: string;
87
- };
88
- };
89
- subtleGreen: {
90
- container: {
91
- bg: string;
92
- color: string;
93
- };
94
- };
95
- /** solids next */
96
- solidBlue: {
97
- container: {
98
- bg: string;
99
- color: string;
100
- };
101
- };
102
- solidDarkBlue: {
103
- container: {
104
- bg: string;
105
- borderColor: string;
106
- color: string;
107
- };
108
- };
109
- solidRed: {
110
- container: {
111
- bg: string;
112
- color: string;
113
- };
114
- };
115
- solidYellow: {
116
- container: {
117
- bg: string;
118
- color: string;
119
- };
120
- };
121
- solidGreen: {
122
- container: {
123
- bg: string;
124
- color: string;
125
- };
126
- };
127
- };
128
- };
129
- export default _default;
130
- //# sourceMappingURL=theme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkGE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCpB,wBAMC"}