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

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 (563) 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/app/header/header.js +9 -12
  6. package/lib/app/header/header.js.map +1 -1
  7. package/lib/app/header/header.module.css +27 -20
  8. package/lib/app/header/index.js.map +1 -1
  9. package/lib/assets/icons.svg +11 -4
  10. package/lib/assets/icons.svg.js +8 -3
  11. package/lib/assets/icons.svg.js.map +1 -1
  12. package/lib/components/asset-info/asset-info.js +48 -44
  13. package/lib/components/asset-info/asset-info.js.map +1 -1
  14. package/lib/components/asset-info/asset-info.module.css +28 -6
  15. package/lib/components/asset-info/index.js.map +1 -1
  16. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  17. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  18. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  19. package/lib/components/asset-not-predictive/index.js +18 -0
  20. package/lib/components/asset-not-predictive/index.js.map +1 -0
  21. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  22. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  23. package/lib/components/bundle-assets/bundle-assets.module.css +20 -19
  24. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  25. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  26. package/lib/components/bundle-assets/index.js +4 -1
  27. package/lib/components/bundle-assets/index.js.map +1 -1
  28. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  29. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  30. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  31. package/lib/components/bundle-modules/bundle-modules.js +30 -40
  32. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  33. package/lib/components/bundle-modules/bundle-modules.module.css +11 -3
  34. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  35. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  36. package/lib/components/bundle-modules/index.js +5 -2
  37. package/lib/components/bundle-modules/index.js.map +1 -1
  38. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  39. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  40. package/lib/components/bundle-packages/bundle-packages.module.css +12 -14
  41. package/lib/components/bundle-packages/index.js +4 -1
  42. package/lib/components/bundle-packages/index.js.map +1 -1
  43. package/lib/components/delta/delta.module.css +2 -1
  44. package/lib/components/entry-info/entry-info.js +56 -0
  45. package/lib/components/entry-info/entry-info.js.map +1 -0
  46. package/lib/components/entry-info/entry-info.module.css +93 -0
  47. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  48. package/lib/components/entry-info/index.js.map +1 -0
  49. package/lib/components/index.js +7 -5
  50. package/lib/components/index.js.map +1 -1
  51. package/lib/components/insight-icon/index.js +18 -0
  52. package/lib/components/insight-icon/index.js.map +1 -0
  53. package/lib/components/insight-icon/insight-icon.js +25 -0
  54. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  55. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  56. package/lib/components/insights/insights.js +6 -39
  57. package/lib/components/insights/insights.js.map +1 -1
  58. package/lib/components/insights/insights.module.css +1 -19
  59. package/lib/components/job-header/job-header.js +12 -11
  60. package/lib/components/job-header/job-header.js.map +1 -1
  61. package/lib/components/jobs-header/index.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.js +21 -14
  63. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  64. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  65. package/lib/components/metric/index.js.map +1 -1
  66. package/lib/components/metric/metric.js +7 -64
  67. package/lib/components/metric/metric.js.map +1 -1
  68. package/lib/components/metric/metric.module.css +3 -3
  69. package/lib/components/metric-run-info/index.js +18 -0
  70. package/lib/components/metric-run-info/index.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  72. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  73. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  74. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  75. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  76. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  77. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  78. package/lib/components/module-info/index.js.map +1 -1
  79. package/lib/components/module-info/module-info.js +47 -47
  80. package/lib/components/module-info/module-info.js.map +1 -1
  81. package/lib/components/module-info/module-info.module.css +8 -33
  82. package/lib/components/package-info/index.js +18 -0
  83. package/lib/components/package-info/index.js.map +1 -0
  84. package/lib/components/package-info/package-info.js +77 -0
  85. package/lib/components/package-info/package-info.js.map +1 -0
  86. package/lib/components/package-info/package-info.module.css +13 -0
  87. package/lib/components/{job-meta → run-info}/index.js +1 -1
  88. package/lib/components/run-info/index.js.map +1 -0
  89. package/lib/components/run-info/run-info.js +70 -0
  90. package/lib/components/run-info/run-info.js.map +1 -0
  91. package/lib/components/run-info/run-info.module.css +76 -0
  92. package/lib/components/summary/index.js.map +1 -1
  93. package/lib/components/summary/summary.js +10 -31
  94. package/lib/components/summary/summary.js.map +1 -1
  95. package/lib/components/summary/summary.module.css +27 -7
  96. package/lib/config.json +1 -1
  97. package/lib/constants.js +1 -23
  98. package/lib/constants.js.map +1 -1
  99. package/lib/css/variables.css +22 -15
  100. package/lib/layout/box/box.js +3 -23
  101. package/lib/layout/box/box.js.map +1 -1
  102. package/lib/layout/box/box.module.css +11 -0
  103. package/lib/layout/box/index.js +15 -3
  104. package/lib/layout/box/index.js.map +1 -1
  105. package/lib/layout/flex-stack/flex-stack.js +3 -19
  106. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  107. package/lib/layout/flex-stack/index.js.map +1 -1
  108. package/lib/layout/footer/footer.js +2 -4
  109. package/lib/layout/footer/footer.js.map +1 -1
  110. package/lib/layout/stack/index.js.map +1 -1
  111. package/lib/layout/stack/stack.js +3 -16
  112. package/lib/layout/stack/stack.js.map +1 -1
  113. package/lib/tokens.js +38 -0
  114. package/lib/tokens.js.map +1 -0
  115. package/lib/ui/alert/alert.js +2 -12
  116. package/lib/ui/alert/alert.js.map +1 -1
  117. package/lib/ui/alert/index.js.map +1 -1
  118. package/lib/ui/container/container.js +1 -10
  119. package/lib/ui/container/container.js.map +1 -1
  120. package/lib/ui/container/index.js +15 -3
  121. package/lib/ui/container/index.js.map +1 -1
  122. package/lib/ui/dropdown/dropdown.module.css +1 -2
  123. package/lib/ui/file-name/file-name.js +1 -1
  124. package/lib/ui/file-name/file-name.js.map +1 -1
  125. package/lib/ui/filters/filters.module.css +1 -5
  126. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  127. package/lib/ui/hover-card/hover-card.js +3 -21
  128. package/lib/ui/hover-card/hover-card.js.map +1 -1
  129. package/lib/ui/hover-card/index.js.map +1 -1
  130. package/lib/ui/icon/icon.js +14 -18
  131. package/lib/ui/icon/icon.js.map +1 -1
  132. package/lib/ui/icon/index.js.map +1 -1
  133. package/lib/ui/index.js +1 -3
  134. package/lib/ui/index.js.map +1 -1
  135. package/lib/ui/input/input.module.css +3 -4
  136. package/lib/ui/table/index.js.map +1 -1
  137. package/lib/ui/table/table.js +3 -17
  138. package/lib/ui/table/table.js.map +1 -1
  139. package/lib/ui/tag/index.js.map +1 -1
  140. package/lib/ui/tag/tag.js +5 -29
  141. package/lib/ui/tag/tag.js.map +1 -1
  142. package/lib/ui/tag/tag.module.css +15 -1
  143. package/lib/ui/tooltip/index.js.map +1 -1
  144. package/lib/ui/tooltip/tooltip.js +3 -23
  145. package/lib/ui/tooltip/tooltip.js.map +1 -1
  146. package/lib/ui/tooltip/tooltip.module.css +3 -4
  147. package/lib-esm/app/app.js +22 -10
  148. package/lib-esm/app/app.js.map +1 -1
  149. package/lib-esm/app/app.module.css +8 -5
  150. package/lib-esm/app/header/header.js +9 -12
  151. package/lib-esm/app/header/header.js.map +1 -1
  152. package/lib-esm/app/header/header.module.css +27 -20
  153. package/lib-esm/app/header/index.js.map +1 -1
  154. package/lib-esm/assets/icons.svg +11 -4
  155. package/lib-esm/assets/icons.svg.js +8 -3
  156. package/lib-esm/assets/icons.svg.js.map +1 -1
  157. package/lib-esm/components/asset-info/asset-info.js +27 -45
  158. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  159. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  160. package/lib-esm/components/asset-info/index.js.map +1 -1
  161. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  162. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  163. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  164. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  165. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  166. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  167. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  168. package/lib-esm/components/bundle-assets/bundle-assets.module.css +20 -19
  169. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  170. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-assets/index.js +5 -2
  172. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  173. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  174. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  175. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  176. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -42
  177. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  178. package/lib-esm/components/bundle-modules/bundle-modules.module.css +11 -3
  179. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  180. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  181. package/lib-esm/components/bundle-modules/index.js +7 -4
  182. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  183. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  184. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  185. package/lib-esm/components/bundle-packages/bundle-packages.module.css +12 -14
  186. package/lib-esm/components/bundle-packages/index.js +5 -2
  187. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  188. package/lib-esm/components/delta/delta.module.css +2 -1
  189. package/lib-esm/components/entry-info/entry-info.js +50 -0
  190. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  191. package/lib-esm/components/entry-info/entry-info.module.css +93 -0
  192. package/lib-esm/components/entry-info/index.js +2 -0
  193. package/lib-esm/components/entry-info/index.js.map +1 -0
  194. package/lib-esm/components/index.js +3 -2
  195. package/lib-esm/components/index.js.map +1 -1
  196. package/lib-esm/components/insight-icon/index.js +2 -0
  197. package/lib-esm/components/insight-icon/index.js.map +1 -0
  198. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  199. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  200. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  201. package/lib-esm/components/insights/insights.js +7 -40
  202. package/lib-esm/components/insights/insights.js.map +1 -1
  203. package/lib-esm/components/insights/insights.module.css +1 -19
  204. package/lib-esm/components/job-header/job-header.js +12 -11
  205. package/lib-esm/components/job-header/job-header.js.map +1 -1
  206. package/lib-esm/components/jobs-header/index.js.map +1 -1
  207. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  208. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  209. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  210. package/lib-esm/components/metric/index.js.map +1 -1
  211. package/lib-esm/components/metric/metric.js +7 -41
  212. package/lib-esm/components/metric/metric.js.map +1 -1
  213. package/lib-esm/components/metric/metric.module.css +3 -3
  214. package/lib-esm/components/metric-run-info/index.js +2 -0
  215. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  216. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  217. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  218. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  219. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  220. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  221. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  222. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  223. package/lib-esm/components/module-info/index.js.map +1 -1
  224. package/lib-esm/components/module-info/module-info.js +26 -48
  225. package/lib-esm/components/module-info/module-info.js.map +1 -1
  226. package/lib-esm/components/module-info/module-info.module.css +8 -33
  227. package/lib-esm/components/package-info/index.js +2 -0
  228. package/lib-esm/components/package-info/index.js.map +1 -0
  229. package/lib-esm/components/package-info/package-info.js +48 -0
  230. package/lib-esm/components/package-info/package-info.js.map +1 -0
  231. package/lib-esm/components/package-info/package-info.module.css +13 -0
  232. package/lib-esm/components/run-info/index.js +2 -0
  233. package/lib-esm/components/run-info/index.js.map +1 -0
  234. package/lib-esm/components/run-info/run-info.js +40 -0
  235. package/lib-esm/components/run-info/run-info.js.map +1 -0
  236. package/lib-esm/components/run-info/run-info.module.css +76 -0
  237. package/lib-esm/components/summary/index.js.map +1 -1
  238. package/lib-esm/components/summary/summary.js +9 -30
  239. package/lib-esm/components/summary/summary.js.map +1 -1
  240. package/lib-esm/components/summary/summary.module.css +27 -7
  241. package/lib-esm/config.json +1 -1
  242. package/lib-esm/constants.js +0 -22
  243. package/lib-esm/constants.js.map +1 -1
  244. package/lib-esm/css/variables.css +22 -15
  245. package/lib-esm/layout/box/box.js +3 -23
  246. package/lib-esm/layout/box/box.js.map +1 -1
  247. package/lib-esm/layout/box/box.module.css +11 -0
  248. package/lib-esm/layout/box/index.js +1 -1
  249. package/lib-esm/layout/box/index.js.map +1 -1
  250. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  251. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  252. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  253. package/lib-esm/layout/footer/footer.js +2 -4
  254. package/lib-esm/layout/footer/footer.js.map +1 -1
  255. package/lib-esm/layout/stack/index.js.map +1 -1
  256. package/lib-esm/layout/stack/stack.js +3 -16
  257. package/lib-esm/layout/stack/stack.js.map +1 -1
  258. package/lib-esm/tokens.js +35 -0
  259. package/lib-esm/tokens.js.map +1 -0
  260. package/lib-esm/ui/alert/alert.js +2 -12
  261. package/lib-esm/ui/alert/alert.js.map +1 -1
  262. package/lib-esm/ui/alert/index.js.map +1 -1
  263. package/lib-esm/ui/container/container.js +1 -10
  264. package/lib-esm/ui/container/container.js.map +1 -1
  265. package/lib-esm/ui/container/index.js +1 -1
  266. package/lib-esm/ui/container/index.js.map +1 -1
  267. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  268. package/lib-esm/ui/file-name/file-name.js +1 -1
  269. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  270. package/lib-esm/ui/filters/filters.module.css +1 -5
  271. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  272. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  273. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  274. package/lib-esm/ui/hover-card/index.js.map +1 -1
  275. package/lib-esm/ui/icon/icon.js +14 -18
  276. package/lib-esm/ui/icon/icon.js.map +1 -1
  277. package/lib-esm/ui/icon/index.js.map +1 -1
  278. package/lib-esm/ui/index.js +0 -1
  279. package/lib-esm/ui/index.js.map +1 -1
  280. package/lib-esm/ui/input/input.module.css +3 -4
  281. package/lib-esm/ui/table/index.js.map +1 -1
  282. package/lib-esm/ui/table/table.js +3 -17
  283. package/lib-esm/ui/table/table.js.map +1 -1
  284. package/lib-esm/ui/tag/index.js.map +1 -1
  285. package/lib-esm/ui/tag/tag.js +4 -28
  286. package/lib-esm/ui/tag/tag.js.map +1 -1
  287. package/lib-esm/ui/tag/tag.module.css +15 -1
  288. package/lib-esm/ui/tooltip/index.js.map +1 -1
  289. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  290. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  291. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  292. package/package.json +18 -22
  293. package/src/app/app.jsx +25 -10
  294. package/src/app/app.module.css +8 -5
  295. package/src/app/header/header.module.css +27 -20
  296. package/src/app/header/header.tsx +26 -0
  297. package/src/assets/icons/external-link.svg +1 -0
  298. package/src/assets/icons/github.svg +1 -0
  299. package/src/assets/icons/more-vertical.svg +5 -0
  300. package/src/assets/icons.svg +11 -4
  301. package/src/assets/icons.svg.jsx +35 -14
  302. package/src/components/asset-info/asset-info.module.css +28 -6
  303. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  304. package/src/components/asset-info/asset-info.tsx +159 -0
  305. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  306. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  307. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  308. package/src/components/asset-not-predictive/index.ts +1 -0
  309. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  310. package/src/components/bundle-assets/bundle-assets.module.css +20 -19
  311. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  312. package/src/components/bundle-assets/index.jsx +7 -1
  313. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  314. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  315. package/src/components/bundle-modules/bundle-modules.jsx +91 -101
  316. package/src/components/bundle-modules/bundle-modules.module.css +11 -3
  317. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  318. package/src/components/bundle-modules/index.jsx +9 -3
  319. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  320. package/src/components/bundle-packages/bundle-packages.module.css +12 -14
  321. package/src/components/bundle-packages/index.jsx +7 -1
  322. package/src/components/delta/delta.module.css +2 -1
  323. package/src/components/entry-info/entry-info.module.css +93 -0
  324. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  325. package/src/components/entry-info/entry-info.tsx +134 -0
  326. package/src/components/entry-info/index.ts +1 -0
  327. package/src/components/index.js +3 -2
  328. package/src/components/insight-icon/index.ts +1 -0
  329. package/src/components/insight-icon/insight-icon.module.css +24 -0
  330. package/src/components/insight-icon/insight-icon.tsx +25 -0
  331. package/src/components/insights/insights.module.css +1 -19
  332. package/src/components/insights/insights.stories.tsx +26 -22
  333. package/src/components/insights/insights.tsx +8 -65
  334. package/src/components/job-header/job-header.jsx +16 -13
  335. package/src/components/jobs-header/jobs-header.module.css +51 -4
  336. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  337. package/src/components/jobs-header/jobs-header.tsx +89 -0
  338. package/src/components/metric/metric.module.css +3 -3
  339. package/src/components/metric/metric.stories.tsx +41 -0
  340. package/src/components/metric/metric.tsx +42 -0
  341. package/src/components/metric-run-info/index.ts +1 -0
  342. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  343. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  344. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  345. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  346. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  347. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  348. package/src/components/module-info/module-info.module.css +8 -33
  349. package/src/components/module-info/module-info.stories.tsx +44 -0
  350. package/src/components/module-info/module-info.tsx +116 -0
  351. package/src/components/package-info/index.ts +1 -0
  352. package/src/components/package-info/package-info.module.css +13 -0
  353. package/src/components/package-info/package-info.stories.tsx +36 -0
  354. package/src/components/package-info/package-info.tsx +135 -0
  355. package/src/components/run-info/index.ts +1 -0
  356. package/src/components/run-info/run-info.module.css +76 -0
  357. package/src/components/run-info/run-info.stories.tsx +58 -0
  358. package/src/components/run-info/run-info.tsx +111 -0
  359. package/src/components/summary/summary.module.css +27 -7
  360. package/src/components/summary/summary.stories.tsx +57 -0
  361. package/src/components/summary/summary.tsx +102 -0
  362. package/src/config.json +1 -1
  363. package/src/constants.js +0 -24
  364. package/src/css/variables.css +22 -15
  365. package/src/layout/box/box.module.css +11 -0
  366. package/src/layout/box/box.stories.tsx +49 -0
  367. package/src/layout/box/box.tsx +49 -0
  368. package/src/layout/box/index.ts +1 -0
  369. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  370. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  371. package/src/layout/footer/footer.jsx +3 -4
  372. package/src/layout/stack/stack.stories.tsx +53 -0
  373. package/src/layout/stack/stack.tsx +22 -0
  374. package/src/tokens.ts +37 -0
  375. package/src/ui/alert/alert.stories.tsx +39 -0
  376. package/src/ui/alert/alert.tsx +23 -0
  377. package/src/ui/container/container.stories.tsx +29 -0
  378. package/src/ui/container/container.tsx +18 -0
  379. package/src/ui/container/index.ts +1 -0
  380. package/src/ui/dropdown/dropdown.module.css +1 -2
  381. package/src/ui/file-name/file-name.jsx +1 -1
  382. package/src/ui/filters/filters.module.css +1 -5
  383. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  384. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  385. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  386. package/src/ui/icon/icon.stories.tsx +54 -0
  387. package/src/ui/icon/icon.tsx +56 -0
  388. package/src/ui/index.js +0 -1
  389. package/src/ui/input/input.module.css +3 -4
  390. package/src/ui/table/table.stories.tsx +238 -0
  391. package/src/ui/table/table.tsx +38 -0
  392. package/src/ui/tag/tag.module.css +15 -1
  393. package/src/ui/tag/tag.stories.tsx +32 -0
  394. package/src/ui/tag/tag.tsx +28 -0
  395. package/src/ui/tooltip/tooltip.module.css +3 -4
  396. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  397. package/src/ui/tooltip/tooltip.tsx +57 -0
  398. package/types/app/header/header.d.ts +6 -16
  399. package/types/app/header/index.d.ts +1 -1
  400. package/types/components/asset-info/asset-info.d.ts +20 -23
  401. package/types/components/asset-info/index.d.ts +1 -1
  402. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  403. package/types/components/asset-not-predictive/index.d.ts +1 -0
  404. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  405. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  406. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  407. package/types/components/bundle-assets/index.d.ts +11 -11
  408. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  409. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  410. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  411. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  412. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  413. package/types/components/bundle-modules/index.d.ts +11 -11
  414. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  415. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  416. package/types/components/bundle-packages/index.d.ts +11 -11
  417. package/types/components/component-link.d.ts +6 -6
  418. package/types/components/delta/delta.d.ts +7 -7
  419. package/types/components/entry-info/entry-info.d.ts +25 -0
  420. package/types/components/entry-info/index.d.ts +1 -0
  421. package/types/components/index.d.ts +3 -2
  422. package/types/components/insight-icon/index.d.ts +1 -0
  423. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  424. package/types/components/insights/insights.d.ts +2 -2
  425. package/types/components/job-header/job-header.d.ts +9 -9
  426. package/types/components/job-name/job-name.d.ts +9 -9
  427. package/types/components/jobs-header/index.d.ts +1 -1
  428. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  429. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  430. package/types/components/metric/index.d.ts +1 -1
  431. package/types/components/metric/metric.d.ts +6 -32
  432. package/types/components/metric-run-info/index.d.ts +1 -0
  433. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  434. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  435. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  436. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  437. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  438. package/types/components/module-info/index.d.ts +1 -1
  439. package/types/components/module-info/module-info.d.ts +19 -34
  440. package/types/components/package-info/index.d.ts +1 -0
  441. package/types/components/package-info/package-info.d.ts +15 -0
  442. package/types/components/run-info/index.d.ts +1 -0
  443. package/types/components/run-info/run-info.d.ts +16 -0
  444. package/types/components/summary/index.d.ts +1 -1
  445. package/types/components/summary/summary.d.ts +25 -36
  446. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  447. package/types/constants.d.ts +4 -15
  448. package/types/i18n.d.ts +15 -15
  449. package/types/layout/box/box.d.ts +12 -25
  450. package/types/layout/box/index.d.ts +1 -1
  451. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  452. package/types/layout/flex-stack/index.d.ts +1 -1
  453. package/types/layout/footer/footer.d.ts +5 -5
  454. package/types/layout/separator.d.ts +4 -4
  455. package/types/layout/stack/index.d.ts +1 -1
  456. package/types/layout/stack/stack.d.ts +7 -20
  457. package/types/tokens.d.ts +23 -0
  458. package/types/ui/alert/alert.d.ts +7 -14
  459. package/types/ui/alert/index.d.ts +1 -1
  460. package/types/ui/container/container.d.ts +5 -17
  461. package/types/ui/container/index.d.ts +1 -1
  462. package/types/ui/dropdown/dropdown.d.ts +16 -16
  463. package/types/ui/empty-set/empty-set.d.ts +7 -7
  464. package/types/ui/file-name/file-name.d.ts +7 -7
  465. package/types/ui/filters/filters.d.ts +6 -6
  466. package/types/ui/filters/filters.utils.d.ts +2 -2
  467. package/types/ui/filters/index.d.ts +4 -4
  468. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  469. package/types/ui/hover-card/hover-card.d.ts +12 -26
  470. package/types/ui/hover-card/index.d.ts +1 -1
  471. package/types/ui/icon/icon.d.ts +54 -38
  472. package/types/ui/icon/index.d.ts +1 -1
  473. package/types/ui/index.d.ts +0 -1
  474. package/types/ui/input/input.d.ts +5 -5
  475. package/types/ui/loader/loader.d.ts +8 -8
  476. package/types/ui/skeleton/skeleton.d.ts +7 -7
  477. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  478. package/types/ui/table/index.d.ts +1 -1
  479. package/types/ui/table/table.d.ts +14 -33
  480. package/types/ui/tabs/tabs.d.ts +10 -10
  481. package/types/ui/tag/index.d.ts +1 -1
  482. package/types/ui/tag/tag.d.ts +22 -33
  483. package/types/ui/toolbar/toolbar.d.ts +6 -6
  484. package/types/ui/tooltip/index.d.ts +1 -1
  485. package/types/ui/tooltip/tooltip.d.ts +10 -28
  486. package/lib/components/job-meta/index.js.map +0 -1
  487. package/lib/components/job-meta/job-meta.js +0 -34
  488. package/lib/components/job-meta/job-meta.js.map +0 -1
  489. package/lib/components/job-meta/job-meta.module.css +0 -19
  490. package/lib/components/summary-item/index.js.map +0 -1
  491. package/lib/components/summary-item/summary-item.js +0 -97
  492. package/lib/components/summary-item/summary-item.js.map +0 -1
  493. package/lib/components/summary-item/summary-item.module.css +0 -58
  494. package/lib/ui/panels/index.js +0 -6
  495. package/lib/ui/panels/index.js.map +0 -1
  496. package/lib/ui/panels/panels.js +0 -28
  497. package/lib/ui/panels/panels.js.map +0 -1
  498. package/lib/ui/panels/panels.module.css +0 -23
  499. package/lib-esm/components/job-meta/index.js +0 -2
  500. package/lib-esm/components/job-meta/index.js.map +0 -1
  501. package/lib-esm/components/job-meta/job-meta.js +0 -27
  502. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  503. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  504. package/lib-esm/components/summary-item/index.js +0 -2
  505. package/lib-esm/components/summary-item/index.js.map +0 -1
  506. package/lib-esm/components/summary-item/summary-item.js +0 -67
  507. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  508. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  509. package/lib-esm/ui/panels/index.js +0 -2
  510. package/lib-esm/ui/panels/index.js.map +0 -1
  511. package/lib-esm/ui/panels/panels.js +0 -21
  512. package/lib-esm/ui/panels/panels.js.map +0 -1
  513. package/lib-esm/ui/panels/panels.module.css +0 -23
  514. package/src/app/header/header.jsx +0 -25
  515. package/src/assets/icons/cancel.svg +0 -1
  516. package/src/components/asset-info/asset-info.jsx +0 -96
  517. package/src/components/job-meta/index.js +0 -1
  518. package/src/components/job-meta/job-meta.jsx +0 -47
  519. package/src/components/job-meta/job-meta.module.css +0 -19
  520. package/src/components/jobs-header/jobs-header.jsx +0 -43
  521. package/src/components/metric/metric.jsx +0 -63
  522. package/src/components/module-info/module-info.jsx +0 -123
  523. package/src/components/summary/summary.jsx +0 -73
  524. package/src/components/summary-item/index.js +0 -1
  525. package/src/components/summary-item/summary-item.jsx +0 -142
  526. package/src/components/summary-item/summary-item.module.css +0 -58
  527. package/src/layout/box/box.jsx +0 -67
  528. package/src/layout/box/index.js +0 -1
  529. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  530. package/src/layout/stack/stack.jsx +0 -32
  531. package/src/ui/alert/alert.jsx +0 -27
  532. package/src/ui/container/container.jsx +0 -24
  533. package/src/ui/container/index.js +0 -1
  534. package/src/ui/icon/icon.jsx +0 -53
  535. package/src/ui/panels/index.js +0 -1
  536. package/src/ui/panels/panels.jsx +0 -39
  537. package/src/ui/panels/panels.module.css +0 -23
  538. package/src/ui/table/table.jsx +0 -37
  539. package/src/ui/tag/tag.jsx +0 -49
  540. package/src/ui/tooltip/tooltip.jsx +0 -67
  541. package/tsconfig.esm.json +0 -13
  542. package/tsconfig.json +0 -7
  543. package/tsconfig.lib.json +0 -9
  544. package/types/components/job-meta/index.d.ts +0 -1
  545. package/types/components/job-meta/job-meta.d.ts +0 -18
  546. package/types/components/summary-item/index.d.ts +0 -1
  547. package/types/components/summary-item/summary-item.d.ts +0 -40
  548. package/types/ui/panels/index.d.ts +0 -1
  549. package/types/ui/panels/panels.d.ts +0 -18
  550. /package/src/app/header/{index.js → index.ts} +0 -0
  551. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  552. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  553. /package/src/components/metric/{index.js → index.ts} +0 -0
  554. /package/src/components/module-info/{index.js → index.ts} +0 -0
  555. /package/src/components/summary/{index.js → index.ts} +0 -0
  556. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  557. /package/src/layout/stack/{index.js → index.ts} +0 -0
  558. /package/src/ui/alert/{index.js → index.ts} +0 -0
  559. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  560. /package/src/ui/icon/{index.js → index.ts} +0 -0
  561. /package/src/ui/table/{index.js → index.ts} +0 -0
  562. /package/src/ui/tag/{index.js → index.ts} +0 -0
  563. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -1,17 +1,37 @@
