@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.3

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 (534) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +21 -9
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/assets/icons.svg +8 -0
  6. package/lib/assets/icons.svg.js +6 -0
  7. package/lib/assets/icons.svg.js.map +1 -1
  8. package/lib/components/asset-info/asset-info.js +48 -44
  9. package/lib/components/asset-info/asset-info.js.map +1 -1
  10. package/lib/components/asset-info/asset-info.module.css +28 -6
  11. package/lib/components/asset-info/index.js.map +1 -1
  12. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  13. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  14. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  15. package/lib/components/asset-not-predictive/index.js +18 -0
  16. package/lib/components/asset-not-predictive/index.js.map +1 -0
  17. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  18. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  19. package/lib/components/bundle-assets/bundle-assets.module.css +11 -22
  20. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  21. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  22. package/lib/components/bundle-assets/index.js +4 -1
  23. package/lib/components/bundle-assets/index.js.map +1 -1
  24. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  25. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  26. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  27. package/lib/components/bundle-modules/bundle-modules.js +30 -39
  28. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  29. package/lib/components/bundle-modules/bundle-modules.module.css +3 -2
  30. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  31. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  32. package/lib/components/bundle-modules/index.js +5 -2
  33. package/lib/components/bundle-modules/index.js.map +1 -1
  34. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  35. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  36. package/lib/components/bundle-packages/bundle-packages.module.css +4 -0
  37. package/lib/components/bundle-packages/index.js +4 -1
  38. package/lib/components/bundle-packages/index.js.map +1 -1
  39. package/lib/components/delta/delta.module.css +2 -1
  40. package/lib/components/entry-info/entry-info.js +56 -0
  41. package/lib/components/entry-info/entry-info.js.map +1 -0
  42. package/lib/components/entry-info/entry-info.module.css +92 -0
  43. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  44. package/lib/components/entry-info/index.js.map +1 -0
  45. package/lib/components/index.js +7 -5
  46. package/lib/components/index.js.map +1 -1
  47. package/lib/components/insight-icon/index.js +18 -0
  48. package/lib/components/insight-icon/index.js.map +1 -0
  49. package/lib/components/insight-icon/insight-icon.js +25 -0
  50. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  51. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  52. package/lib/components/insights/insights.js +6 -39
  53. package/lib/components/insights/insights.js.map +1 -1
  54. package/lib/components/insights/insights.module.css +1 -19
  55. package/lib/components/job-header/job-header.js +12 -11
  56. package/lib/components/job-header/job-header.js.map +1 -1
  57. package/lib/components/jobs-header/index.js.map +1 -1
  58. package/lib/components/jobs-header/jobs-header.js +21 -14
  59. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  60. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  61. package/lib/components/metric/index.js.map +1 -1
  62. package/lib/components/metric/metric.js +7 -64
  63. package/lib/components/metric/metric.js.map +1 -1
  64. package/lib/components/metric/metric.module.css +3 -3
  65. package/lib/components/metric-run-info/index.js +18 -0
  66. package/lib/components/metric-run-info/index.js.map +1 -0
  67. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  68. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  69. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  70. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  71. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  72. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  73. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  74. package/lib/components/module-info/index.js.map +1 -1
  75. package/lib/components/module-info/module-info.js +47 -47
  76. package/lib/components/module-info/module-info.js.map +1 -1
  77. package/lib/components/module-info/module-info.module.css +8 -33
  78. package/lib/components/package-info/index.js +18 -0
  79. package/lib/components/package-info/index.js.map +1 -0
  80. package/lib/components/package-info/package-info.js +77 -0
  81. package/lib/components/package-info/package-info.js.map +1 -0
  82. package/lib/components/package-info/package-info.module.css +13 -0
  83. package/lib/components/{job-meta → run-info}/index.js +1 -1
  84. package/lib/components/run-info/index.js.map +1 -0
  85. package/lib/components/run-info/run-info.js +70 -0
  86. package/lib/components/run-info/run-info.js.map +1 -0
  87. package/lib/components/run-info/run-info.module.css +76 -0
  88. package/lib/components/summary/index.js.map +1 -1
  89. package/lib/components/summary/summary.js +10 -31
  90. package/lib/components/summary/summary.js.map +1 -1
  91. package/lib/components/summary/summary.module.css +27 -7
  92. package/lib/constants.js +1 -23
  93. package/lib/constants.js.map +1 -1
  94. package/lib/css/variables.css +18 -13
  95. package/lib/layout/box/box.js +3 -23
  96. package/lib/layout/box/box.js.map +1 -1
  97. package/lib/layout/box/box.module.css +11 -0
  98. package/lib/layout/box/index.js +15 -3
  99. package/lib/layout/box/index.js.map +1 -1
  100. package/lib/layout/flex-stack/flex-stack.js +3 -19
  101. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  102. package/lib/layout/flex-stack/index.js.map +1 -1
  103. package/lib/layout/stack/index.js.map +1 -1
  104. package/lib/layout/stack/stack.js +3 -16
  105. package/lib/layout/stack/stack.js.map +1 -1
  106. package/lib/tokens.js +38 -0
  107. package/lib/tokens.js.map +1 -0
  108. package/lib/ui/alert/alert.js +2 -12
  109. package/lib/ui/alert/alert.js.map +1 -1
  110. package/lib/ui/alert/index.js.map +1 -1
  111. package/lib/ui/container/container.js +1 -10
  112. package/lib/ui/container/container.js.map +1 -1
  113. package/lib/ui/container/index.js +15 -3
  114. package/lib/ui/container/index.js.map +1 -1
  115. package/lib/ui/dropdown/dropdown.module.css +1 -2
  116. package/lib/ui/file-name/file-name.js +1 -1
  117. package/lib/ui/file-name/file-name.js.map +1 -1
  118. package/lib/ui/filters/filters.module.css +1 -5
  119. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  120. package/lib/ui/hover-card/hover-card.js +3 -21
  121. package/lib/ui/hover-card/hover-card.js.map +1 -1
  122. package/lib/ui/hover-card/index.js.map +1 -1
  123. package/lib/ui/icon/icon.js +2 -0
  124. package/lib/ui/icon/icon.js.map +1 -1
  125. package/lib/ui/index.js +1 -3
  126. package/lib/ui/index.js.map +1 -1
  127. package/lib/ui/input/input.module.css +3 -4
  128. package/lib/ui/table/index.js.map +1 -1
  129. package/lib/ui/table/table.js +3 -17
  130. package/lib/ui/table/table.js.map +1 -1
  131. package/lib/ui/tag/index.js.map +1 -1
  132. package/lib/ui/tag/tag.js +5 -29
  133. package/lib/ui/tag/tag.js.map +1 -1
  134. package/lib/ui/tag/tag.module.css +15 -1
  135. package/lib/ui/tooltip/index.js.map +1 -1
  136. package/lib/ui/tooltip/tooltip.js +3 -23
  137. package/lib/ui/tooltip/tooltip.js.map +1 -1
  138. package/lib/ui/tooltip/tooltip.module.css +3 -4
  139. package/lib-esm/app/app.js +22 -10
  140. package/lib-esm/app/app.js.map +1 -1
  141. package/lib-esm/app/app.module.css +8 -5
  142. package/lib-esm/assets/icons.svg +8 -0
  143. package/lib-esm/assets/icons.svg.js +6 -0
  144. package/lib-esm/assets/icons.svg.js.map +1 -1
  145. package/lib-esm/components/asset-info/asset-info.js +27 -45
  146. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  147. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  148. package/lib-esm/components/asset-info/index.js.map +1 -1
  149. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  150. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  151. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  152. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  153. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  154. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  155. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  156. package/lib-esm/components/bundle-assets/bundle-assets.module.css +11 -22
  157. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  158. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  159. package/lib-esm/components/bundle-assets/index.js +5 -2
  160. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  161. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  162. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  163. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  164. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -41
  165. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  166. package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
  167. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  168. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  169. package/lib-esm/components/bundle-modules/index.js +7 -4
  170. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  171. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  172. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  173. package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
  174. package/lib-esm/components/bundle-packages/index.js +5 -2
  175. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  176. package/lib-esm/components/delta/delta.module.css +2 -1
  177. package/lib-esm/components/entry-info/entry-info.js +50 -0
  178. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  179. package/lib-esm/components/entry-info/entry-info.module.css +92 -0
  180. package/lib-esm/components/entry-info/index.js +2 -0
  181. package/lib-esm/components/entry-info/index.js.map +1 -0
  182. package/lib-esm/components/index.js +3 -2
  183. package/lib-esm/components/index.js.map +1 -1
  184. package/lib-esm/components/insight-icon/index.js +2 -0
  185. package/lib-esm/components/insight-icon/index.js.map +1 -0
  186. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  187. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  188. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  189. package/lib-esm/components/insights/insights.js +7 -40
  190. package/lib-esm/components/insights/insights.js.map +1 -1
  191. package/lib-esm/components/insights/insights.module.css +1 -19
  192. package/lib-esm/components/job-header/job-header.js +12 -11
  193. package/lib-esm/components/job-header/job-header.js.map +1 -1
  194. package/lib-esm/components/jobs-header/index.js.map +1 -1
  195. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  196. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  197. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  198. package/lib-esm/components/metric/index.js.map +1 -1
  199. package/lib-esm/components/metric/metric.js +7 -41
  200. package/lib-esm/components/metric/metric.js.map +1 -1
  201. package/lib-esm/components/metric/metric.module.css +3 -3
  202. package/lib-esm/components/metric-run-info/index.js +2 -0
  203. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  204. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  205. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  206. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  207. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  208. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  209. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  210. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  211. package/lib-esm/components/module-info/index.js.map +1 -1
  212. package/lib-esm/components/module-info/module-info.js +26 -48
  213. package/lib-esm/components/module-info/module-info.js.map +1 -1
  214. package/lib-esm/components/module-info/module-info.module.css +8 -33
  215. package/lib-esm/components/package-info/index.js +2 -0
  216. package/lib-esm/components/package-info/index.js.map +1 -0
  217. package/lib-esm/components/package-info/package-info.js +48 -0
  218. package/lib-esm/components/package-info/package-info.js.map +1 -0
  219. package/lib-esm/components/package-info/package-info.module.css +13 -0
  220. package/lib-esm/components/run-info/index.js +2 -0
  221. package/lib-esm/components/run-info/index.js.map +1 -0
  222. package/lib-esm/components/run-info/run-info.js +40 -0
  223. package/lib-esm/components/run-info/run-info.js.map +1 -0
  224. package/lib-esm/components/run-info/run-info.module.css +76 -0
  225. package/lib-esm/components/summary/index.js.map +1 -1
  226. package/lib-esm/components/summary/summary.js +9 -30
  227. package/lib-esm/components/summary/summary.js.map +1 -1
  228. package/lib-esm/components/summary/summary.module.css +27 -7
  229. package/lib-esm/constants.js +0 -22
  230. package/lib-esm/constants.js.map +1 -1
  231. package/lib-esm/css/variables.css +18 -13
  232. package/lib-esm/layout/box/box.js +3 -23
  233. package/lib-esm/layout/box/box.js.map +1 -1
  234. package/lib-esm/layout/box/box.module.css +11 -0
  235. package/lib-esm/layout/box/index.js +1 -1
  236. package/lib-esm/layout/box/index.js.map +1 -1
  237. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  238. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  239. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  240. package/lib-esm/layout/stack/index.js.map +1 -1
  241. package/lib-esm/layout/stack/stack.js +3 -16
  242. package/lib-esm/layout/stack/stack.js.map +1 -1
  243. package/lib-esm/tokens.js +35 -0
  244. package/lib-esm/tokens.js.map +1 -0
  245. package/lib-esm/ui/alert/alert.js +2 -12
  246. package/lib-esm/ui/alert/alert.js.map +1 -1
  247. package/lib-esm/ui/alert/index.js.map +1 -1
  248. package/lib-esm/ui/container/container.js +1 -10
  249. package/lib-esm/ui/container/container.js.map +1 -1
  250. package/lib-esm/ui/container/index.js +1 -1
  251. package/lib-esm/ui/container/index.js.map +1 -1
  252. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  253. package/lib-esm/ui/file-name/file-name.js +1 -1
  254. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  255. package/lib-esm/ui/filters/filters.module.css +1 -5
  256. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  257. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  258. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  259. package/lib-esm/ui/hover-card/index.js.map +1 -1
  260. package/lib-esm/ui/icon/icon.js +2 -0
  261. package/lib-esm/ui/icon/icon.js.map +1 -1
  262. package/lib-esm/ui/index.js +0 -1
  263. package/lib-esm/ui/index.js.map +1 -1
  264. package/lib-esm/ui/input/input.module.css +3 -4
  265. package/lib-esm/ui/table/index.js.map +1 -1
  266. package/lib-esm/ui/table/table.js +3 -17
  267. package/lib-esm/ui/table/table.js.map +1 -1
  268. package/lib-esm/ui/tag/index.js.map +1 -1
  269. package/lib-esm/ui/tag/tag.js +4 -28
  270. package/lib-esm/ui/tag/tag.js.map +1 -1
  271. package/lib-esm/ui/tag/tag.module.css +15 -1
  272. package/lib-esm/ui/tooltip/index.js.map +1 -1
  273. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  274. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  275. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  276. package/package.json +18 -22
  277. package/src/app/app.jsx +25 -10
  278. package/src/app/app.module.css +8 -5
  279. package/src/assets/icons/external-link.svg +1 -0
  280. package/src/assets/icons/more-vertical.svg +5 -0
  281. package/src/assets/icons.svg +8 -0
  282. package/src/assets/icons.svg.jsx +27 -0
  283. package/src/components/asset-info/asset-info.module.css +28 -6
  284. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  285. package/src/components/asset-info/asset-info.tsx +159 -0
  286. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  287. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  288. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  289. package/src/components/asset-not-predictive/index.ts +1 -0
  290. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  291. package/src/components/bundle-assets/bundle-assets.module.css +11 -22
  292. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  293. package/src/components/bundle-assets/index.jsx +7 -1
  294. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  295. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  296. package/src/components/bundle-modules/bundle-modules.jsx +91 -100
  297. package/src/components/bundle-modules/bundle-modules.module.css +3 -2
  298. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  299. package/src/components/bundle-modules/index.jsx +9 -3
  300. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  301. package/src/components/bundle-packages/bundle-packages.module.css +4 -0
  302. package/src/components/bundle-packages/index.jsx +7 -1
  303. package/src/components/delta/delta.module.css +2 -1
  304. package/src/components/entry-info/entry-info.module.css +92 -0
  305. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  306. package/src/components/entry-info/entry-info.tsx +134 -0
  307. package/src/components/entry-info/index.ts +1 -0
  308. package/src/components/index.js +3 -2
  309. package/src/components/insight-icon/index.ts +1 -0
  310. package/src/components/insight-icon/insight-icon.module.css +24 -0
  311. package/src/components/insight-icon/insight-icon.tsx +25 -0
  312. package/src/components/insights/insights.module.css +1 -19
  313. package/src/components/insights/insights.stories.tsx +26 -22
  314. package/src/components/insights/insights.tsx +8 -65
  315. package/src/components/job-header/job-header.jsx +16 -13
  316. package/src/components/jobs-header/jobs-header.module.css +51 -4
  317. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  318. package/src/components/jobs-header/jobs-header.tsx +90 -0
  319. package/src/components/metric/metric.module.css +3 -3
  320. package/src/components/metric/metric.stories.tsx +41 -0
  321. package/src/components/metric/metric.tsx +42 -0
  322. package/src/components/metric-run-info/index.ts +1 -0
  323. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  324. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  325. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  326. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  327. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  328. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  329. package/src/components/module-info/module-info.module.css +8 -33
  330. package/src/components/module-info/module-info.stories.tsx +44 -0
  331. package/src/components/module-info/module-info.tsx +116 -0
  332. package/src/components/package-info/index.ts +1 -0
  333. package/src/components/package-info/package-info.module.css +13 -0
  334. package/src/components/package-info/package-info.stories.tsx +36 -0
  335. package/src/components/package-info/package-info.tsx +135 -0
  336. package/src/components/run-info/index.ts +1 -0
  337. package/src/components/run-info/run-info.module.css +76 -0
  338. package/src/components/run-info/run-info.stories.tsx +58 -0
  339. package/src/components/run-info/run-info.tsx +111 -0
  340. package/src/components/summary/summary.module.css +27 -7
  341. package/src/components/summary/summary.stories.tsx +57 -0
  342. package/src/components/summary/summary.tsx +103 -0
  343. package/src/constants.js +0 -24
  344. package/src/css/variables.css +18 -13
  345. package/src/layout/box/box.module.css +11 -0
  346. package/src/layout/box/box.stories.tsx +49 -0
  347. package/src/layout/box/box.tsx +49 -0
  348. package/src/layout/box/index.ts +1 -0
  349. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  350. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  351. package/src/layout/stack/stack.stories.tsx +53 -0
  352. package/src/layout/stack/stack.tsx +22 -0
  353. package/src/tokens.ts +37 -0
  354. package/src/ui/alert/alert.stories.tsx +39 -0
  355. package/src/ui/alert/alert.tsx +23 -0
  356. package/src/ui/container/container.stories.tsx +29 -0
  357. package/src/ui/container/container.tsx +18 -0
  358. package/src/ui/container/index.ts +1 -0
  359. package/src/ui/dropdown/dropdown.module.css +1 -2
  360. package/src/ui/file-name/file-name.jsx +1 -1
  361. package/src/ui/filters/filters.module.css +1 -5
  362. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  363. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  364. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  365. package/src/ui/icon/icon.jsx +2 -0
  366. package/src/ui/index.js +0 -1
  367. package/src/ui/input/input.module.css +3 -4
  368. package/src/ui/table/table.stories.tsx +238 -0
  369. package/src/ui/table/table.tsx +38 -0
  370. package/src/ui/tag/tag.module.css +15 -1
  371. package/src/ui/tag/tag.stories.tsx +32 -0
  372. package/src/ui/tag/tag.tsx +28 -0
  373. package/src/ui/tooltip/tooltip.module.css +3 -4
  374. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  375. package/src/ui/tooltip/tooltip.tsx +57 -0
  376. package/types/app/header/header.d.ts +5 -5
  377. package/types/components/asset-info/asset-info.d.ts +20 -23
  378. package/types/components/asset-info/index.d.ts +1 -1
  379. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  380. package/types/components/asset-not-predictive/index.d.ts +1 -0
  381. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  382. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  383. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  384. package/types/components/bundle-assets/index.d.ts +11 -11
  385. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  386. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  387. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  388. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  389. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  390. package/types/components/bundle-modules/index.d.ts +11 -11
  391. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  392. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  393. package/types/components/bundle-packages/index.d.ts +11 -11
  394. package/types/components/component-link.d.ts +6 -6
  395. package/types/components/delta/delta.d.ts +7 -7
  396. package/types/components/entry-info/entry-info.d.ts +25 -0
  397. package/types/components/entry-info/index.d.ts +1 -0
  398. package/types/components/index.d.ts +3 -2
  399. package/types/components/insight-icon/index.d.ts +1 -0
  400. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  401. package/types/components/insights/insights.d.ts +2 -2
  402. package/types/components/job-header/job-header.d.ts +9 -9
  403. package/types/components/job-name/job-name.d.ts +9 -9
  404. package/types/components/jobs-header/index.d.ts +1 -1
  405. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  406. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  407. package/types/components/metric/index.d.ts +1 -1
  408. package/types/components/metric/metric.d.ts +6 -32
  409. package/types/components/metric-run-info/index.d.ts +1 -0
  410. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  411. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  412. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  413. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  414. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  415. package/types/components/module-info/index.d.ts +1 -1
  416. package/types/components/module-info/module-info.d.ts +19 -34
  417. package/types/components/package-info/index.d.ts +1 -0
  418. package/types/components/package-info/package-info.d.ts +15 -0
  419. package/types/components/run-info/index.d.ts +1 -0
  420. package/types/components/run-info/run-info.d.ts +16 -0
  421. package/types/components/summary/index.d.ts +1 -1
  422. package/types/components/summary/summary.d.ts +25 -36
  423. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  424. package/types/constants.d.ts +4 -15
  425. package/types/i18n.d.ts +15 -15
  426. package/types/layout/box/box.d.ts +12 -25
  427. package/types/layout/box/index.d.ts +1 -1
  428. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  429. package/types/layout/flex-stack/index.d.ts +1 -1
  430. package/types/layout/footer/footer.d.ts +5 -5
  431. package/types/layout/separator.d.ts +4 -4
  432. package/types/layout/stack/index.d.ts +1 -1
  433. package/types/layout/stack/stack.d.ts +7 -20
  434. package/types/tokens.d.ts +23 -0
  435. package/types/ui/alert/alert.d.ts +7 -14
  436. package/types/ui/alert/index.d.ts +1 -1
  437. package/types/ui/container/container.d.ts +5 -17
  438. package/types/ui/container/index.d.ts +1 -1
  439. package/types/ui/dropdown/dropdown.d.ts +16 -16
  440. package/types/ui/empty-set/empty-set.d.ts +7 -7
  441. package/types/ui/file-name/file-name.d.ts +7 -7
  442. package/types/ui/filters/filters.d.ts +6 -6
  443. package/types/ui/filters/filters.utils.d.ts +2 -2
  444. package/types/ui/filters/index.d.ts +4 -4
  445. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  446. package/types/ui/hover-card/hover-card.d.ts +12 -26
  447. package/types/ui/hover-card/index.d.ts +1 -1
  448. package/types/ui/icon/icon.d.ts +26 -24
  449. package/types/ui/index.d.ts +0 -1
  450. package/types/ui/input/input.d.ts +5 -5
  451. package/types/ui/loader/loader.d.ts +8 -8
  452. package/types/ui/skeleton/skeleton.d.ts +7 -7
  453. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  454. package/types/ui/table/index.d.ts +1 -1
  455. package/types/ui/table/table.d.ts +14 -33
  456. package/types/ui/tabs/tabs.d.ts +10 -10
  457. package/types/ui/tag/index.d.ts +1 -1
  458. package/types/ui/tag/tag.d.ts +22 -33
  459. package/types/ui/toolbar/toolbar.d.ts +6 -6
  460. package/types/ui/tooltip/index.d.ts +1 -1
  461. package/types/ui/tooltip/tooltip.d.ts +10 -28
  462. package/lib/components/job-meta/index.js.map +0 -1
  463. package/lib/components/job-meta/job-meta.js +0 -34
  464. package/lib/components/job-meta/job-meta.js.map +0 -1
  465. package/lib/components/job-meta/job-meta.module.css +0 -19
  466. package/lib/components/summary-item/index.js.map +0 -1
  467. package/lib/components/summary-item/summary-item.js +0 -97
  468. package/lib/components/summary-item/summary-item.js.map +0 -1
  469. package/lib/components/summary-item/summary-item.module.css +0 -58
  470. package/lib/ui/panels/index.js +0 -6
  471. package/lib/ui/panels/index.js.map +0 -1
  472. package/lib/ui/panels/panels.js +0 -28
  473. package/lib/ui/panels/panels.js.map +0 -1
  474. package/lib/ui/panels/panels.module.css +0 -23
  475. package/lib-esm/components/job-meta/index.js +0 -2
  476. package/lib-esm/components/job-meta/index.js.map +0 -1
  477. package/lib-esm/components/job-meta/job-meta.js +0 -27
  478. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  479. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  480. package/lib-esm/components/summary-item/index.js +0 -2
  481. package/lib-esm/components/summary-item/index.js.map +0 -1
  482. package/lib-esm/components/summary-item/summary-item.js +0 -67
  483. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  484. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  485. package/lib-esm/ui/panels/index.js +0 -2
  486. package/lib-esm/ui/panels/index.js.map +0 -1
  487. package/lib-esm/ui/panels/panels.js +0 -21
  488. package/lib-esm/ui/panels/panels.js.map +0 -1
  489. package/lib-esm/ui/panels/panels.module.css +0 -23
  490. package/src/components/asset-info/asset-info.jsx +0 -96
  491. package/src/components/job-meta/index.js +0 -1
  492. package/src/components/job-meta/job-meta.jsx +0 -47
  493. package/src/components/job-meta/job-meta.module.css +0 -19
  494. package/src/components/jobs-header/jobs-header.jsx +0 -43
  495. package/src/components/metric/metric.jsx +0 -63
  496. package/src/components/module-info/module-info.jsx +0 -123
  497. package/src/components/summary/summary.jsx +0 -73
  498. package/src/components/summary-item/index.js +0 -1
  499. package/src/components/summary-item/summary-item.jsx +0 -142
  500. package/src/components/summary-item/summary-item.module.css +0 -58
  501. package/src/layout/box/box.jsx +0 -67
  502. package/src/layout/box/index.js +0 -1
  503. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  504. package/src/layout/stack/stack.jsx +0 -32
  505. package/src/ui/alert/alert.jsx +0 -27
  506. package/src/ui/container/container.jsx +0 -24
  507. package/src/ui/container/index.js +0 -1
  508. package/src/ui/panels/index.js +0 -1
  509. package/src/ui/panels/panels.jsx +0 -39
  510. package/src/ui/panels/panels.module.css +0 -23
  511. package/src/ui/table/table.jsx +0 -37
  512. package/src/ui/tag/tag.jsx +0 -49
  513. package/src/ui/tooltip/tooltip.jsx +0 -67
  514. package/tsconfig.esm.json +0 -13
  515. package/tsconfig.json +0 -7
  516. package/tsconfig.lib.json +0 -9
  517. package/types/components/job-meta/index.d.ts +0 -1
  518. package/types/components/job-meta/job-meta.d.ts +0 -18
  519. package/types/components/summary-item/index.d.ts +0 -1
  520. package/types/components/summary-item/summary-item.d.ts +0 -40
  521. package/types/ui/panels/index.d.ts +0 -1
  522. package/types/ui/panels/panels.d.ts +0 -18
  523. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  524. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  525. /package/src/components/metric/{index.js → index.ts} +0 -0
  526. /package/src/components/module-info/{index.js → index.ts} +0 -0
  527. /package/src/components/summary/{index.js → index.ts} +0 -0
  528. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  529. /package/src/layout/stack/{index.js → index.ts} +0 -0
  530. /package/src/ui/alert/{index.js → index.ts} +0 -0
  531. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  532. /package/src/ui/table/{index.js → index.ts} +0 -0
  533. /package/src/ui/tag/{index.js → index.ts} +0 -0
  534. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -15,6 +15,17 @@
