@bundle-stats/ui 4.4.0-beta.0 → 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 (557) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +26 -8
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/assets/icons.svg +17 -1
  6. package/lib/assets/icons.svg.js +12 -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/{duplicate-packages-insight → asset-not-predictive}/index.js +1 -1
  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 +9 -7
  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/{job-meta → insights}/index.js +1 -1
  53. package/lib/components/insights/index.js.map +1 -0
  54. package/lib/components/insights/insights.js +25 -0
  55. package/lib/components/insights/insights.js.map +1 -0
  56. package/lib/components/insights/insights.module.css +14 -0
  57. package/lib/components/job-header/job-header.js +12 -11
  58. package/lib/components/job-header/job-header.js.map +1 -1
  59. package/lib/components/jobs-header/index.js.map +1 -1
  60. package/lib/components/jobs-header/jobs-header.js +21 -14
  61. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  63. package/lib/components/metric/index.js.map +1 -1
  64. package/lib/components/metric/metric.js +7 -64
  65. package/lib/components/metric/metric.js.map +1 -1
  66. package/lib/components/metric/metric.module.css +3 -3
  67. package/lib/components/metric-run-info/index.js +18 -0
  68. package/lib/components/metric-run-info/index.js.map +1 -0
  69. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  70. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  72. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  73. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  74. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  75. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  76. package/lib/components/module-info/index.js.map +1 -1
  77. package/lib/components/module-info/module-info.js +47 -47
  78. package/lib/components/module-info/module-info.js.map +1 -1
  79. package/lib/components/module-info/module-info.module.css +8 -33
  80. package/lib/components/package-info/index.js +18 -0
  81. package/lib/components/package-info/index.js.map +1 -0
  82. package/lib/components/package-info/package-info.js +77 -0
  83. package/lib/components/package-info/package-info.js.map +1 -0
  84. package/lib/components/package-info/package-info.module.css +13 -0
  85. package/lib/components/run-info/index.js +18 -0
  86. package/lib/components/run-info/index.js.map +1 -0
  87. package/lib/components/run-info/run-info.js +70 -0
  88. package/lib/components/run-info/run-info.js.map +1 -0
  89. package/lib/components/run-info/run-info.module.css +76 -0
  90. package/lib/components/summary/index.js.map +1 -1
  91. package/lib/components/summary/summary.js +10 -31
  92. package/lib/components/summary/summary.js.map +1 -1
  93. package/lib/components/summary/summary.module.css +27 -7
  94. package/lib/constants.js +1 -23
  95. package/lib/constants.js.map +1 -1
  96. package/lib/css/variables.css +18 -13
  97. package/lib/layout/box/box.js +3 -23
  98. package/lib/layout/box/box.js.map +1 -1
  99. package/lib/layout/box/box.module.css +11 -0
  100. package/lib/layout/box/index.js +15 -3
  101. package/lib/layout/box/index.js.map +1 -1
  102. package/lib/layout/flex-stack/flex-stack.js +3 -19
  103. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  104. package/lib/layout/flex-stack/index.js.map +1 -1
  105. package/lib/layout/stack/index.js.map +1 -1
  106. package/lib/layout/stack/stack.js +3 -16
  107. package/lib/layout/stack/stack.js.map +1 -1
  108. package/lib/tokens.js +38 -0
  109. package/lib/tokens.js.map +1 -0
  110. package/lib/ui/alert/alert.js +2 -12
  111. package/lib/ui/alert/alert.js.map +1 -1
  112. package/lib/ui/alert/index.js.map +1 -1
  113. package/lib/ui/container/container.js +1 -10
  114. package/lib/ui/container/container.js.map +1 -1
  115. package/lib/ui/container/index.js +15 -3
  116. package/lib/ui/container/index.js.map +1 -1
  117. package/lib/ui/dropdown/dropdown.module.css +1 -2
  118. package/lib/ui/file-name/file-name.js +1 -1
  119. package/lib/ui/file-name/file-name.js.map +1 -1
  120. package/lib/ui/filters/filters.module.css +1 -5
  121. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  122. package/lib/ui/hover-card/hover-card.js +3 -21
  123. package/lib/ui/hover-card/hover-card.js.map +1 -1
  124. package/lib/ui/hover-card/index.js.map +1 -1
  125. package/lib/ui/icon/icon.js +4 -0
  126. package/lib/ui/icon/icon.js.map +1 -1
  127. package/lib/ui/index.js +1 -3
  128. package/lib/ui/index.js.map +1 -1
  129. package/lib/ui/input/input.module.css +3 -4
  130. package/lib/ui/table/index.js.map +1 -1
  131. package/lib/ui/table/table.js +3 -17
  132. package/lib/ui/table/table.js.map +1 -1
  133. package/lib/ui/tag/index.js.map +1 -1
  134. package/lib/ui/tag/tag.js +5 -29
  135. package/lib/ui/tag/tag.js.map +1 -1
  136. package/lib/ui/tag/tag.module.css +15 -1
  137. package/lib/ui/tooltip/index.js.map +1 -1
  138. package/lib/ui/tooltip/tooltip.js +3 -23
  139. package/lib/ui/tooltip/tooltip.js.map +1 -1
  140. package/lib/ui/tooltip/tooltip.module.css +3 -4
  141. package/lib-esm/app/app.js +27 -9
  142. package/lib-esm/app/app.js.map +1 -1
  143. package/lib-esm/app/app.module.css +8 -5
  144. package/lib-esm/assets/icons.svg +17 -1
  145. package/lib-esm/assets/icons.svg.js +12 -0
  146. package/lib-esm/assets/icons.svg.js.map +1 -1
  147. package/lib-esm/components/asset-info/asset-info.js +27 -45
  148. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  149. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  150. package/lib-esm/components/asset-info/index.js.map +1 -1
  151. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  152. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  153. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  154. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  155. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  156. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  157. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  158. package/lib-esm/components/bundle-assets/bundle-assets.module.css +11 -22
  159. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  160. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  161. package/lib-esm/components/bundle-assets/index.js +5 -2
  162. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  163. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  164. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  165. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  166. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -41
  167. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  168. package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
  169. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  170. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-modules/index.js +7 -4
  172. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  173. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  174. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  175. package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
  176. package/lib-esm/components/bundle-packages/index.js +5 -2
  177. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  178. package/lib-esm/components/delta/delta.module.css +2 -1
  179. package/lib-esm/components/entry-info/entry-info.js +50 -0
  180. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  181. package/lib-esm/components/entry-info/entry-info.module.css +92 -0
  182. package/lib-esm/components/entry-info/index.js +2 -0
  183. package/lib-esm/components/entry-info/index.js.map +1 -0
  184. package/lib-esm/components/index.js +4 -3
  185. package/lib-esm/components/index.js.map +1 -1
  186. package/lib-esm/components/insight-icon/index.js +2 -0
  187. package/lib-esm/components/insight-icon/index.js.map +1 -0
  188. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  189. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  190. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  191. package/lib-esm/components/insights/index.js +2 -0
  192. package/lib-esm/components/insights/index.js.map +1 -0
  193. package/lib-esm/components/insights/insights.js +18 -0
  194. package/lib-esm/components/insights/insights.js.map +1 -0
  195. package/lib-esm/components/insights/insights.module.css +14 -0
  196. package/lib-esm/components/job-header/job-header.js +12 -11
  197. package/lib-esm/components/job-header/job-header.js.map +1 -1
  198. package/lib-esm/components/jobs-header/index.js.map +1 -1
  199. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  200. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  201. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  202. package/lib-esm/components/metric/index.js.map +1 -1
  203. package/lib-esm/components/metric/metric.js +7 -41
  204. package/lib-esm/components/metric/metric.js.map +1 -1
  205. package/lib-esm/components/metric/metric.module.css +3 -3
  206. package/lib-esm/components/metric-run-info/index.js +2 -0
  207. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  208. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  209. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  210. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  211. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  212. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  213. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  214. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  215. package/lib-esm/components/module-info/index.js.map +1 -1
  216. package/lib-esm/components/module-info/module-info.js +26 -48
  217. package/lib-esm/components/module-info/module-info.js.map +1 -1
  218. package/lib-esm/components/module-info/module-info.module.css +8 -33
  219. package/lib-esm/components/package-info/index.js +2 -0
  220. package/lib-esm/components/package-info/index.js.map +1 -0
  221. package/lib-esm/components/package-info/package-info.js +48 -0
  222. package/lib-esm/components/package-info/package-info.js.map +1 -0
  223. package/lib-esm/components/package-info/package-info.module.css +13 -0
  224. package/lib-esm/components/run-info/index.js +2 -0
  225. package/lib-esm/components/run-info/index.js.map +1 -0
  226. package/lib-esm/components/run-info/run-info.js +40 -0
  227. package/lib-esm/components/run-info/run-info.js.map +1 -0
  228. package/lib-esm/components/run-info/run-info.module.css +76 -0
  229. package/lib-esm/components/summary/index.js.map +1 -1
  230. package/lib-esm/components/summary/summary.js +9 -30
  231. package/lib-esm/components/summary/summary.js.map +1 -1
  232. package/lib-esm/components/summary/summary.module.css +27 -7
  233. package/lib-esm/constants.js +0 -22
  234. package/lib-esm/constants.js.map +1 -1
  235. package/lib-esm/css/variables.css +18 -13
  236. package/lib-esm/layout/box/box.js +3 -23
  237. package/lib-esm/layout/box/box.js.map +1 -1
  238. package/lib-esm/layout/box/box.module.css +11 -0
  239. package/lib-esm/layout/box/index.js +1 -1
  240. package/lib-esm/layout/box/index.js.map +1 -1
  241. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  242. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  243. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  244. package/lib-esm/layout/stack/index.js.map +1 -1
  245. package/lib-esm/layout/stack/stack.js +3 -16
  246. package/lib-esm/layout/stack/stack.js.map +1 -1
  247. package/lib-esm/tokens.js +35 -0
  248. package/lib-esm/tokens.js.map +1 -0
  249. package/lib-esm/ui/alert/alert.js +2 -12
  250. package/lib-esm/ui/alert/alert.js.map +1 -1
  251. package/lib-esm/ui/alert/index.js.map +1 -1
  252. package/lib-esm/ui/container/container.js +1 -10
  253. package/lib-esm/ui/container/container.js.map +1 -1
  254. package/lib-esm/ui/container/index.js +1 -1
  255. package/lib-esm/ui/container/index.js.map +1 -1
  256. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  257. package/lib-esm/ui/file-name/file-name.js +1 -1
  258. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  259. package/lib-esm/ui/filters/filters.module.css +1 -5
  260. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  261. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  262. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  263. package/lib-esm/ui/hover-card/index.js.map +1 -1
  264. package/lib-esm/ui/icon/icon.js +4 -0
  265. package/lib-esm/ui/icon/icon.js.map +1 -1
  266. package/lib-esm/ui/index.js +0 -1
  267. package/lib-esm/ui/index.js.map +1 -1
  268. package/lib-esm/ui/input/input.module.css +3 -4
  269. package/lib-esm/ui/table/index.js.map +1 -1
  270. package/lib-esm/ui/table/table.js +3 -17
  271. package/lib-esm/ui/table/table.js.map +1 -1
  272. package/lib-esm/ui/tag/index.js.map +1 -1
  273. package/lib-esm/ui/tag/tag.js +4 -28
  274. package/lib-esm/ui/tag/tag.js.map +1 -1
  275. package/lib-esm/ui/tag/tag.module.css +15 -1
  276. package/lib-esm/ui/tooltip/index.js.map +1 -1
  277. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  278. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  279. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  280. package/package.json +23 -29
  281. package/src/app/app.jsx +34 -9
  282. package/src/app/app.module.css +8 -5
  283. package/src/assets/icons/error.svg +6 -0
  284. package/src/assets/icons/external-link.svg +1 -0
  285. package/src/assets/icons/info.svg +6 -0
  286. package/src/assets/icons/more-vertical.svg +5 -0
  287. package/src/assets/icons.svg +17 -1
  288. package/src/assets/icons.svg.jsx +53 -0
  289. package/src/components/asset-info/asset-info.module.css +28 -6
  290. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  291. package/src/components/asset-info/asset-info.tsx +159 -0
  292. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  293. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  294. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  295. package/src/components/asset-not-predictive/index.ts +1 -0
  296. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  297. package/src/components/bundle-assets/bundle-assets.module.css +11 -22
  298. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  299. package/src/components/bundle-assets/index.jsx +7 -1
  300. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  301. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  302. package/src/components/bundle-modules/bundle-modules.jsx +91 -100
  303. package/src/components/bundle-modules/bundle-modules.module.css +3 -2
  304. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  305. package/src/components/bundle-modules/index.jsx +9 -3
  306. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  307. package/src/components/bundle-packages/bundle-packages.module.css +4 -0
  308. package/src/components/bundle-packages/index.jsx +7 -1
  309. package/src/components/delta/delta.module.css +2 -1
  310. package/src/components/entry-info/entry-info.module.css +92 -0
  311. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  312. package/src/components/entry-info/entry-info.tsx +134 -0
  313. package/src/components/entry-info/index.ts +1 -0
  314. package/src/components/index.js +4 -3
  315. package/src/components/insight-icon/index.ts +1 -0
  316. package/src/components/insight-icon/insight-icon.module.css +24 -0
  317. package/src/components/insight-icon/insight-icon.tsx +25 -0
  318. package/src/components/insights/index.ts +1 -0
  319. package/src/components/insights/insights.module.css +14 -0
  320. package/src/components/insights/insights.stories.tsx +54 -0
  321. package/src/components/insights/insights.tsx +44 -0
  322. package/src/components/job-header/job-header.jsx +16 -13
  323. package/src/components/jobs-header/jobs-header.module.css +51 -4
  324. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  325. package/src/components/jobs-header/jobs-header.tsx +90 -0
  326. package/src/components/metric/metric.module.css +3 -3
  327. package/src/components/metric/metric.stories.tsx +41 -0
  328. package/src/components/metric/metric.tsx +42 -0
  329. package/src/components/metric-run-info/index.ts +1 -0
  330. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  331. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  332. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  333. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  334. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  335. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  336. package/src/components/module-info/module-info.module.css +8 -33
  337. package/src/components/module-info/module-info.stories.tsx +44 -0
  338. package/src/components/module-info/module-info.tsx +116 -0
  339. package/src/components/package-info/index.ts +1 -0
  340. package/src/components/package-info/package-info.module.css +13 -0
  341. package/src/components/package-info/package-info.stories.tsx +36 -0
  342. package/src/components/package-info/package-info.tsx +135 -0
  343. package/src/components/run-info/index.ts +1 -0
  344. package/src/components/run-info/run-info.module.css +76 -0
  345. package/src/components/run-info/run-info.stories.tsx +58 -0
  346. package/src/components/run-info/run-info.tsx +111 -0
  347. package/src/components/summary/summary.module.css +27 -7
  348. package/src/components/summary/summary.stories.tsx +57 -0
  349. package/src/components/summary/summary.tsx +103 -0
  350. package/src/constants.js +0 -24
  351. package/src/css/variables.css +18 -13
  352. package/src/layout/box/box.module.css +11 -0
  353. package/src/layout/box/box.stories.tsx +49 -0
  354. package/src/layout/box/box.tsx +49 -0
  355. package/src/layout/box/index.ts +1 -0
  356. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  357. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  358. package/src/layout/stack/stack.stories.tsx +53 -0
  359. package/src/layout/stack/stack.tsx +22 -0
  360. package/src/tokens.ts +37 -0
  361. package/src/ui/alert/alert.stories.tsx +39 -0
  362. package/src/ui/alert/alert.tsx +23 -0
  363. package/src/ui/container/container.stories.tsx +29 -0
  364. package/src/ui/container/container.tsx +18 -0
  365. package/src/ui/container/index.ts +1 -0
  366. package/src/ui/dropdown/dropdown.module.css +1 -2
  367. package/src/ui/file-name/file-name.jsx +1 -1
  368. package/src/ui/filters/filters.module.css +1 -5
  369. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  370. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  371. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  372. package/src/ui/icon/icon.jsx +4 -0
  373. package/src/ui/index.js +0 -1
  374. package/src/ui/input/input.module.css +3 -4
  375. package/src/ui/table/table.stories.tsx +238 -0
  376. package/src/ui/table/table.tsx +38 -0
  377. package/src/ui/tag/tag.module.css +15 -1
  378. package/src/ui/tag/tag.stories.tsx +32 -0
  379. package/src/ui/tag/tag.tsx +28 -0
  380. package/src/ui/tooltip/tooltip.module.css +3 -4
  381. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  382. package/src/ui/tooltip/tooltip.tsx +57 -0
  383. package/types/app/header/header.d.ts +5 -5
  384. package/types/components/asset-info/asset-info.d.ts +20 -23
  385. package/types/components/asset-info/index.d.ts +1 -1
  386. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  387. package/types/components/asset-not-predictive/index.d.ts +1 -0
  388. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  389. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  390. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  391. package/types/components/bundle-assets/index.d.ts +11 -11
  392. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  393. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  394. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  395. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  396. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  397. package/types/components/bundle-modules/index.d.ts +11 -11
  398. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  399. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  400. package/types/components/bundle-packages/index.d.ts +11 -11
  401. package/types/components/component-link.d.ts +6 -6
  402. package/types/components/delta/delta.d.ts +7 -7
  403. package/types/components/entry-info/entry-info.d.ts +25 -0
  404. package/types/components/entry-info/index.d.ts +1 -0
  405. package/types/components/index.d.ts +4 -3
  406. package/types/components/insight-icon/index.d.ts +1 -0
  407. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  408. package/types/components/insights/index.d.ts +1 -0
  409. package/types/components/insights/insights.d.ts +8 -0
  410. package/types/components/job-header/job-header.d.ts +9 -9
  411. package/types/components/job-name/job-name.d.ts +9 -9
  412. package/types/components/jobs-header/index.d.ts +1 -1
  413. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  414. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  415. package/types/components/metric/index.d.ts +1 -1
  416. package/types/components/metric/metric.d.ts +6 -32
  417. package/types/components/metric-run-info/index.d.ts +1 -0
  418. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  419. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  420. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  421. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  422. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  423. package/types/components/module-info/index.d.ts +1 -1
  424. package/types/components/module-info/module-info.d.ts +19 -34
  425. package/types/components/package-info/index.d.ts +1 -0
  426. package/types/components/package-info/package-info.d.ts +15 -0
  427. package/types/components/run-info/index.d.ts +1 -0
  428. package/types/components/run-info/run-info.d.ts +16 -0
  429. package/types/components/summary/index.d.ts +1 -1
  430. package/types/components/summary/summary.d.ts +25 -36
  431. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  432. package/types/constants.d.ts +4 -15
  433. package/types/i18n.d.ts +15 -15
  434. package/types/layout/box/box.d.ts +12 -25
  435. package/types/layout/box/index.d.ts +1 -1
  436. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  437. package/types/layout/flex-stack/index.d.ts +1 -1
  438. package/types/layout/footer/footer.d.ts +5 -5
  439. package/types/layout/separator.d.ts +4 -4
  440. package/types/layout/stack/index.d.ts +1 -1
  441. package/types/layout/stack/stack.d.ts +7 -20
  442. package/types/tokens.d.ts +23 -0
  443. package/types/ui/alert/alert.d.ts +7 -14
  444. package/types/ui/alert/index.d.ts +1 -1
  445. package/types/ui/container/container.d.ts +5 -17
  446. package/types/ui/container/index.d.ts +1 -1
  447. package/types/ui/dropdown/dropdown.d.ts +16 -16
  448. package/types/ui/empty-set/empty-set.d.ts +7 -7
  449. package/types/ui/file-name/file-name.d.ts +7 -7
  450. package/types/ui/filters/filters.d.ts +6 -6
  451. package/types/ui/filters/filters.utils.d.ts +2 -2
  452. package/types/ui/filters/index.d.ts +4 -4
  453. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  454. package/types/ui/hover-card/hover-card.d.ts +12 -26
  455. package/types/ui/hover-card/index.d.ts +1 -1
  456. package/types/ui/icon/icon.d.ts +26 -22
  457. package/types/ui/index.d.ts +0 -1
  458. package/types/ui/input/input.d.ts +5 -5
  459. package/types/ui/loader/loader.d.ts +8 -8
  460. package/types/ui/skeleton/skeleton.d.ts +7 -7
  461. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  462. package/types/ui/table/index.d.ts +1 -1
  463. package/types/ui/table/table.d.ts +14 -33
  464. package/types/ui/tabs/tabs.d.ts +10 -10
  465. package/types/ui/tag/index.d.ts +1 -1
  466. package/types/ui/tag/tag.d.ts +22 -33
  467. package/types/ui/toolbar/toolbar.d.ts +6 -6
  468. package/types/ui/tooltip/index.d.ts +1 -1
  469. package/types/ui/tooltip/tooltip.d.ts +10 -28
  470. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -31
  471. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  472. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  473. package/lib/components/duplicate-packages-insight/index.js.map +0 -1
  474. package/lib/components/job-meta/index.js.map +0 -1
  475. package/lib/components/job-meta/job-meta.js +0 -34
  476. package/lib/components/job-meta/job-meta.js.map +0 -1
  477. package/lib/components/job-meta/job-meta.module.css +0 -19
  478. package/lib/components/summary-item/index.js.map +0 -1
  479. package/lib/components/summary-item/summary-item.js +0 -97
  480. package/lib/components/summary-item/summary-item.js.map +0 -1
  481. package/lib/components/summary-item/summary-item.module.css +0 -58
  482. package/lib/ui/panels/index.js +0 -6
  483. package/lib/ui/panels/index.js.map +0 -1
  484. package/lib/ui/panels/panels.js +0 -28
  485. package/lib/ui/panels/panels.js.map +0 -1
  486. package/lib/ui/panels/panels.module.css +0 -23
  487. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -24
  488. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  489. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  490. package/lib-esm/components/duplicate-packages-insight/index.js +0 -2
  491. package/lib-esm/components/duplicate-packages-insight/index.js.map +0 -1
  492. package/lib-esm/components/job-meta/index.js +0 -2
  493. package/lib-esm/components/job-meta/index.js.map +0 -1
  494. package/lib-esm/components/job-meta/job-meta.js +0 -27
  495. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  496. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  497. package/lib-esm/components/summary-item/index.js +0 -2
  498. package/lib-esm/components/summary-item/index.js.map +0 -1
  499. package/lib-esm/components/summary-item/summary-item.js +0 -67
  500. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  501. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  502. package/lib-esm/ui/panels/index.js +0 -2
  503. package/lib-esm/ui/panels/index.js.map +0 -1
  504. package/lib-esm/ui/panels/panels.js +0 -21
  505. package/lib-esm/ui/panels/panels.js.map +0 -1
  506. package/lib-esm/ui/panels/panels.module.css +0 -23
  507. package/src/components/asset-info/asset-info.jsx +0 -96
  508. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  509. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +0 -66
  510. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +0 -81
  511. package/src/components/duplicate-packages-insight/index.ts +0 -1
  512. package/src/components/job-meta/index.js +0 -1
  513. package/src/components/job-meta/job-meta.jsx +0 -47
  514. package/src/components/job-meta/job-meta.module.css +0 -19
  515. package/src/components/jobs-header/jobs-header.jsx +0 -43
  516. package/src/components/metric/metric.jsx +0 -63
  517. package/src/components/module-info/module-info.jsx +0 -123
  518. package/src/components/summary/summary.jsx +0 -73
  519. package/src/components/summary-item/index.js +0 -1
  520. package/src/components/summary-item/summary-item.jsx +0 -142
  521. package/src/components/summary-item/summary-item.module.css +0 -58
  522. package/src/layout/box/box.jsx +0 -67
  523. package/src/layout/box/index.js +0 -1
  524. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  525. package/src/layout/stack/stack.jsx +0 -32
  526. package/src/ui/alert/alert.jsx +0 -27
  527. package/src/ui/container/container.jsx +0 -24
  528. package/src/ui/container/index.js +0 -1
  529. package/src/ui/panels/index.js +0 -1
  530. package/src/ui/panels/panels.jsx +0 -39
  531. package/src/ui/panels/panels.module.css +0 -23
  532. package/src/ui/table/table.jsx +0 -37
  533. package/src/ui/tag/tag.jsx +0 -49
  534. package/src/ui/tooltip/tooltip.jsx +0 -67
  535. package/tsconfig.esm.json +0 -13
  536. package/tsconfig.json +0 -7
  537. package/tsconfig.lib.json +0 -9
  538. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +0 -11
  539. package/types/components/duplicate-packages-insight/index.d.ts +0 -1
  540. package/types/components/job-meta/index.d.ts +0 -1
  541. package/types/components/job-meta/job-meta.d.ts +0 -18
  542. package/types/components/summary-item/index.d.ts +0 -1
  543. package/types/components/summary-item/summary-item.d.ts +0 -40
  544. package/types/ui/panels/index.d.ts +0 -1
  545. package/types/ui/panels/panels.d.ts +0 -18
  546. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  547. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  548. /package/src/components/metric/{index.js → index.ts} +0 -0
  549. /package/src/components/module-info/{index.js → index.ts} +0 -0
  550. /package/src/components/summary/{index.js → index.ts} +0 -0
  551. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  552. /package/src/layout/stack/{index.js → index.ts} +0 -0
  553. /package/src/ui/alert/{index.js → index.ts} +0 -0
  554. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  555. /package/src/ui/table/{index.js → index.ts} +0 -0
  556. /package/src/ui/tag/{index.js → index.ts} +0 -0
  557. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