1
1
  .root {
2
+ --summary-gap: var(--space-small);
2
3
  width: 100%;
3
- overflow: auto;
4
+ }
5
+
6
+ .items {
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ width: calc(100% + var(--summary-gap));
10
+ margin-top: calc(0px - var(--summary-gap));
11
+ margin-left: calc(0px - var(--summary-gap));
4
12
  }
5
13
 
6
14
  .item {
15
+ margin: var(--summary-gap) 0 0 var(--summary-gap);
7
16
  flex: 1 0 10%; /* force equal sizes */
8
- min-width: 16em;
17
+ min-width: 14em;
9
18
  text-decoration: none;
10
19
  }
11
20
 
12
- .item:hover,
13
- .item:active,
14
- .item:focus {
15
- border-color: var(--color-outline-dark);
16
- outline: none;
21
+ .readMoreLink {
22
+ appearance: none;
23
+ background: none;
24
+ margin: 0;
25
+ border: 0;
26
+ padding: 0;
27
+ color: var(--color-primary);
28
+ text-decoration: underline;
29
+ cursor: pointer;
30
+ }
31
+
32
+ .readMoreLink:hover,
33
+ .readMoreLink:active,
34
+ .readMoreLink:focus {
35
+ color: var(--color-primary-dark);
36
+ text-decoration: none;
17
37
  }
package/lib/config.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "appName": "RelativeCI",
3
3
  "siteUrl": "https://relative-ci.com",
4
- "githubUrl": "https://github.com/relative-ci/bundle-stats",
4
+ "gitHubUrl": "https://github.com/relative-ci/bundle-stats",
5
5
  "documentation" : {
6
6
  "assets": "https://relative-ci.com/documentation/metrics-and-data#assets",
7
7
  "modules": "https://relative-ci.com/documentation/metrics-and-data#modules",
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);
@@ -174,8 +175,10 @@
174
175
 
175
176
  --color-shadow: rgba(0, 0, 0, 0.2);
176
177
 
177
- --transition-in: all 0.2s ease-in;
178
- --transition-out: all 0.17s ease-out;
178
+ --transition-duration-in: 0.2s;
179
+ --transition-duration-out: 0.17s;
180
+ --transition-in: all var(--transition-duration-in) ease-in;
181
+ --transition-out: all var(--transition-duration-out) ease-out;
179
182
 
180
183
  --layer-xlow: 1;
181
184
  --layer-low: 10;
@@ -190,6 +193,10 @@
190
193
  --radius-medium: 5px;
191
194
  --radius-large: 9px;
192
195
 
196
+ --outline-hover: 0 0 0 3px var(--color-highlight);
197
+
193
198
  /** Layout */
194
199
  --max-width: 80rem;
200
+ --entry-info-width: 640px;
201
+ --entry-info-top: var(--header-height);
195
202
  }