15
15
  border-radius: 0 0 var(--radius-medium) var(--radius-medium);
16
16
  }
17
17
 
18
+ .outlineHover {
19
+ transition: var(--transition-out);
20
+ }
21
+
22
+ .outlineHover:focus,
23
+ .outlineHover:active,
24
+ .outlineHover:hover {
25
+ box-shadow: var(--outline-hover);
26
+ transition: var(--transition-in);
27
+ }
28
+
18
29
  .padding-xxxsmall {
19
30
  padding: var(--space-xxxsmall);
20
31
  }
@@ -1,6 +1,18 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
2
16
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Box = void 0;
4
- var box_1 = require("./box");
5
- Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.Box; } });
17
+ __exportStar(require("./box"), exports);
6
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.js"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}
@@ -5,30 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.FlexStack = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
8
  const classnames_1 = __importDefault(require("classnames"));
10
- const constants_1 = require("../../constants");
9
+ const tokens_1 = require("../../tokens");
11
10
  const utils_1 = require("../../utils");
12
11
  const flex_stack_module_css_1 = __importDefault(require("./flex-stack.module.css"));
13
- const FlexStack = ({ as: Component = 'div', className = '', space = '', inline = false, children = null, alignItems = '', ...restProps }) => {
12
+ const FlexStack = (props) => {
13
+ const { as: Component = 'div', className = '', space = tokens_1.NO_SPACE, inline = false, children = null, alignItems = '', ...restProps } = props;
14
14
  const rootClassName = (0, classnames_1.default)(className, flex_stack_module_css_1.default.root, flex_stack_module_css_1.default[`space--${space}`], flex_stack_module_css_1.default[`align-items--${alignItems}`], inline && flex_stack_module_css_1.default.inline);
15
15
  return (react_1.default.createElement(Component, { ...restProps, className: rootClassName }, react_1.default.Children.map(children, (0, utils_1.getRenderChildWithClassName)(flex_stack_module_css_1.default.item))));
16
16
  };
17
17
  exports.FlexStack = FlexStack;
18
- exports.FlexStack.defaultProps = {
19
- as: 'div',
20
- className: '',
21
- children: null,
22
- space: constants_1.NO_SPACE,
23
- alignItems: undefined,
24
- inline: false,
25
- };
26
- exports.FlexStack.propTypes = {
27
- as: prop_types_1.default.elementType,
28
- className: prop_types_1.default.string,
29
- children: prop_types_1.default.node,
30
- space: prop_types_1.default.oneOf(constants_1.SPACES),
31
- alignItems: prop_types_1.default.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
32
- inline: prop_types_1.default.bool,
33
- };
34
18
  //# sourceMappingURL=flex-stack.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,+CAAmD;AACnD,uCAA0D;AAC1D,oFAA0C;AAEnC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,SAAS,EACT,+BAAG,CAAC,IAAI,EACR,+BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,+BAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,+BAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,+BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,oBAAQ;IACf,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,iBAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,KAAK,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;IAC9B,UAAU,EAAE,oBAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACxF,MAAM,EAAE,oBAAS,CAAC,IAAI;CACvB,CAAC"}
1
+ {"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAC1D,oFAA0C;AAWnC,MAAM,SAAS,GAAG,CACvB,KAAiF,EACjF,EAAE;IACF,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,iBAAQ,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,SAAS,EACT,+BAAG,CAAC,IAAI,EACR,+BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,+BAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,+BAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,+BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
@@ -5,27 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Stack = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
8
  const classnames_1 = __importDefault(require("classnames"));
10
- const constants_1 = require("../../constants");
9
+ const tokens_1 = require("../../tokens");
11
10
  const utils_1 = require("../../utils");
12
11
  const stack_module_css_1 = __importDefault(require("./stack.module.css"));
13
12
  const Stack = (props) => {
14
- const { as: Component, className, space, children, ...restProps } = props;
15
- const rootClassName = (0, classnames_1.default)(className, stack_module_css_1.default.root, stack_module_css_1.default[`space--${space}`]);
13
+ const { className = '', as: Component = 'div', space = tokens_1.NO_SPACE, children, ...restProps } = props;
14
+ const rootClassName = (0, classnames_1.default)(stack_module_css_1.default.root, className, stack_module_css_1.default[`space--${space}`]);
16
15
  return (react_1.default.createElement(Component, { ...restProps, className: rootClassName }, react_1.default.Children.map(children, (0, utils_1.getRenderChildWithClassName)(stack_module_css_1.default.item))));
17
16
  };
18
17
  exports.Stack = Stack;
19
- exports.Stack.defaultProps = {
20
- as: 'div',
21
- className: '',
22
- children: null,
23
- space: constants_1.NO_SPACE,
24
- };
25
- exports.Stack.propTypes = {
26
- as: prop_types_1.default.elementType,
27
- className: prop_types_1.default.string,
28
- children: prop_types_1.default.node,
29
- space: prop_types_1.default.oneOf(constants_1.SPACES),
30
- };
31
18
  //# sourceMappingURL=stack.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,+CAAmD;AACnD,uCAA0D;AAC1D,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,SAAS,EAAE,0BAAG,CAAC,IAAI,EAAE,0BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,0BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,oBAAQ;CAChB,CAAC;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,KAAK,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;CAC/B,CAAC"}
1
+ {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAC1D,0EAAqC;AAO9B,MAAM,KAAK,GAAG,CAAC,KAA+C,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,iBAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,0BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB"}
package/lib/tokens.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SIZE = exports.KIND = exports.SPACES = exports.SPACE_XXXLARGE = exports.SPACE_XXLARGE = exports.SPACE_XLARGE = exports.SPACE_LARGE = exports.SPACE_MEDIUM = exports.SPACE_SMALL = exports.SPACE_XSMALL = exports.SPACE_XXSMALL = exports.SPACE_XXXSMALL = exports.NO_SPACE = void 0;
4
+ exports.NO_SPACE = 'no-space';
5
+ exports.SPACE_XXXSMALL = 'xxxsmall';
6
+ exports.SPACE_XXSMALL = 'xxsmall';
7
+ exports.SPACE_XSMALL = 'xsmall';
8
+ exports.SPACE_SMALL = 'small';
9
+ exports.SPACE_MEDIUM = 'medium';
10
+ exports.SPACE_LARGE = 'large';
11
+ exports.SPACE_XLARGE = 'xlarge';
12
+ exports.SPACE_XXLARGE = 'xxlarge';
13
+ exports.SPACE_XXXLARGE = 'xxxlarge';
14
+ exports.SPACES = [
15
+ exports.NO_SPACE,
16
+ exports.SPACE_XXXSMALL,
17
+ exports.SPACE_XXSMALL,
18
+ exports.SPACE_XSMALL,
19
+ exports.SPACE_SMALL,
20
+ exports.SPACE_MEDIUM,
21
+ exports.SPACE_LARGE,
22
+ exports.SPACE_XLARGE,
23
+ exports.SPACE_XXLARGE,
24
+ exports.SPACE_XXXLARGE,
25
+ ];
26
+ exports.KIND = {
27
+ DEFAULT: 'default',
28
+ SUCCESS: 'success',
29
+ INFO: 'info',
30
+ WARNING: 'warning',
31
+ DANGER: 'danger',
32
+ };
33
+ exports.SIZE = {
34
+ SMALL: 'small',
35
+ MEDIUM: 'medium',
36
+ LARGE: 'large',
37
+ };
38
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,cAAc,GAAG,UAAU,CAAC;AAE5B,QAAA,MAAM,GAAG;IACpB,gBAAQ;IACR,sBAAc;IACd,qBAAa;IACb,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,qBAAa;IACb,sBAAc;CACN,CAAC;AAEE,QAAA,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAEE,QAAA,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
@@ -6,21 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Alert = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const classnames_1 = __importDefault(require("classnames"));
9
- const prop_types_1 = __importDefault(require("prop-types"));
10
9
  const box_1 = require("../../layout/box");
11
10
  const alert_module_css_1 = __importDefault(require("./alert.module.css"));
12
11
  const Alert = (props) => {
13
- const { className, kind, children } = props;
14
- return (react_1.default.createElement(box_1.Box, { padding: ['xsmall', 'small'], outline: true, className: (0, classnames_1.default)(alert_module_css_1.default.root, className, alert_module_css_1.default[kind]) }, children));
12
+ const { className = '', kind = 'default', ...restProps } = props;
13
+ return (react_1.default.createElement(box_1.Box, { padding: ['xsmall', 'small'], outline: true, className: (0, classnames_1.default)(alert_module_css_1.default.root, className, alert_module_css_1.default[kind]), ...restProps }));
15
14
  };
16
15
  exports.Alert = Alert;
17
- exports.Alert.propTypes = {
18
- className: prop_types_1.default.string,
19
- kind: prop_types_1.default.string,
20
- children: prop_types_1.default.node.isRequired,
21
- };
22
- exports.Alert.defaultProps = {
23
- className: '',
24
- kind: 'default',
25
- };
26
16
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/ui/alert/alert.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,4DAAmC;AAEnC,0CAAuC;AACvC,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,QAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,IAAI,CAAC,CAAC,IACrF,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,MAAM;IACtB,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,SAAS;CAChB,CAAC"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/ui/alert/alert.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAG5B,0CAAuC;AACvC,0EAAqC;AAM9B,MAAM,KAAK,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC5E,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,8BAAC,SAAG,IACF,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC5B,OAAO,QACP,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,IAAI,CAAC,CAAC,KACzC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,KAAK,SAWhB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
@@ -5,18 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Container = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
8
  const classnames_1 = __importDefault(require("classnames"));
10
9
  const container_module_css_1 = __importDefault(require("./container.module.css"));
11
- const Container = ({ className, as: Component, ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(container_module_css_1.default.root, className) },
10
+ const Container = ({ as: Component = 'div', className = '', ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(container_module_css_1.default.root, className) },
12
11
  react_1.default.createElement("div", { className: container_module_css_1.default.inner, ...restProps })));
13
12
  exports.Container = Container;
14
- exports.Container.defaultProps = {
15
- className: '',
16
- as: 'div',
17
- };
18
- exports.Container.propTypes = {
19
- className: prop_types_1.default.string,
20
- as: prop_types_1.default.elementType,
21
- };
22
13
  //# sourceMappingURL=container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,uCAAK,SAAS,EAAE,8BAAG,CAAC,KAAK,KAAM,SAAS,GAAI,CAClC,CACb,CAAC;AAJW,QAAA,SAAS,aAIpB;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC;AAEF,iBAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;CAC1B,CAAC"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,kFAAyC;AAMlC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EACG,EAAE,EAAE,CAAC,CACpB,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,uCAAK,SAAS,EAAE,8BAAG,CAAC,KAAK,KAAM,SAAS,GAAI,CAClC,CACb,CAAC;AARW,QAAA,SAAS,aAQpB"}
@@ -1,6 +1,18 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
2
16
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Container = void 0;
4
- var container_1 = require("./container");
5
- Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
17
+ __exportStar(require("./container"), exports);
6
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.js"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}
@@ -25,8 +25,7 @@
25
25
  .button:focus,
26
26
  .button:active {
27
27
  outline: none;
28
- box-shadow: var(--shadow-layer);
29
- border-color: var(--color-outline-dark);
28
+ box-shadow: var(--outline-hover);
30
29
  color: var(--color-text);
31
30
  }
32
31
 
@@ -18,6 +18,6 @@ exports.FileName.defaultProps = {
18
18
  exports.FileName.propTypes = {
19
19
  className: prop_types_1.default.string,
20
20
  as: prop_types_1.default.elementType,
21
- name: prop_types_1.default.string,
21
+ name: prop_types_1.default.string | prop_types_1.default.node,
22
22
  };
23
23
  //# sourceMappingURL=file-name.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM;CACvB,CAAC"}
1
+ {"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM,GAAG,oBAAS,CAAC,IAAI;CACxC,CAAC"}
@@ -83,11 +83,7 @@
83
83
  .filterStandalone:active .filterCheckbox,
84
84
  .filterStandalone:focus .filterCheckbox {
85
85
  z-index: var(--layout-xlow); /* show collapsed border */
86
- box-shadow: var(--shadow-layer);
87
- }
88
-
89
- .filterStandalone:hover .filterCheckbox {
90
- border-color: var(--color-outline-dark);
86
+ box-shadow: var(--outline-hover);
91
87
  color: var(--color-text);
92
88
  }
93
89
 
@@ -3,6 +3,8 @@
3
3
  display: flex;
4
4
  align-items: stretch;
5
5
  justify-content: flex-start;
6
+ width: 100%;
7
+ overflow: hidden;
6
8
  }
7
9
 
8
10
  .item {
@@ -28,13 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.HoverCard = void 0;
30
30
  const react_1 = __importStar(require("react"));
31
- const prop_types_1 = __importDefault(require("prop-types"));
32
31
  const classnames_1 = __importDefault(require("classnames"));
33
32
  const hovercard_1 = require("ariakit/hovercard");
34
33
  const hover_card_module_css_1 = __importDefault(require("./hover-card.module.css"));
35
34
  const HoverCard = (props) => {
36
- const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
37
- const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 700 });
35
+ const { className = '', anchorClassName = '', hoverCardClassName = '', href = '', as = null, label, children, } = props;
36
+ const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 800 });
38
37
  const hovercardProps = (0, hovercard_1.useHovercard)({ state, portal: true });
39
38
  const Component = (0, react_1.useMemo)(() => {
40
39
  if (as) {
@@ -46,27 +45,10 @@ const HoverCard = (props) => {
46
45
  return 'span';
47
46
  }, [as, href]);
48
47
  return (react_1.default.createElement("div", { className: (0, classnames_1.default)(hover_card_module_css_1.default.root, className) },
49
- react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component }, label),
48
+ react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component, "aria-controls": state.open ? hovercardProps.id : '' }, label),
50
49
  react_1.default.createElement(hovercard_1.Hovercard, { ...hovercardProps, state: state, className: (0, classnames_1.default)(hover_card_module_css_1.default.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
51
50
  react_1.default.createElement(hovercard_1.HovercardArrow, { size: 24 }),
52
51
  typeof children === 'function' ? children({ close: state.hide }) : children)));
53
52
  };
