@bundle-stats/ui 4.1.1-alpha.3 → 4.1.1

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 (261) hide show
  1. package/lib/app/app.js +20 -85
  2. package/lib/app/app.stories.js +2 -20
  3. package/lib/app/header/header.js +2 -11
  4. package/lib/app/header/index.js +0 -2
  5. package/lib/app/index.js +0 -2
  6. package/lib/components/asset-info/asset-info.js +7 -25
  7. package/lib/components/asset-info/asset-info.stories.js +0 -5
  8. package/lib/components/asset-info/index.js +0 -2
  9. package/lib/components/browsertime-table/browsertime-table.js +1 -12
  10. package/lib/components/browsertime-table/browsertime-table.stories.js +1 -11
  11. package/lib/components/browsertime-table/index.js +0 -2
  12. package/lib/components/bundle-assets/bundle-assets.constants.js +0 -3
  13. package/lib/components/bundle-assets/bundle-assets.js +29 -86
  14. package/lib/components/bundle-assets/bundle-assets.stories.js +2 -23
  15. package/lib/components/bundle-assets/bundle-assets.utils.js +0 -26
  16. package/lib/components/bundle-assets/index.js +21 -49
  17. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +3 -33
  18. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -8
  19. package/lib/components/bundle-assets-totals-chart-bars/index.js +0 -2
  20. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.js +7 -29
  21. package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -10
  22. package/lib/components/bundle-assets-totals-table/index.js +0 -2
  23. package/lib/components/bundle-modules/bundle-modules.constants.js +0 -3
  24. package/lib/components/bundle-modules/bundle-modules.js +24 -77
  25. package/lib/components/bundle-modules/bundle-modules.stories.js +16 -30
  26. package/lib/components/bundle-modules/bundle-modules.utils.js +19 -54
  27. package/lib/components/bundle-modules/index.js +25 -56
  28. package/lib/components/bundle-packages/bundle-packages.constants.js +0 -3
  29. package/lib/components/bundle-packages/bundle-packages.js +33 -83
  30. package/lib/components/bundle-packages/bundle-packages.stories.js +2 -22
  31. package/lib/components/bundle-packages/bundle-packages.utils.js +0 -23
  32. package/lib/components/bundle-packages/index.js +23 -49
  33. package/lib/components/component-link.js +4 -17
  34. package/lib/components/delta/delta.js +3 -10
  35. package/lib/components/delta/delta.stories.js +0 -5
  36. package/lib/components/delta/index.js +0 -2
  37. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +3 -15
  38. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
  39. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -5
  40. package/lib/components/duplicate-packages-warning/index.js +0 -2
  41. package/lib/components/index.js +0 -22
  42. package/lib/components/job-header/index.js +0 -2
  43. package/lib/components/job-header/job-header.js +6 -22
  44. package/lib/components/job-header/job-header.stories.js +0 -5
  45. package/lib/components/job-meta/index.js +0 -2
  46. package/lib/components/job-meta/job-meta.js +4 -18
  47. package/lib/components/job-meta/job-meta.stories.js +0 -5
  48. package/lib/components/job-name/index.js +0 -2
  49. package/lib/components/job-name/job-name.js +4 -19
  50. package/lib/components/job-name/job-name.stories.js +0 -5
  51. package/lib/components/jobs-header/index.js +0 -2
  52. package/lib/components/jobs-header/jobs-header.js +1 -12
  53. package/lib/components/jobs-header/jobs-header.stories.js +0 -5
  54. package/lib/components/lighthouse-table/index.js +0 -2
  55. package/lib/components/lighthouse-table/lighthouse-table.js +1 -12
  56. package/lib/components/lighthouse-table/lighthouse-table.stories.js +0 -7
  57. package/lib/components/metric/index.js +0 -2
  58. package/lib/components/metric/metric.js +27 -45
  59. package/lib/components/metric/metric.stories.js +0 -6
  60. package/lib/components/metrics-table/index.js +0 -2
  61. package/lib/components/metrics-table/metrics-table.js +36 -75
  62. package/lib/components/metrics-table/metrics-table.stories.js +0 -5
  63. package/lib/components/metrics-table-options/index.js +0 -2
  64. package/lib/components/metrics-table-options/metrics-table-options.js +5 -19
  65. package/lib/components/metrics-table-options/metrics-table-options.stories.js +0 -5
  66. package/lib/components/metrics-table-search/index.js +0 -2
  67. package/lib/components/metrics-table-search/metrics-table-search.js +9 -28
  68. package/lib/components/metrics-table-search/metrics-table-search.stories.js +3 -19
  69. package/lib/components/metrics-table-title/index.js +0 -2
  70. package/lib/components/metrics-table-title/metrics-table-title.js +4 -16
  71. package/lib/components/module-info/index.js +0 -2
  72. package/lib/components/module-info/module-info.js +6 -22
  73. package/lib/components/module-info/module-info.stories.js +0 -5
  74. package/lib/components/summary/index.js +0 -2
  75. package/lib/components/summary/summary.js +9 -33
  76. package/lib/components/summary/summary.module.css +4 -1
  77. package/lib/components/summary/summary.stories.js +1 -15
  78. package/lib/components/summary-item/index.js +0 -2
  79. package/lib/components/summary-item/summary-item.js +14 -44
  80. package/lib/components/summary-item/summary-item.stories.js +0 -14
  81. package/lib/components/total-size-type-title/index.js +0 -2
  82. package/lib/components/total-size-type-title/total-size-type-title.js +0 -13
  83. package/lib/constants.js +0 -8
  84. package/lib/css/default.css +3 -1
  85. package/lib/css/variables.css +1 -1
  86. package/lib/hooks/rows-filter.js +3 -7
  87. package/lib/hooks/rows-sort.js +12 -25
  88. package/lib/hooks/search-params.js +21 -51
  89. package/lib/index.js +0 -10
  90. package/lib/layout/box/box.js +10 -39
  91. package/lib/layout/box/box.stories.js +0 -5
  92. package/lib/layout/box/index.js +0 -1
  93. package/lib/layout/flex-stack/flex-stack.js +4 -18
  94. package/lib/layout/flex-stack/flex-stack.stories.js +0 -6
  95. package/lib/layout/flex-stack/index.js +0 -2
  96. package/lib/layout/footer/footer.js +1 -16
  97. package/lib/layout/footer/footer.stories.js +0 -5
  98. package/lib/layout/footer/index.js +0 -1
  99. package/lib/layout/header/header.js +3 -13
  100. package/lib/layout/header/header.stories.js +0 -7
  101. package/lib/layout/header/index.js +0 -1
  102. package/lib/layout/index.js +0 -7
  103. package/lib/layout/separator.js +2 -14
  104. package/lib/layout/stack/index.js +0 -2
  105. package/lib/layout/stack/stack.js +4 -18
  106. package/lib/layout/stack/stack.stories.js +0 -6
  107. package/lib/layout/sub-header/index.js +0 -2
  108. package/lib/layout/sub-header/sub-header.js +6 -16
  109. package/lib/layout/sub-header/sub-header.stories.js +0 -6
  110. package/lib/prototypes/typography.stories.js +6 -15
  111. package/lib/query-state.js +5 -28
  112. package/lib/stories/index.js +0 -2
  113. package/lib/stories/wrapper.js +0 -9
  114. package/lib/ui/alert/alert.js +2 -10
  115. package/lib/ui/alert/alert.stories.js +0 -5
  116. package/lib/ui/alert/index.js +0 -2
  117. package/lib/ui/container/container.js +2 -15
  118. package/lib/ui/container/container.stories.js +0 -4
  119. package/lib/ui/container/index.js +0 -1
  120. package/lib/ui/dropdown/dropdown.js +5 -20
  121. package/lib/ui/dropdown/dropdown.stories.js +0 -5
  122. package/lib/ui/dropdown/index.js +0 -2
  123. package/lib/ui/empty-set/empty-set.js +3 -17
  124. package/lib/ui/empty-set/empty-set.stories.js +0 -5
  125. package/lib/ui/empty-set/index.js +0 -2
  126. package/lib/ui/file-name/file-name.js +2 -11
  127. package/lib/ui/file-name/file-name.stories.js +0 -4
  128. package/lib/ui/file-name/index.js +0 -1
  129. package/lib/ui/filters/filters.js +29 -73
  130. package/lib/ui/filters/filters.stories.js +7 -28
  131. package/lib/ui/filters/filters.utils.js +13 -42
  132. package/lib/ui/filters/index.js +8 -35
  133. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js +18 -61
  134. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -5
  135. package/lib/ui/horizontal-bar-chart/index.js +0 -2
  136. package/lib/ui/hover-card/hover-card.js +8 -28
  137. package/lib/ui/hover-card/hover-card.stories.js +0 -10
  138. package/lib/ui/hover-card/index.js +0 -2
  139. package/lib/ui/icon/icon.js +4 -17
  140. package/lib/ui/icon/icon.stories.js +0 -8
  141. package/lib/ui/icon/index.js +0 -2
  142. package/lib/ui/index.js +0 -19
  143. package/lib/ui/input/index.js +0 -2
  144. package/lib/ui/input/input.js +2 -14
  145. package/lib/ui/input/input.stories.js +0 -5
  146. package/lib/ui/loader/index.js +0 -2
  147. package/lib/ui/loader/loader.js +2 -15
  148. package/lib/ui/loader/loader.stories.js +0 -5
  149. package/lib/ui/logo/index.js +0 -1
  150. package/lib/ui/logo/logo.js +3 -28
  151. package/lib/ui/logo/logo.stories.js +1 -10
  152. package/lib/ui/panels/index.js +0 -1
  153. package/lib/ui/panels/panels.js +5 -23
  154. package/lib/ui/panels/panels.stories.js +0 -5
  155. package/lib/ui/skeleton/index.js +0 -2
  156. package/lib/ui/skeleton/skeleton.js +3 -15
  157. package/lib/ui/skeleton/skeleton.stories.js +0 -8
  158. package/lib/ui/sort-dropdown/index.js +0 -2
  159. package/lib/ui/sort-dropdown/sort-dropdown.js +18 -50
  160. package/lib/ui/sort-dropdown/sort-dropdown.stories.js +1 -5
  161. package/lib/ui/table/index.js +0 -2
  162. package/lib/ui/table/table.js +4 -13
  163. package/lib/ui/table/table.stories.js +4 -9
  164. package/lib/ui/tabs/index.js +0 -1
  165. package/lib/ui/tabs/tabs.js +5 -21
  166. package/lib/ui/tabs/tabs.module.css +6 -2
  167. package/lib/ui/tabs/tabs.stories.js +0 -5
  168. package/lib/ui/tag/index.js +0 -2
  169. package/lib/ui/tag/tag.js +8 -21
  170. package/lib/ui/tag/tag.stories.js +0 -6
  171. package/lib/ui/toolbar/index.js +0 -2
  172. package/lib/ui/toolbar/toolbar.js +2 -9
  173. package/lib/ui/toolbar/toolbar.stories.js +0 -5
  174. package/lib/ui/tooltip/index.js +0 -2
  175. package/lib/ui/tooltip/tooltip.js +8 -21
  176. package/lib/ui/tooltip/tooltip.stories.js +0 -7
  177. package/lib/utils.js +0 -18
  178. package/lib-esm/app/app.js +1 -18
  179. package/lib-esm/app/app.stories.js +3 -5
  180. package/lib-esm/app/header/header.js +1 -1
  181. package/lib-esm/components/asset-info/asset-info.js +0 -8
  182. package/lib-esm/components/browsertime-table/browsertime-table.js +0 -1
  183. package/lib-esm/components/browsertime-table/browsertime-table.stories.js +2 -1
  184. package/lib-esm/components/bundle-assets/bundle-assets.js +2 -14
  185. package/lib-esm/components/bundle-assets/bundle-assets.stories.js +0 -2
  186. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +4 -11
  187. package/lib-esm/components/bundle-assets/index.js +0 -1
  188. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +0 -7
  189. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +1 -4
  190. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -2
  191. package/lib-esm/components/bundle-modules/bundle-modules.js +4 -16
  192. package/lib-esm/components/bundle-modules/bundle-modules.stories.js +4 -2
  193. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +15 -25
  194. package/lib-esm/components/bundle-modules/index.js +0 -6
  195. package/lib-esm/components/bundle-packages/bundle-packages.js +2 -11
  196. package/lib-esm/components/bundle-packages/bundle-packages.utils.js +4 -8
  197. package/lib-esm/components/bundle-packages/index.js +0 -1
  198. package/lib-esm/components/component-link.js +1 -2
  199. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
  200. package/lib-esm/components/job-header/job-header.js +1 -3
  201. package/lib-esm/components/job-meta/job-meta.js +0 -3
  202. package/lib-esm/components/job-name/job-name.js +0 -4
  203. package/lib-esm/components/jobs-header/jobs-header.js +0 -1
  204. package/lib-esm/components/lighthouse-table/lighthouse-table.js +0 -1
  205. package/lib-esm/components/metric/metric.js +2 -6
  206. package/lib-esm/components/metrics-table/metrics-table.js +14 -18
  207. package/lib-esm/components/metrics-table-options/metrics-table-options.js +0 -3
  208. package/lib-esm/components/metrics-table-search/metrics-table-search.js +4 -2
  209. package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +0 -2
  210. package/lib-esm/components/module-info/module-info.js +0 -4
  211. package/lib-esm/components/summary/summary.js +0 -2
  212. package/lib-esm/components/summary/summary.module.css +4 -1
  213. package/lib-esm/components/summary/summary.stories.js +0 -1
  214. package/lib-esm/components/summary-item/summary-item.js +0 -9
  215. package/lib-esm/constants.js +2 -1
  216. package/lib-esm/css/default.css +3 -1
  217. package/lib-esm/css/variables.css +1 -1
  218. package/lib-esm/hooks/rows-filter.js +0 -1
  219. package/lib-esm/hooks/search-params.js +9 -17
  220. package/lib-esm/layout/box/box.js +0 -6
  221. package/lib-esm/layout/flex-stack/flex-stack.js +0 -1
  222. package/lib-esm/layout/footer/footer.js +1 -4
  223. package/lib-esm/layout/header/header.js +0 -3
  224. package/lib-esm/layout/separator.js +1 -2
  225. package/lib-esm/layout/stack/stack.js +0 -1
  226. package/lib-esm/prototypes/typography.stories.js +4 -4
  227. package/lib-esm/query-state.js +2 -5
  228. package/lib-esm/stories/wrapper.js +0 -1
  229. package/lib-esm/ui/container/container.js +0 -2
  230. package/lib-esm/ui/dropdown/dropdown.js +0 -5
  231. package/lib-esm/ui/file-name/file-name.js +0 -2
  232. package/lib-esm/ui/filters/filters.js +4 -14
  233. package/lib-esm/ui/filters/filters.stories.js +5 -4
  234. package/lib-esm/ui/filters/filters.utils.js +9 -15
  235. package/lib-esm/ui/filters/index.js +4 -10
  236. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +0 -12
  237. package/lib-esm/ui/hover-card/hover-card.js +2 -12
  238. package/lib-esm/ui/hover-card/hover-card.stories.js +0 -3
  239. package/lib-esm/ui/icon/icon.js +0 -1
  240. package/lib-esm/ui/icon/icon.stories.js +0 -2
  241. package/lib-esm/ui/input/input.js +0 -1
  242. package/lib-esm/ui/loader/loader.js +0 -2
  243. package/lib-esm/ui/logo/logo.js +0 -11
  244. package/lib-esm/ui/logo/logo.stories.js +1 -5
  245. package/lib-esm/ui/panels/panels.js +2 -5
  246. package/lib-esm/ui/skeleton/skeleton.js +0 -1
  247. package/lib-esm/ui/sort-dropdown/sort-dropdown.js +0 -8
  248. package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +1 -0
  249. package/lib-esm/ui/table/table.js +0 -2
  250. package/lib-esm/ui/tabs/tabs.js +0 -4
  251. package/lib-esm/ui/tabs/tabs.module.css +6 -2
  252. package/lib-esm/ui/tag/tag.js +0 -1
  253. package/lib-esm/ui/tooltip/tooltip.js +1 -2
  254. package/lib-esm/ui/tooltip/tooltip.stories.js +0 -2
  255. package/lib-esm/utils.js +2 -9
  256. package/package.json +15 -15
  257. package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
  258. package/src/components/summary/summary.module.css +4 -1
  259. package/src/css/default.css +3 -1
  260. package/src/css/variables.css +1 -1
  261. package/src/ui/tabs/tabs.module.css +6 -2
