@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,17 +1,37 @@
|
|
|
1
1
|
.root {
|
|
2
|
+
--summary-gap: var(--space-small);
|
|
2
3
|
width: 100%;
|
|
3
|
-
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.items {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-wrap: wrap;
|
|
9
|
+
width: calc(100% + var(--summary-gap));
|
|
10
|
+
margin-top: calc(0px - var(--summary-gap));
|
|
11
|
+
margin-left: calc(0px - var(--summary-gap));
|
|
4
12
|
}
|
|
5
13
|
|
|
6
14
|
.item {
|
|
15
|
+
margin: var(--summary-gap) 0 0 var(--summary-gap);
|
|
7
16
|
flex: 1 0 10%; /* force equal sizes */
|
|
8
|
-
min-width:
|
|
17
|
+
min-width: 14em;
|
|
9
18
|
text-decoration: none;
|
|
10
19
|
}
|
|
11
20
|
|
|
12
|
-
.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
21
|
+
.readMoreLink {
|
|
22
|
+
appearance: none;
|
|
23
|
+
background: none;
|
|
24
|
+
margin: 0;
|
|
25
|
+
border: 0;
|
|
26
|
+
padding: 0;
|
|
27
|
+
color: var(--color-primary);
|
|
28
|
+
text-decoration: underline;
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.readMoreLink:hover,
|
|
33
|
+
.readMoreLink:active,
|
|
34
|
+
.readMoreLink:focus {
|
|
35
|
+
color: var(--color-primary-dark);
|
|
36
|
+
text-decoration: none;
|
|
17
37
|
}
|
package/lib/config.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"appName": "RelativeCI",
|
|
3
3
|
"siteUrl": "https://relative-ci.com",
|
|
4
|
-
"
|
|
4
|
+
"gitHubUrl": "https://github.com/relative-ci/bundle-stats",
|
|
5
5
|
"documentation" : {
|
|
6
6
|
"assets": "https://relative-ci.com/documentation/metrics-and-data#assets",
|
|
7
7
|
"modules": "https://relative-ci.com/documentation/metrics-and-data#modules",
|
package/lib/constants.js
CHANGED
|
@@ -1,29 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS =
|
|
3
|
+
exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = void 0;
|
|
4
4
|
const utils_1 = require("@bundle-stats/utils");
|
|
5
|
-
exports.NO_SPACE = 'no-space';
|
|
6
|
-
exports.SPACE_XXXSMALL = 'xxxsmall';
|
|
7
|
-
exports.SPACE_XXSMALL = 'xxsmall';
|
|
8
|
-
exports.SPACE_XSMALL = 'xsmall';
|
|
9
|
-
exports.SPACE_SMALL = 'small';
|
|
10
|
-
exports.SPACE_MEDIUM = 'medium';
|
|
11
|
-
exports.SPACE_LARGE = 'large';
|
|
12
|
-
exports.SPACE_XLARGE = 'xlarge';
|
|
13
|
-
exports.SPACE_XXLARGE = 'xxlarge';
|
|
14
|
-
exports.SPACE_XXXLARGE = 'xxxlarge';
|
|
15
|
-
exports.SPACES = [
|
|
16
|
-
exports.NO_SPACE,
|
|
17
|
-
exports.SPACE_XXXSMALL,
|
|
18
|
-
exports.SPACE_XXSMALL,
|
|
19
|
-
exports.SPACE_XSMALL,
|
|
20
|
-
exports.SPACE_SMALL,
|
|
21
|
-
exports.SPACE_MEDIUM,
|
|
22
|
-
exports.SPACE_LARGE,
|
|
23
|
-
exports.SPACE_XLARGE,
|
|
24
|
-
exports.SPACE_XXLARGE,
|
|
25
|
-
exports.SPACE_XXXLARGE,
|
|
26
|
-
];
|
|
27
5
|
exports.URLS = {
|
|
28
6
|
OVERVIEW: '/',
|
|
29
7
|
ASSETS: '/assets',
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}
|
package/lib/css/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
3
|
-
--font-family-fixed:
|
|
2
|
+
--font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
3
|
+
--font-family-fixed: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
4
4
|
|
|
5
5
|
/* Spaces */
|
|
6
6
|
--space-xxxsmall: 4px;
|
|
@@ -31,17 +31,18 @@
|
|
|
31
31
|
* https://coolors.co/287acc-da444e-55b950-f6e179-192339
|
|
32
32
|
* http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23f6e179&mcgpalette3=%23505861&mcgpalette4=%23287acc&themename=mcgtheme
|
|
33
33
|
*/
|
|
34
|
-
--color-gray-25: #
|
|
35
|
-
--color-gray-50
|
|
36
|
-
--color-gray-100: #
|
|
37
|
-
--color-gray-200: #
|
|
38
|
-
--color-gray-300: #
|
|
39
|
-
--color-gray-400: #
|
|
40
|
-
--color-gray-500: #
|
|
41
|
-
--color-gray-600: #
|
|
42
|
-
--color-gray-700: #
|
|
43
|
-
--color-gray-800: #
|
|
44
|
-
--color-gray-900: #
|
|
34
|
+
--color-gray-25: #f7f7f9;
|
|
35
|
+
--color-gray-50: #ececee;
|
|
36
|
+
--color-gray-100: #ced0d4;
|
|
37
|
+
--color-gray-200: #aeb1b7;
|
|
38
|
+
--color-gray-300: #8e929a;
|
|
39
|
+
--color-gray-400: #757a85;
|
|
40
|
+
--color-gray-500: #5d636f;
|
|
41
|
+
--color-gray-600: #555b67;
|
|
42
|
+
--color-gray-700: #4b515c;
|
|
43
|
+
--color-gray-800: #414752;
|
|
44
|
+
--color-gray-900: #303540;
|
|
45
|
+
|
|
45
46
|
|
|
46
47
|
--color-gray-ultra-light: var(--color-gray-200);
|
|
47
48
|
--color-gray-light: var(--color-gray-300);
|
|
@@ -174,8 +175,10 @@
|
|
|
174
175
|
|
|
175
176
|
--color-shadow: rgba(0, 0, 0, 0.2);
|
|
176
177
|
|
|
177
|
-
--transition-in:
|
|
178
|
-
--transition-out:
|
|
178
|
+
--transition-duration-in: 0.2s;
|
|
179
|
+
--transition-duration-out: 0.17s;
|
|
180
|
+
--transition-in: all var(--transition-duration-in) ease-in;
|
|
181
|
+
--transition-out: all var(--transition-duration-out) ease-out;
|
|
179
182
|
|
|
180
183
|
--layer-xlow: 1;
|
|
181
184
|
--layer-low: 10;
|
|
@@ -190,6 +193,10 @@
|
|
|
190
193
|
--radius-medium: 5px;
|
|
191
194
|
--radius-large: 9px;
|
|
192
195
|
|
|
196
|
+
--outline-hover: 0 0 0 3px var(--color-highlight);
|
|
197
|
+
|
|
193
198
|
/** Layout */
|
|
194
199
|
--max-width: 80rem;
|
|
200
|
+
--entry-info-width: 640px;
|
|
201
|
+
--entry-info-top: var(--header-height);
|
|
195
202
|
}
|
package/lib/layout/box/box.js
CHANGED
|
@@ -5,36 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Box = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
|
-
const
|
|
9
|
+
const tokens_1 = require("../../tokens");
|
|
11
10
|
const box_module_css_1 = __importDefault(require("./box.module.css"));
|
|
12
11
|
const Box = (props) => {
|
|
13
|
-
const { className, as: Component, padding, horizontalPadding, verticalPadding, outline, ...restProps } = props;
|
|
12
|
+
const { className = '', as: Component = 'div', padding = tokens_1.NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;
|
|
14
13
|
const [resolvedPadding, resolvedVerticalPadding, resolvedHorizontalPadding] = Array.isArray(padding)
|
|
15
14
|
? [null, ...padding]
|
|
16
15
|
: [padding, verticalPadding, horizontalPadding];
|
|
17
|
-
const rootClassName = (0, classnames_1.default)(box_module_css_1.default.root, className, resolvedPadding && box_module_css_1.default[`padding-${resolvedPadding}`], resolvedVerticalPadding && box_module_css_1.default[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && box_module_css_1.default[`horizontal-padding-${resolvedHorizontalPadding}`], outline && box_module_css_1.default.outline);
|
|
16
|
+
const rootClassName = (0, classnames_1.default)(box_module_css_1.default.root, className, resolvedPadding && box_module_css_1.default[`padding-${resolvedPadding}`], resolvedVerticalPadding && box_module_css_1.default[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && box_module_css_1.default[`horizontal-padding-${resolvedHorizontalPadding}`], outline && box_module_css_1.default.outline, outlineHover && box_module_css_1.default.outlineHover);
|
|
18
17
|
return react_1.default.createElement(Component, { ...restProps, className: rootClassName });
|
|
19
18
|
};
|
|
20
19
|
exports.Box = Box;
|
|
21
|
-
exports.Box.defaultProps = {
|
|
22
|
-
className: '',
|
|
23
|
-
as: 'div',
|
|
24
|
-
padding: constants_1.NO_SPACE,
|
|
25
|
-
horizontalPadding: '',
|
|
26
|
-
verticalPadding: '',
|
|
27
|
-
outline: false,
|
|
28
|
-
};
|
|
29
|
-
exports.Box.propTypes = {
|
|
30
|
-
className: prop_types_1.default.string,
|
|
31
|
-
as: prop_types_1.default.elementType,
|
|
32
|
-
padding: prop_types_1.default.oneOfType([
|
|
33
|
-
prop_types_1.default.oneOf(constants_1.SPACES),
|
|
34
|
-
prop_types_1.default.arrayOf(prop_types_1.default.oneOf(constants_1.SPACES)),
|
|
35
|
-
]),
|
|
36
|
-
horizontalPadding: prop_types_1.default.oneOf(constants_1.SPACES),
|
|
37
|
-
verticalPadding: prop_types_1.default.oneOf(constants_1.SPACES),
|
|
38
|
-
outline: prop_types_1.default.bool,
|
|
39
|
-
};
|
|
40
20
|
//# sourceMappingURL=box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.
|
|
1
|
+
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,sEAAmC;AAa5B,MAAM,GAAG,GAAG,CACjB,KAAqE,EACrE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,iBAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,wBAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,wBAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,wBAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,wBAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,wBAAG,CAAC,OAAO,EACtB,YAAY,IAAI,wBAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AA/BW,QAAA,GAAG,OA+Bd"}
|
|
@@ -15,6 +15,17 @@
|
|
|
15
15
|
border-radius: 0 0 var(--radius-medium) var(--radius-medium);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.outlineHover {
|
|
19
|
+
transition: var(--transition-out);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.outlineHover:focus,
|
|
23
|
+
.outlineHover:active,
|
|
24
|
+
.outlineHover:hover {
|
|
25
|
+
box-shadow: var(--outline-hover);
|
|
26
|
+
transition: var(--transition-in);
|
|
27
|
+
}
|
|
28
|
+
|
|
18
29
|
.padding-xxxsmall {
|
|
19
30
|
padding: var(--space-xxxsmall);
|
|
20
31
|
}
|
package/lib/layout/box/index.js
CHANGED
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports
|
|
4
|
-
var box_1 = require("./box");
|
|
5
|
-
Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.Box; } });
|
|
17
|
+
__exportStar(require("./box"), exports);
|
|
6
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB"}
|
|
@@ -5,30 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.FlexStack = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
|
-
const
|
|
9
|
+
const tokens_1 = require("../../tokens");
|
|
11
10
|
const utils_1 = require("../../utils");
|
|
12
11
|
const flex_stack_module_css_1 = __importDefault(require("./flex-stack.module.css"));
|
|
13
|
-
const FlexStack = (
|
|
12
|
+
const FlexStack = (props) => {
|
|
13
|
+
const { as: Component = 'div', className = '', space = tokens_1.NO_SPACE, inline = false, children = null, alignItems = '', ...restProps } = props;
|
|
14
14
|
const rootClassName = (0, classnames_1.default)(className, flex_stack_module_css_1.default.root, flex_stack_module_css_1.default[`space--${space}`], flex_stack_module_css_1.default[`align-items--${alignItems}`], inline && flex_stack_module_css_1.default.inline);
|
|
15
15
|
return (react_1.default.createElement(Component, { ...restProps, className: rootClassName }, react_1.default.Children.map(children, (0, utils_1.getRenderChildWithClassName)(flex_stack_module_css_1.default.item))));
|
|
16
16
|
};
|
|
17
17
|
exports.FlexStack = FlexStack;
|
|
18
|
-
exports.FlexStack.defaultProps = {
|
|
19
|
-
as: 'div',
|
|
20
|
-
className: '',
|
|
21
|
-
children: null,
|
|
22
|
-
space: constants_1.NO_SPACE,
|
|
23
|
-
alignItems: undefined,
|
|
24
|
-
inline: false,
|
|
25
|
-
};
|
|
26
|
-
exports.FlexStack.propTypes = {
|
|
27
|
-
as: prop_types_1.default.elementType,
|
|
28
|
-
className: prop_types_1.default.string,
|
|
29
|
-
children: prop_types_1.default.node,
|
|
30
|
-
space: prop_types_1.default.oneOf(constants_1.SPACES),
|
|
31
|
-
alignItems: prop_types_1.default.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
|
|
32
|
-
inline: prop_types_1.default.bool,
|
|
33
|
-
};
|
|
34
18
|
//# sourceMappingURL=flex-stack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.
|
|
1
|
+
{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAC1D,oFAA0C;AAWnC,MAAM,SAAS,GAAG,CACvB,KAAiF,EACjF,EAAE;IACF,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,iBAAQ,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,SAAS,EACT,+BAAG,CAAC,IAAI,EACR,+BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,+BAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,+BAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,+BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -21,11 +21,9 @@ const Footer = ({ className, version }) => (react_1.default.createElement(contai
|
|
|
21
21
|
react_1.default.createElement(stack_1.Stack, { space: "xsmall" },
|
|
22
22
|
react_1.default.createElement("div", null,
|
|
23
23
|
react_1.default.createElement("nav", { className: footer_module_css_1.default.nav },
|
|
24
|
-
react_1.default.createElement(ExternalLink, { href: config_json_1.default.
|
|
25
|
-
`BundleStats `,
|
|
26
|
-
version),
|
|
24
|
+
react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: "In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)" }, `BundleStats ${version}`),
|
|
27
25
|
react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
|
|
28
|
-
react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.
|
|
26
|
+
react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title: "Navigate to GitHub and open issue" }, "Report issue")),
|
|
29
27
|
react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
|
|
30
28
|
react_1.default.createElement("span", null, "Made by "),
|
|
31
29
|
react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title: "Go to RelativeCI - Specialized insights for web bundles" }, "RelativeCI"))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E,IAEnF,eAAe,OAAO,EAAE,CACZ;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAC,mCAAmC,mBAG5B,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAC,yDAAyD,iBAGlD,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AArCW,QAAA,MAAM,UAqCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
|
|
@@ -5,27 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Stack = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
|
-
const
|
|
9
|
+
const tokens_1 = require("../../tokens");
|
|
11
10
|
const utils_1 = require("../../utils");
|
|
12
11
|
const stack_module_css_1 = __importDefault(require("./stack.module.css"));
|
|
13
12
|
const Stack = (props) => {
|
|
14
|
-
const { as: Component
|
|
15
|
-
const rootClassName = (0, classnames_1.default)(
|
|
13
|
+
const { className = '', as: Component = 'div', space = tokens_1.NO_SPACE, children, ...restProps } = props;
|
|
14
|
+
const rootClassName = (0, classnames_1.default)(stack_module_css_1.default.root, className, stack_module_css_1.default[`space--${space}`]);
|
|
16
15
|
return (react_1.default.createElement(Component, { ...restProps, className: rootClassName }, react_1.default.Children.map(children, (0, utils_1.getRenderChildWithClassName)(stack_module_css_1.default.item))));
|
|
17
16
|
};
|
|
18
17
|
exports.Stack = Stack;
|
|
19
|
-
exports.Stack.defaultProps = {
|
|
20
|
-
as: 'div',
|
|
21
|
-
className: '',
|
|
22
|
-
children: null,
|
|
23
|
-
space: constants_1.NO_SPACE,
|
|
24
|
-
};
|
|
25
|
-
exports.Stack.propTypes = {
|
|
26
|
-
as: prop_types_1.default.elementType,
|
|
27
|
-
className: prop_types_1.default.string,
|
|
28
|
-
children: prop_types_1.default.node,
|
|
29
|
-
space: prop_types_1.default.oneOf(constants_1.SPACES),
|
|
30
|
-
};
|
|
31
18
|
//# sourceMappingURL=stack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.
|
|
1
|
+
{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAC1D,0EAAqC;AAO9B,MAAM,KAAK,GAAG,CAAC,KAA+C,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,GAAG,iBAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,0BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB"}
|
package/lib/tokens.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SIZE = exports.KIND = exports.SPACES = exports.SPACE_XXXLARGE = exports.SPACE_XXLARGE = exports.SPACE_XLARGE = exports.SPACE_LARGE = exports.SPACE_MEDIUM = exports.SPACE_SMALL = exports.SPACE_XSMALL = exports.SPACE_XXSMALL = exports.SPACE_XXXSMALL = exports.NO_SPACE = void 0;
|
|
4
|
+
exports.NO_SPACE = 'no-space';
|
|
5
|
+
exports.SPACE_XXXSMALL = 'xxxsmall';
|
|
6
|
+
exports.SPACE_XXSMALL = 'xxsmall';
|
|
7
|
+
exports.SPACE_XSMALL = 'xsmall';
|
|
8
|
+
exports.SPACE_SMALL = 'small';
|
|
9
|
+
exports.SPACE_MEDIUM = 'medium';
|
|
10
|
+
exports.SPACE_LARGE = 'large';
|
|
11
|
+
exports.SPACE_XLARGE = 'xlarge';
|
|
12
|
+
exports.SPACE_XXLARGE = 'xxlarge';
|
|
13
|
+
exports.SPACE_XXXLARGE = 'xxxlarge';
|
|
14
|
+
exports.SPACES = [
|
|
15
|
+
exports.NO_SPACE,
|
|
16
|
+
exports.SPACE_XXXSMALL,
|
|
17
|
+
exports.SPACE_XXSMALL,
|
|
18
|
+
exports.SPACE_XSMALL,
|
|
19
|
+
exports.SPACE_SMALL,
|
|
20
|
+
exports.SPACE_MEDIUM,
|
|
21
|
+
exports.SPACE_LARGE,
|
|
22
|
+
exports.SPACE_XLARGE,
|
|
23
|
+
exports.SPACE_XXLARGE,
|
|
24
|
+
exports.SPACE_XXXLARGE,
|
|
25
|
+
];
|
|
26
|
+
exports.KIND = {
|
|
27
|
+
DEFAULT: 'default',
|
|
28
|
+
SUCCESS: 'success',
|
|
29
|
+
INFO: 'info',
|
|
30
|
+
WARNING: 'warning',
|
|
31
|
+
DANGER: 'danger',
|
|
32
|
+
};
|
|
33
|
+
exports.SIZE = {
|
|
34
|
+
SMALL: 'small',
|
|
35
|
+
MEDIUM: 'medium',
|
|
36
|
+
LARGE: 'large',
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,cAAc,GAAG,UAAU,CAAC;AAE5B,QAAA,MAAM,GAAG;IACpB,gBAAQ;IACR,sBAAc;IACd,qBAAa;IACb,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,qBAAa;IACb,sBAAc;CACN,CAAC;AAEE,QAAA,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAEE,QAAA,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
|
package/lib/ui/alert/alert.js
CHANGED
|
@@ -6,21 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Alert = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
10
9
|
const box_1 = require("../../layout/box");
|
|
11
10
|
const alert_module_css_1 = __importDefault(require("./alert.module.css"));
|
|
12
11
|
const Alert = (props) => {
|
|
13
|
-
const { className, kind,
|
|
14
|
-
return (react_1.default.createElement(box_1.Box, { padding: ['xsmall', 'small'], outline: true, className: (0, classnames_1.default)(alert_module_css_1.default.root, className, alert_module_css_1.default[kind]) }
|
|
12
|
+
const { className = '', kind = 'default', ...restProps } = props;
|
|
13
|
+
return (react_1.default.createElement(box_1.Box, { padding: ['xsmall', 'small'], outline: true, className: (0, classnames_1.default)(alert_module_css_1.default.root, className, alert_module_css_1.default[kind]), ...restProps }));
|
|
15
14
|
};
|
|
16
15
|
exports.Alert = Alert;
|
|
17
|
-
exports.Alert.propTypes = {
|
|
18
|
-
className: prop_types_1.default.string,
|
|
19
|
-
kind: prop_types_1.default.string,
|
|
20
|
-
children: prop_types_1.default.node.isRequired,
|
|
21
|
-
};
|
|
22
|
-
exports.Alert.defaultProps = {
|
|
23
|
-
className: '',
|
|
24
|
-
kind: 'default',
|
|
25
|
-
};
|
|
26
16
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/ui/alert/alert.
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/ui/alert/alert.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAG5B,0CAAuC;AACvC,0EAAqC;AAM9B,MAAM,KAAK,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC5E,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,8BAAC,SAAG,IACF,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC5B,OAAO,QACP,SAAS,EAAE,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,IAAI,CAAC,CAAC,KACzC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,KAAK,SAWhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/alert/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
|
|
@@ -5,18 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Container = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
9
|
const container_module_css_1 = __importDefault(require("./container.module.css"));
|
|
11
|
-
const Container = ({
|
|
10
|
+
const Container = ({ as: Component = 'div', className = '', ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(container_module_css_1.default.root, className) },
|
|
12
11
|
react_1.default.createElement("div", { className: container_module_css_1.default.inner, ...restProps })));
|
|
13
12
|
exports.Container = Container;
|
|
14
|
-
exports.Container.defaultProps = {
|
|
15
|
-
className: '',
|
|
16
|
-
as: 'div',
|
|
17
|
-
};
|
|
18
|
-
exports.Container.propTypes = {
|
|
19
|
-
className: prop_types_1.default.string,
|
|
20
|
-
as: prop_types_1.default.elementType,
|
|
21
|
-
};
|
|
22
13
|
//# sourceMappingURL=container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/ui/container/container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,kFAAyC;AAMlC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EACG,EAAE,EAAE,CAAC,CACpB,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAC3C,uCAAK,SAAS,EAAE,8BAAG,CAAC,KAAK,KAAM,SAAS,GAAI,CAClC,CACb,CAAC;AARW,QAAA,SAAS,aAQpB"}
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports
|
|
4
|
-
var container_1 = require("./container");
|
|
5
|
-
Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
|
|
17
|
+
__exportStar(require("./container"), exports);
|
|
6
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}
|
|
@@ -18,6 +18,6 @@ exports.FileName.defaultProps = {
|
|
|
18
18
|
exports.FileName.propTypes = {
|
|
19
19
|
className: prop_types_1.default.string,
|
|
20
20
|
as: prop_types_1.default.elementType,
|
|
21
|
-
name: prop_types_1.default.string,
|
|
21
|
+
name: prop_types_1.default.string | prop_types_1.default.node,
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=file-name.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,MAAM,GAAG,oBAAS,CAAC,IAAI;CACxC,CAAC"}
|
|
@@ -83,11 +83,7 @@
|
|
|
83
83
|
.filterStandalone:active .filterCheckbox,
|
|
84
84
|
.filterStandalone:focus .filterCheckbox {
|
|
85
85
|
z-index: var(--layout-xlow); /* show collapsed border */
|
|
86
|
-
box-shadow: var(--
|
|
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
|
|
|
@@ -28,13 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.HoverCard = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
31
|
const classnames_1 = __importDefault(require("classnames"));
|
|
33
32
|
const hovercard_1 = require("ariakit/hovercard");
|
|
34
33
|
const hover_card_module_css_1 = __importDefault(require("./hover-card.module.css"));
|
|
35
34
|
const HoverCard = (props) => {
|
|
36
|
-
const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
|
|
37
|
-
const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout:
|
|
35
|
+
const { className = '', anchorClassName = '', hoverCardClassName = '', href = '', as = null, label, children, } = props;
|
|
36
|
+
const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 800 });
|
|
38
37
|
const hovercardProps = (0, hovercard_1.useHovercard)({ state, portal: true });
|
|
39
38
|
const Component = (0, react_1.useMemo)(() => {
|
|
40
39
|
if (as) {
|
|
@@ -46,27 +45,10 @@ const HoverCard = (props) => {
|
|
|
46
45
|
return 'span';
|
|
47
46
|
}, [as, href]);
|
|
48
47
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(hover_card_module_css_1.default.root, className) },
|
|
49
|
-
react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component }, label),
|
|
48
|
+
react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component, "aria-controls": state.open ? hovercardProps.id : '' }, label),
|
|
50
49
|
react_1.default.createElement(hovercard_1.Hovercard, { ...hovercardProps, state: state, className: (0, classnames_1.default)(hover_card_module_css_1.default.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
|
|
51
50
|
react_1.default.createElement(hovercard_1.HovercardArrow, { size: 24 }),
|
|
52
51
|
typeof children === 'function' ? children({ close: state.hide }) : children)));
|
|
53
52
|
};
|
|
54
53
|
exports.HoverCard = HoverCard;
|
|
55
|
-
exports.HoverCard.propTypes = {
|
|
56
|
-
className: prop_types_1.default.string,
|
|
57
|
-
hoverCardClassName: prop_types_1.default.string,
|
|
58
|
-
anchorClassName: prop_types_1.default.string,
|
|
59
|
-
label: prop_types_1.default.node,
|
|
60
|
-
href: prop_types_1.default.string,
|
|
61
|
-
as: prop_types_1.default.elementType,
|
|
62
|
-
children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.func]).isRequired,
|
|
63
|
-
};
|
|
64
|
-
exports.HoverCard.defaultProps = {
|
|
65
|
-
className: '',
|
|
66
|
-
hoverCardClassName: '',
|
|
67
|
-
anchorClassName: '',
|
|
68
|
-
label: '',
|
|
69
|
-
as: '',
|
|
70
|
-
href: '',
|
|
71
|
-
};
|
|
72
54
|
//# sourceMappingURL=hover-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAYnC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,EAAE,EACvB,IAAI,GAAG,EAAE,EACT,EAAE,GAAG,IAAI,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,mBACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEjD,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}
|