54
53
  exports.HoverCard = HoverCard;
55
- exports.HoverCard.propTypes = {
56
- className: prop_types_1.default.string,
57
- hoverCardClassName: prop_types_1.default.string,
58
- anchorClassName: prop_types_1.default.string,
59
- label: prop_types_1.default.node,
60
- href: prop_types_1.default.string,
61
- as: prop_types_1.default.elementType,
62
- children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.func]).isRequired,
63
- };
64
- exports.HoverCard.defaultProps = {
65
- className: '',
66
- hoverCardClassName: '',
67
- anchorClassName: '',
68
- label: '',
69
- as: '',
70
- href: '',
71
- };
72
54
  //# sourceMappingURL=hover-card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAEnC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,IAEZ,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB;AAEF,iBAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAE3B,kBAAkB,EAAE,oBAAS,CAAC,MAAM;IAEpC,eAAe,EAAE,oBAAS,CAAC,MAAM;IAEjC,KAAK,EAAE,oBAAS,CAAC,IAAI;IAErB,IAAI,EAAE,oBAAS,CAAC,MAAM;IAEtB,EAAE,EAAE,oBAAS,CAAC,WAAW;IAEzB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,IAAI,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,kBAAkB,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE;IACnB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAYnC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,EAAE,EACvB,IAAI,GAAG,EAAE,EACT,EAAE,GAAG,IAAI,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,mBACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEjD,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
