@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/globals.d.ts +4 -0
- package/lib/app/app.js +21 -9
- package/lib/app/app.js.map +1 -1
- package/lib/app/app.module.css +8 -5
- package/lib/app/header/header.js +9 -12
- package/lib/app/header/header.js.map +1 -1
- package/lib/app/header/header.module.css +27 -20
- package/lib/app/header/index.js.map +1 -1
- package/lib/assets/icons.svg +11 -4
- package/lib/assets/icons.svg.js +8 -3
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +48 -44
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +28 -6
- package/lib/components/asset-info/index.js.map +1 -1
- package/lib/components/asset-not-predictive/asset-not-predictive.js +28 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib/components/asset-not-predictive/index.js +18 -0
- package/lib/components/asset-not-predictive/index.js.map +1 -0
- package/lib/components/bundle-assets/bundle-assets.js +31 -44
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets/index.js +4 -1
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +11 -7
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +30 -40
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +5 -2
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.js +36 -61
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib/components/bundle-packages/index.js +4 -1
- package/lib/components/bundle-packages/index.js.map +1 -1
- package/lib/components/delta/delta.module.css +2 -1
- package/lib/components/entry-info/entry-info.js +56 -0
- package/lib/components/entry-info/entry-info.js.map +1 -0
- package/lib/components/entry-info/entry-info.module.css +93 -0
- package/lib/components/{summary-item → entry-info}/index.js +1 -1
- package/lib/components/entry-info/index.js.map +1 -0
- package/lib/components/index.js +7 -5
- package/lib/components/index.js.map +1 -1
- package/lib/components/insight-icon/index.js +18 -0
- package/lib/components/insight-icon/index.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.js +25 -0
- package/lib/components/insight-icon/insight-icon.js.map +1 -0
- package/lib/components/insight-icon/insight-icon.module.css +24 -0
- package/lib/components/insights/insights.js +6 -39
- package/lib/components/insights/insights.js.map +1 -1
- package/lib/components/insights/insights.module.css +1 -19
- package/lib/components/job-header/job-header.js +12 -11
- package/lib/components/job-header/job-header.js.map +1 -1
- package/lib/components/jobs-header/index.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.js +21 -14
- package/lib/components/jobs-header/jobs-header.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.module.css +51 -4
- package/lib/components/metric/index.js.map +1 -1
- package/lib/components/metric/metric.js +7 -64
- package/lib/components/metric/metric.js.map +1 -1
- package/lib/components/metric/metric.module.css +3 -3
- package/lib/components/metric-run-info/index.js +18 -0
- package/lib/components/metric-run-info/index.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.js +64 -0
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib/components/module-info/index.js.map +1 -1
- package/lib/components/module-info/module-info.js +47 -47
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +8 -33
- package/lib/components/package-info/index.js +18 -0
- package/lib/components/package-info/index.js.map +1 -0
- package/lib/components/package-info/package-info.js +77 -0
- package/lib/components/package-info/package-info.js.map +1 -0
- package/lib/components/package-info/package-info.module.css +13 -0
- package/lib/components/{job-meta → run-info}/index.js +1 -1
- package/lib/components/run-info/index.js.map +1 -0
- package/lib/components/run-info/run-info.js +70 -0
- package/lib/components/run-info/run-info.js.map +1 -0
- package/lib/components/run-info/run-info.module.css +76 -0
- package/lib/components/summary/index.js.map +1 -1
- package/lib/components/summary/summary.js +10 -31
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +27 -7
- package/lib/config.json +1 -1
- package/lib/constants.js +1 -23
- package/lib/constants.js.map +1 -1
- package/lib/css/variables.css +22 -15
- package/lib/layout/box/box.js +3 -23
- package/lib/layout/box/box.js.map +1 -1
- package/lib/layout/box/box.module.css +11 -0
- package/lib/layout/box/index.js +15 -3
- package/lib/layout/box/index.js.map +1 -1
- package/lib/layout/flex-stack/flex-stack.js +3 -19
- package/lib/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib/layout/flex-stack/index.js.map +1 -1
- package/lib/layout/footer/footer.js +2 -4
- package/lib/layout/footer/footer.js.map +1 -1
- package/lib/layout/stack/index.js.map +1 -1
- package/lib/layout/stack/stack.js +3 -16
- package/lib/layout/stack/stack.js.map +1 -1
- package/lib/tokens.js +38 -0
- package/lib/tokens.js.map +1 -0
- package/lib/ui/alert/alert.js +2 -12
- package/lib/ui/alert/alert.js.map +1 -1
- package/lib/ui/alert/index.js.map +1 -1
- package/lib/ui/container/container.js +1 -10
- package/lib/ui/container/container.js.map +1 -1
- package/lib/ui/container/index.js +15 -3
- package/lib/ui/container/index.js.map +1 -1
- package/lib/ui/dropdown/dropdown.module.css +1 -2
- package/lib/ui/file-name/file-name.js +1 -1
- package/lib/ui/file-name/file-name.js.map +1 -1
- package/lib/ui/filters/filters.module.css +1 -5
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib/ui/hover-card/hover-card.js +3 -21
- package/lib/ui/hover-card/hover-card.js.map +1 -1
- package/lib/ui/hover-card/index.js.map +1 -1
- package/lib/ui/icon/icon.js +14 -18
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/icon/index.js.map +1 -1
- package/lib/ui/index.js +1 -3
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/input/input.module.css +3 -4
- package/lib/ui/table/index.js.map +1 -1
- package/lib/ui/table/table.js +3 -17
- package/lib/ui/table/table.js.map +1 -1
- package/lib/ui/tag/index.js.map +1 -1
- package/lib/ui/tag/tag.js +5 -29
- package/lib/ui/tag/tag.js.map +1 -1
- package/lib/ui/tag/tag.module.css +15 -1
- package/lib/ui/tooltip/index.js.map +1 -1
- package/lib/ui/tooltip/tooltip.js +3 -23
- package/lib/ui/tooltip/tooltip.js.map +1 -1
- package/lib/ui/tooltip/tooltip.module.css +3 -4
- package/lib-esm/app/app.js +22 -10
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/app/app.module.css +8 -5
- package/lib-esm/app/header/header.js +9 -12
- package/lib-esm/app/header/header.js.map +1 -1
- package/lib-esm/app/header/header.module.css +27 -20
- package/lib-esm/app/header/index.js.map +1 -1
- package/lib-esm/assets/icons.svg +11 -4
- package/lib-esm/assets/icons.svg.js +8 -3
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +27 -45
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +28 -6
- package/lib-esm/components/asset-info/index.js.map +1 -1
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +21 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/lib-esm/components/asset-not-predictive/index.js +2 -0
- package/lib-esm/components/asset-not-predictive/index.js.map +1 -0
- package/lib-esm/components/bundle-assets/bundle-assets.js +34 -49
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +20 -19
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets/index.js +5 -2
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +10 -8
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +32 -42
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +11 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +7 -4
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.js +37 -62
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +12 -14
- package/lib-esm/components/bundle-packages/index.js +5 -2
- package/lib-esm/components/bundle-packages/index.js.map +1 -1
- package/lib-esm/components/delta/delta.module.css +2 -1
- package/lib-esm/components/entry-info/entry-info.js +50 -0
- package/lib-esm/components/entry-info/entry-info.js.map +1 -0
- package/lib-esm/components/entry-info/entry-info.module.css +93 -0
- package/lib-esm/components/entry-info/index.js +2 -0
- package/lib-esm/components/entry-info/index.js.map +1 -0
- package/lib-esm/components/index.js +3 -2
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/insight-icon/index.js +2 -0
- package/lib-esm/components/insight-icon/index.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.js +18 -0
- package/lib-esm/components/insight-icon/insight-icon.js.map +1 -0
- package/lib-esm/components/insight-icon/insight-icon.module.css +24 -0
- package/lib-esm/components/insights/insights.js +7 -40
- package/lib-esm/components/insights/insights.js.map +1 -1
- package/lib-esm/components/insights/insights.module.css +1 -19
- package/lib-esm/components/job-header/job-header.js +12 -11
- package/lib-esm/components/job-header/job-header.js.map +1 -1
- package/lib-esm/components/jobs-header/index.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js +20 -13
- package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.module.css +51 -4
- package/lib-esm/components/metric/index.js.map +1 -1
- package/lib-esm/components/metric/metric.js +7 -41
- package/lib-esm/components/metric/metric.js.map +1 -1
- package/lib-esm/components/metric/metric.module.css +3 -3
- package/lib-esm/components/metric-run-info/index.js +2 -0
- package/lib-esm/components/metric-run-info/index.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js +34 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -0
- package/lib-esm/components/metric-run-info/metric-run-info.module.css +18 -0
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
- package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib-esm/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib-esm/components/module-info/index.js.map +1 -1
- package/lib-esm/components/module-info/module-info.js +26 -48
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +8 -33
- package/lib-esm/components/package-info/index.js +2 -0
- package/lib-esm/components/package-info/index.js.map +1 -0
- package/lib-esm/components/package-info/package-info.js +48 -0
- package/lib-esm/components/package-info/package-info.js.map +1 -0
- package/lib-esm/components/package-info/package-info.module.css +13 -0
- package/lib-esm/components/run-info/index.js +2 -0
- package/lib-esm/components/run-info/index.js.map +1 -0
- package/lib-esm/components/run-info/run-info.js +40 -0
- package/lib-esm/components/run-info/run-info.js.map +1 -0
- package/lib-esm/components/run-info/run-info.module.css +76 -0
- package/lib-esm/components/summary/index.js.map +1 -1
- package/lib-esm/components/summary/summary.js +9 -30
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +27 -7
- package/lib-esm/config.json +1 -1
- package/lib-esm/constants.js +0 -22
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/variables.css +22 -15
- package/lib-esm/layout/box/box.js +3 -23
- package/lib-esm/layout/box/box.js.map +1 -1
- package/lib-esm/layout/box/box.module.css +11 -0
- package/lib-esm/layout/box/index.js +1 -1
- package/lib-esm/layout/box/index.js.map +1 -1
- package/lib-esm/layout/flex-stack/flex-stack.js +3 -19
- package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib-esm/layout/flex-stack/index.js.map +1 -1
- package/lib-esm/layout/footer/footer.js +2 -4
- package/lib-esm/layout/footer/footer.js.map +1 -1
- package/lib-esm/layout/stack/index.js.map +1 -1
- package/lib-esm/layout/stack/stack.js +3 -16
- package/lib-esm/layout/stack/stack.js.map +1 -1
- package/lib-esm/tokens.js +35 -0
- package/lib-esm/tokens.js.map +1 -0
- package/lib-esm/ui/alert/alert.js +2 -12
- package/lib-esm/ui/alert/alert.js.map +1 -1
- package/lib-esm/ui/alert/index.js.map +1 -1
- package/lib-esm/ui/container/container.js +1 -10
- package/lib-esm/ui/container/container.js.map +1 -1
- package/lib-esm/ui/container/index.js +1 -1
- package/lib-esm/ui/container/index.js.map +1 -1
- package/lib-esm/ui/dropdown/dropdown.module.css +1 -2
- package/lib-esm/ui/file-name/file-name.js +1 -1
- package/lib-esm/ui/file-name/file-name.js.map +1 -1
- package/lib-esm/ui/filters/filters.module.css +1 -5
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/lib-esm/ui/hover-card/hover-card.js +3 -21
- package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
- package/lib-esm/ui/hover-card/index.js.map +1 -1
- package/lib-esm/ui/icon/icon.js +14 -18
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/icon/index.js.map +1 -1
- package/lib-esm/ui/index.js +0 -1
- package/lib-esm/ui/index.js.map +1 -1
- package/lib-esm/ui/input/input.module.css +3 -4
- package/lib-esm/ui/table/index.js.map +1 -1
- package/lib-esm/ui/table/table.js +3 -17
- package/lib-esm/ui/table/table.js.map +1 -1
- package/lib-esm/ui/tag/index.js.map +1 -1
- package/lib-esm/ui/tag/tag.js +4 -28
- package/lib-esm/ui/tag/tag.js.map +1 -1
- package/lib-esm/ui/tag/tag.module.css +15 -1
- package/lib-esm/ui/tooltip/index.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.js +4 -23
- package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +3 -4
- package/package.json +18 -22
- package/src/app/app.jsx +25 -10
- package/src/app/app.module.css +8 -5
- package/src/app/header/header.module.css +27 -20
- package/src/app/header/header.tsx +26 -0
- package/src/assets/icons/external-link.svg +1 -0
- package/src/assets/icons/github.svg +1 -0
- package/src/assets/icons/more-vertical.svg +5 -0
- package/src/assets/icons.svg +11 -4
- package/src/assets/icons.svg.jsx +35 -14
- package/src/components/asset-info/asset-info.module.css +28 -6
- package/src/components/asset-info/asset-info.stories.tsx +74 -0
- package/src/components/asset-info/asset-info.tsx +159 -0
- package/src/components/asset-not-predictive/asset-not-predictive.module.css +3 -0
- package/src/components/asset-not-predictive/asset-not-predictive.stories.tsx +23 -0
- package/src/components/asset-not-predictive/asset-not-predictive.tsx +44 -0
- package/src/components/asset-not-predictive/index.ts +1 -0
- package/src/components/bundle-assets/bundle-assets.jsx +94 -107
- package/src/components/bundle-assets/bundle-assets.module.css +20 -19
- package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
- package/src/components/bundle-assets/index.jsx +7 -1
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +21 -17
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/src/components/bundle-modules/bundle-modules.jsx +91 -101
- package/src/components/bundle-modules/bundle-modules.module.css +11 -3
- package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
- package/src/components/bundle-modules/index.jsx +9 -3
- package/src/components/bundle-packages/bundle-packages.jsx +116 -179
- package/src/components/bundle-packages/bundle-packages.module.css +12 -14
- package/src/components/bundle-packages/index.jsx +7 -1
- package/src/components/delta/delta.module.css +2 -1
- package/src/components/entry-info/entry-info.module.css +93 -0
- package/src/components/entry-info/entry-info.stories.tsx +75 -0
- package/src/components/entry-info/entry-info.tsx +134 -0
- package/src/components/entry-info/index.ts +1 -0
- package/src/components/index.js +3 -2
- package/src/components/insight-icon/index.ts +1 -0
- package/src/components/insight-icon/insight-icon.module.css +24 -0
- package/src/components/insight-icon/insight-icon.tsx +25 -0
- package/src/components/insights/insights.module.css +1 -19
- package/src/components/insights/insights.stories.tsx +26 -22
- package/src/components/insights/insights.tsx +8 -65
- package/src/components/job-header/job-header.jsx +16 -13
- package/src/components/jobs-header/jobs-header.module.css +51 -4
- package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
- package/src/components/jobs-header/jobs-header.tsx +89 -0
- package/src/components/metric/metric.module.css +3 -3
- package/src/components/metric/metric.stories.tsx +41 -0
- package/src/components/metric/metric.tsx +42 -0
- package/src/components/metric-run-info/index.ts +1 -0
- package/src/components/metric-run-info/metric-run-info.module.css +18 -0
- package/src/components/metric-run-info/metric-run-info.stories.tsx +34 -0
- package/src/components/metric-run-info/metric-run-info.tsx +85 -0
- package/src/components/metrics-table-options/metrics-table-options.jsx +1 -1
- package/src/components/metrics-table-search/metrics-table-search.module.css +0 -6
- package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/src/components/module-info/module-info.module.css +8 -33
- package/src/components/module-info/module-info.stories.tsx +44 -0
- package/src/components/module-info/module-info.tsx +116 -0
- package/src/components/package-info/index.ts +1 -0
- package/src/components/package-info/package-info.module.css +13 -0
- package/src/components/package-info/package-info.stories.tsx +36 -0
- package/src/components/package-info/package-info.tsx +135 -0
- package/src/components/run-info/index.ts +1 -0
- package/src/components/run-info/run-info.module.css +76 -0
- package/src/components/run-info/run-info.stories.tsx +58 -0
- package/src/components/run-info/run-info.tsx +111 -0
- package/src/components/summary/summary.module.css +27 -7
- package/src/components/summary/summary.stories.tsx +57 -0
- package/src/components/summary/summary.tsx +102 -0
- package/src/config.json +1 -1
- package/src/constants.js +0 -24
- package/src/css/variables.css +22 -15
- package/src/layout/box/box.module.css +11 -0
- package/src/layout/box/box.stories.tsx +49 -0
- package/src/layout/box/box.tsx +49 -0
- package/src/layout/box/index.ts +1 -0
- package/src/layout/flex-stack/flex-stack.stories.tsx +59 -0
- package/src/layout/flex-stack/flex-stack.tsx +43 -0
- package/src/layout/footer/footer.jsx +3 -4
- package/src/layout/stack/stack.stories.tsx +53 -0
- package/src/layout/stack/stack.tsx +22 -0
- package/src/tokens.ts +37 -0
- package/src/ui/alert/alert.stories.tsx +39 -0
- package/src/ui/alert/alert.tsx +23 -0
- package/src/ui/container/container.stories.tsx +29 -0
- package/src/ui/container/container.tsx +18 -0
- package/src/ui/container/index.ts +1 -0
- package/src/ui/dropdown/dropdown.module.css +1 -2
- package/src/ui/file-name/file-name.jsx +1 -1
- package/src/ui/filters/filters.module.css +1 -5
- package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css +2 -0
- package/src/ui/hover-card/hover-card.stories.tsx +41 -0
- package/src/ui/hover-card/{hover-card.jsx → hover-card.tsx} +22 -30
- package/src/ui/icon/icon.stories.tsx +54 -0
- package/src/ui/icon/icon.tsx +56 -0
- package/src/ui/index.js +0 -1
- package/src/ui/input/input.module.css +3 -4
- package/src/ui/table/table.stories.tsx +238 -0
- package/src/ui/table/table.tsx +38 -0
- package/src/ui/tag/tag.module.css +15 -1
- package/src/ui/tag/tag.stories.tsx +32 -0
- package/src/ui/tag/tag.tsx +28 -0
- package/src/ui/tooltip/tooltip.module.css +3 -4
- package/src/ui/tooltip/tooltip.stories.tsx +30 -0
- package/src/ui/tooltip/tooltip.tsx +57 -0
- package/types/app/header/header.d.ts +6 -16
- package/types/app/header/index.d.ts +1 -1
- package/types/components/asset-info/asset-info.d.ts +20 -23
- package/types/components/asset-info/index.d.ts +1 -1
- package/types/components/asset-not-predictive/asset-not-predictive.d.ts +8 -0
- package/types/components/asset-not-predictive/index.d.ts +1 -0
- package/types/components/browsertime-table/browsertime-table.d.ts +5 -5
- package/types/components/bundle-assets/bundle-assets.constants.d.ts +6 -6
- package/types/components/bundle-assets/bundle-assets.d.ts +28 -20
- package/types/components/bundle-assets/index.d.ts +11 -11
- package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +6 -6
- package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +7 -7
- package/types/components/bundle-modules/bundle-modules.constants.d.ts +6 -6
- package/types/components/bundle-modules/bundle-modules.d.ts +28 -24
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
- package/types/components/bundle-modules/index.d.ts +11 -11
- package/types/components/bundle-packages/bundle-packages.constants.d.ts +6 -6
- package/types/components/bundle-packages/bundle-packages.d.ts +24 -20
- package/types/components/bundle-packages/index.d.ts +11 -11
- package/types/components/component-link.d.ts +6 -6
- package/types/components/delta/delta.d.ts +7 -7
- package/types/components/entry-info/entry-info.d.ts +25 -0
- package/types/components/entry-info/index.d.ts +1 -0
- package/types/components/index.d.ts +3 -2
- package/types/components/insight-icon/index.d.ts +1 -0
- package/types/components/insight-icon/insight-icon.d.ts +7 -0
- package/types/components/insights/insights.d.ts +2 -2
- package/types/components/job-header/job-header.d.ts +9 -9
- package/types/components/job-name/job-name.d.ts +9 -9
- package/types/components/jobs-header/index.d.ts +1 -1
- package/types/components/jobs-header/jobs-header.d.ts +18 -15
- package/types/components/lighthouse-table/lighthouse-table.d.ts +5 -5
- package/types/components/metric/index.d.ts +1 -1
- package/types/components/metric/metric.d.ts +6 -32
- package/types/components/metric-run-info/index.d.ts +1 -0
- package/types/components/metric-run-info/metric-run-info.d.ts +13 -0
- package/types/components/metrics-table/metrics-table.d.ts +14 -14
- package/types/components/metrics-table-options/metrics-table-options.d.ts +7 -7
- package/types/components/metrics-table-search/metrics-table-search.d.ts +7 -7
- package/types/components/metrics-table-title/metrics-table-title.d.ts +10 -10
- package/types/components/module-info/index.d.ts +1 -1
- package/types/components/module-info/module-info.d.ts +19 -34
- package/types/components/package-info/index.d.ts +1 -0
- package/types/components/package-info/package-info.d.ts +15 -0
- package/types/components/run-info/index.d.ts +1 -0
- package/types/components/run-info/run-info.d.ts +16 -0
- package/types/components/summary/index.d.ts +1 -1
- package/types/components/summary/summary.d.ts +25 -36
- package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -3
- package/types/constants.d.ts +4 -15
- package/types/i18n.d.ts +15 -15
- package/types/layout/box/box.d.ts +12 -25
- package/types/layout/box/index.d.ts +1 -1
- package/types/layout/flex-stack/flex-stack.d.ts +10 -33
- package/types/layout/flex-stack/index.d.ts +1 -1
- package/types/layout/footer/footer.d.ts +5 -5
- package/types/layout/separator.d.ts +4 -4
- package/types/layout/stack/index.d.ts +1 -1
- package/types/layout/stack/stack.d.ts +7 -20
- package/types/tokens.d.ts +23 -0
- package/types/ui/alert/alert.d.ts +7 -14
- package/types/ui/alert/index.d.ts +1 -1
- package/types/ui/container/container.d.ts +5 -17
- package/types/ui/container/index.d.ts +1 -1
- package/types/ui/dropdown/dropdown.d.ts +16 -16
- package/types/ui/empty-set/empty-set.d.ts +7 -7
- package/types/ui/file-name/file-name.d.ts +7 -7
- package/types/ui/filters/filters.d.ts +6 -6
- package/types/ui/filters/filters.utils.d.ts +2 -2
- package/types/ui/filters/index.d.ts +4 -4
- package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +6 -6
- package/types/ui/hover-card/hover-card.d.ts +12 -26
- package/types/ui/hover-card/index.d.ts +1 -1
- package/types/ui/icon/icon.d.ts +54 -38
- package/types/ui/icon/index.d.ts +1 -1
- package/types/ui/index.d.ts +0 -1
- package/types/ui/input/input.d.ts +5 -5
- package/types/ui/loader/loader.d.ts +8 -8
- package/types/ui/skeleton/skeleton.d.ts +7 -7
- package/types/ui/sort-dropdown/sort-dropdown.d.ts +11 -11
- package/types/ui/table/index.d.ts +1 -1
- package/types/ui/table/table.d.ts +14 -33
- package/types/ui/tabs/tabs.d.ts +10 -10
- package/types/ui/tag/index.d.ts +1 -1
- package/types/ui/tag/tag.d.ts +22 -33
- package/types/ui/toolbar/toolbar.d.ts +6 -6
- package/types/ui/tooltip/index.d.ts +1 -1
- package/types/ui/tooltip/tooltip.d.ts +10 -28
- package/lib/components/job-meta/index.js.map +0 -1
- package/lib/components/job-meta/job-meta.js +0 -34
- package/lib/components/job-meta/job-meta.js.map +0 -1
- package/lib/components/job-meta/job-meta.module.css +0 -19
- package/lib/components/summary-item/index.js.map +0 -1
- package/lib/components/summary-item/summary-item.js +0 -97
- package/lib/components/summary-item/summary-item.js.map +0 -1
- package/lib/components/summary-item/summary-item.module.css +0 -58
- package/lib/ui/panels/index.js +0 -6
- package/lib/ui/panels/index.js.map +0 -1
- package/lib/ui/panels/panels.js +0 -28
- package/lib/ui/panels/panels.js.map +0 -1
- package/lib/ui/panels/panels.module.css +0 -23
- package/lib-esm/components/job-meta/index.js +0 -2
- package/lib-esm/components/job-meta/index.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.js +0 -27
- package/lib-esm/components/job-meta/job-meta.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.module.css +0 -19
- package/lib-esm/components/summary-item/index.js +0 -2
- package/lib-esm/components/summary-item/index.js.map +0 -1
- package/lib-esm/components/summary-item/summary-item.js +0 -67
- package/lib-esm/components/summary-item/summary-item.js.map +0 -1
- package/lib-esm/components/summary-item/summary-item.module.css +0 -58
- package/lib-esm/ui/panels/index.js +0 -2
- package/lib-esm/ui/panels/index.js.map +0 -1
- package/lib-esm/ui/panels/panels.js +0 -21
- package/lib-esm/ui/panels/panels.js.map +0 -1
- package/lib-esm/ui/panels/panels.module.css +0 -23
- package/src/app/header/header.jsx +0 -25
- package/src/assets/icons/cancel.svg +0 -1
- package/src/components/asset-info/asset-info.jsx +0 -96
- package/src/components/job-meta/index.js +0 -1
- package/src/components/job-meta/job-meta.jsx +0 -47
- package/src/components/job-meta/job-meta.module.css +0 -19
- package/src/components/jobs-header/jobs-header.jsx +0 -43
- package/src/components/metric/metric.jsx +0 -63
- package/src/components/module-info/module-info.jsx +0 -123
- package/src/components/summary/summary.jsx +0 -73
- package/src/components/summary-item/index.js +0 -1
- package/src/components/summary-item/summary-item.jsx +0 -142
- package/src/components/summary-item/summary-item.module.css +0 -58
- package/src/layout/box/box.jsx +0 -67
- package/src/layout/box/index.js +0 -1
- package/src/layout/flex-stack/flex-stack.jsx +0 -49
- package/src/layout/stack/stack.jsx +0 -32
- package/src/ui/alert/alert.jsx +0 -27
- package/src/ui/container/container.jsx +0 -24
- package/src/ui/container/index.js +0 -1
- package/src/ui/icon/icon.jsx +0 -53
- package/src/ui/panels/index.js +0 -1
- package/src/ui/panels/panels.jsx +0 -39
- package/src/ui/panels/panels.module.css +0 -23
- package/src/ui/table/table.jsx +0 -37
- package/src/ui/tag/tag.jsx +0 -49
- package/src/ui/tooltip/tooltip.jsx +0 -67
- package/tsconfig.esm.json +0 -13
- package/tsconfig.json +0 -7
- package/tsconfig.lib.json +0 -9
- package/types/components/job-meta/index.d.ts +0 -1
- package/types/components/job-meta/job-meta.d.ts +0 -18
- package/types/components/summary-item/index.d.ts +0 -1
- package/types/components/summary-item/summary-item.d.ts +0 -40
- package/types/ui/panels/index.d.ts +0 -1
- package/types/ui/panels/panels.d.ts +0 -18
- /package/src/app/header/{index.js → index.ts} +0 -0
- /package/src/components/asset-info/{index.js → index.ts} +0 -0
- /package/src/components/jobs-header/{index.js → index.ts} +0 -0
- /package/src/components/metric/{index.js → index.ts} +0 -0
- /package/src/components/module-info/{index.js → index.ts} +0 -0
- /package/src/components/summary/{index.js → index.ts} +0 -0
- /package/src/layout/flex-stack/{index.js → index.ts} +0 -0
- /package/src/layout/stack/{index.js → index.ts} +0 -0
- /package/src/ui/alert/{index.js → index.ts} +0 -0
- /package/src/ui/hover-card/{index.js → index.ts} +0 -0
- /package/src/ui/icon/{index.js → index.ts} +0 -0
- /package/src/ui/table/{index.js → index.ts} +0 -0
- /package/src/ui/tag/{index.js → index.ts} +0 -0
- /package/src/ui/tooltip/{index.js → index.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.
|
|
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,
|
|
8
|
-
return (React.createElement(Box, { padding: ['xsmall', 'small'], outline: true, className: cx(css.root, className, css[kind]) }
|
|
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.
|
|
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.
|
|
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 = ({
|
|
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.
|
|
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
|
|
1
|
+
export * from './container';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -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;
|
|
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(--
|
|
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
|
|
|
@@ -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:
|
|
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.
|
|
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.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hover-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
package/lib-esm/ui/icon/icon.js
CHANGED
|
@@ -1,42 +1,38 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import cx from 'classnames';
|
|
4
3
|
import css from './icon.module.css';
|
|
5
4
|
const ICONS = {
|
|
6
5
|
ARROW: 'arrow',
|
|
7
6
|
ARROW_RIGHT_CIRLCE: 'arrow-right-circle',
|
|
8
|
-
CANCEL: '
|
|
7
|
+
CANCEL: 'close',
|
|
9
8
|
CLOSE: 'close',
|
|
10
9
|
CLOCK: 'clock',
|
|
11
10
|
COMMIT: 'commit',
|
|
12
11
|
ERROR: 'error',
|
|
12
|
+
EXTERNAL_LINK: 'external-link',
|
|
13
13
|
FILTER: 'filter',
|
|
14
|
+
GITHUB: 'github',
|
|
14
15
|
INFO: 'info',
|
|
15
16
|
HELP: 'help',
|
|
16
17
|
MENU: 'menu',
|
|
18
|
+
MORE_VERTICAL: 'more-vertical',
|
|
17
19
|
SORT: 'sort',
|
|
18
20
|
WARNING: 'warning',
|
|
19
21
|
};
|
|
22
|
+
const SIZE = {
|
|
23
|
+
SMALL: 'small',
|
|
24
|
+
MEDIUM: 'medium',
|
|
25
|
+
LARGE: 'large',
|
|
26
|
+
};
|
|
20
27
|
export const Icon = (props) => {
|
|
21
|
-
const { className, glyph, as: Component, size, ...restProps } = props;
|
|
28
|
+
const { className = '', glyph, as: Component = 'span', size = SIZE.MEDIUM, ...restProps } = props;
|
|
22
29
|
return (React.createElement(Component, { className: cx(css.root, className, css[size]), ...restProps },
|
|
23
30
|
React.createElement("svg", { className: css.icon },
|
|
24
31
|
React.createElement("use", { xlinkHref: `#${glyph}` }))));
|
|
25
32
|
};
|
|
26
33
|
Icon.ICONS = ICONS;
|
|
27
|
-
Icon.SIZE_SMALL =
|
|
28
|
-
Icon.SIZE_MEDIUM =
|
|
29
|
-
Icon.SIZE_LARGE =
|
|
30
|
-
Icon.SIZES =
|
|
31
|
-
Icon.defaultProps = {
|
|
32
|
-
className: '',
|
|
33
|
-
as: 'span',
|
|
34
|
-
size: Icon.SIZE_MEDIUM,
|
|
35
|
-
};
|
|
36
|
-
Icon.propTypes = {
|
|
37
|
-
className: PropTypes.string,
|
|
38
|
-
glyph: PropTypes.oneOfType([PropTypes.oneOf(Object.values(ICONS)), PropTypes.node]).isRequired,
|
|
39
|
-
as: PropTypes.node,
|
|
40
|
-
size: PropTypes.oneOf(Icon.SIZES),
|
|
41
|
-
};
|
|
34
|
+
Icon.SIZE_SMALL = SIZE.SMALL;
|
|
35
|
+
Icon.SIZE_MEDIUM = SIZE.MEDIUM;
|
|
36
|
+
Icon.SIZE_LARGE = SIZE.LARGE;
|
|
37
|
+
Icon.SIZES = Object.values(SIZE);
|
|
42
38
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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,OAAO;IACf,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,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;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUX,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,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,IAAI,CAAC,KAAK,CAAC;AAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icon/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
package/lib-esm/ui/index.js
CHANGED
|
@@ -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';
|
package/lib-esm/ui/index.js.map
CHANGED
|
@@ -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,
|
|
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:
|
|
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
|
-
|
|
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.
|
|
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 = (
|
|
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.
|
|
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.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
|
package/lib-esm/ui/tag/tag.js
CHANGED
|
@@ -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 =
|
|
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.
|
|
23
|
-
|
|
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.
|
|
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.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -1,34 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import cx from 'classnames';
|
|
4
3
|
import { Tooltip as UITooltip, TooltipAnchor as UITooltipAnchor, TooltipArrow as UITooltipArrow, useTooltipState, } from 'ariakit/tooltip';
|
|
5
4
|
import css from './tooltip.module.css';
|
|
6
5
|
export const Tooltip = (props) => {
|
|
7
|
-
|
|
8
|
-
const
|
|
6
|
+
var _a;
|
|
7
|
+
const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
|
|
8
|
+
const tooltip = useTooltipState({ placement: 'top', timeout: 300 });
|
|
9
9
|
return (React.createElement(React.Fragment, null,
|
|
10
|
-
React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }
|
|
10
|
+
React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, "aria-controls": tooltip.open ? (_a = tooltip.contentElement) === null || _a === void 0 ? void 0 : _a.id : '', ...(ref ? { ref } : {}), ...restProps }),
|
|
11
11
|
title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode) },
|
|
12
12
|
React.createElement(UITooltipArrow, { state: tooltip, className: css.arrow, size: 12 }),
|
|
13
13
|
title))));
|
|
14
14
|
};
|
|
15
|
-
Tooltip.defaultProps = {
|
|
16
|
-
className: '',
|
|
17
|
-
tooltipClassName: '',
|
|
18
|
-
title: '',
|
|
19
|
-
as: 'span',
|
|
20
|
-
containerRef: null,
|
|
21
|
-
darkMode: true,
|
|
22
|
-
};
|
|
23
|
-
Tooltip.propTypes = {
|
|
24
|
-
className: PropTypes.string,
|
|
25
|
-
tooltipClassName: PropTypes.string,
|
|
26
|
-
title: PropTypes.node,
|
|
27
|
-
children: PropTypes.node.isRequired,
|
|
28
|
-
as: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
|
|
29
|
-
containerRef: PropTypes.shape({
|
|
30
|
-
current: PropTypes.object,
|
|
31
|
-
}),
|
|
32
|
-
darkMode: PropTypes.bool,
|
|
33
|
-
};
|
|
34
15
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAWvC,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,cAAc,0CAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,oBAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC;YAE7E,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -12,14 +12,13 @@
|
|
|
12
12
|
|
|
13
13
|
.tooltip {
|
|
14
14
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
15
|
-
border-radius: var(--radius-
|
|
15
|
+
border-radius: var(--radius-small);
|
|
16
16
|
background: var(--color-light);
|
|
17
17
|
max-width: 24em;
|
|
18
18
|
color: var(--color-text);
|
|
19
19
|
filter: drop-shadow(var(--shadow-layer));
|
|
20
20
|
will-change: filter;
|
|
21
21
|
font-size: var(--size-xsmall);
|
|
22
|
-
line-height: var(--space-small);
|
|
23
22
|
}
|
|
24
23
|
|
|
25
24
|
.arrow svg {
|
|
@@ -28,10 +27,10 @@
|
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
.tooltipDarkMode {
|
|
31
|
-
background: var(--color-text);
|
|
30
|
+
background: var(--color-text-dark);
|
|
32
31
|
color: var(--color-light);
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
.tooltipDarkMode .arrow svg {
|
|
36
|
-
fill: var(--color-text);
|
|
35
|
+
fill: var(--color-text-dark);
|
|
37
36
|
}
|