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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (557) hide show
  1. package/globals.d.ts +4 -0
  2. package/lib/app/app.js +26 -8
  3. package/lib/app/app.js.map +1 -1
  4. package/lib/app/app.module.css +8 -5
  5. package/lib/assets/icons.svg +17 -1
  6. package/lib/assets/icons.svg.js +12 -0
  7. package/lib/assets/icons.svg.js.map +1 -1
  8. package/lib/components/asset-info/asset-info.js +48 -44
  9. package/lib/components/asset-info/asset-info.js.map +1 -1
  10. package/lib/components/asset-info/asset-info.module.css +28 -6
  11. package/lib/components/asset-info/index.js.map +1 -1
  12. package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
  13. package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  14. package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  15. package/lib/components/{duplicate-packages-insight → asset-not-predictive}/index.js +1 -1
  16. package/lib/components/asset-not-predictive/index.js.map +1 -0
  17. package/lib/components/bundle-assets/bundle-assets.js +31 -44
  18. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  19. package/lib/components/bundle-assets/bundle-assets.module.css +11 -22
  20. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  21. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  22. package/lib/components/bundle-assets/index.js +4 -1
  23. package/lib/components/bundle-assets/index.js.map +1 -1
  24. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
  25. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  26. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  27. package/lib/components/bundle-modules/bundle-modules.js +30 -39
  28. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  29. package/lib/components/bundle-modules/bundle-modules.module.css +3 -2
  30. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  31. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  32. package/lib/components/bundle-modules/index.js +5 -2
  33. package/lib/components/bundle-modules/index.js.map +1 -1
  34. package/lib/components/bundle-packages/bundle-packages.js +36 -61
  35. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  36. package/lib/components/bundle-packages/bundle-packages.module.css +4 -0
  37. package/lib/components/bundle-packages/index.js +4 -1
  38. package/lib/components/bundle-packages/index.js.map +1 -1
  39. package/lib/components/delta/delta.module.css +2 -1
  40. package/lib/components/entry-info/entry-info.js +56 -0
  41. package/lib/components/entry-info/entry-info.js.map +1 -0
  42. package/lib/components/entry-info/entry-info.module.css +92 -0
  43. package/lib/components/{summary-item → entry-info}/index.js +1 -1
  44. package/lib/components/entry-info/index.js.map +1 -0
  45. package/lib/components/index.js +9 -7
  46. package/lib/components/index.js.map +1 -1
  47. package/lib/components/insight-icon/index.js +18 -0
  48. package/lib/components/insight-icon/index.js.map +1 -0
  49. package/lib/components/insight-icon/insight-icon.js +25 -0
  50. package/lib/components/insight-icon/insight-icon.js.map +1 -0
  51. package/lib/components/insight-icon/insight-icon.module.css +24 -0
  52. package/lib/components/{job-meta → insights}/index.js +1 -1
  53. package/lib/components/insights/index.js.map +1 -0
  54. package/lib/components/insights/insights.js +25 -0
  55. package/lib/components/insights/insights.js.map +1 -0
  56. package/lib/components/insights/insights.module.css +14 -0
  57. package/lib/components/job-header/job-header.js +12 -11
  58. package/lib/components/job-header/job-header.js.map +1 -1
  59. package/lib/components/jobs-header/index.js.map +1 -1
  60. package/lib/components/jobs-header/jobs-header.js +21 -14
  61. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  62. package/lib/components/jobs-header/jobs-header.module.css +51 -4
  63. package/lib/components/metric/index.js.map +1 -1
  64. package/lib/components/metric/metric.js +7 -64
  65. package/lib/components/metric/metric.js.map +1 -1
  66. package/lib/components/metric/metric.module.css +3 -3
  67. package/lib/components/metric-run-info/index.js +18 -0
  68. package/lib/components/metric-run-info/index.js.map +1 -0
  69. package/lib/components/metric-run-info/metric-run-info.js +64 -0
  70. package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
  71. package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
  72. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  73. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  74. package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
  75. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  76. package/lib/components/module-info/index.js.map +1 -1
  77. package/lib/components/module-info/module-info.js +47 -47
  78. package/lib/components/module-info/module-info.js.map +1 -1
  79. package/lib/components/module-info/module-info.module.css +8 -33
  80. package/lib/components/package-info/index.js +18 -0
  81. package/lib/components/package-info/index.js.map +1 -0
  82. package/lib/components/package-info/package-info.js +77 -0
  83. package/lib/components/package-info/package-info.js.map +1 -0
  84. package/lib/components/package-info/package-info.module.css +13 -0
  85. package/lib/components/run-info/index.js +18 -0
  86. package/lib/components/run-info/index.js.map +1 -0
  87. package/lib/components/run-info/run-info.js +70 -0
  88. package/lib/components/run-info/run-info.js.map +1 -0
  89. package/lib/components/run-info/run-info.module.css +76 -0
  90. package/lib/components/summary/index.js.map +1 -1
  91. package/lib/components/summary/summary.js +10 -31
  92. package/lib/components/summary/summary.js.map +1 -1
  93. package/lib/components/summary/summary.module.css +27 -7
  94. package/lib/constants.js +1 -23
  95. package/lib/constants.js.map +1 -1
  96. package/lib/css/variables.css +18 -13
  97. package/lib/layout/box/box.js +3 -23
  98. package/lib/layout/box/box.js.map +1 -1
  99. package/lib/layout/box/box.module.css +11 -0
  100. package/lib/layout/box/index.js +15 -3
  101. package/lib/layout/box/index.js.map +1 -1
  102. package/lib/layout/flex-stack/flex-stack.js +3 -19
  103. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  104. package/lib/layout/flex-stack/index.js.map +1 -1
  105. package/lib/layout/stack/index.js.map +1 -1
  106. package/lib/layout/stack/stack.js +3 -16
  107. package/lib/layout/stack/stack.js.map +1 -1
  108. package/lib/tokens.js +38 -0
  109. package/lib/tokens.js.map +1 -0
  110. package/lib/ui/alert/alert.js +2 -12
  111. package/lib/ui/alert/alert.js.map +1 -1
  112. package/lib/ui/alert/index.js.map +1 -1
  113. package/lib/ui/container/container.js +1 -10
  114. package/lib/ui/container/container.js.map +1 -1
  115. package/lib/ui/container/index.js +15 -3
  116. package/lib/ui/container/index.js.map +1 -1
  117. package/lib/ui/dropdown/dropdown.module.css +1 -2
  118. package/lib/ui/file-name/file-name.js +1 -1
  119. package/lib/ui/file-name/file-name.js.map +1 -1
  120. package/lib/ui/filters/filters.module.css +1 -5
  121. package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  122. package/lib/ui/hover-card/hover-card.js +3 -21
  123. package/lib/ui/hover-card/hover-card.js.map +1 -1
  124. package/lib/ui/hover-card/index.js.map +1 -1
  125. package/lib/ui/icon/icon.js +4 -0
  126. package/lib/ui/icon/icon.js.map +1 -1
  127. package/lib/ui/index.js +1 -3
  128. package/lib/ui/index.js.map +1 -1
  129. package/lib/ui/input/input.module.css +3 -4
  130. package/lib/ui/table/index.js.map +1 -1
  131. package/lib/ui/table/table.js +3 -17
  132. package/lib/ui/table/table.js.map +1 -1
  133. package/lib/ui/tag/index.js.map +1 -1
  134. package/lib/ui/tag/tag.js +5 -29
  135. package/lib/ui/tag/tag.js.map +1 -1
  136. package/lib/ui/tag/tag.module.css +15 -1
  137. package/lib/ui/tooltip/index.js.map +1 -1
  138. package/lib/ui/tooltip/tooltip.js +3 -23
  139. package/lib/ui/tooltip/tooltip.js.map +1 -1
  140. package/lib/ui/tooltip/tooltip.module.css +3 -4
  141. package/lib-esm/app/app.js +27 -9
  142. package/lib-esm/app/app.js.map +1 -1
  143. package/lib-esm/app/app.module.css +8 -5
  144. package/lib-esm/assets/icons.svg +17 -1
  145. package/lib-esm/assets/icons.svg.js +12 -0
  146. package/lib-esm/assets/icons.svg.js.map +1 -1
  147. package/lib-esm/components/asset-info/asset-info.js +27 -45
  148. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  149. package/lib-esm/components/asset-info/asset-info.module.css +28 -6
  150. package/lib-esm/components/asset-info/index.js.map +1 -1
  151. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
  152. package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
  153. package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  154. package/lib-esm/components/asset-not-predictive/index.js +2 -0
  155. package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
  156. package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
  157. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  158. package/lib-esm/components/bundle-assets/bundle-assets.module.css +11 -22
  159. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  160. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  161. package/lib-esm/components/bundle-assets/index.js +5 -2
  162. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  163. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
  164. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  165. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  166. package/lib-esm/components/bundle-modules/bundle-modules.js +32 -41
  167. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  168. package/lib-esm/components/bundle-modules/bundle-modules.module.css +3 -2
  169. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  170. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  171. package/lib-esm/components/bundle-modules/index.js +7 -4
  172. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  173. package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
  174. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  175. package/lib-esm/components/bundle-packages/bundle-packages.module.css +4 -0
  176. package/lib-esm/components/bundle-packages/index.js +5 -2
  177. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  178. package/lib-esm/components/delta/delta.module.css +2 -1
  179. package/lib-esm/components/entry-info/entry-info.js +50 -0
  180. package/lib-esm/components/entry-info/entry-info.js.map +1 -0
  181. package/lib-esm/components/entry-info/entry-info.module.css +92 -0
  182. package/lib-esm/components/entry-info/index.js +2 -0
  183. package/lib-esm/components/entry-info/index.js.map +1 -0
  184. package/lib-esm/components/index.js +4 -3
  185. package/lib-esm/components/index.js.map +1 -1
  186. package/lib-esm/components/insight-icon/index.js +2 -0
  187. package/lib-esm/components/insight-icon/index.js.map +1 -0
  188. package/lib-esm/components/insight-icon/insight-icon.js +18 -0
  189. package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
  190. package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
  191. package/lib-esm/components/insights/index.js +2 -0
  192. package/lib-esm/components/insights/index.js.map +1 -0
  193. package/lib-esm/components/insights/insights.js +18 -0
  194. package/lib-esm/components/insights/insights.js.map +1 -0
  195. package/lib-esm/components/insights/insights.module.css +14 -0
  196. package/lib-esm/components/job-header/job-header.js +12 -11
  197. package/lib-esm/components/job-header/job-header.js.map +1 -1
  198. package/lib-esm/components/jobs-header/index.js.map +1 -1
  199. package/lib-esm/components/jobs-header/jobs-header.js +20 -13
  200. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  201. package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
  202. package/lib-esm/components/metric/index.js.map +1 -1
  203. package/lib-esm/components/metric/metric.js +7 -41
  204. package/lib-esm/components/metric/metric.js.map +1 -1
  205. package/lib-esm/components/metric/metric.module.css +3 -3
  206. package/lib-esm/components/metric-run-info/index.js +2 -0
  207. package/lib-esm/components/metric-run-info/index.js.map +1 -0
  208. package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
  209. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
  210. package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
  211. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  212. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  213. package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
  214. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  215. package/lib-esm/components/module-info/index.js.map +1 -1
  216. package/lib-esm/components/module-info/module-info.js +26 -48
  217. package/lib-esm/components/module-info/module-info.js.map +1 -1
  218. package/lib-esm/components/module-info/module-info.module.css +8 -33
  219. package/lib-esm/components/package-info/index.js +2 -0
  220. package/lib-esm/components/package-info/index.js.map +1 -0
  221. package/lib-esm/components/package-info/package-info.js +48 -0
  222. package/lib-esm/components/package-info/package-info.js.map +1 -0
  223. package/lib-esm/components/package-info/package-info.module.css +13 -0
  224. package/lib-esm/components/run-info/index.js +2 -0
  225. package/lib-esm/components/run-info/index.js.map +1 -0
  226. package/lib-esm/components/run-info/run-info.js +40 -0
  227. package/lib-esm/components/run-info/run-info.js.map +1 -0
  228. package/lib-esm/components/run-info/run-info.module.css +76 -0
  229. package/lib-esm/components/summary/index.js.map +1 -1
  230. package/lib-esm/components/summary/summary.js +9 -30
  231. package/lib-esm/components/summary/summary.js.map +1 -1
  232. package/lib-esm/components/summary/summary.module.css +27 -7
  233. package/lib-esm/constants.js +0 -22
  234. package/lib-esm/constants.js.map +1 -1
  235. package/lib-esm/css/variables.css +18 -13
  236. package/lib-esm/layout/box/box.js +3 -23
  237. package/lib-esm/layout/box/box.js.map +1 -1
  238. package/lib-esm/layout/box/box.module.css +11 -0
  239. package/lib-esm/layout/box/index.js +1 -1
  240. package/lib-esm/layout/box/index.js.map +1 -1
  241. package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
  242. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  243. package/lib-esm/layout/flex-stack/index.js.map +1 -1
  244. package/lib-esm/layout/stack/index.js.map +1 -1
  245. package/lib-esm/layout/stack/stack.js +3 -16
  246. package/lib-esm/layout/stack/stack.js.map +1 -1
  247. package/lib-esm/tokens.js +35 -0
  248. package/lib-esm/tokens.js.map +1 -0
  249. package/lib-esm/ui/alert/alert.js +2 -12
  250. package/lib-esm/ui/alert/alert.js.map +1 -1
  251. package/lib-esm/ui/alert/index.js.map +1 -1
  252. package/lib-esm/ui/container/container.js +1 -10
  253. package/lib-esm/ui/container/container.js.map +1 -1
  254. package/lib-esm/ui/container/index.js +1 -1
  255. package/lib-esm/ui/container/index.js.map +1 -1
  256. package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
  257. package/lib-esm/ui/file-name/file-name.js +1 -1
  258. package/lib-esm/ui/file-name/file-name.js.map +1 -1
  259. package/lib-esm/ui/filters/filters.module.css +1 -5
  260. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  261. package/lib-esm/ui/hover-card/hover-card.js +3 -21
  262. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  263. package/lib-esm/ui/hover-card/index.js.map +1 -1
  264. package/lib-esm/ui/icon/icon.js +4 -0
  265. package/lib-esm/ui/icon/icon.js.map +1 -1
  266. package/lib-esm/ui/index.js +0 -1
  267. package/lib-esm/ui/index.js.map +1 -1
  268. package/lib-esm/ui/input/input.module.css +3 -4
  269. package/lib-esm/ui/table/index.js.map +1 -1
  270. package/lib-esm/ui/table/table.js +3 -17
  271. package/lib-esm/ui/table/table.js.map +1 -1
  272. package/lib-esm/ui/tag/index.js.map +1 -1
  273. package/lib-esm/ui/tag/tag.js +4 -28
  274. package/lib-esm/ui/tag/tag.js.map +1 -1
  275. package/lib-esm/ui/tag/tag.module.css +15 -1
  276. package/lib-esm/ui/tooltip/index.js.map +1 -1
  277. package/lib-esm/ui/tooltip/tooltip.js +4 -23
  278. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  279. package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
  280. package/package.json +23 -29
  281. package/src/app/app.jsx +34 -9
  282. package/src/app/app.module.css +8 -5
  283. package/src/assets/icons/error.svg +6 -0
  284. package/src/assets/icons/external-link.svg +1 -0
  285. package/src/assets/icons/info.svg +6 -0
  286. package/src/assets/icons/more-vertical.svg +5 -0
  287. package/src/assets/icons.svg +17 -1
  288. package/src/assets/icons.svg.jsx +53 -0
  289. package/src/components/asset-info/asset-info.module.css +28 -6
  290. package/src/components/asset-info/asset-info.stories.tsx +74 -0
  291. package/src/components/asset-info/asset-info.tsx +159 -0
  292. package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
  293. package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
  294. package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
  295. package/src/components/asset-not-predictive/index.ts +1 -0
  296. package/src/components/bundle-assets/bundle-assets.jsx +94 -107
  297. package/src/components/bundle-assets/bundle-assets.module.css +11 -22
  298. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  299. package/src/components/bundle-assets/index.jsx +7 -1
  300. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
  301. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  302. package/src/components/bundle-modules/bundle-modules.jsx +91 -100
  303. package/src/components/bundle-modules/bundle-modules.module.css +3 -2
  304. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  305. package/src/components/bundle-modules/index.jsx +9 -3
  306. package/src/components/bundle-packages/bundle-packages.jsx +116 -179
  307. package/src/components/bundle-packages/bundle-packages.module.css +4 -0
  308. package/src/components/bundle-packages/index.jsx +7 -1
  309. package/src/components/delta/delta.module.css +2 -1
  310. package/src/components/entry-info/entry-info.module.css +92 -0
  311. package/src/components/entry-info/entry-info.stories.tsx +75 -0
  312. package/src/components/entry-info/entry-info.tsx +134 -0
  313. package/src/components/entry-info/index.ts +1 -0
  314. package/src/components/index.js +4 -3
  315. package/src/components/insight-icon/index.ts +1 -0
  316. package/src/components/insight-icon/insight-icon.module.css +24 -0
  317. package/src/components/insight-icon/insight-icon.tsx +25 -0
  318. package/src/components/insights/index.ts +1 -0
  319. package/src/components/insights/insights.module.css +14 -0
  320. package/src/components/insights/insights.stories.tsx +54 -0
  321. package/src/components/insights/insights.tsx +44 -0
  322. package/src/components/job-header/job-header.jsx +16 -13
  323. package/src/components/jobs-header/jobs-header.module.css +51 -4
  324. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  325. package/src/components/jobs-header/jobs-header.tsx +90 -0
  326. package/src/components/metric/metric.module.css +3 -3
  327. package/src/components/metric/metric.stories.tsx +41 -0
  328. package/src/components/metric/metric.tsx +42 -0
  329. package/src/components/metric-run-info/index.ts +1 -0
  330. package/src/components/metric-run-info/metric-run-info.module.css +18 -0
  331. package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
  332. package/src/components/metric-run-info/metric-run-info.tsx +85 -0
  333. package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
  334. package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
  335. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  336. package/src/components/module-info/module-info.module.css +8 -33
  337. package/src/components/module-info/module-info.stories.tsx +44 -0
  338. package/src/components/module-info/module-info.tsx +116 -0
  339. package/src/components/package-info/index.ts +1 -0
  340. package/src/components/package-info/package-info.module.css +13 -0
  341. package/src/components/package-info/package-info.stories.tsx +36 -0
  342. package/src/components/package-info/package-info.tsx +135 -0
  343. package/src/components/run-info/index.ts +1 -0
  344. package/src/components/run-info/run-info.module.css +76 -0
  345. package/src/components/run-info/run-info.stories.tsx +58 -0
  346. package/src/components/run-info/run-info.tsx +111 -0
  347. package/src/components/summary/summary.module.css +27 -7
  348. package/src/components/summary/summary.stories.tsx +57 -0
  349. package/src/components/summary/summary.tsx +103 -0
  350. package/src/constants.js +0 -24
  351. package/src/css/variables.css +18 -13
  352. package/src/layout/box/box.module.css +11 -0
  353. package/src/layout/box/box.stories.tsx +49 -0
  354. package/src/layout/box/box.tsx +49 -0
  355. package/src/layout/box/index.ts +1 -0
  356. package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
  357. package/src/layout/flex-stack/flex-stack.tsx +43 -0
  358. package/src/layout/stack/stack.stories.tsx +53 -0
  359. package/src/layout/stack/stack.tsx +22 -0
  360. package/src/tokens.ts +37 -0
  361. package/src/ui/alert/alert.stories.tsx +39 -0
  362. package/src/ui/alert/alert.tsx +23 -0
  363. package/src/ui/container/container.stories.tsx +29 -0
  364. package/src/ui/container/container.tsx +18 -0
  365. package/src/ui/container/index.ts +1 -0
  366. package/src/ui/dropdown/dropdown.module.css +1 -2
  367. package/src/ui/file-name/file-name.jsx +1 -1
  368. package/src/ui/filters/filters.module.css +1 -5
  369. package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
  370. package/src/ui/hover-card/hover-card.stories.tsx +41 -0
  371. package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
  372. package/src/ui/icon/icon.jsx +4 -0
  373. package/src/ui/index.js +0 -1
  374. package/src/ui/input/input.module.css +3 -4
  375. package/src/ui/table/table.stories.tsx +238 -0
  376. package/src/ui/table/table.tsx +38 -0
  377. package/src/ui/tag/tag.module.css +15 -1
  378. package/src/ui/tag/tag.stories.tsx +32 -0
  379. package/src/ui/tag/tag.tsx +28 -0
  380. package/src/ui/tooltip/tooltip.module.css +3 -4
  381. package/src/ui/tooltip/tooltip.stories.tsx +30 -0
  382. package/src/ui/tooltip/tooltip.tsx +57 -0
  383. package/types/app/header/header.d.ts +5 -5
  384. package/types/components/asset-info/asset-info.d.ts +20 -23
  385. package/types/components/asset-info/index.d.ts +1 -1
  386. package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
  387. package/types/components/asset-not-predictive/index.d.ts +1 -0
  388. package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
  389. package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
  390. package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
  391. package/types/components/bundle-assets/index.d.ts +11 -11
  392. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
  393. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
  394. package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
  395. package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
  396. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  397. package/types/components/bundle-modules/index.d.ts +11 -11
  398. package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
  399. package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
  400. package/types/components/bundle-packages/index.d.ts +11 -11
  401. package/types/components/component-link.d.ts +6 -6
  402. package/types/components/delta/delta.d.ts +7 -7
  403. package/types/components/entry-info/entry-info.d.ts +25 -0
  404. package/types/components/entry-info/index.d.ts +1 -0
  405. package/types/components/index.d.ts +4 -3
  406. package/types/components/insight-icon/index.d.ts +1 -0
  407. package/types/components/insight-icon/insight-icon.d.ts +7 -0
  408. package/types/components/insights/index.d.ts +1 -0
  409. package/types/components/insights/insights.d.ts +8 -0
  410. package/types/components/job-header/job-header.d.ts +9 -9
  411. package/types/components/job-name/job-name.d.ts +9 -9
  412. package/types/components/jobs-header/index.d.ts +1 -1
  413. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  414. package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
  415. package/types/components/metric/index.d.ts +1 -1
  416. package/types/components/metric/metric.d.ts +6 -32
  417. package/types/components/metric-run-info/index.d.ts +1 -0
  418. package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
  419. package/types/components/metrics-table/metrics-table.d.ts +14 -14
  420. package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
  421. package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
  422. package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
  423. package/types/components/module-info/index.d.ts +1 -1
  424. package/types/components/module-info/module-info.d.ts +19 -34
  425. package/types/components/package-info/index.d.ts +1 -0
  426. package/types/components/package-info/package-info.d.ts +15 -0
  427. package/types/components/run-info/index.d.ts +1 -0
  428. package/types/components/run-info/run-info.d.ts +16 -0
  429. package/types/components/summary/index.d.ts +1 -1
  430. package/types/components/summary/summary.d.ts +25 -36
  431. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
  432. package/types/constants.d.ts +4 -15
  433. package/types/i18n.d.ts +15 -15
  434. package/types/layout/box/box.d.ts +12 -25
  435. package/types/layout/box/index.d.ts +1 -1
  436. package/types/layout/flex-stack/flex-stack.d.ts +10 -33
  437. package/types/layout/flex-stack/index.d.ts +1 -1
  438. package/types/layout/footer/footer.d.ts +5 -5
  439. package/types/layout/separator.d.ts +4 -4
  440. package/types/layout/stack/index.d.ts +1 -1
  441. package/types/layout/stack/stack.d.ts +7 -20
  442. package/types/tokens.d.ts +23 -0
  443. package/types/ui/alert/alert.d.ts +7 -14
  444. package/types/ui/alert/index.d.ts +1 -1
  445. package/types/ui/container/container.d.ts +5 -17
  446. package/types/ui/container/index.d.ts +1 -1
  447. package/types/ui/dropdown/dropdown.d.ts +16 -16
  448. package/types/ui/empty-set/empty-set.d.ts +7 -7
  449. package/types/ui/file-name/file-name.d.ts +7 -7
  450. package/types/ui/filters/filters.d.ts +6 -6
  451. package/types/ui/filters/filters.utils.d.ts +2 -2
  452. package/types/ui/filters/index.d.ts +4 -4
  453. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
  454. package/types/ui/hover-card/hover-card.d.ts +12 -26
  455. package/types/ui/hover-card/index.d.ts +1 -1
  456. package/types/ui/icon/icon.d.ts +26 -22
  457. package/types/ui/index.d.ts +0 -1
  458. package/types/ui/input/input.d.ts +5 -5
  459. package/types/ui/loader/loader.d.ts +8 -8
  460. package/types/ui/skeleton/skeleton.d.ts +7 -7
  461. package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
  462. package/types/ui/table/index.d.ts +1 -1
  463. package/types/ui/table/table.d.ts +14 -33
  464. package/types/ui/tabs/tabs.d.ts +10 -10
  465. package/types/ui/tag/index.d.ts +1 -1
  466. package/types/ui/tag/tag.d.ts +22 -33
  467. package/types/ui/toolbar/toolbar.d.ts +6 -6
  468. package/types/ui/tooltip/index.d.ts +1 -1
  469. package/types/ui/tooltip/tooltip.d.ts +10 -28
  470. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -31
  471. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  472. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  473. package/lib/components/duplicate-packages-insight/index.js.map +0 -1
  474. package/lib/components/job-meta/index.js.map +0 -1
  475. package/lib/components/job-meta/job-meta.js +0 -34
  476. package/lib/components/job-meta/job-meta.js.map +0 -1
  477. package/lib/components/job-meta/job-meta.module.css +0 -19
  478. package/lib/components/summary-item/index.js.map +0 -1
  479. package/lib/components/summary-item/summary-item.js +0 -97
  480. package/lib/components/summary-item/summary-item.js.map +0 -1
  481. package/lib/components/summary-item/summary-item.module.css +0 -58
  482. package/lib/ui/panels/index.js +0 -6
  483. package/lib/ui/panels/index.js.map +0 -1
  484. package/lib/ui/panels/panels.js +0 -28
  485. package/lib/ui/panels/panels.js.map +0 -1
  486. package/lib/ui/panels/panels.module.css +0 -23
  487. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +0 -24
  488. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +0 -1
  489. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  490. package/lib-esm/components/duplicate-packages-insight/index.js +0 -2
  491. package/lib-esm/components/duplicate-packages-insight/index.js.map +0 -1
  492. package/lib-esm/components/job-meta/index.js +0 -2
  493. package/lib-esm/components/job-meta/index.js.map +0 -1
  494. package/lib-esm/components/job-meta/job-meta.js +0 -27
  495. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  496. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  497. package/lib-esm/components/summary-item/index.js +0 -2
  498. package/lib-esm/components/summary-item/index.js.map +0 -1
  499. package/lib-esm/components/summary-item/summary-item.js +0 -67
  500. package/lib-esm/components/summary-item/summary-item.js.map +0 -1
  501. package/lib-esm/components/summary-item/summary-item.module.css +0 -58
  502. package/lib-esm/ui/panels/index.js +0 -2
  503. package/lib-esm/ui/panels/index.js.map +0 -1
  504. package/lib-esm/ui/panels/panels.js +0 -21
  505. package/lib-esm/ui/panels/panels.js.map +0 -1
  506. package/lib-esm/ui/panels/panels.module.css +0 -23
  507. package/src/components/asset-info/asset-info.jsx +0 -96
  508. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +0 -18
  509. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +0 -66
  510. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +0 -81
  511. package/src/components/duplicate-packages-insight/index.ts +0 -1
  512. package/src/components/job-meta/index.js +0 -1
  513. package/src/components/job-meta/job-meta.jsx +0 -47
  514. package/src/components/job-meta/job-meta.module.css +0 -19
  515. package/src/components/jobs-header/jobs-header.jsx +0 -43
  516. package/src/components/metric/metric.jsx +0 -63
  517. package/src/components/module-info/module-info.jsx +0 -123
  518. package/src/components/summary/summary.jsx +0 -73
  519. package/src/components/summary-item/index.js +0 -1
  520. package/src/components/summary-item/summary-item.jsx +0 -142
  521. package/src/components/summary-item/summary-item.module.css +0 -58
  522. package/src/layout/box/box.jsx +0 -67
  523. package/src/layout/box/index.js +0 -1
  524. package/src/layout/flex-stack/flex-stack.jsx +0 -49
  525. package/src/layout/stack/stack.jsx +0 -32
  526. package/src/ui/alert/alert.jsx +0 -27
  527. package/src/ui/container/container.jsx +0 -24
  528. package/src/ui/container/index.js +0 -1
  529. package/src/ui/panels/index.js +0 -1
  530. package/src/ui/panels/panels.jsx +0 -39
  531. package/src/ui/panels/panels.module.css +0 -23
  532. package/src/ui/table/table.jsx +0 -37
  533. package/src/ui/tag/tag.jsx +0 -49
  534. package/src/ui/tooltip/tooltip.jsx +0 -67
  535. package/tsconfig.esm.json +0 -13
  536. package/tsconfig.json +0 -7
  537. package/tsconfig.lib.json +0 -9
  538. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +0 -11
  539. package/types/components/duplicate-packages-insight/index.d.ts +0 -1
  540. package/types/components/job-meta/index.d.ts +0 -1
  541. package/types/components/job-meta/job-meta.d.ts +0 -18
  542. package/types/components/summary-item/index.d.ts +0 -1
  543. package/types/components/summary-item/summary-item.d.ts +0 -40
  544. package/types/ui/panels/index.d.ts +0 -1
  545. package/types/ui/panels/panels.d.ts +0 -18
  546. /package/src/components/asset-info/{index.js → index.ts} +0 -0
  547. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
  548. /package/src/components/metric/{index.js → index.ts} +0 -0
  549. /package/src/components/module-info/{index.js → index.ts} +0 -0
  550. /package/src/components/summary/{index.js → index.ts} +0 -0
  551. /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
  552. /package/src/layout/stack/{index.js → index.ts} +0 -0
  553. /package/src/ui/alert/{index.js → index.ts} +0 -0
  554. /package/src/ui/hover-card/{index.js → index.ts} +0 -0
  555. /package/src/ui/table/{index.js → index.ts} +0 -0
  556. /package/src/ui/tag/{index.js → index.ts} +0 -0
  557. /package/src/ui/tooltip/{index.js → index.ts} +0 -0