@@ -16,10 +16,12 @@ const ICONS = {
16
16
  CLOCK: 'clock',
17
17
  COMMIT: 'commit',
18
18
  ERROR: 'error',
19
+ EXTERNAL_LINK: 'external-link',
19
20
  FILTER: 'filter',
20
21
  INFO: 'info',
21
22
  HELP: 'help',
22
23
  MENU: 'menu',
24
+ MORE_VERTICAL: 'more-vertical',
23
25
  SORT: 'sort',
24
26
  WARNING: 'warning',
25
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC5B,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,KAAK,GAAG,CAAC,YAAI,CAAC,UAAU,EAAE,YAAI,CAAC,WAAW,EAAE,YAAI,CAAC,UAAU,CAAC,CAAC;AAElE,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,YAAI,CAAC,WAAW;CACvB,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;IAC9F,EAAE,EAAE,oBAAS,CAAC,IAAI;IAClB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,YAAI,CAAC,KAAK,CAAC;CAClC,CAAC"}
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC5B,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,KAAK,GAAG,CAAC,YAAI,CAAC,UAAU,EAAE,YAAI,CAAC,WAAW,EAAE,YAAI,CAAC,UAAU,CAAC,CAAC;AAElE,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,YAAI,CAAC,WAAW;CACvB,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;IAC9F,EAAE,EAAE,oBAAS,CAAC,IAAI;IAClB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,YAAI,CAAC,KAAK,CAAC;CAClC,CAAC"}
package/lib/ui/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.SortDropdown = exports.Skeleton = exports.Panels = exports.Loader = exports.Input = exports.Icon = exports.HoverCard = exports.HorizontalBarChart = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Container = exports.Alert = void 0;
3
+ exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.SortDropdown = exports.Skeleton = exports.Loader = exports.Input = exports.Icon = exports.HoverCard = exports.HorizontalBarChart = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Container = exports.Alert = void 0;
4
4
  var alert_1 = require("./alert");
5
5
  Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
6
6
  var container_1 = require("./container");
@@ -23,8 +23,6 @@ var input_1 = require("./input");
23
23
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
24
24
  var loader_1 = require("./loader");
25
25
  Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return loader_1.Loader; } });