package/lib/constants.js CHANGED
@@ -1,29 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = 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;
3
+ exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = void 0;
4
4
  const utils_1 = require("@bundle-stats/utils");
5
- exports.NO_SPACE = 'no-space';
6
- exports.SPACE_XXXSMALL = 'xxxsmall';
7
- exports.SPACE_XXSMALL = 'xxsmall';
8
- exports.SPACE_XSMALL = 'xsmall';
9
- exports.SPACE_SMALL = 'small';
10
- exports.SPACE_MEDIUM = 'medium';
11
- exports.SPACE_LARGE = 'large';
12
- exports.SPACE_XLARGE = 'xlarge';
13
- exports.SPACE_XXLARGE = 'xxlarge';
14
- exports.SPACE_XXXLARGE = 'xxxlarge';
15
- exports.SPACES = [
16
- exports.NO_SPACE,
17
- exports.SPACE_XXXSMALL,
18
- exports.SPACE_XXSMALL,
19
- exports.SPACE_XSMALL,
20
- exports.SPACE_SMALL,
21
- exports.SPACE_MEDIUM,
22
- exports.SPACE_LARGE,
23
- exports.SPACE_XLARGE,
24
- exports.SPACE_XXLARGE,
25
- exports.SPACE_XXXLARGE,
26
- ];
27
5
  exports.URLS = {
28
6
  OVERVIEW: '/',
29
7
  ASSETS: '/assets',
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,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;CACf,CAAC;AAEW,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
3
- --font-family-fixed: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
2
+ --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
3
+ --font-family-fixed: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
4
4
 
5
5
  /* Spaces */
6
6
  --space-xxxsmall: 4px;
@@ -31,17 +31,18 @@
31
31
  * https://coolors.co/287acc-da444e-55b950-f6e179-192339
32
32
  * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23f6e179&mcgpalette3=%23505861&mcgpalette4=%23287acc&themename=mcgtheme
33
33
  */
34
- --color-gray-25: #F7F7F7;
35
- --color-gray-50 : #eaebec;
36
- --color-gray-100: #cbcdd0;
37
- --color-gray-200: #a8acb0;
38
- --color-gray-300: #858a90;
39
- --color-gray-400: #6a7179;
40
- --color-gray-500: #505861;
41
- --color-gray-600: #495059;
42
- --color-gray-700: #40474f;
43
- --color-gray-800: #373d45;
44
- --color-gray-900: #272d33;
34
+ --color-gray-25: #f7f7f9;
35
+ --color-gray-50: #ececee;
36
+ --color-gray-100: #ced0d4;
37
+ --color-gray-200: #aeb1b7;
38
+ --color-gray-300: #8e929a;
39
+ --color-gray-400: #757a85;
40
+ --color-gray-500: #5d636f;
41
+ --color-gray-600: #555b67;
42
+ --color-gray-700: #4b515c;
43
+ --color-gray-800: #414752;
44
+ --color-gray-900: #303540;
45
+
45
46
 
46
47
  --color-gray-ultra-light: var(--color-gray-200);
47
48
  --color-gray-light: var(--color-gray-300);
@@ -190,6 +191,10 @@
190
191
  --radius-medium: 5px;
191
192
  --radius-large: 9px;
192
193
 
194
+ --outline-hover: 0 0 0 3px var(--color-highlight);
195
+
193
196
  /** Layout */
194
197
  --max-width: 80rem;
198
+ --entry-info-width: 640px;
199
+ --entry-info-top: var(--header-height);
195
200
  }