@@ -1,33 +1,13 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
- import { NO_SPACE, SPACES } from '../../constants';
3
+ import { NO_SPACE } from '../../tokens';
5
4
  import css from './box.module.css';
6
5
  export const Box = (props) => {
7
- const { className, as: Component, padding, horizontalPadding, verticalPadding, outline, ...restProps } = props;
6
+ const { className = '', as: Component = 'div', padding = NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;
8
7
  const [resolvedPadding, resolvedVerticalPadding, resolvedHorizontalPadding] = Array.isArray(padding)
9
8
  ? [null, ...padding]
10
9
  : [padding, verticalPadding, horizontalPadding];
11
- const rootClassName = cx(css.root, className, resolvedPadding && css[`padding-${resolvedPadding}`], resolvedVerticalPadding && css[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && css[`horizontal-padding-${resolvedHorizontalPadding}`], outline && css.outline);
10
+ const rootClassName = cx(css.root, className, resolvedPadding && css[`padding-${resolvedPadding}`], resolvedVerticalPadding && css[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && css[`horizontal-padding-${resolvedHorizontalPadding}`], outline && css.outline, outlineHover && css.outlineHover);
12
11
  return React.createElement(Component, { ...restProps, className: rootClassName });
13
12
  };
14
- Box.defaultProps = {
15
- className: '',
16
- as: 'div',
17
- padding: NO_SPACE,
18
- horizontalPadding: '',
19
- verticalPadding: '',
20
- outline: false,
21
- };
22
- Box.propTypes = {
23
- className: PropTypes.string,
24
- as: PropTypes.elementType,
25
- padding: PropTypes.oneOfType([
26
- PropTypes.oneOf(SPACES),
27
- PropTypes.arrayOf(PropTypes.oneOf(SPACES)),
28
- ]),
29
- horizontalPadding: PropTypes.oneOf(SPACES),
30
- verticalPadding: PropTypes.oneOf(SPACES),
31
- outline: PropTypes.bool,
32
- };
33
13
  //# sourceMappingURL=box.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,MAAM,CAAC,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,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,GAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,GAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,GAAG,CAAC,OAAO,CACvB,CAAC;IAEF,OAAO,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;IACT,OAAO,EAAE,QAAQ;IACjB,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE;IACnB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,GAAG,CAAC,SAAS,GAAG;IAEd,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC;QAC3B,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;QACvB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3C,CAAC;IAGF,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IAG1C,eAAe,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IAGxC,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAC"}
1
+ {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAanC,MAAM,CAAC,MAAM,GAAG,GAAG,CACjB,KAAqE,EACrE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,QAAQ,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,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,GAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,GAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,GAAG,CAAC,OAAO,EACtB,YAAY,IAAI,GAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC"}
@@ -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,2 +1,2 @@
1
- export { Box } from './box';
1
+ export * from './box';
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
@@ -1,27 +1,11 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
- import { NO_SPACE, SPACES } from '../../constants';
3
+ import { NO_SPACE } from '../../tokens';
5
4
  import { getRenderChildWithClassName } from '../../utils';
6
5
  import css from './flex-stack.module.css';
7
- export const FlexStack = ({ as: Component = 'div', className = '', space = '', inline = false, children = null, alignItems = '', ...restProps }) => {
6
+ export const FlexStack = (props) => {
7
+ const { as: Component = 'div', className = '', space = NO_SPACE, inline = false, children = null, alignItems = '', ...restProps } = props;
8
8
  const rootClassName = cx(className, css.root, css[`space--${space}`], css[`align-items--${alignItems}`], inline && css.inline);
9
9
  return (React.createElement(Component, { ...restProps, className: rootClassName }, React.Children.map(children, getRenderChildWithClassName(css.item))));
10
10
  };
11
- FlexStack.defaultProps = {
12
- as: 'div',
13
- className: '',
14
- children: null,
15
- space: NO_SPACE,
16
- alignItems: undefined,
17
- inline: false,
18
- };
19
- FlexStack.propTypes = {
20
- as: PropTypes.elementType,
21
- className: PropTypes.string,
22
- children: PropTypes.node,
23
- space: PropTypes.oneOf(SPACES),
24
- alignItems: PropTypes.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
25
- inline: PropTypes.bool,
26
- };
27
11
  //# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,CAAC,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,EAAE,CACtB,SAAS,EACT,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,GAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,GAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACxF,MAAM,EAAE,SAAS,CAAC,IAAI;CACvB,CAAC"}
1
+ {"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAW1C,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAiF,EACjF,EAAE;IACF,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,GAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,GAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.js"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.js"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,24 +1,11 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
- import { NO_SPACE, SPACES } from '../../constants';
3
+ import { NO_SPACE } from '../../tokens';
5
4
  import { getRenderChildWithClassName } from '../../utils';
6
5
  import css from './stack.module.css';
7
6
  export const Stack = (props) => {
8
- const { as: Component, className, space, children, ...restProps } = props;
9
- const rootClassName = cx(className, css.root, css[`space--${space}`]);
7
+ const { className = '', as: Component = 'div', space = NO_SPACE, children, ...restProps } = props;
8
+ const rootClassName = cx(css.root, className, css[`space--${space}`]);
10
9
  return (React.createElement(Component, { ...restProps, className: rootClassName }, React.Children.map(children, getRenderChildWithClassName(css.item))));
11
10
  };
12
- Stack.defaultProps = {
13
- as: 'div',
14
- className: '',
15
- children: null,
16
- space: NO_SPACE,
17
- };
18
- Stack.propTypes = {
19
- as: PropTypes.elementType,
20
- className: PropTypes.string,
21
- children: PropTypes.node,
22
- space: PropTypes.oneOf(SPACES),
23
- };
24
11
  //# sourceMappingURL=stack.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,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,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CAC/B,CAAC"}
1
+ {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAOrC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAA+C,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,35 @@
1
+ export const NO_SPACE = 'no-space';
2
+ export const SPACE_XXXSMALL = 'xxxsmall';
3
+ export const SPACE_XXSMALL = 'xxsmall';
4
+ export const SPACE_XSMALL = 'xsmall';
5
+ export const SPACE_SMALL = 'small';
6
+ export const SPACE_MEDIUM = 'medium';
7
+ export const SPACE_LARGE = 'large';
8
+ export const SPACE_XLARGE = 'xlarge';
9
+ export const SPACE_XXLARGE = 'xxlarge';
10
+ export const SPACE_XXXLARGE = 'xxxlarge';
11
+ export const SPACES = [
12
+ NO_SPACE,
13
+ SPACE_XXXSMALL,
14
+ SPACE_XXSMALL,
15
+ SPACE_XSMALL,
16
+ SPACE_SMALL,
17
+ SPACE_MEDIUM,
18
+ SPACE_LARGE,
19
+ SPACE_XLARGE,
20
+ SPACE_XXLARGE,
21
+ SPACE_XXXLARGE,
22
+ ];
23
+ export const KIND = {
24
+ DEFAULT: 'default',
25
+ SUCCESS: 'success',
26
+ INFO: 'info',
27
+ WARNING: 'warning',
28
+ DANGER: 'danger',
29
+ };
30
+ export const SIZE = {
31
+ SMALL: 'small',
32
+ MEDIUM: 'medium',
33
+ LARGE: 'large',
34
+ };
35
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AACzC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
@@ -1,19 +1,9 @@
1
1
  import React from 'react';
2
2
  import cx from 'classnames';
3
- import PropTypes from 'prop-types';
4
3
  import { Box } from '../../layout/box';
5
4
  import css from './alert.module.css';
6
5
  export const Alert = (props) => {
7
- const { className, kind, children } = props;
8
- return (React.createElement(Box, { padding: ['xsmall', 'small'], outline: true, className: cx(css.root, className, css[kind]) }, children));
9
- };
10
- Alert.propTypes = {
11
- className: PropTypes.string,
12
- kind: PropTypes.string,
13
- children: PropTypes.node.isRequired,
14
- };
15
- Alert.defaultProps = {
16
- className: '',
17
- kind: 'default',
6
+ const { className = '', kind = 'default', ...restProps } = props;
7
+ return (React.createElement(Box, { padding: ['xsmall', 'small'], outline: true, className: cx(css.root, className, css[kind]), ...restProps }));
18
8
  };
19
9
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/ui/alert/alert.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,QAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,IACrF,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,KAAK,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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAMrC,MAAM,CAAC,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,oBAAC,GAAG,IACF,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC5B,OAAO,QACP,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,KACzC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.js"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,15 +1,6 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
3
  import css from './container.module.css';
5
- export const Container = ({ className, as: Component, ...restProps }) => (React.createElement(Component, { className: cx(css.root, className) },
4
+ export const Container = ({ as: Component = 'div', className = '', ...restProps }) => (React.createElement(Component, { className: cx(css.root, className) },
6
5
  React.createElement("div", { className: css.inner, ...restProps })));
7
- Container.defaultProps = {
8
- className: '',
9
- as: 'div',
10
- };
11
- Container.propTypes = {
12
- className: PropTypes.string,
13
- as: PropTypes.elementType,
14
- };
15
6
  //# sourceMappingURL=container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,KAAM,SAAS,GAAI,CAClC,CACb,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;CAC1B,CAAC"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAMzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EACG,EAAE,EAAE,CAAC,CACpB,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,KAAM,SAAS,GAAI,CAClC,CACb,CAAC"}
@@ -1,2 +1,2 @@
1
- export { Container } from './container';
1
+ export * from './container';
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -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
 
@@ -11,6 +11,6 @@ FileName.defaultProps = {
11
11
  FileName.propTypes = {
12
12
  className: PropTypes.string,
13
13
  as: PropTypes.elementType,
14
- name: PropTypes.string,
14
+ name: PropTypes.string | PropTypes.node,
15
15
  };
16
16
  //# 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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC"}
1
+ {"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,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 {
@@ -1,11 +1,10 @@
1
1
  import React, { useMemo } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
3
  import { Hovercard, HovercardAnchor, HovercardArrow, useHovercard, useHovercardState, } from 'ariakit/hovercard';
5
4
  import css from './hover-card.module.css';
6
5
  export const HoverCard = (props) => {
7
- const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
8
- const state = useHovercardState({ gutter: 8, timeout: 700 });
6
+ const { className = '', anchorClassName = '', hoverCardClassName = '', href = '', as = null, label, children, } = props;
7
+ const state = useHovercardState({ gutter: 8, timeout: 800 });
9
8
  const hovercardProps = useHovercard({ state, portal: true });
10
9
  const Component = useMemo(() => {
11
10
  if (as) {
@@ -17,26 +16,9 @@ export const HoverCard = (props) => {
17
16
  return 'span';
18
17
  }, [as, href]);
19
18
  return (React.createElement("div", { className: cx(css.root, className) },
20
- React.createElement(HovercardAnchor, { state: state, href: href, className: cx(css.anchor, anchorClassName), as: Component }, label),
19
+ React.createElement(HovercardAnchor, { state: state, href: href, className: cx(css.anchor, anchorClassName), as: Component, "aria-controls": state.open ? hovercardProps.id : '' }, label),
21
20
  React.createElement(Hovercard, { ...hovercardProps, state: state, className: cx(css.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
22
21
  React.createElement(HovercardArrow, { size: 24 }),
23
22
  typeof children === 'function' ? children({ close: state.hide }) : children)));
24
23
  };
25
- HoverCard.propTypes = {
26
- className: PropTypes.string,
27
- hoverCardClassName: PropTypes.string,
28
- anchorClassName: PropTypes.string,
29
- label: PropTypes.node,
30
- href: PropTypes.string,
31
- as: PropTypes.elementType,
32
- children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
33
- };
34
- HoverCard.defaultProps = {
35
- className: '',
36
- hoverCardClassName: '',
37
- anchorClassName: '',
38
- label: '',
39
- as: '',
40
- href: '',
41
- };
42
24
  //# 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,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,CAAC,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,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,OAAO,CAAC,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,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,IAEZ,KAAK,CACU;QAClB,oBAAC,SAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,oBAAC,cAAc,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;AAEF,SAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,kBAAkB,EAAE,SAAS,CAAC,MAAM;IAEpC,eAAe,EAAE,SAAS,CAAC,MAAM;IAEjC,KAAK,EAAE,SAAS,CAAC,IAAI;IAErB,IAAI,EAAE,SAAS,CAAC,MAAM;IAEtB,EAAE,EAAE,SAAS,CAAC,WAAW;IAEzB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF,SAAS,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,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAY1C,MAAM,CAAC,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,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,OAAO,CAAC,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,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,GAAG,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,oBAAC,SAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,oBAAC,cAAc,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.js"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -9,9 +9,13 @@ const ICONS = {
9
9
  CLOSE: 'close',
10
10
  CLOCK: 'clock',
11
11
  COMMIT: 'commit',
12
+ ERROR: 'error',
13
+ EXTERNAL_LINK: 'external-link',
12
14
  FILTER: 'filter',
15
+ INFO: 'info',
13
16
  HELP: 'help',
14
17
  MENU: 'menu',
18
+ MORE_VERTICAL: 'more-vertical',
15
19
  SORT: 'sort',
16
20
  WARNING: 'warning',
17
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,6BAAK,SAAS,EAAE,GAAG,CAAC,IAAI;YACtB,6BAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC5B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAElE,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI,CAAC,WAAW;CACvB,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;IAC9F,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;CAClC,CAAC"}
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,6BAAK,SAAS,EAAE,GAAG,CAAC,IAAI;YACtB,6BAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC5B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAElE,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,IAAI,CAAC,WAAW;CACvB,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;IAC9F,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;CAClC,CAAC"}
@@ -9,7 +9,6 @@ export { HoverCard } from './hover-card';
9
9
  export { Icon } from './icon';
10
10
  export { Input } from './input';
11
11
  export { Loader } from './loader';
12
- export { Panels } from './panels';
13
12
  export { Skeleton } from './skeleton';
14
13
  export { SortDropdown } from './sort-dropdown';
15
14
  export { Table } from './table';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -1,6 +1,6 @@
1
1
  .root {
2
- border: 1px solid var(--color-outline);;
3
- border-radius: 0;
2
+ border: 1px solid var(--color-outline);
3
+ border-radius: var(--radius-small);
4
4
  color: var(--color-text-light);
5
5
  width: 100%;
6
6
  transition: var(--transition-in);
@@ -25,8 +25,7 @@
25
25
  }
26
26
 
27
27
  .root:focus {
28
- border-color: var(--color-outline-dark);
29
- box-shadow: var(--shadow-layer);
28
+ box-shadow: var(--outline-hover);
30
29
  color: inherit;
31
30
  transition: var(--transition-out);
32
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.js"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,31 +1,17 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
4
3
  import css from './table.module.css';
5
- export const Table = ({ className, emptyMessage, compact, outline, children }) => {
4
+ export const Table = (props) => {
5
+ const { className = '', emptyMessage = null, compact = false, outline = false, children, ...restProps } = props;
6
6
  const rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
7
7
  if (!children) {
8
8
  return React.createElement("div", { className: cx(rootClassName, css.empty) }, emptyMessage);
9
9
  }
10
- return React.createElement("table", { className: rootClassName }, children);
10
+ return (React.createElement("table", { className: rootClassName, ...restProps }, children));
11
11
  };
12
12
  Table.THead = 'thead';
13
13
  Table.TBody = 'tbody';
14
14
  Table.Tr = 'tr';
15
15
  Table.Th = 'th';
16
16
  Table.Td = 'td';
17
- Table.defaultProps = {
18
- className: '',
19
- emptyMessage: 'No entries found.',
20
- children: null,
21
- compact: false,
22
- outline: false,
23
- };
24
- Table.propTypes = {
25
- className: PropTypes.string,
26
- emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
27
- compact: PropTypes.bool,
28
- outline: PropTypes.bool,
29
- children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
30
- };
31
17
  //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,+BAAO,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAS,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAEhB,KAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,mBAAmB;IACjC,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;CACnF,CAAC"}
1
+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAQrC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,CACL,+BAAO,SAAS,EAAE,aAAa,KAAM,SAAS,IAC3C,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,KAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.js"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
@@ -1,36 +1,12 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cx from 'classnames';
3
+ import { KIND, SIZE } from '../../tokens';
4
4
  import css from './tag.module.css';
5
- export const KINDS = {
6
- DEFAULT: 'default',
7
- SUCCESS: 'success',
8
- INFO: 'info',
9
- WARNING: 'warning',
10
- DANGER: 'danger',
11
- };
12
- export const SIZES = {
13
- SMALL: 'small',
14
- MEDIUM: 'medium',
15
- LARGE: 'large',
16
- };
17
5
  export const Tag = (props) => {
18
- const { className = '', as: Component = 'span', kind = KINDS.DEFAULT, size = SIZES.MEDIUM, ...restProps } = props;
6
+ const { className = '', as: Component = 'span', kind = KIND.DEFAULT, size = SIZE.MEDIUM, ...restProps } = props;
19
7
  const rootClassName = cx(css.root, className, css[kind], css[size]);
20
8
  return React.createElement(Component, { className: rootClassName, ...restProps });
21
9
  };
22
- Tag.propTypes = {
23
- className: PropTypes.string,
24
- as: PropTypes.elementType,
25
- kind: PropTypes.oneOf(Object.values(KINDS)),
26
- size: PropTypes.oneOf(Object.values(SIZES)),
27
- };
28
- Tag.defaultProps = {
29
- className: '',
30
- as: 'span',
31
- kind: KINDS.DEFAULT,
32
- size: SIZES.MEDIUM,
33
- };
34
- Tag.KINDS = KINDS;
35
- Tag.SIZES = SIZES;
10
+ Tag.KINDS = KIND;
11
+ Tag.SIZES = SIZE;
36
12
  //# sourceMappingURL=tag.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,KAAK,CAAC,OAAO,EACpB,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,GAAG,CAAC,SAAS,GAAG;IACd,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;CAC5C,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,KAAK,CAAC,OAAO;IACnB,IAAI,EAAE,KAAK,CAAC,MAAM;CACnB,CAAC;AAEF,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;AAClB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC"}
1
+ {"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAQnC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,IAAI,CAAC,OAAO,EACnB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;AACjB,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC"}
@@ -2,12 +2,26 @@
2
2
  display: inline-block;
3
3
  font-family: var(--font-family);
4
4
  font-weight: bold;
5
- background: var(--color-text-light);
5
+ background: var(--color-text-ultra-light);
6
6
  color: var(--color-light);
7
7
  text-align: center;
8
8
  text-transform: uppercase;
9
9
  }
10
10
 
11
+ a.root {
12
+ text-decoration: none;
13
+ transition: var(--transition-out);
14
+ }
15
+
16
+ a.root:hover,
17
+ a.root:focus,
18
+ a.root:active {
19
+ opacity: 0.8;
20
+ color: var(--color-light);
21
+ text-decoration: none;
22
+ transition: var(--transition-in);
23
+ }
24
+
11
25
  /** Kind variation */
12
26
  .success {
13
27
  background: var(--color-success);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}