26
- var panels_1 = require("./panels");
27
- Object.defineProperty(exports, "Panels", { enumerable: true, get: function () { return panels_1.Panels; } });
28
26
  var skeleton_1 = require("./skeleton");
29
27
  Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
30
28
  var sort_dropdown_1 = require("./sort-dropdown");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
@@ -1,6 +1,6 @@
1
1
  .root {
2
- border: 1px solid var(--color-outline);;
3
- border-radius: 0;
2
+ border: 1px solid var(--color-outline);
3
+ border-radius: var(--radius-small);
4
4
  color: var(--color-text-light);
5
5
  width: 100%;
6
6
  transition: var(--transition-in);
@@ -25,8 +25,7 @@
25
25
  }
26
26
 
27
27
  .root:focus {
28
- border-color: var(--color-outline-dark);
29
- box-shadow: var(--shadow-layer);
28
+ box-shadow: var(--outline-hover);
30
29
  color: inherit;
31
30
  transition: var(--transition-out);
32
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Table = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
8
  const classnames_1 = __importDefault(require("classnames"));
10
9
  const table_module_css_1 = __importDefault(require("./table.module.css"));
11
- const Table = ({ className, emptyMessage, compact, outline, children }) => {
10
+ const Table = (props) => {
11
+ const { className = '', emptyMessage = null, compact = false, outline = false, children, ...restProps } = props;
12
12
  const rootClassName = (0, classnames_1.default)(table_module_css_1.default.root, className, compact && table_module_css_1.default.compact, outline && table_module_css_1.default.outline);
13
13
  if (!children) {
14
14
  return react_1.default.createElement("div", { className: (0, classnames_1.default)(rootClassName, table_module_css_1.default.empty) }, emptyMessage);
15
15
  }
16
- return react_1.default.createElement("table", { className: rootClassName }, children);
16
+ return (react_1.default.createElement("table", { className: rootClassName, ...restProps }, children));
17
17
  };
18
18
  exports.Table = Table;
19
19
  exports.Table.THead = 'thead';
@@ -21,18 +21,4 @@ exports.Table.TBody = 'tbody';
21
21
  exports.Table.Tr = 'tr';
22
22
  exports.Table.Th = 'th';
23
23
  exports.Table.Td = 'td';
24
- exports.Table.defaultProps = {
25
- className: '',
26
- emptyMessage: 'No entries found.',
27
- children: null,
28
- compact: false,
29
- outline: false,
30
- };
31
- exports.Table.propTypes = {
32
- className: prop_types_1.default.string,
33
- emptyMessage: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
34
- compact: prop_types_1.default.bool,
35
- outline: prop_types_1.default.bool,
36
- children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.arrayOf(prop_types_1.default.node)]),
37
- };
38
24
  //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,0BAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,yCAAO,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAS,CAAC;AAC7D,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,aAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,aAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAEhB,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,mBAAmB;IACjC,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,oBAAS,CAAC,IAAI;IACvB,OAAO,EAAE,oBAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC;CACnF,CAAC"}
