@bundle-stats/ui 4.22.3 → 4.23.0-beta.10
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/lib/app/app.js +4 -0
- package/lib/app/app.js.map +1 -1
- package/lib/app/app.module.css +14 -5
- package/lib/app/header/header.module.css +1 -3
- package/lib/components/asset-name/asset-name.js +8 -7
- package/lib/components/asset-name/asset-name.js.map +1 -1
- package/lib/components/asset-name/asset-name.module.css +11 -10
- package/lib/components/bundle-assets/bundle-assets.js +4 -2
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +0 -12
- package/lib/components/bundle-assets/index.js +2 -1
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js +4 -2
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +5 -3
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +2 -16
- package/lib/components/bundle-modules/index.js +2 -1
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.js +5 -3
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +18 -22
- package/lib/components/delta/delta.js +3 -13
- package/lib/components/delta/delta.js.map +1 -1
- package/lib/components/delta/delta.module.css +13 -12
- package/lib/components/delta/index.js.map +1 -1
- package/lib/components/entry-info/entry-info.js +4 -2
- package/lib/components/entry-info/entry-info.js.map +1 -1
- package/lib/components/entry-info/entry-info.module.css +7 -2
- package/lib/components/index.js +3 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/insight-icon/insight-icon.module.css +6 -6
- package/lib/components/job-name/job-name.js +1 -2
- package/lib/components/job-name/job-name.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.js +1 -1
- package/lib/components/jobs-header/jobs-header.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.module.css +0 -1
- package/lib/components/metric-change-legend/index.js +18 -0
- package/lib/components/metric-change-legend/index.js.map +1 -0
- package/lib/components/metric-change-legend/metric-change-legend.js +91 -0
- package/lib/components/metric-change-legend/metric-change-legend.js.map +1 -0
- package/lib/components/metric-change-legend/metric-change-legend.module.css +80 -0
- package/lib/components/metric-run-info/metric-run-info.js +24 -8
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.js +7 -9
- package/lib/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.module.css +0 -27
- package/lib/components/metrics-table/metrics-table.js +31 -20
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.module.css +4 -12
- package/lib/components/metrics-table-header/metrics-table-header.js +6 -6
- package/lib/components/metrics-table-header/metrics-table-header.js.map +1 -1
- package/lib/components/metrics-table-header/metrics-table-header.module.css +8 -12
- package/lib/components/metrics-table-options/metrics-table-options.js +4 -5
- package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib/components/metrics-table-row-count/index.js +18 -0
- package/lib/components/metrics-table-row-count/index.js.map +1 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.js +17 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.js.map +1 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/lib/components/metrics-table-title/metrics-table-title.js +1 -1
- package/lib/components/metrics-table-title/metrics-table-title.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.constants.js +3 -1
- package/lib/components/metrics-treemap/metrics-treemap.constants.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.js +46 -113
- package/lib/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.module.css +3 -274
- package/lib/components/metrics-treemap/metrics-treemap.utils.js +81 -16
- package/lib/components/metrics-treemap/metrics-treemap.utils.js.map +1 -1
- package/lib/components/metrics-treemap/tile/index.js +18 -0
- package/lib/components/metrics-treemap/tile/index.js.map +1 -0
- package/lib/components/metrics-treemap/tile/tile.js +79 -0
- package/lib/components/metrics-treemap/tile/tile.js.map +1 -0
- package/lib/components/metrics-treemap/tile/tile.module.css +145 -0
- package/lib/components/metrics-treemap/tile-group/index.js +18 -0
- package/lib/components/metrics-treemap/tile-group/index.js.map +1 -0
- package/lib/components/metrics-treemap/tile-group/tile-group.js +75 -0
- package/lib/components/metrics-treemap/tile-group/tile-group.js.map +1 -0
- package/lib/components/metrics-treemap/tile-group/tile-group.module.css +57 -0
- package/lib/components/metrics-treemap/tile-group-title/index.js +18 -0
- package/lib/components/metrics-treemap/tile-group-title/index.js.map +1 -0
- package/lib/components/metrics-treemap/tile-group-title/tile-group-title.js +24 -0
- package/lib/components/metrics-treemap/tile-group-title/tile-group-title.js.map +1 -0
- package/lib/components/metrics-treemap/tile-group-title/tile-group-title.module.css +48 -0
- package/lib/components/run-info/run-info.js +26 -14
- package/lib/components/run-info/run-info.js.map +1 -1
- package/lib/components/run-info/run-info.module.css +35 -26
- package/lib/components/sort-button/sort-button.module.css +0 -2
- package/lib/components/summary/summary.js +10 -10
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +60 -14
- package/lib/constants.js +13 -1
- package/lib/constants.js.map +1 -1
- package/lib/css/default.css +7 -4
- package/lib/css/variables.css +84 -60
- package/lib/layout/flex-stack/flex-stack.js +2 -2
- package/lib/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib/layout/flex-stack/flex-stack.module.css +65 -10
- package/lib/query-state.js +6 -3
- package/lib/query-state.js.map +1 -1
- package/lib/ui/button/button.js +3 -2
- package/lib/ui/button/button.js.map +1 -1
- package/lib/ui/button/button.module.css +38 -27
- package/lib/ui/control-group/control-group.js +1 -1
- package/lib/ui/control-group/control-group.js.map +1 -1
- package/lib/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/lib/ui/dialog/dialog.js +7 -3
- package/lib/ui/dialog/dialog.js.map +1 -1
- package/lib/ui/dialog/dialog.module.css +27 -0
- package/lib/ui/dropdown/dropdown.js +13 -4
- package/lib/ui/dropdown/dropdown.js.map +1 -1
- package/lib/ui/dropdown/dropdown.module.css +60 -7
- package/lib/ui/filters/filters.js +28 -16
- package/lib/ui/filters/filters.js.map +1 -1
- package/lib/ui/filters/filters.module.css +3 -19
- package/lib/ui/hover-card/hover-card.js +7 -1
- package/lib/ui/hover-card/hover-card.js.map +1 -1
- package/lib/ui/hover-card/hover-card.module.css +18 -5
- package/lib/ui/input/input.module.css +2 -2
- package/lib/ui/table/table.module.css +12 -6
- package/lib/ui/tabs/tabs.module.css +13 -9
- package/lib/ui/tag/tag.module.css +0 -2
- package/lib/ui/textarea/textarea.module.css +2 -2
- package/lib/ui/toolbar/toolbar.js +2 -1
- package/lib/ui/toolbar/toolbar.js.map +1 -1
- package/lib/ui/toolbar/toolbar.module.css +0 -6
- package/lib/ui/tooltip/tooltip.js +6 -1
- package/lib/ui/tooltip/tooltip.js.map +1 -1
- package/lib/ui/tooltip/tooltip.module.css +12 -1
- package/lib/utils/index.js +1 -0
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/portal.js +10 -0
- package/lib/utils/portal.js.map +1 -0
- package/lib-esm/app/app.js +5 -1
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/app/app.module.css +14 -5
- package/lib-esm/app/header/header.module.css +1 -3
- package/lib-esm/components/asset-name/asset-name.js +8 -7
- package/lib-esm/components/asset-name/asset-name.js.map +1 -1
- package/lib-esm/components/asset-name/asset-name.module.css +11 -10
- package/lib-esm/components/bundle-assets/bundle-assets.js +4 -2
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +0 -12
- package/lib-esm/components/bundle-assets/index.js +2 -1
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js +4 -2
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +5 -3
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +2 -16
- package/lib-esm/components/bundle-modules/index.js +2 -1
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.js +5 -3
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +18 -22
- package/lib-esm/components/delta/delta.js +3 -13
- package/lib-esm/components/delta/delta.js.map +1 -1
- package/lib-esm/components/delta/delta.module.css +13 -12
- package/lib-esm/components/delta/index.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.js +4 -2
- package/lib-esm/components/entry-info/entry-info.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.module.css +7 -2
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/insight-icon/insight-icon.module.css +6 -6
- package/lib-esm/components/job-name/job-name.js +1 -2
- package/lib-esm/components/job-name/job-name.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.module.css +0 -1
- package/lib-esm/components/metric-change-legend/index.js +2 -0
- package/lib-esm/components/metric-change-legend/index.js.map +1 -0
- package/lib-esm/components/metric-change-legend/metric-change-legend.js +84 -0
- package/lib-esm/components/metric-change-legend/metric-change-legend.js.map +1 -0
- package/lib-esm/components/metric-change-legend/metric-change-legend.module.css +80 -0
- package/lib-esm/components/metric-run-info/metric-run-info.js +24 -8
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js +7 -9
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.module.css +0 -27
- package/lib-esm/components/metrics-table/metrics-table.js +32 -20
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.module.css +4 -12
- package/lib-esm/components/metrics-table-header/metrics-table-header.js +6 -6
- package/lib-esm/components/metrics-table-header/metrics-table-header.js.map +1 -1
- package/lib-esm/components/metrics-table-header/metrics-table-header.module.css +8 -12
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +5 -6
- package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib-esm/components/metrics-table-row-count/index.js +2 -0
- package/lib-esm/components/metrics-table-row-count/index.js.map +1 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.js +10 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.js.map +1 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/lib-esm/components/metrics-table-title/metrics-table-title.js +1 -1
- package/lib-esm/components/metrics-table-title/metrics-table-title.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.constants.js +2 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.constants.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.js +52 -120
- package/lib-esm/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +3 -274
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js +80 -18
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js.map +1 -1
- package/lib-esm/components/metrics-treemap/tile/index.js +2 -0
- package/lib-esm/components/metrics-treemap/tile/index.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile/tile.js +40 -0
- package/lib-esm/components/metrics-treemap/tile/tile.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile/tile.module.css +145 -0
- package/lib-esm/components/metrics-treemap/tile-group/index.js +2 -0
- package/lib-esm/components/metrics-treemap/tile-group/index.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile-group/tile-group.js +35 -0
- package/lib-esm/components/metrics-treemap/tile-group/tile-group.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile-group/tile-group.module.css +57 -0
- package/lib-esm/components/metrics-treemap/tile-group-title/index.js +2 -0
- package/lib-esm/components/metrics-treemap/tile-group-title/index.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile-group-title/tile-group-title.js +17 -0
- package/lib-esm/components/metrics-treemap/tile-group-title/tile-group-title.js.map +1 -0
- package/lib-esm/components/metrics-treemap/tile-group-title/tile-group-title.module.css +48 -0
- package/lib-esm/components/run-info/run-info.js +26 -14
- package/lib-esm/components/run-info/run-info.js.map +1 -1
- package/lib-esm/components/run-info/run-info.module.css +35 -26
- package/lib-esm/components/sort-button/sort-button.module.css +0 -2
- package/lib-esm/components/summary/summary.js +11 -11
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +60 -14
- package/lib-esm/constants.js +12 -0
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/css/default.css +7 -4
- package/lib-esm/css/variables.css +84 -60
- package/lib-esm/layout/flex-stack/flex-stack.js +3 -2
- package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib-esm/layout/flex-stack/flex-stack.module.css +65 -10
- package/lib-esm/query-state.js +7 -4
- package/lib-esm/query-state.js.map +1 -1
- package/lib-esm/ui/button/button.js +3 -2
- package/lib-esm/ui/button/button.js.map +1 -1
- package/lib-esm/ui/button/button.module.css +38 -27
- package/lib-esm/ui/control-group/control-group.js +1 -1
- package/lib-esm/ui/control-group/control-group.js.map +1 -1
- package/lib-esm/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/lib-esm/ui/dialog/dialog.js +7 -3
- package/lib-esm/ui/dialog/dialog.js.map +1 -1
- package/lib-esm/ui/dialog/dialog.module.css +27 -0
- package/lib-esm/ui/dropdown/dropdown.js +11 -3
- package/lib-esm/ui/dropdown/dropdown.js.map +1 -1
- package/lib-esm/ui/dropdown/dropdown.module.css +60 -7
- package/lib-esm/ui/filters/filters.js +29 -17
- package/lib-esm/ui/filters/filters.js.map +1 -1
- package/lib-esm/ui/filters/filters.module.css +3 -19
- package/lib-esm/ui/hover-card/hover-card.js +7 -1
- package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
- package/lib-esm/ui/hover-card/hover-card.module.css +18 -5
- package/lib-esm/ui/input/input.module.css +2 -2
- package/lib-esm/ui/table/table.module.css +12 -6
- package/lib-esm/ui/tabs/tabs.module.css +13 -9
- package/lib-esm/ui/tag/tag.module.css +0 -2
- package/lib-esm/ui/textarea/textarea.module.css +2 -2
- package/lib-esm/ui/toolbar/toolbar.js +2 -1
- package/lib-esm/ui/toolbar/toolbar.js.map +1 -1
- package/lib-esm/ui/toolbar/toolbar.module.css +0 -6
- package/lib-esm/ui/tooltip/tooltip.js +6 -1
- package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +12 -1
- package/lib-esm/utils/index.js +1 -0
- package/lib-esm/utils/index.js.map +1 -1
- package/lib-esm/utils/portal.js +6 -0
- package/lib-esm/utils/portal.js.map +1 -0
- package/package.json +18 -18
- package/src/app/app.jsx +7 -1
- package/src/app/app.module.css +14 -5
- package/src/app/header/header.module.css +1 -3
- package/src/components/asset-name/asset-name.module.css +11 -10
- package/src/components/asset-name/asset-name.tsx +17 -14
- package/src/components/bundle-assets/bundle-assets.module.css +0 -12
- package/src/components/bundle-assets/bundle-assets.tsx +8 -1
- package/src/components/bundle-assets/index.tsx +3 -1
- package/src/components/bundle-assets-totals/bundle-assets-totals.jsx +6 -4
- package/src/components/bundle-modules/bundle-modules.module.css +2 -16
- package/src/components/bundle-modules/bundle-modules.tsx +10 -3
- package/src/components/bundle-modules/index.tsx +3 -1
- package/src/components/bundle-packages/bundle-packages.jsx +14 -3
- package/src/components/bundle-packages/bundle-packages.module.css +18 -22
- package/src/components/delta/delta.module.css +13 -12
- package/src/components/delta/delta.tsx +32 -0
- package/src/components/entry-info/entry-info.module.css +7 -2
- package/src/components/entry-info/entry-info.tsx +9 -3
- package/src/components/index.ts +3 -0
- package/src/components/insight-icon/insight-icon.module.css +6 -6
- package/src/components/job-name/job-name.jsx +2 -3
- package/src/components/jobs-header/jobs-header.module.css +0 -1
- package/src/components/jobs-header/jobs-header.tsx +2 -2
- package/src/components/metric-change-legend/index.ts +1 -0
- package/src/components/metric-change-legend/metric-change-legend.module.css +80 -0
- package/src/components/metric-change-legend/metric-change-legend.stories.tsx +13 -0
- package/src/components/metric-change-legend/metric-change-legend.tsx +148 -0
- package/src/components/metric-run-info/metric-run-info.stories.tsx +9 -0
- package/src/components/metric-run-info/metric-run-info.tsx +39 -17
- package/src/components/metrics-display-selector/metrics-display-selector.module.css +0 -27
- package/src/components/metrics-display-selector/metrics-display-selector.tsx +25 -37
- package/src/components/metrics-table/metrics-table.module.css +4 -12
- package/src/components/metrics-table/metrics-table.tsx +70 -39
- package/src/components/metrics-table-header/metrics-table-header.module.css +8 -12
- package/src/components/metrics-table-header/metrics-table-header.tsx +5 -6
- package/src/components/metrics-table-options/metrics-table-options.tsx +13 -14
- package/src/components/metrics-table-row-count/index.ts +1 -0
- package/src/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/src/components/metrics-table-row-count/metrics-table-row-count.tsx +21 -0
- package/src/components/metrics-table-title/metrics-table-title.jsx +1 -1
- package/src/components/metrics-treemap/metrics-treemap.constants.ts +9 -0
- package/src/components/metrics-treemap/metrics-treemap.module.css +3 -274
- package/src/components/metrics-treemap/metrics-treemap.stories.utils.ts +46 -0
- package/src/components/metrics-treemap/metrics-treemap.tsx +123 -428
- package/src/components/metrics-treemap/metrics-treemap.utils.ts +161 -27
- package/src/components/metrics-treemap/tile/index.ts +1 -0
- package/src/components/metrics-treemap/tile/tile.module.css +145 -0
- package/src/components/metrics-treemap/tile/tile.stories.tsx +139 -0
- package/src/components/metrics-treemap/tile/tile.tsx +121 -0
- package/src/components/metrics-treemap/tile-group/index.ts +1 -0
- package/src/components/metrics-treemap/tile-group/tile-group.module.css +57 -0
- package/src/components/metrics-treemap/tile-group/tile-group.stories.tsx +163 -0
- package/src/components/metrics-treemap/tile-group/tile-group.tsx +177 -0
- package/src/components/metrics-treemap/tile-group-title/index.ts +1 -0
- package/src/components/metrics-treemap/tile-group-title/tile-group-title.module.css +48 -0
- package/src/components/metrics-treemap/tile-group-title/tile-group-title.stories.tsx +88 -0
- package/src/components/metrics-treemap/tile-group-title/tile-group-title.tsx +51 -0
- package/src/components/run-info/run-info.module.css +35 -26
- package/src/components/run-info/run-info.stories.tsx +16 -10
- package/src/components/run-info/run-info.tsx +132 -73
- package/src/components/sort-button/sort-button.module.css +0 -2
- package/src/components/summary/summary.module.css +60 -14
- package/src/components/summary/summary.tsx +50 -52
- package/src/constants.ts +13 -0
- package/src/css/default.css +7 -4
- package/src/css/variables.css +84 -60
- package/src/layout/flex-stack/flex-stack.module.css +65 -10
- package/src/layout/flex-stack/flex-stack.stories.tsx +68 -9
- package/src/layout/flex-stack/flex-stack.tsx +24 -4
- package/src/query-state.tsx +9 -4
- package/src/ui/button/button.module.css +38 -27
- package/src/ui/button/button.stories.tsx +1 -1
- package/src/ui/button/button.tsx +3 -1
- package/src/ui/control-group/control-group.tsx +1 -1
- package/src/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/src/ui/dialog/dialog.module.css +27 -0
- package/src/ui/dialog/dialog.stories.tsx +8 -0
- package/src/ui/dialog/dialog.tsx +16 -2
- package/src/ui/dropdown/dropdown.module.css +60 -7
- package/src/ui/dropdown/dropdown.stories.tsx +6 -0
- package/src/ui/dropdown/dropdown.tsx +17 -2
- package/src/ui/filters/filters.module.css +3 -19
- package/src/ui/filters/filters.tsx +131 -67
- package/src/ui/hover-card/hover-card.module.css +18 -5
- package/src/ui/hover-card/hover-card.tsx +7 -1
- package/src/ui/input/input.module.css +2 -2
- package/src/ui/table/table.module.css +12 -6
- package/src/ui/tabs/tabs.module.css +13 -9
- package/src/ui/tag/tag.module.css +0 -2
- package/src/ui/textarea/textarea.module.css +2 -2
- package/src/ui/toolbar/toolbar.jsx +4 -1
- package/src/ui/toolbar/toolbar.module.css +0 -6
- package/src/ui/tooltip/tooltip.module.css +12 -1
- package/src/ui/tooltip/tooltip.tsx +6 -1
- package/src/utils/index.ts +1 -0
- package/src/utils/portal.ts +9 -0
- package/types/components/delta/delta.d.ts +7 -21
- package/types/components/delta/index.d.ts +1 -1
- package/types/components/index.d.ts +3 -0
- package/types/components/metric-change-legend/index.d.ts +1 -0
- package/types/components/metric-change-legend/metric-change-legend.d.ts +4 -0
- package/types/components/metric-run-info/metric-run-info.d.ts +3 -6
- package/types/components/metrics-table/metrics-table.d.ts +2 -1
- package/types/components/metrics-table-row-count/index.d.ts +1 -0
- package/types/components/metrics-table-row-count/metrics-table-row-count.d.ts +7 -0
- package/types/components/metrics-treemap/metrics-treemap.constants.d.ts +2 -0
- package/types/components/metrics-treemap/metrics-treemap.utils.d.ts +16 -5
- package/types/components/metrics-treemap/tile/index.d.ts +1 -0
- package/types/components/metrics-treemap/tile/tile.d.ts +11 -0
- package/types/components/metrics-treemap/tile-group/index.d.ts +1 -0
- package/types/components/metrics-treemap/tile-group/tile-group.d.ts +20 -0
- package/types/components/metrics-treemap/tile-group-title/index.d.ts +1 -0
- package/types/components/metrics-treemap/tile-group-title/tile-group-title.d.ts +12 -0
- package/types/components/run-info/run-info.d.ts +16 -7
- package/types/constants.d.ts +12 -0
- package/types/layout/flex-stack/flex-stack.d.ts +6 -2
- package/types/ui/button/button.d.ts +1 -0
- package/types/ui/dialog/dialog.d.ts +3 -2
- package/types/ui/dropdown/dropdown.d.ts +4 -1
- package/types/ui/filters/filters.d.ts +2 -1
- package/types/utils/index.d.ts +1 -0
- package/types/utils/portal.d.ts +1 -0
- package/vitest.config.ts +4 -0
- package/lib/components/metrics-table-options/metrics-table-options.module.css +0 -15
- package/lib-esm/components/metrics-table-options/metrics-table-options.module.css +0 -15
- package/src/components/delta/delta.jsx +0 -22
- package/src/components/metrics-table-options/metrics-table-options.module.css +0 -15
- /package/src/components/delta/{index.js → index.ts} +0 -0
|
@@ -8,16 +8,16 @@
|
|
|
8
8
|
color: var(--color-info);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.
|
|
12
|
-
color: var(--color-red-
|
|
11
|
+
.LOW_NEGATIVE {
|
|
12
|
+
color: var(--color-red-light);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.NEGATIVE {
|
|
16
|
-
color: var(--color-red
|
|
16
|
+
color: var(--color-red);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
20
|
-
color: var(--color-red-
|
|
19
|
+
.HIGH_NEGATIVE {
|
|
20
|
+
color: var(--color-red-dark);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.LOW_POSITIVE {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.POSITIVE {
|
|
28
|
-
color: var(--color-green
|
|
28
|
+
color: var(--color-green);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.HIGH_POSITIVE {
|
|
@@ -43,24 +43,25 @@
|
|
|
43
43
|
background: var(--color-info-light);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.inverted.
|
|
47
|
-
background: var(--color-red-
|
|
46
|
+
.inverted.LOW_NEGATIVE {
|
|
47
|
+
background: var(--color-red-light);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.inverted.NEGATIVE {
|
|
51
|
-
background: var(--color-red
|
|
51
|
+
background: var(--color-red);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.inverted.
|
|
55
|
-
background: var(--color-red-
|
|
54
|
+
.inverted.HIGH_NEGATIVE {
|
|
55
|
+
background: var(--color-red-dark);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
|
|
58
59
|
.inverted.LOW_POSITIVE {
|
|
59
60
|
background: var(--color-green-light);
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
.inverted.POSITIVE {
|
|
63
|
-
background: var(--color-green
|
|
64
|
+
background: var(--color-green);
|
|
64
65
|
}
|
|
65
66
|
|
|
66
67
|
.inverted.HIGH_POSITIVE {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/delta/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/delta/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -9,6 +9,7 @@ import { FileName } from '../../ui/file-name';
|
|
|
9
9
|
import { Button } from '../../ui/button';
|
|
10
10
|
import { Icon } from '../../ui/icon';
|
|
11
11
|
import { Table } from '../../ui/table';
|
|
12
|
+
import { getCreatePortalElement } from '../../utils/portal';
|
|
12
13
|
import { RunInfo } from '../run-info';
|
|
13
14
|
import * as I18N from './entry-info.i18n';
|
|
14
15
|
import css from './entry-info.module.css';
|
|
@@ -23,15 +24,16 @@ const EntryInfoMeta = ({ className = '', label, tooltip, children, }) => (React.
|
|
|
23
24
|
tooltip && (React.createElement(Tooltip, { title: tooltip, className: css.metaLabelTooltip },
|
|
24
25
|
React.createElement(Icon, { glyph: "help" })))),
|
|
25
26
|
React.createElement("div", { className: css.metaContent }, children)));
|
|
27
|
+
const createPortalElement = getCreatePortalElement(css.portal);
|
|
26
28
|
function defaultRenderRunInfo(item) {
|
|
27
29
|
var _a, _b, _c;
|
|
28
30
|
const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
|
|
29
31
|
const metricRunInfo = getMetricRunInfo(METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE, ((_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value) || 0, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
|
|
30
|
-
return (React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.
|
|
32
|
+
return (React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDelta, deltaPercentage: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" }));
|
|
31
33
|
}
|
|
32
34
|
export const EntryInfo = (props) => {
|
|
33
35
|
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, runSizeLabel = I18N.SIZE, tags = null, onClose, renderRunInfo = defaultRenderRunInfo, RunName = React.Fragment, children, } = props;
|
|
34
|
-
return (React.createElement(Portal, { className: cx(css.root, className) },
|
|
36
|
+
return (React.createElement(Portal, { portalElement: createPortalElement, className: cx(css.root, className) },
|
|
35
37
|
React.createElement(Box, { padding: "medium", as: "header", className: css.header },
|
|
36
38
|
React.createElement(Stack, { space: "small" },
|
|
37
39
|
React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.label },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAyD,EAAE,EAAE;IAC7F,MAAM,EAAE,EAAE,EAAE,aAAa,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxE,OAAO,oBAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAAC;AAClF,CAAC,CAAC;AAOF,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,OAAO,EACP,QAAQ,GACuC,EAAE,EAAE,CAAC,CACpD,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,8BAAM,SAAS,EAAE,GAAG,CAAC,SAAS;QAC3B,KAAK;QACL,OAAO,IAAI,CACV,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,gBAAgB;YACtD,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACb,CACX,CACI;IACP,6BAAK,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,QAAQ,CAAO,CAC7C,CACP,CAAC;
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/** place overlays triggered from inside the entry info above the panel, under the header */
|
|
2
|
+
.portal {
|
|
3
|
+
--layer-overlay: calc(var(--layer-xhigh) + 2);
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.root {
|
|
2
7
|
position: fixed;
|
|
3
8
|
right: 0;
|
|
@@ -5,7 +10,8 @@
|
|
|
5
10
|
bottom: 0;
|
|
6
11
|
width: 100vw;
|
|
7
12
|
max-width: var(--entry-info-width);
|
|
8
|
-
|
|
13
|
+
/** above the sticky tabs */
|
|
14
|
+
z-index: calc(var(--layer-xhigh) + 1);
|
|
9
15
|
background: var(--color-background);
|
|
10
16
|
box-shadow: var(--shadow-layer-high);
|
|
11
17
|
}
|
|
@@ -107,7 +113,6 @@
|
|
|
107
113
|
line-height: var(--line-height-heading);
|
|
108
114
|
border-radius: var(--radius-small);
|
|
109
115
|
background: var(--color-highlight);
|
|
110
|
-
transition: var(--transition-out);
|
|
111
116
|
|
|
112
117
|
text-decoration: none;
|
|
113
118
|
text-transform: none;
|
|
@@ -11,6 +11,7 @@ export { JobName } from './job-name';
|
|
|
11
11
|
export { JobsHeader } from './jobs-header';
|
|
12
12
|
export { LighthouseTable } from './lighthouse-table';
|
|
13
13
|
export { Metric } from './metric';
|
|
14
|
+
export { MetricChangeLegend } from './metric-change-legend';
|
|
14
15
|
export { MetricRunInfo } from './metric-run-info';
|
|
15
16
|
export { MetricsTable } from './metrics-table';
|
|
16
17
|
export { MetricsTableOptions } from './metrics-table-options';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
width: calc(var(--space-small) +
|
|
3
|
-
height: calc(var(--space-small) +
|
|
4
|
-
padding:
|
|
2
|
+
width: calc(var(--space-small) + var(--space-xxsmall));
|
|
3
|
+
height: calc(var(--space-small) + var(--space-xxsmall));
|
|
4
|
+
padding: var(--space-xxxsmall);
|
|
5
5
|
border-radius: 50%;
|
|
6
6
|
background: var(--color-highlight);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.error {
|
|
10
|
-
background: var(--color-
|
|
10
|
+
background: var(--color-highlight-danger);
|
|
11
11
|
color: var(--color-danger);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.warning {
|
|
15
15
|
padding-top: 1px;
|
|
16
|
-
background: var(--color-
|
|
17
|
-
color: var(--color-
|
|
16
|
+
background: var(--color-highlight-warning);
|
|
17
|
+
color: var(--color-warning);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.info {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
import { Tooltip } from '../../ui/tooltip';
|
|
4
3
|
import css from './job-name.module.css';
|
|
5
|
-
export const JobName = ({ as: Component = 'span', title, internalBuildNumber, children, ...restProps }) => (React.createElement(
|
|
4
|
+
export const JobName = ({ as: Component = 'span', title, internalBuildNumber, children, ...restProps }) => (React.createElement(Component, { className: css.root, title: title, ...restProps }, children || `Job #${internalBuildNumber}`));
|
|
6
5
|
JobName.defaultProps = {
|
|
7
6
|
as: 'span',
|
|
8
7
|
title: '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,
|
|
1
|
+
{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,KAAK,EACL,mBAAmB,EACnB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,SAAS,IACxD,QAAQ,IAAI,QAAQ,mBAAmB,EAAE,CAChC,CACb,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,EAAE;IACT,mBAAmB,EAAE,IAAI;IACzB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAElB,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAG3D,KAAK,EAAE,SAAS,CAAC,MAAM;IAGvB,mBAAmB,EAAE,SAAS,CAAC,MAAM;IAGrC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC"}
|
|
@@ -25,6 +25,6 @@ export const Item = (props) => {
|
|
|
25
25
|
export const JobsHeader = (props) => {
|
|
26
26
|
const { className, jobs } = props;
|
|
27
27
|
const rootClassName = cx(css.root, className);
|
|
28
|
-
return (React.createElement("header",
|
|
28
|
+
return (React.createElement(FlexStack, { as: "header", className: rootClassName }, jobs === null || jobs === void 0 ? void 0 : jobs.map((job, index) => (React.createElement(Item, { key: job.internalBuildNumber || index, job: job, tag: index === 0 ? I18N.CURRENT : I18N.BASELINE })))));
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=jobs-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jobs-header.js","sourceRoot":"","sources":["../../../src/components/jobs-header/jobs-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,GAAG,MAAM,0BAA0B,CAAC;AAe3C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAA8C,EAAE,EAAE;;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC;IAClD,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,aAAa;QACpE,oBAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,SAAS;YACzD,kCAAO,IAAI,GAAG,CAAC,mBAAmB,EAAE,CAAQ;YAC3C,GAAG,IAAI,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,GAAG,CAAO,CACtC;QAEX,OAAO,IAAI,CACV,oBAAC,SAAS,IACR,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,QAAQ,EACnB,MAAM,QACN,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,GAAG,CAAC,QAAQ;YAEvB,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,GAAI;YAC9D,8BAAM,SAAS,EAAE,GAAG,CAAC,YAAY,IAC9B,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAO,CAAC,CACjE,CACG,CACb;QAEA,IAAI,IAAI,CACP,oBAAC,SAAS,IACR,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,QAAQ,EACnB,MAAM,QACN,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAE,GAAG,CAAC,QAAQ;YAEvB,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,GAAI;YAC/D,8BAAM,SAAS,EAAE,GAAG,CAAC,YAAY,IAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAQ,CAClD,CACb,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAuD,EAAE,EAAE;IACpF,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"jobs-header.js","sourceRoot":"","sources":["../../../src/components/jobs-header/jobs-header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metric-change-legend/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { FlexStack } from '../../layout/flex-stack';
|
|
4
|
+
import { Stack } from '../../layout/stack';
|
|
5
|
+
import { HoverCard } from '../../ui/hover-card';
|
|
6
|
+
import css from './metric-change-legend.module.css';
|
|
7
|
+
import { Separator } from '../../layout';
|
|
8
|
+
const Variants = (props) => {
|
|
9
|
+
const { className, kind, variants, size = 'medium' } = props;
|
|
10
|
+
return (React.createElement("span", { className: cx(css.variants, css[`bar-${kind}`], css[size], className) }, variants.map((variant) => (React.createElement("span", { key: variant, className: cx(css.variant, css[`variant-${variant}`]) })))));
|
|
11
|
+
};
|
|
12
|
+
const ChangeMagnitudeInfo = (props) => {
|
|
13
|
+
const { kind, impact } = props;
|
|
14
|
+
return (React.createElement(Stack, { space: "small" },
|
|
15
|
+
React.createElement("p", null,
|
|
16
|
+
"Changes flagged as ",
|
|
17
|
+
React.createElement("strong", null,
|
|
18
|
+
kind,
|
|
19
|
+
"s"),
|
|
20
|
+
" have a ",
|
|
21
|
+
impact,
|
|
22
|
+
" impact on user performance."),
|
|
23
|
+
React.createElement("p", null, "The report shows different intensity colors depending on the magnitude of the percentage change."),
|
|
24
|
+
React.createElement(Stack, { space: "xxsmall" },
|
|
25
|
+
React.createElement(Separator, null),
|
|
26
|
+
React.createElement(FlexStack, { alignItems: "center", space: "xxsmall" },
|
|
27
|
+
React.createElement(Variants, { kind: kind, variants: ['low'], size: "large" }),
|
|
28
|
+
"Change is smaller or equal than ",
|
|
29
|
+
React.createElement("strong", null, "5%")),
|
|
30
|
+
React.createElement(Separator, null),
|
|
31
|
+
React.createElement(FlexStack, { alignItems: "center", space: "xxsmall" },
|
|
32
|
+
React.createElement(Variants, { kind: kind, variants: ['medium'], size: "large" }),
|
|
33
|
+
"Change is smaller or equal than ",
|
|
34
|
+
React.createElement("strong", null, "50%")),
|
|
35
|
+
React.createElement(Separator, null),
|
|
36
|
+
React.createElement(FlexStack, { alignItems: "center", space: "xxsmall" },
|
|
37
|
+
React.createElement(Variants, { kind: kind, variants: ['high'], size: "large" }),
|
|
38
|
+
"Change is larger than ",
|
|
39
|
+
React.createElement("strong", null, "50%")))));
|
|
40
|
+
};
|
|
41
|
+
const ImprovementInfo = () => React.createElement(ChangeMagnitudeInfo, { kind: "improvement", impact: "positive" });
|
|
42
|
+
const RegressionInfo = () => React.createElement(ChangeMagnitudeInfo, { kind: "regression", impact: "negative" });
|
|
43
|
+
const NeutralInfo = () => (React.createElement(Stack, { space: "small" },
|
|
44
|
+
React.createElement("p", null,
|
|
45
|
+
React.createElement("strong", null, "Neutral"),
|
|
46
|
+
" changes do not have a clear positive or negative impact on user performance.")));
|
|
47
|
+
const NoChangeInfo = () => (React.createElement(Stack, { space: "small" },
|
|
48
|
+
React.createElement("p", null,
|
|
49
|
+
"The metric value is ",
|
|
50
|
+
React.createElement("strong", null, "unchanged"),
|
|
51
|
+
" between the compared builds.")));
|
|
52
|
+
const ITEMS = [
|
|
53
|
+
{
|
|
54
|
+
id: 'improvement',
|
|
55
|
+
label: 'Improvement',
|
|
56
|
+
variants: ['low', 'medium', 'high'],
|
|
57
|
+
info: React.createElement(ImprovementInfo, null),
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
id: 'regression',
|
|
61
|
+
label: 'Regression',
|
|
62
|
+
variants: ['low', 'medium', 'high'],
|
|
63
|
+
info: React.createElement(RegressionInfo, null),
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
id: 'neutral',
|
|
67
|
+
label: 'Neutral',
|
|
68
|
+
variants: ['medium'],
|
|
69
|
+
info: React.createElement(NeutralInfo, null),
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
id: 'no-change',
|
|
73
|
+
label: 'No change',
|
|
74
|
+
variants: ['medium'],
|
|
75
|
+
info: React.createElement(NoChangeInfo, null),
|
|
76
|
+
},
|
|
77
|
+
];
|
|
78
|
+
export const MetricChangeLegend = (props) => {
|
|
79
|
+
const { className, ...restProps } = props;
|
|
80
|
+
return (React.createElement(FlexStack, { inline: true, space: "small", className: cx(css.root, className), ...restProps }, ITEMS.map(({ id, variants, label, info }) => (React.createElement(HoverCard, { key: id, anchorClassName: css.itemAnchor, label: React.createElement(FlexStack, { inline: true, alignItems: "center", space: "xxsmall", className: css.item },
|
|
81
|
+
React.createElement(Variants, { kind: id, variants: variants, className: css.itemVariants }),
|
|
82
|
+
React.createElement("span", { className: css.itemLabel }, label)) }, info)))));
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=metric-change-legend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric-change-legend.js","sourceRoot":"","sources":["../../../src/components/metric-change-legend/metric-change-legend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
font-size: var(--size-small);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.itemVariants {
|
|
6
|
+
flex: 0 0 auto;
|
|
7
|
+
min-width: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.itemLabel {
|
|
11
|
+
flex: 1 1 auto;
|
|
12
|
+
min-width: 0;
|
|
13
|
+
white-space: nowrap;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.itemAnchor {
|
|
17
|
+
color: var(--color-text-light);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.itemAnchor:hover {
|
|
21
|
+
color: var(--color-text);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.variants {
|
|
25
|
+
display: flex;
|
|
26
|
+
gap: 1px;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
border-radius: var(--radius-xsmall);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.infoPreviewCell {
|
|
32
|
+
width: 1%;
|
|
33
|
+
white-space: nowrap;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.infoDescriptionCell {
|
|
37
|
+
padding-left: 0 !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.variant {
|
|
41
|
+
width: var(--space-xxsmall);
|
|
42
|
+
height: var(--space-xxsmall);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.large .variant {
|
|
46
|
+
width: var(--space-small);
|
|
47
|
+
height: var(--space-small);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.bar-improvement .variant-low {
|
|
51
|
+
background: var(--color-green-light);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.bar-improvement .variant-medium {
|
|
55
|
+
background: var(--color-green);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.bar-improvement .variant-high {
|
|
59
|
+
background: var(--color-green-dark);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.bar-regression .variant-low {
|
|
63
|
+
background: var(--color-red-light);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.bar-regression .variant-medium {
|
|
67
|
+
background: var(--color-red);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.bar-regression .variant-high {
|
|
71
|
+
background: var(--color-red-dark);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.bar-neutral .variant-medium {
|
|
75
|
+
background: var(--color-info);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.bar-no-change .variant-medium {
|
|
79
|
+
background: var(--color-gray-ultra-light);
|
|
80
|
+
}
|
|
@@ -26,7 +26,7 @@ const MetricHoverCard = ({ title, description, url }) => {
|
|
|
26
26
|
React.createElement(Icon, { glyph: Icon.ICONS.EXTERNAL_LINK, size: "small" }))))))));
|
|
27
27
|
};
|
|
28
28
|
export const MetricRunInfo = (props) => {
|
|
29
|
-
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, titleWrapper: CustomTitleWrapper = React.Fragment, ...restProps } = props;
|
|
29
|
+
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, showDeltaAbsoluteValue = false, titleWrapper: CustomTitleWrapper = React.Fragment, ...restProps } = props;
|
|
30
30
|
const metric = getGlobalMetricType(metricId);
|
|
31
31
|
const metricRunInfo = getMetricRunInfo(metric, current, baseline || 0);
|
|
32
32
|
const titleHoverCard = useMemo(() => {
|
|
@@ -36,17 +36,33 @@ export const MetricRunInfo = (props) => {
|
|
|
36
36
|
return null;
|
|
37
37
|
}, [showMetricDescription, metric]);
|
|
38
38
|
const title = useMemo(() => React.createElement(CustomTitleWrapper, null, metric.label), [CustomTitleWrapper, metric.label]);
|
|
39
|
+
const baselineProps = useMemo(() => {
|
|
40
|
+
if (showBaseline) {
|
|
41
|
+
return {
|
|
42
|
+
showBaseline,
|
|
43
|
+
baseline: metric.formatter(baseline),
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
return { showBaseline };
|
|
47
|
+
}, [showBaseline, baseline]);
|
|
39
48
|
const deltaProps = useMemo(() => {
|
|
40
|
-
if (!showDelta || metric.skipDelta
|
|
41
|
-
return {
|
|
49
|
+
if (!showDelta || metric.skipDelta) {
|
|
50
|
+
return {
|
|
51
|
+
showDelta: false,
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
if (!('delta' in metricRunInfo)) {
|
|
55
|
+
return {
|
|
56
|
+
showDelta: false,
|
|
57
|
+
};
|
|
42
58
|
}
|
|
43
59
|
return {
|
|
44
|
-
|
|
60
|
+
showDelta: true,
|
|
45
61
|
deltaType: metricRunInfo.deltaType,
|
|
62
|
+
deltaPercentage: metricRunInfo.displayDeltaPercentage,
|
|
63
|
+
...(showDeltaAbsoluteValue && { delta: metricRunInfo.displayDelta }),
|
|
46
64
|
};
|
|
47
|
-
}, [metricRunInfo]);
|
|
48
|
-
return (React.createElement(RunInfo, { title: title, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue,
|
|
49
|
-
baseline: metric.formatter(baseline),
|
|
50
|
-
}), ...deltaProps, ...restProps }));
|
|
65
|
+
}, [metric, metricRunInfo, showDelta, showDeltaAbsoluteValue]);
|
|
66
|
+
return (React.createElement(RunInfo, { title: title, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, ...baselineProps, ...deltaProps, ...restProps }));
|
|
51
67
|
};
|
|
52
68
|
//# sourceMappingURL=metric-run-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmB,WAAW,EAAE,OAAO,EAAe,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,15 +40,13 @@ export const MetricsDisplaySelector = (props) => {
|
|
|
40
40
|
},
|
|
41
41
|
];
|
|
42
42
|
const itemClassName = cx(css.dropdownGroup, isFirst && css.itemFirst, isLast && css.itemLast, isActive && css.itemActive);
|
|
43
|
-
return (React.createElement(
|
|
44
|
-
|
|
45
|
-
React.createElement(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
React.createElement(
|
|
49
|
-
|
|
50
|
-
React.createElement("span", null, displayGroupData.label))));
|
|
51
|
-
}))));
|
|
43
|
+
return (React.createElement(Dropdown, { label: displayProps.label, glyph: displayProps.glyph, placement: "bottom-end", shift: -1, className: itemClassName, key: displayType }, displayGroupsData.map((displayGroupData) => {
|
|
44
|
+
const isGroupActive = isActive && displayGroupData.value === groupBy;
|
|
45
|
+
return (React.createElement(DropdownItem, { onClick: () => onSelect(displayType, displayGroupData.value), isActive: isGroupActive, className: cx(css.dropdownItem, isGroupActive && css.dropdownItemActive), key: displayGroupData.value },
|
|
46
|
+
React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center" },
|
|
47
|
+
React.createElement(Icon, { glyph: Icon.ICONS.CHECK, size: "small", className: css.dropdownItemIcon }),
|
|
48
|
+
React.createElement("span", null, displayGroupData.label))));
|
|
49
|
+
})));
|
|
52
50
|
})));
|
|
53
51
|
};
|
|
54
52
|
//# sourceMappingURL=metrics-display-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,GAAG,MAAM,uCAAuC,CAAC;AAExD,MAAM,mBAAmB,GAAG;IAC1B,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;QACvB,KAAK,EAAE,OAAO;KACf;IACD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASvD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,KACuE,EACvE,EAAE;IACF,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,4BAA4B,EACtC,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,YAAY,OAAK,SAAS,IACxB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACtD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC;QACjD,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,CAAC;QAEvC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,QACP,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EACpC,SAAS,EAAE,EAAE,CAAC,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,EACrC,GAAG,EAAE,WAAW,IAEf,YAAY,CAAC,KAAK,CACZ,CACV,CAAC;QACJ,CAAC;QAED,MAAM,iBAAiB,GAAG;YACxB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACtC,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,YAAY,YAAY,EAAE;aAClC,CAAC,CAAC;YACH;gBACE,KAAK,EAAE,qBAAqB,CAAC,IAAI;gBACjC,KAAK,EAAE,UAAU;aAClB;SACF,CAAC;QAEF,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,aAAa,EACjB,OAAO,IAAI,GAAG,CAAC,SAAS,EACxB,MAAM,IAAI,GAAG,CAAC,QAAQ,EACtB,QAAQ,IAAI,GAAG,CAAC,UAAU,CAC3B,CAAC;QAEF,OAAO,CACL,oBAAC,
|
|
1
|
+
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +1,13 @@
|
|
|
1
1
|
.dropdownGroup {
|
|
2
2
|
border: 1px solid var(--color-outline);
|
|
3
|
-
transition: var(--transition-out);
|
|
4
3
|
}
|
|
5
4
|
|
|
6
5
|
.dropdownGroupButton {
|
|
7
6
|
padding: calc(var(--space-xxsmall) - 1px);
|
|
8
7
|
}
|
|
9
8
|
|
|
10
|
-
.dropdownGroupAnchor {
|
|
11
|
-
border: none;
|
|
12
|
-
border-radius: 0;
|
|
13
|
-
position: relative;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.dropdownGroupAnchor::before {
|
|
17
|
-
content: '';
|
|
18
|
-
display: block;
|
|
19
|
-
width: 1px;
|
|
20
|
-
background: var(--color-outline-dark);
|
|
21
|
-
position: absolute;
|
|
22
|
-
left: 0;
|
|
23
|
-
top: var(--space-xxxsmall);
|
|
24
|
-
bottom: var(--space-xxxsmall);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.dropdownGroupAnchor:hover,
|
|
28
|
-
.dropdownGroupAnchor:focus,
|
|
29
|
-
.dropdownGroupAnchor:active {
|
|
30
|
-
border-color: var(--color-outline);
|
|
31
|
-
box-shadow: none;
|
|
32
|
-
background: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
9
|
.dropdownGroup:hover {
|
|
36
10
|
border-color: var(--color-outline-dark);
|
|
37
|
-
transition: var(--transition-in);
|
|
38
11
|
}
|
|
39
12
|
|
|
40
13
|
.itemActive {
|