@@ -5,36 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Box = 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 box_module_css_1 = __importDefault(require("./box.module.css"));
12
11
  const Box = (props) => {
13
- const { className, as: Component, padding, horizontalPadding, verticalPadding, outline, ...restProps } = props;
12
+ const { className = '', as: Component = 'div', padding = tokens_1.NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;
14
13
  const [resolvedPadding, resolvedVerticalPadding, resolvedHorizontalPadding] = Array.isArray(padding)
15
14
  ? [null, ...padding]
16
15
  : [padding, verticalPadding, horizontalPadding];
17
- const rootClassName = (0, classnames_1.default)(box_module_css_1.default.root, className, resolvedPadding && box_module_css_1.default[`padding-${resolvedPadding}`], resolvedVerticalPadding && box_module_css_1.default[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && box_module_css_1.default[`horizontal-padding-${resolvedHorizontalPadding}`], outline && box_module_css_1.default.outline);
16
+ const rootClassName = (0, classnames_1.default)(box_module_css_1.default.root, className, resolvedPadding && box_module_css_1.default[`padding-${resolvedPadding}`], resolvedVerticalPadding && box_module_css_1.default[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && box_module_css_1.default[`horizontal-padding-${resolvedHorizontalPadding}`], outline && box_module_css_1.default.outline, outlineHover && box_module_css_1.default.outlineHover);
18
17
  return react_1.default.createElement(Component, { ...restProps, className: rootClassName });
19
18
  };
20
19
  exports.Box = Box;
21
- exports.Box.defaultProps = {
22
- className: '',
23
- as: 'div',
24
- padding: constants_1.NO_SPACE,
25
- horizontalPadding: '',
26
- verticalPadding: '',
27
- outline: false,
28
- };
29
- exports.Box.propTypes = {
30
- className: prop_types_1.default.string,
31
- as: prop_types_1.default.elementType,
32
- padding: prop_types_1.default.oneOfType([
33
- prop_types_1.default.oneOf(constants_1.SPACES),
34
- prop_types_1.default.arrayOf(prop_types_1.default.oneOf(constants_1.SPACES)),
35
- ]),
36
- horizontalPadding: prop_types_1.default.oneOf(constants_1.SPACES),
37
- verticalPadding: prop_types_1.default.oneOf(constants_1.SPACES),
38
- outline: prop_types_1.default.bool,
39
- };
40
20
  //# sourceMappingURL=box.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,+CAAmD;AACnD,sEAAmC;AAE5B,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EACJ,SAAS,EACT,EAAE,EAAE,SAAS,EACb,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,wBAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,wBAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,wBAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,wBAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,wBAAG,CAAC,OAAO,CACvB,CAAC;IAEF,OAAO,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AA3BW,QAAA,GAAG,OA2Bd;AAEF,WAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;IACT,OAAO,EAAE,oBAAQ;IACjB,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE;IACnB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,WAAG,CAAC,SAAS,GAAG;IAEd,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,OAAO,EAAE,oBAAS,CAAC,SAAS,CAAC;QAC3B,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;QACvB,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC,CAAC;KAC3C,CAAC;IAGF,iBAAiB,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;IAG1C,eAAe,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;IAGxC,OAAO,EAAE,oBAAS,CAAC,IAAI;CACxB,CAAC"}
1
+ {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,sEAAmC;AAa5B,MAAM,GAAG,GAAG,CACjB,KAAqE,EACrE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,iBAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,wBAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,wBAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,wBAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,wBAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,wBAAG,CAAC,OAAO,EACtB,YAAY,IAAI,wBAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AA/BW,QAAA,GAAG,OA+Bd"}
@@ -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"}
@@ -15,9 +15,13 @@ const ICONS = {
15
15
  CLOSE: 'close',
16
16
  CLOCK: 'clock',
17
17
  COMMIT: 'commit',
18
+ ERROR: 'error',
19
+ EXTERNAL_LINK: 'external-link',
18
20
  FILTER: 'filter',
21
+ INFO: 'info',
19
22
  HELP: 'help',
20
23
  MENU: 'menu',
24
+ MORE_VERTICAL: 'more-vertical',
21
25
  SORT: 'sort',
22
26
  WARNING: 'warning',
23
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,MAAM,EAAE,QAAQ;IAChB,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"}