1
+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,0EAAqC;AAQ9B,MAAM,KAAK,GAAG,CAAC,KAAiD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,0BAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,CACL,yCAAO,SAAS,EAAE,aAAa,KAAM,SAAS,IAC3C,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,KAAK,SAoBhB;AAEF,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}
package/lib/ui/tag/tag.js CHANGED
@@ -3,41 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Tag = exports.SIZES = exports.KINDS = void 0;
6
+ exports.Tag = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
8
  const classnames_1 = __importDefault(require("classnames"));
9
+ const tokens_1 = require("../../tokens");
10
10
  const tag_module_css_1 = __importDefault(require("./tag.module.css"));
11
- exports.KINDS = {
12
- DEFAULT: 'default',
13
- SUCCESS: 'success',
14
- INFO: 'info',
15
- WARNING: 'warning',
16
- DANGER: 'danger',
17
- };
18
- exports.SIZES = {
19
- SMALL: 'small',
20
- MEDIUM: 'medium',
21
- LARGE: 'large',
22
- };
23
11
  const Tag = (props) => {
24
- const { className = '', as: Component = 'span', kind = exports.KINDS.DEFAULT, size = exports.SIZES.MEDIUM, ...restProps } = props;
12
+ const { className = '', as: Component = 'span', kind = tokens_1.KIND.DEFAULT, size = tokens_1.SIZE.MEDIUM, ...restProps } = props;
25
13
  const rootClassName = (0, classnames_1.default)(tag_module_css_1.default.root, className, tag_module_css_1.default[kind], tag_module_css_1.default[size]);
26
14
  return react_1.default.createElement(Component, { className: rootClassName, ...restProps });
27
15
  };