@@ -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"}
@@ -21,11 +21,9 @@ const Footer = ({ className, version }) => (react_1.default.createElement(contai
21
21
  react_1.default.createElement(stack_1.Stack, { space: "xsmall" },
22
22
  react_1.default.createElement("div", null,
23
23
  react_1.default.createElement("nav", { className: footer_module_css_1.default.nav },
24
- react_1.default.createElement(ExternalLink, { href: config_json_1.default.githubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: "In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)" },
25
- `BundleStats `,
26
- version),
24
+ react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: "In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)" }, `BundleStats ${version}`),
27
25
  react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
28
- react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.githubUrl}/issues`, className: footer_module_css_1.default.navLink, title: "Navigate to GitHub and open issue" }, "Report issue")),
26
+ react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title: "Navigate to GitHub and open issue" }, "Report issue")),
29
27
  react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
30
28
  react_1.default.createElement("span", null, "Made by "),
31
29
  react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title: "Go to RelativeCI - Specialized insights for web bundles" }, "RelativeCI"))))))));
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E;wBAEnF,cAAc;wBACd,OAAO,CACK;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAC,mCAAmC,mBAG5B,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAC,yDAAyD,iBAGlD,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AAtCW,QAAA,MAAM,UAsCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}
1
+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E,IAEnF,eAAe,OAAO,EAAE,CACZ;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAC,mCAAmC,mBAG5B,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAC,yDAAyD,iBAGlD,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AArCW,QAAA,MAAM,UAqCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}
@@ -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"}