package/src/css/default.css CHANGED
@@ -63,8 +63,10 @@ a {
63
63
  }
64
64
 
65
65
  a:hover,
66
- a:active {
66
+ a:active,
67
+ a:focus {
67
68
  color: var(--color-primary-dark);
69
+ outline: none;
68
70
  }
69
71
 
70
72
  .ui-button--primary {
package/src/css/variables.css CHANGED
@@ -30,7 +30,7 @@
30
30
  * https://coolors.co/287acc-da444e-55b950-f6e179-192339
31
31
  * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23f6e179&mcgpalette3=%23505861&mcgpalette4=%23287acc&themename=mcgtheme
32
32
  */
33
- --color-gray-25: #f3f3f4;
33
+ --color-gray-25: #F7F7F7;
34
34
  --color-gray-50 : #eaebec;
35
35
  --color-gray-100: #cbcdd0;
36
36
  --color-gray-200: #a8acb0;
package/src/ui/tabs/tabs.module.css CHANGED
@@ -23,12 +23,16 @@
23
23
  background: transparent;
24
24
  }
25
25
 
26
- .item:hover {
26
+ .item:hover,
27
+ .item:active,
28
+ .item:focus {
27
29
  color: var(--color-primary-dark);
28
30
  outline: none;
29
31
  }
30
32
 
31
- .item:hover::after {
33
+ .item:hover::after,
34
+ .item:active::after,
35
+ .item:focus::after {
32
36
  background: currentColor;
33
37
  }
34
38