28
16
  exports.Tag = Tag;
29
- exports.Tag.propTypes = {
30
- className: prop_types_1.default.string,
31
- as: prop_types_1.default.elementType,
32
- kind: prop_types_1.default.oneOf(Object.values(exports.KINDS)),
33
- size: prop_types_1.default.oneOf(Object.values(exports.SIZES)),
34
- };
35
- exports.Tag.defaultProps = {
36
- className: '',
37
- as: 'span',
38
- kind: exports.KINDS.DEFAULT,
39
- size: exports.SIZES.MEDIUM,
40
- };
41
- exports.Tag.KINDS = exports.KINDS;
42
- exports.Tag.SIZES = exports.SIZES;
17
+ exports.Tag.KINDS = tokens_1.KIND;
18
+ exports.Tag.SIZES = tokens_1.SIZE;
43
19
  //# sourceMappingURL=tag.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sEAAmC;AAEtB,QAAA,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEW,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAK,CAAC,OAAO,EACpB,IAAI,GAAG,aAAK,CAAC,MAAM,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAXW,QAAA,GAAG,OAWd;AAEF,WAAG,CAAC,SAAS,GAAG;IACd,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,aAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,aAAK,CAAC,CAAC;CAC5C,CAAC;AAEF,WAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,aAAK,CAAC,OAAO;IACnB,IAAI,EAAE,aAAK,CAAC,MAAM;CACnB,CAAC;AAEF,WAAG,CAAC,KAAK,GAAG,aAAK,CAAC;AAClB,WAAG,CAAC,KAAK,GAAG,aAAK,CAAC"}
1
+ {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAA0C;AAC1C,sEAAmC;AAQ5B,MAAM,GAAG,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAI,CAAC,OAAO,EACnB,IAAI,GAAG,aAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAZW,QAAA,GAAG,OAYd;AAEF,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC;AACjB,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC"}
@@ -2,12 +2,26 @@
2
2
  display: inline-block;
3
3
  font-family: var(--font-family);
4
4
  font-weight: bold;
5
- background: var(--color-text-light);
5
+ background: var(--color-text-ultra-light);
6
6
  color: var(--color-light);
7
7
  text-align: center;
8
8
  text-transform: uppercase;
9
9
  }
10
10
 
11
+ a.root {
12
+ text-decoration: none;
13
+ transition: var(--transition-out);
14
+ }
15
+
16
+ a.root:hover,
17
+ a.root:focus,
18
+ a.root:active {
19
+ opacity: 0.8;
20
+ color: var(--color-light);
21
+ text-decoration: none;
22
+ transition: var(--transition-in);
23
+ }
24
+
11
25
  /** Kind variation */
12
26
  .success {
13
27
  background: var(--color-success);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}